.list-experience { min-width: 0; margin: 14px 0; letter-spacing: 0; }
.list-experience [hidden] { display: none; }
.list-toolbar { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.list-search { flex: 1 1 220px; min-width: 180px; margin: 0; }
.list-experience input, .list-experience select { min-width: 0; max-width: 100%; font-size: 13px; min-height: 36px; border: 1px solid #cfd5dc; border-radius: 4px; background: #fff; color: #20262e; }
.list-search input { width: 100%; margin: 0; }
.list-toolbar-actions { display: flex; gap: 6px; flex-wrap: wrap; min-width: 0; }
.list-experience button, .list-experience a { letter-spacing: 0; }
.list-experience .list-tool { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-height: 36px; padding: 6px 10px; width: auto; border: 1px solid #cfd5dc; border-radius: 4px; background: #fff; color: #303944; font-size: 13px; white-space: nowrap; }
.list-tool svg { width: 16px; height: 16px; flex: 0 0 16px; }
.list-view-selector { max-width: 290px; }
.list-view-selector strong { overflow: hidden; text-overflow: ellipsis; }
.list-filter-count { min-width: 18px; height: 18px; display: inline-grid; place-content: center; background: #e8edf2; border-radius: 4px; font-size: 11px; }
.list-dialog { padding: 0; border: 1px solid #d4d9df; border-radius: 6px; width: min(480px, calc(100% - 32px)); max-width: calc(100% - 32px); max-height: calc(100dvh - 32px); color: #20262e; background: #fff; box-shadow: 0 12px 40px #17212b26; }
.list-dialog::backdrop { background: #151b2540; }
.list-dialog[open] { display: flex; flex-direction: column; }
.list-dialog > form { display: flex; flex-direction: column; min-height: 0; margin: 0; }
.list-drawer { margin: 0 0 0 auto; height: 100dvh; max-height: 100dvh; border-radius: 0; width: min(460px, calc(100% - 16px)); }
.list-menu-dialog { width: min(360px, calc(100% - 32px)); }
.list-dialog header, .list-dialog footer { display: flex; align-items: center; gap: 12px; flex-shrink: 0; padding: 16px 20px; }
.list-dialog header { justify-content: space-between; border-bottom: 1px solid #e4e7eb; }
.list-dialog header h2 { font-size: 17px; line-height: 1.3; margin: 0; }
.list-dialog footer { justify-content: flex-end; border-top: 1px solid #e4e7eb; }
.list-experience .list-icon { width: 32px; height: 32px; min-height: 32px; padding: 0; display: inline-grid; place-content: center; border: 0; border-radius: 4px; background: transparent; color: #44505d; font-size: 18px; flex-shrink: 0; }
.list-experience button:hover { background-color: #edf1f4; }
.list-experience button:focus-visible, .list-experience a:focus-visible { outline: 2px solid #2c727a; outline-offset: 2px; }
.list-dialog-content { min-height: 0; overflow-y: auto; padding: 20px; overscroll-behavior: contain; }
.list-filter-field { border: 0; padding: 0; margin: 0 0 20px; min-width: 0; }
.list-filter-field legend, .list-field-label { font-weight: 600; font-size: 13px; margin-bottom: 6px; }
.list-filter-field input, .list-filter-field select, .list-field-label input, .list-field-label select { width: 100%; margin: 0; }
.list-filter-field > select { margin-bottom: 6px; }
.list-filter-field > input { margin-top: 6px; }
.list-field-label { display: grid; gap: 6px; margin-bottom: 16px; }
.list-experience input[type="checkbox"] { width: 18px; height: 18px; min-height: 18px; flex: 0 0 18px; margin: 0; accent-color: #286c75; }
.list-check { display: flex; align-items: center; gap: 8px; font-size: 13px; }
.list-combobox { position: relative; }
.list-chips { display: flex; gap: 5px; flex-wrap: wrap; }
.list-chips:not(:empty) { margin-bottom: 6px; }
.list-chip { display: inline-flex; align-items: center; gap: 5px; padding: 2px 3px 2px 8px; border-radius: 4px; background: #edf2f4; font-size: 12px; overflow-wrap: anywhere; max-width: 100%; }
.list-experience .list-chip button { width: 24px; height: 24px; min-height: 24px; padding: 0; border: 0; background: transparent; color: #414d58; font-size: 17px; flex-shrink: 0; }
.list-options { max-height: 220px; overflow-y: auto; border: 1px solid #cfd5dc; border-radius: 4px; margin-top: 4px; background: #fff; }
.list-experience .list-options button { display: block; width: 100%; min-height: 34px; border: 0; border-radius: 0; padding: 8px 10px; text-align: left; font-size: 13px; background: #fff; color: #20262e; overflow-wrap: anywhere; }
.list-experience .list-options button[aria-selected="true"] { background: #e7f1ed; color: #225b44; }
.list-experience .list-options button.is-focused, .list-experience .list-options button:hover { background: #edf1f4; }
.list-input-message { display: block; font-size: 12px; color: #65717d; margin-top: 4px; }
.list-column-options { list-style: none; padding: 0; margin: 0; }
.list-column-options li { display: flex; align-items: center; gap: 4px; min-height: 42px; border-bottom: 1px solid #edf0f3; }
.list-column-options label { flex: 1; min-width: 0; display: flex; align-items: center; gap: 10px; font-size: 13px; overflow-wrap: anywhere; }
.list-view-options { display: flex; flex-direction: column; gap: 4px; }
.list-view-options a, .list-view-options > button { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 10px; border: 0; border-radius: 4px; color: #293743; background: #fff; font-size: 13px; text-align: left; text-decoration: none; overflow-wrap: anywhere; }
.list-view-options a[aria-current="true"] { background: #e7f1ed; color: #225b44; }
.list-view-options small { font-size: 11px; color: #66727e; }
.list-managed-view { margin-bottom: 20px; padding-bottom: 16px; border-bottom: 1px solid #e4e7eb; }
.list-rename-form { display: flex; gap: 8px; align-items: center; }
.list-rename-form input { flex: 1; width: 0; }
.list-managed-actions { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-top: 8px; }
.list-managed-actions form { margin: 0; }
.list-experience .btn { min-height: 34px; width: auto; font-size: 13px; padding: 7px 12px; }
.offer-desk-kpis { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
.offer-desk-table th, .offer-desk-table td { min-width: 140px; }
.offer-desk-table th:first-child, .offer-desk-table td:first-child,
.offer-desk-table th:nth-child(2), .offer-desk-table td:nth-child(2) { min-width: 210px; }
.offer-desk-table td small { display: block; margin-top: 4px; }
@media (max-width: 768px) {
    .list-search { flex-basis: 100%; }
    .list-toolbar-actions { width: 100%; gap: 5px; }
    .list-experience .list-tool { padding: 6px 8px; }
    .list-dialog header, .list-dialog footer { padding: 14px 16px; }
    .list-dialog-content { padding: 16px; }
}
