:root{--background:#f5f6f8;--surface:#fff;--surface-secondary:#eef2f4;--text-primary:#20343c;--text-secondary:#667a82;--border:#dde5e8;--accent:#126d60;--success:#1c7359;--warning:#9b6714;--danger:#b63844;--accent-soft:#e7f3ed;--shadow:0 3px 18px #172c3605;color-scheme:light}
[data-bs-theme=dark]{--background:#121b22;--surface:#1a2630;--surface-secondary:#22323e;--text-primary:#e4edf1;--text-secondary:#a5b6c0;--border:#34454e;--accent:#76d3b9;--success:#89dab4;--warning:#e8bd6e;--danger:#ffa1a8;--accent-soft:#233e39;--shadow:none;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--text-primary);font-family:Segoe UI,system-ui,sans-serif;font-size:15px;line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,p{margin-top:0}h1{font-size:34px;font-weight:650;letter-spacing:-1.2px;margin-bottom:8px}h2{font-size:19px;font-weight:650;margin-bottom:18px}h3{font-size:16px;font-weight:600}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent)}.app-shell{display:flex;min-height:100vh}.sidebar{width:238px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);padding:30px 22px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;color:var(--text-primary);line-height:1.2;font-size:16px}.brand:hover{text-decoration:none}.brand-mark{display:grid;place-items:center;width:43px;height:46px;background:var(--accent);color:var(--surface);font-size:26px;font-weight:700;border-radius:12px;position:relative}.brand-mark span{position:absolute;right:6px;bottom:4px;font-size:16px}.workspace-label,.nav-label{font-size:10px;letter-spacing:1.6px;color:var(--text-secondary);font-weight:700}.workspace-label{margin:42px 10px 15px}.nav-label{margin:28px 10px 10px}.nav-item{display:flex;align-items:center;gap:13px;padding:11px 14px;margin:5px 0;border-radius:8px;color:var(--text-secondary)}.nav-item.active,.nav-item:hover{background:var(--accent-soft);color:var(--accent);text-decoration:none}.sidebar-footer{margin-top:auto;padding-top:55px;font-size:11px;color:var(--text-secondary)}.sidebar-footer p{margin-top:9px;font-size:11px}.environment-dot{display:inline-block;width:6px;height:6px;background:var(--success);border-radius:50%;margin-right:5px}.main-shell{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{min-height:76px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 38px;background:var(--surface)}.topbar-title{font-size:10px;letter-spacing:1px;font-weight:650}.topbar-title .muted{margin-left:10px;letter-spacing:0}.topbar-actions{display:flex;align-items:center;gap:14px;font-size:12px}.topbar-actions select{width:auto;margin:0;padding:7px 10px;font-size:12px}.topbar-actions form{margin:0}.logout{border:0;background:transparent;color:var(--accent);padding:5px}.account-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}main{padding:38px;max-width:1500px;width:100%;margin:0 auto;flex:1}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{display:block;color:var(--accent);font-size:10px;font-weight:750;letter-spacing:1.8px;margin-bottom:9px}.muted{color:var(--text-secondary)}.small{font-size:12px}.strong{font-weight:600}.panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:26px;margin-bottom:24px;box-shadow:var(--shadow)}.narrow{max-width:740px}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:28px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;display:flex;flex-direction:column;color:var(--text-secondary);font-size:13px;box-shadow:var(--shadow)}.stat-card:hover{text-decoration:none;border-color:var(--accent)}.stat-card strong{font-size:42px;font-weight:600;line-height:1.6;color:var(--text-primary);letter-spacing:-1px}.stat-card .stat-text{font-size:25px;line-height:2.7;letter-spacing:-.5px}.stat-link{font-size:12px;color:var(--accent);margin-top:8px}.accent-card{background:var(--accent-soft)}.detail-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.section-heading{display:flex;justify-content:space-between;gap:12px}.section-heading a{font-size:12px}.empty{text-align:center;padding:35px 12px}.empty-symbol{font-size:40px;color:var(--accent);display:block;margin-bottom:12px}.empty p{max-width:430px;margin:12px auto 22px}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:7px;padding:11px 18px;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none}.button:hover{text-decoration:none;filter:brightness(.95)}.primary{background:var(--accent);color:var(--surface)}.secondary{background:var(--surface);border-color:var(--border);color:var(--text-primary)}.badge{display:inline-block;background:var(--accent-soft);color:var(--accent);border-radius:5px;padding:6px 9px;font-size:11px;font-weight:600;white-space:normal}.feature-list{list-style:none;padding:0;margin:24px 0}.feature-list li{padding:9px 0;border-bottom:1px solid var(--border);font-size:13px}.feature-list li:before{content:'✓';color:var(--success);margin-right:10px}.company-row{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--border);color:var(--text-primary)}.company-row small{display:block;margin-top:4px}.company-icon{width:40px;height:40px;border-radius:8px;display:grid;place-items:center;background:var(--surface-secondary);color:var(--accent)}.row-arrow{margin-left:auto;color:var(--accent)}label{display:block;font-size:13px;font-weight:600;margin-bottom:7px}input:not([type=checkbox]):not([type=hidden]),select,textarea{display:block;width:100%;background:var(--surface);border:1px solid var(--border);color:var(--text-primary);padding:10px 12px;border-radius:7px;margin-bottom:20px}textarea{min-height:90px}.check{display:flex;align-items:center;gap:10px;margin:17px 0;font-weight:400}.check input{width:17px;height:17px;accent-color:var(--accent)}.actions{display:flex;align-items:center;gap:15px;margin-top:24px}.filters{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:20px}.filters>div{flex:1;min-width:150px}.filters input:not([type=checkbox]),.filters select{margin:0}.filters .check{margin:0 0 10px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;font-size:11px;font-weight:650;color:var(--text-secondary);background:var(--surface-secondary);padding:13px 15px}td{padding:17px 15px;border-bottom:1px solid var(--border);font-size:13px}.auth-card{max-width:470px;margin:50px auto;background:var(--surface);padding:38px;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.auth-card .button{width:100%;margin:5px 0 20px}.validation{color:var(--danger);background:var(--surface-secondary);border-radius:6px;padding:12px;margin-bottom:18px}.validation:empty,.validation.validation-summary-valid{display:none}.validation ul{margin:0;padding-left:20px}.notice{background:var(--accent-soft);border:1px solid var(--border);color:var(--success);padding:14px 18px;border-radius:8px;margin-bottom:24px}.back{display:inline-block;font-size:12px;margin-bottom:18px}dl dt{font-size:12px;color:var(--text-secondary);font-weight:500;margin-top:16px}dl dd{margin:3px 0 15px}.state-action{border-top:1px solid var(--border);margin-top:22px;padding-top:18px}.state-action summary,.history summary{font-weight:600;cursor:pointer}.state-action form{padding-top:18px}.audit-item{padding:20px 0;border-bottom:1px solid var(--border)}.audit-item h3{margin:6px 0}.changes{display:grid;grid-template-columns:minmax(100px,1fr) 3fr;font-size:13px;gap:4px 14px;margin-top:12px}.changes dt,.changes dd{margin:0;overflow-wrap:anywhere}.secret{display:block;overflow-wrap:anywhere;padding:16px;background:var(--surface-secondary);margin-bottom:18px;font-size:17px;letter-spacing:2px}.recovery{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.recovery code{background:var(--surface-secondary);padding:8px;text-align:center}.status{color:var(--success)}.page-footer{display:flex;justify-content:space-between;padding:22px 38px;color:var(--text-secondary);font-size:10px;border-top:1px solid var(--border)}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:var(--surface);z-index:10;padding:15px}
@media(max-width:1100px){.topbar-title{display:none}.topbar{justify-content:flex-end}.sidebar{width:205px;padding:25px 15px}main{padding:26px}.detail-grid{grid-template-columns:1fr}.stat-grid{gap:12px}.stat-card{padding:18px}}
@media(max-width:720px){.app-shell{display:block}.sidebar{width:auto;padding:15px 18px;border-right:0;border-bottom:1px solid var(--border)}.brand{font-size:13px}.brand-mark{width:34px;height:36px;font-size:20px}.workspace-label,.sidebar-footer,.nav-label{display:none}.sidebar nav{display:flex;flex-wrap:wrap;gap:4px;margin-top:15px}.nav-item{font-size:12px;padding:6px 9px;gap:6px;margin:0}.topbar{padding:12px 18px;min-height:58px}.topbar-actions{gap:10px}.account-name{max-width:120px}.page-heading{align-items:flex-start;flex-direction:column;gap:12px}main{padding:24px 18px}.stat-grid{grid-template-columns:1fr}.stat-card{display:grid;grid-template-columns:1fr auto;align-items:center}.stat-card strong{grid-row:1/3;grid-column:2}.stat-link{margin:0}.panel{padding:20px}.auth-card{margin:10px auto;padding:25px}h1{font-size:28px}.page-footer{padding:18px;gap:20px}.filters{display:block}.filters>div{margin-bottom:12px}.filters .button{margin-top:12px}.changes{grid-template-columns:1fr}.recovery{grid-template-columns:1fr}}
.totp-qr{display:block;max-width:100%;height:auto;background:white;padding:12px;border-radius:8px;margin:20px 0}.password-match{margin-top:-12px;min-height:1.5em}.match-ok{color:var(--success)}.match-error{color:var(--danger)}

.preserve-lines { white-space: pre-wrap; }
.classification-row { padding: 1rem 0; border-bottom: 1px solid var(--border); }
.password-rules { padding-left: 1.4rem; }
.password-rules .met { color: var(--accent); }

/* Shared list, record and configuration layouts. */
.list-toolbar{display:grid;grid-template-columns:minmax(260px,2fr) repeat(2,minmax(160px,1fr));gap:16px;align-items:end;margin-bottom:12px}
.list-toolbar .search-field{grid-column:1/-1}.list-toolbar input:not([type=checkbox]),.list-toolbar select{margin-bottom:0}.list-toolbar .filter-field{min-width:0}
.list-toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-wrap:wrap;grid-column:1/-1}.list-toolbar-actions .check{margin:0;margin-right:auto}.search-feedback{grid-column:1/-1;margin:0;min-height:1.5em}
.list-toolbar .filter-field{grid-column:span 1}.list-toolbar:has(.filter-field){grid-template-columns:repeat(2,minmax(0,1fr))}
.result-count{font-size:12px;color:var(--text-secondary);margin:18px 0 10px}.table-scroll td .small{white-space:normal}.table-scroll td{vertical-align:middle}[data-list-results][aria-busy=true]{opacity:.6}
.record-metadata{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:18px 22px;border:1px solid var(--border);border-radius:10px;background:var(--surface-secondary);margin:0 0 24px;font-size:13px}.metadata-label{display:block;color:var(--text-secondary);font-size:11px;font-weight:650;margin-bottom:4px}.metadata-author{display:block;color:var(--text-secondary);font-size:12px;margin-top:3px}
.related-grid,.classification-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.related-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 0;border-top:1px solid var(--border);font-size:13px;color:var(--text-primary)}.related-row small{display:block;color:var(--text-secondary);font-size:12px}.related-row strong{overflow-wrap:anywhere}.count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:25px;padding:2px 8px;border-radius:20px;background:var(--surface-secondary);color:var(--text-secondary);font-size:12px;vertical-align:middle}
.classification-create{padding:16px 20px}.classification-create summary{display:flex;justify-content:space-between;gap:15px;cursor:pointer;font-size:14px;font-weight:600}.classification-form{display:flex;gap:14px;align-items:end;margin-top:20px}.classification-form input,.classification-form select{margin-bottom:0}.classification-name{flex:1;min-width:0}.classification-panel{padding:20px}.classification-panel h2{margin-bottom:6px;font-size:17px}.classification-item{border-top:1px solid var(--border)}.classification-item summary{display:flex;align-items:center;gap:10px;padding:13px 0;cursor:pointer;list-style:none;font-size:13px}.classification-item summary::-webkit-details-marker{display:none}.classification-item summary .strong{flex:1;overflow-wrap:anywhere}.edit-hint{font-size:11px;color:var(--accent)}.badge-muted{background:var(--surface-secondary);color:var(--text-secondary)}.classification-editor{padding:14px;background:var(--surface-secondary);border-radius:8px;margin-bottom:14px}.classification-editor input:not([type=checkbox]){margin-bottom:8px}.classification-editor-actions{display:flex;justify-content:space-between;align-items:center;gap:10px}.classification-editor-actions .check{margin:0}.classification-editor .button{padding:8px 14px}
@media(max-width:900px){.related-grid,.classification-grid{grid-template-columns:1fr;gap:0}}
@media(max-width:720px){.list-toolbar,.list-toolbar:has(.filter-field){grid-template-columns:1fr}.list-toolbar .search-field,.list-toolbar .filter-field{grid-column:1}.record-metadata{grid-template-columns:1fr}.classification-form{flex-wrap:wrap}.classification-form>div{width:100%}.related-row{align-items:flex-start}.classification-item summary{flex-wrap:wrap}.classification-create summary .muted{display:none}}

/* Consistent heading rhythm and a bounded, aligned classification form. */
.page-heading{align-items:center;margin:0 0 28px;min-height:68px}
.page-heading h1{margin:0;line-height:1.2}.page-heading .eyebrow{margin:0 0 8px;line-height:1.4;text-transform:uppercase}
.page-heading .actions{margin:0;flex-wrap:wrap}.page-heading p{margin:10px 0 0}.page-heading .badge{margin-top:8px}.page-heading>.badge{margin-top:0}
.back{display:block;width:fit-content;margin:0 0 16px;line-height:1.5}
.classification-form{display:grid;grid-template-columns:180px minmax(220px,400px) max-content;justify-content:start;align-items:end;gap:16px;margin-top:20px}
.classification-form>div{min-width:0;width:auto}.classification-form label{margin:0 0 7px;line-height:1.4}
.classification-form input:not([type=checkbox]):not([type=hidden]),.classification-form select{height:44px;margin:0;padding:10px 12px;line-height:22px}
.classification-form .button{height:44px;margin:0;white-space:nowrap}
@media(max-width:1100px){.classification-form{grid-template-columns:160px minmax(180px,1fr) max-content}}
@media(max-width:720px){.page-heading{align-items:flex-start;min-height:0;gap:16px}.page-heading .actions{gap:10px}.classification-form{grid-template-columns:minmax(0,1fr);max-width:440px}.classification-form>div{width:100%}.classification-form .button{justify-self:start}}

.classification-form{grid-template-columns: minmax(170px,220px) minmax(0,1fr) max-content}.classification-form .category-field{grid-column:1/-1;max-width:400px}
@media(max-width:720px){.classification-form{grid-template-columns:minmax(0,1fr);max-width:none}}
.operation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.operation-grid .full{grid-column:1/-1}.coverage-list{max-height:260px;overflow:auto;border:1px solid var(--border);padding:0 15px;border-radius:8px;margin-bottom:20px}
@media(max-width:720px){.operation-grid{grid-template-columns:1fr}}

/* Shared searchable choices, contextual creation and responsive navigation. */
[hidden]{display:none!important}.classification-add{border-bottom:1px solid var(--border);padding:12px 0;margin-bottom:12px}.classification-add summary{color:var(--accent);cursor:pointer;font-weight:600}.classification-add form{padding-top:16px}.property-preview{background:var(--surface-secondary);padding:14px;border-radius:8px;margin-bottom:20px;font-size:13px}.property-preview p{margin-bottom:8px}.selection-chip{border:1px solid var(--border);background:var(--accent-soft);color:var(--text-primary);border-radius:6px;padding:6px 10px;margin:0 6px 8px 0;font-size:12px;text-align:left}.search-select{position:relative;min-width:0;margin-bottom:20px}.search-select .enhanced-select{position:absolute!important;width:1px!important;height:1px!important;opacity:0;overflow:hidden;clip-path:inset(50%);padding:0!important;margin:0!important;pointer-events:none}.combo-button{width:100%;text-align:left;padding:10px 12px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text-primary);min-height:44px;overflow-wrap:anywhere}.combo-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.combo-popup{position:absolute;top:100%;left:0;right:0;min-width:220px;z-index:40;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);padding:8px}.combo-popup input[type=search]{margin-bottom:8px}.combo-popup [role=listbox]{max-height:240px;overflow:auto}.combo-popup [role=option]{padding:9px;cursor:pointer;white-space:normal}.combo-popup [role=option]:hover,.combo-popup [role=option].active{background:var(--accent-soft)}.combo-popup [aria-selected=true]{font-weight:700}.list-toolbar .search-select,.filters .search-select{margin-bottom:0}.classification-form .search-select{margin:0}.topbar #sidebar-toggle{margin-right:auto;flex-shrink:0;padding:6px 10px}.sidebar-compact .sidebar{width:76px;padding:24px 10px}.sidebar-compact .sidebar .brand>span:last-child,.sidebar-compact .workspace-label,.sidebar-compact .nav-label,.sidebar-compact .sidebar-footer,.sidebar-compact .nav-item>span{display:none}.sidebar-compact .nav-item{justify-content:center;font-size:20px}.sidebar-compact .brand{justify-content:center}.sidebar-compact .main-shell{min-width:0}
@media(max-width:720px){.sidebar{display:none}.sidebar-mobile-open .sidebar{display:block}.sidebar-mobile-open .sidebar nav{display:block}.sidebar-mobile-open .nav-item{padding:12px}.combo-popup{min-width:0}.topbar #sidebar-toggle{display:block}}

.classification-delete{border-top:1px solid var(--border);padding:12px 0}.list-toolbar.compact-toolbar,.list-toolbar.compact-toolbar:has(.filter-field){display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:10px;align-items:end}.compact-toolbar>.search-field{grid-column:auto}.compact-toolbar>.list-toolbar-actions{grid-column:auto}.compact-filters{position:relative}.compact-filters>summary{list-style:none;cursor:pointer;border:1px solid var(--border);border-radius:7px;padding:10px 16px;min-height:44px;background:var(--surface)}.compact-filter-fields{position:absolute;right:0;top:calc(100% + 8px);width:min(620px,80vw);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);z-index:30}.compact-filter-fields .check{grid-column:1/-1;margin:0}.active-filter-summary{grid-column:1/-1;margin:0;font-size:12px;color:var(--accent)}.compact-toolbar>.search-feedback{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:720px){.list-toolbar.compact-toolbar,.list-toolbar.compact-toolbar:has(.filter-field){grid-template-columns:1fr auto}.compact-toolbar>.search-field{grid-column:1/-1}.compact-filter-fields{left:0;right:auto;width:min(80vw,400px);grid-template-columns:1fr}}
/* Claim detail: compact desktop overview, naturally stacked on narrow screens. */
.record-overview{min-width:0}.record-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 18px}.record-metrics>div{padding:20px 22px;border:1px solid var(--border);border-radius:12px;background:var(--surface);min-width:0}.record-overview dt{margin:0 0 8px;font-size:12px;color:var(--text-secondary);font-weight:500}.record-overview dd{margin:0;overflow-wrap:anywhere}.record-metrics dd{font-size:clamp(20px,1.65vw,30px);font-weight:650;letter-spacing:-.025em;font-variant-numeric:tabular-nums}.record-metrics .record-highlight{background:var(--accent-soft);border-color:var(--accent)}.record-highlight dd{color:var(--accent)}.record-overview .panel{padding:22px;margin-bottom:18px}.record-dates dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;gap:20px}.record-dates dl>div+div{border-left:1px solid var(--border);padding-left:24px}.record-dates dd{font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}.record-sections{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}.record-sections .panel{min-width:0}.record-sections h2{font-size:17px;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid var(--border)}.record-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 22px;margin:0}.record-wide{grid-column:1/-1}.record-fields dd{font-size:14px;line-height:1.6}.record-address{display:block;font-size:12px;color:var(--text-secondary);margin-top:3px}.record-overview .record-metadata{margin-top:0}
@media(max-width:1100px){.record-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.record-sections{grid-template-columns:1fr;gap:0}.record-metrics{gap:10px}.record-metrics>div{padding:16px}.record-dates dl{gap:12px}.record-dates dl>div+div{padding-left:12px}}
@media(max-width:480px){.record-metrics,.record-fields,.record-dates dl{grid-template-columns:1fr}.record-dates dl>div+div{border-left:0;border-top:1px solid var(--border);padding:12px 0 0}.record-overview .panel{padding:18px}}

.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start;margin-bottom:22px}.related-grid>.related-grid{display:contents}.related-grid>.panel,.related-grid>.related-grid>.panel{min-width:0;margin:0;padding:22px}.related-grid h2{font-size:17px;margin:0 0 14px}.related-grid .related-row{padding:12px 0;min-width:0;gap:12px;flex-wrap:wrap}.related-grid .related-row>span,.related-grid .related-row>strong{min-width:0;overflow-wrap:anywhere}.related-grid .section-heading{flex-wrap:wrap;gap:8px}.related-grid .related-row:last-child{border-bottom:0}.related-grid:has(>section:only-child){grid-template-columns:1fr}@media(min-width:1550px){.related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.related-grid:has(>section:first-child:nth-last-child(2)){grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.related-grid{grid-template-columns:1fr}}

.related-grid .related-row small{line-height:1.5;margin-top:4px}.related-grid .related-row>span:first-child{flex:1 1 180px}.related-grid .related-row>span:last-child{flex:0 1 auto;font-size:12px}.related-grid .related-row{align-items:flex-start}

/* Reusable overview, forms and table controls. */
.record-metrics small{display:block;color:var(--text-secondary);font-size:12px;margin-top:7px}.record-metrics.three-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.company-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.company-metrics a{border:1px solid var(--border);border-radius:10px;padding:18px;background:var(--surface);color:var(--text-primary)}.company-metrics span{display:block;font-size:12px;color:var(--text-secondary)}.company-metrics strong{display:block;font-size:26px;margin-top:8px}.edit-panel{max-width:1100px}.edit-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}.edit-field{min-width:0}.edit-fields .field-wide,.edit-fields>p,.form-section-title{grid-column:1/-1}.edit-fields .field-short input{max-width:170px}.edit-fields>[data-subject-person],.edit-fields>[data-subject-business]{display:contents}.form-section-title{font-size:17px;border-top:1px solid var(--border);padding-top:18px;margin:4px 0 18px}.field-error{display:block;color:var(--danger);font-size:12px;margin:-12px 0 16px}.field-error:empty{display:none}.input-validation-error{border-color:var(--danger)!important}.numeric{text-align:right;font-variant-numeric:tabular-nums}.sort-column{border:0;background:transparent;color:inherit;font:inherit;padding:0;cursor:pointer}.sort-column:after{content:' ↕';opacity:.5}th[aria-sort=ascending] .sort-column:after{content:' ↑';opacity:1}th[aria-sort=descending] .sort-column:after{content:' ↓';opacity:1}.sort-column:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.quick-links{display:grid;gap:12px;margin:20px 0}.quick-links a{padding:12px;border:1px solid var(--border);border-radius:8px}.audit-item summary{cursor:pointer}.audit-item summary h3{display:inline;font-size:14px}.audit-item .changes{padding-top:14px}.badge[data-state=Draft],.badge[data-state=Closed],.badge[data-state=Cancelled]{background:var(--surface-secondary);color:var(--text-secondary)}.badge[data-state=Open],.badge[data-state=Expired],.warning-notice{color:var(--warning);background:var(--surface-secondary)}.badge[data-state=Settled],.badge[data-state=Active]{color:var(--success);background:var(--accent-soft)}.record-fields>div{min-width:0}.record-fields .preserve-lines{white-space:pre-wrap}.current-contract h2{font-size:17px}
@media(max-width:1000px){.company-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.record-metrics.three-metrics,.edit-fields{grid-template-columns:1fr}.edit-fields .field-short input{max-width:none}.company-metrics{gap:10px}.company-metrics a{padding:14px}}
[data-person-help]{grid-column:1/-1}.record-overview .record-fields>div:has(.preserve-lines){grid-column:1/-1}

.record-heading-actions{position:relative;justify-content:flex-end}.record-actions-menu{position:relative}.record-actions-menu>summary{list-style:none;cursor:pointer}.record-actions-menu>summary::-webkit-details-marker{display:none}.record-actions-popover{position:absolute;right:0;top:calc(100% + 8px);width:min(340px,85vw);padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);z-index:35;font-size:13px}.record-actions-popover .check{align-items:flex-start}.record-overview>h2{font-size:17px;margin-bottom:20px}@media(max-width:720px){.record-heading-actions{justify-content:flex-start}.record-actions-popover{left:0;right:auto}}

.record-action-picker{position:absolute;right:0;top:calc(100% + 8px);width:min(340px,85vw);padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);z-index:35}.archive-confirmation>summary{cursor:pointer;padding:10px;color:var(--text-primary);font-weight:600;list-style:none}.archive-confirmation>summary:after{content:' →'}.archive-confirmation[open]>summary{border-bottom:1px solid var(--border)}.record-action-picker .record-actions-popover{position:static;width:auto;padding:12px 8px 4px;border:0;box-shadow:none}.audit-isolate{display:inline-block;font-size:12px;margin:10px 0}@media(max-width:720px){.record-action-picker{left:0;right:auto}}

/* Documents: compact cards on desktop; full-width controls on small screens. */
.document-shortcut{display:flex;align-items:center;justify-content:space-between;gap:1rem}.document-shortcut h2,.document-shortcut p{margin-bottom:.3rem}.document-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr));gap:1rem}.document-card{margin:0;min-width:0}.document-filename{overflow-wrap:anywhere}.document-history{margin-top:1rem;border-top:1px solid var(--border);padding-top:.8rem}.document-history li{margin:.8rem 0}.document-history li small{display:block;overflow-wrap:anywhere}.document-upload{display:grid;gap:1rem;padding-top:1rem}.document-upload label{display:grid;gap:.4rem}.document-upload input{width:100%;min-width:0}.document-upload button{justify-self:start}.document-card h2{overflow-wrap:anywhere}@media(max-width:600px){.document-shortcut{align-items:flex-start;flex-direction:column}}

.document-shortcut{padding:16px 22px}.document-shortcut h2{margin:0}.document-shortcut-actions{display:flex;gap:10px;flex-wrap:wrap}.document-preview{display:block;width:100%;height:75vh;min-height:400px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.document-image-preview{text-align:center}.document-image-preview img{max-width:100%;max-height:75vh;object-fit:contain}.document-card .section-heading{align-items:flex-start}

/* Consistent secondary surfaces: keep the record in place while reading its history. */
body.drawer-open{overflow:hidden}
.metadata-update{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.metadata-history-button{font-size:12px;padding:9px 12px;text-align:left}
.app-drawer.history-drawer{width:min(720px,100%)}
.app-drawer>header{flex-shrink:0}.app-drawer>header .button{flex-shrink:0}
.app-drawer-body{min-height:0;overscroll-behavior:contain}
.audit-item>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none}
.audit-item>summary::-webkit-details-marker{display:none}
.audit-event-info{display:grid;gap:5px;min-width:0;overflow-wrap:anywhere;font-size:14px}
.disclosure-hint{font-size:12px;color:var(--accent);flex-shrink:0}
details:not([open])>summary .when-open,details[open]>summary .when-closed{display:none}
.audit-changes{display:grid;gap:12px;margin-top:16px}
.audit-change{padding:14px;border:1px solid var(--border);border-radius:8px;background:var(--surface-secondary);min-width:0}
.audit-change h3{font-size:13px;margin:0 0 12px}
.audit-change-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.audit-change-values>div{min-width:0}.audit-change-values>div+div{border-left:2px solid var(--accent);padding-left:14px}
.audit-change-values p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}
.audit-values-only{grid-template-columns:repeat(2,minmax(0,1fr))}.audit-values-only .audit-change-values{grid-template-columns:1fr}
.filter-close{grid-column:1/-1;justify-self:end;padding:7px 12px;font-size:12px}
.record-actions-popover [data-close-popover]{display:block;margin-top:12px}
.button:focus-visible,summary:focus-visible,[data-drawer]:focus-visible,[data-close-popover]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.document-menu-items button:hover,.document-menu-items button:focus-visible{background:var(--accent-soft);border-radius:5px}
.table-scroll tbody tr:hover{background:var(--accent-soft)}
@media(max-width:720px){.audit-item>summary{align-items:start;flex-direction:column;gap:8px}.metadata-history-button{margin-top:4px}.audit-values-only{grid-template-columns:1fr}}
@media(max-width:420px){.audit-change-values{grid-template-columns:1fr;gap:12px}}

.document-list{border:1px solid var(--border);border-radius:12px;background:var(--surface);margin-bottom:24px}.document-list:empty{display:none}.document-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;border-bottom:1px solid var(--border)}.document-row:last-child{border-bottom:0}.document-row-info{min-width:0}.document-row-info h2{font-size:16px;margin:0 0 4px;overflow-wrap:anywhere}.document-row-info p{margin:0}.document-row-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.document-menu{position:relative}.document-menu>summary{list-style:none;font-size:20px;padding:5px 12px}.document-menu-items{position:absolute;right:0;top:100%;z-index:5;width:240px;padding:8px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #0002}.document-menu-items button{background:none;border:0;color:var(--text-primary);padding:10px;text-align:left;width:100%}.document-last-activity{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;margin-bottom:20px;background:var(--accent-soft);border-radius:8px;font-size:13px;overflow-wrap:anywhere}.document-text-button{border:0;background:none;color:var(--accent);white-space:nowrap;padding:4px;cursor:pointer}.app-drawer{margin:0 0 0 auto;inset:0;width:min(620px,100%);height:100dvh;max-height:100dvh;max-width:100%;padding:0;border:0;border-left:1px solid var(--border);background:var(--surface);color:var(--text-primary)}.app-drawer::backdrop{background:#0007}.app-drawer[open]{display:flex;flex-direction:column}.app-drawer>header{display:flex;justify-content:space-between;align-items:start;gap:16px;padding:24px;border-bottom:1px solid var(--border)}.app-drawer>header h2{margin:0;overflow-wrap:anywhere}.app-drawer-body{padding:24px;overflow-y:auto;flex:1}.document-timeline{list-style:none;padding:0;margin:0}.document-timeline li{padding:16px 0;border-bottom:1px solid var(--border);overflow-wrap:anywhere}.document-timeline p{margin:0 0 5px;font-size:14px}.document-timeline time{font-size:12px;color:var(--text-secondary)}.document-versions li{margin:12px 0}.document-versions small{display:block}@media(max-width:720px){.document-row{align-items:stretch;flex-direction:column;gap:12px;padding:16px}.document-row-actions{justify-content:flex-end;flex-wrap:wrap}.document-last-activity{align-items:start;flex-direction:column}.app-drawer>header,.app-drawer-body{padding:18px}}

/* Deadlines and reminders share the existing record and drawer layouts. */
.deadline-overdue{color:var(--danger)!important}.deadline-metrics a:first-child:has(.deadline-overdue){border-color:var(--danger)}.notification-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid var(--border)}.notification-row:last-child{border-bottom:0}.notification-row h2{font-size:16px;margin:8px 0}.notification-row p{margin:5px 0}.notification-row>div{min-width:0;overflow-wrap:anywhere}.notification-row form{flex-shrink:0}.notification-bell{padding:7px 10px;white-space:nowrap}.badge[data-state=Done]{color:var(--success);background:var(--accent-soft)}fieldset{margin-bottom:22px}legend{font-size:16px;font-weight:600}
@media(max-width:720px){.notification-bell-label{display:none}.notification-row{align-items:flex-start;flex-direction:column}.topbar-actions{gap:6px}.topbar-actions .account-name{display:none}}

.topbar #sidebar-toggle{margin-right:0}.topbar-actions{margin-left:auto}.topbar-title{min-width:0}.related-status{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.related-grid .section-heading{align-items:baseline}.related-grid .section-heading a{white-space:nowrap}.palette-preview{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.palette-preview>div{padding:12px;border:1px solid #64748b55;border-radius:8px}.palette-preview small{display:block;margin-bottom:8px}.palette-light{background:#fff;color:#20343c}.palette-dark{background:#1a2630;color:#e4edf1}.classification-color{grid-column:1/-1}.classification-item summary>.classification-badge{flex-shrink:1;min-width:0;overflow-wrap:anywhere}
.badge.classification-badge[data-tone=Neutral],.palette-light .badge.classification-badge[data-tone=Neutral]{background:#edf1f4;color:#41515d}[data-bs-theme=dark] .badge.classification-badge[data-tone=Neutral],.palette-dark .badge.classification-badge[data-tone=Neutral]{background:#2c3a46;color:#d6e0e8}[data-bs-theme=dark] .palette-light .badge.classification-badge[data-tone=Neutral]{background:#edf1f4;color:#41515d}
.badge.classification-badge[data-tone=Green],.palette-light .badge.classification-badge[data-tone=Green]{background:#e1f3e9;color:#166347}[data-bs-theme=dark] .badge.classification-badge[data-tone=Green],.palette-dark .badge.classification-badge[data-tone=Green]{background:#203f35;color:#91e2bb}[data-bs-theme=dark] .palette-light .badge.classification-badge[data-tone=Green]{background:#e1f3e9;color:#166347}
.badge.classification-badge[data-tone=Blue],.palette-light .badge.classification-badge[data-tone=Blue]{background:#e4efff;color:#20559d}[data-bs-theme=dark] .badge.classification-badge[data-tone=Blue],.palette-dark .badge.classification-badge[data-tone=Blue]{background:#203b56;color:#a4cdff}[data-bs-theme=dark] .palette-light .badge.classification-badge[data-tone=Blue]{background:#e4efff;color:#20559d}
.badge.classification-badge[data-tone=Amber],.palette-light .badge.classification-badge[data-tone=Amber]{background:#fff1cf;color:#805000}[data-bs-theme=dark] .badge.classification-badge[data-tone=Amber],.palette-dark .badge.classification-badge[data-tone=Amber]{background:#4a381b;color:#ffd68a}[data-bs-theme=dark] .palette-light .badge.classification-badge[data-tone=Amber]{background:#fff1cf;color:#805000}
.badge.classification-badge[data-tone=Red],.palette-light .badge.classification-badge[data-tone=Red]{background:#ffe6e8;color:#a32437}[data-bs-theme=dark] .badge.classification-badge[data-tone=Red],.palette-dark .badge.classification-badge[data-tone=Red]{background:#482731;color:#ffb5c0}[data-bs-theme=dark] .palette-light .badge.classification-badge[data-tone=Red]{background:#ffe6e8;color:#a32437}
.badge.classification-badge[data-tone=Purple],.palette-light .badge.classification-badge[data-tone=Purple]{background:#f0e8ff;color:#6837a3}[data-bs-theme=dark] .badge.classification-badge[data-tone=Purple],.palette-dark .badge.classification-badge[data-tone=Purple]{background:#392e50;color:#d7bdff}[data-bs-theme=dark] .palette-light .badge.classification-badge[data-tone=Purple]{background:#f0e8ff;color:#6837a3}

.permissions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.permissions-grid>.panel{margin:0}.permissions-table input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.permissions-table td:not(:first-child),.permissions-table th:not(:first-child){text-align:center}.permission-options .check{align-items:flex-start}.permission-options small{display:block;color:var(--text-secondary)}.permission-jumps{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:24px}.permissions-user{display:flex;align-items:end;gap:12px}.permissions-user>div{flex:1}.permissions-user input,.permissions-user select,.permissions-user .search-select{margin-bottom:0}.permissions-user button{flex-shrink:0}.permissions-form-footer{margin-top:20px}@media(max-width:850px){.permissions-grid{grid-template-columns:1fr}}@media(max-width:500px){.permissions-user{align-items:stretch;flex-direction:column}}



.date-control{display:flex;gap:6px;align-items:stretch;min-width:0;margin-bottom:18px}.date-control>input{flex:1;min-width:0;margin:0}.date-control>.date-picker-button{flex:0 0 42px;padding:0;font-size:22px}.date-enhanced::-webkit-calendar-picker-indicator{display:none}.active-filter-summary{display:flex;flex-wrap:wrap;gap:6px}.active-filter-summary .selection-chip{font-size:12px}.related-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px}.related-actions .button{padding:6px 10px;font-size:12px}

/* Date input and picker share one height; override the global input margin specificity. */
.date-control>input[type=date]:not([type=checkbox]):not([type=hidden]){margin:0;align-self:stretch}
.date-control>.date-picker-button{align-self:stretch;margin:0;line-height:1;min-height:0}
.date-picker-button svg{display:block;flex-shrink:0}
/* A consistent two-row header avoids wrapping only the longest card title. */
.related-grid .section-heading:has(>.related-actions){flex-direction:column;align-items:stretch;gap:12px;margin-bottom:0}
.related-grid .section-heading:has(>.related-actions)>h2{margin:0;line-height:1.4}
.related-grid .section-heading>.related-actions{width:100%;justify-content:space-between;min-height:40px;padding-bottom:8px;gap:8px 12px}
.related-grid .section-heading>.related-actions>a{white-space:normal}
.related-grid .section-heading>.related-actions>.button{margin-left:auto;text-align:center}
/* Unread notifications: steady highlight, without blinking or motion. */
.notification-bell.has-unread{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft),0 0 14px var(--accent-soft)}
.notification-bell.has-unread .count-badge{background:var(--accent);color:var(--surface);font-weight:750;min-width:26px}

/* Overview: deadlines, attention, then four compact counters. */
.overview-counters{grid-template-columns:repeat(4,minmax(0,1fr))}
.attention-panel.has-attention{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft),0 0 14px var(--accent-soft)}
.attention-panel.has-attention h2{color:var(--accent)}
.attention-panel .count-badge{background:var(--accent);color:var(--surface);margin-left:6px}
@media(max-width:1000px){.overview-counters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.overview-counters{grid-template-columns:1fr}}

.permission-tabs{display:flex;gap:10px;margin-bottom:20px}.permission-tabs [aria-pressed=true]{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.permission-create-company{padding:16px;background:var(--accent-soft);border-radius:8px}.permission-create-company small{display:block;color:var(--text-secondary)}.permission-company{display:flex;gap:16px;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--border);padding:12px 0}.permission-company>label{flex:1;min-width:200px;margin:0}.permission-companies{margin-bottom:20px}.permission-drawer{width:min(1000px,96vw)!important;max-width:96vw}.permission-different{background:var(--accent-soft);box-shadow:inset 0 -2px var(--accent)}.permission-options>summary{cursor:pointer;font-weight:650}.permission-options[open]>summary{margin-bottom:20px}[data-permission-panel][hidden]{display:none!important}.permission-matrix input{margin:0}.permission-matrix td{padding:12px 10px}

/* Unavailable actions remain readable and distinct from enabled commands. */
.button:disabled,.combo-button:disabled,.document-text-button:disabled{background:var(--surface-secondary);color:var(--text-secondary);border-color:var(--border);cursor:not-allowed;filter:none;box-shadow:none}

.list-toolbar.users-toolbar{grid-template-columns:minmax(0,1fr) auto}
.list-toolbar.users-toolbar .search-field{grid-column:1}
.list-toolbar.users-toolbar .list-toolbar-actions{grid-column:2;justify-content:flex-end}
.list-toolbar.users-toolbar .search-feedback{grid-column:1/-1}
@media(max-width:720px){.list-toolbar.users-toolbar{grid-template-columns:1fr}.list-toolbar.users-toolbar .list-toolbar-actions{grid-column:1;justify-content:flex-start}}

/* Uniform permission actions and accessible hover in both themes. */
.button.secondary:hover,.button.secondary:focus-visible{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);filter:none}.button.secondary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.user-permissions-card{display:flex;align-items:center;justify-content:space-between;gap:20px}.user-permissions-card h2{margin-bottom:8px}.user-permissions-card p{margin:0}.user-permissions-card .button{flex-shrink:0}@media(max-width:700px){.user-permissions-card{align-items:stretch;flex-direction:column}}

.backup-encryption-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px}.backup-encryption-form input,.backup-encryption-form select,.backup-encryption-form .search-select{margin-bottom:0}.backup-encryption-form>.actions{grid-column:1/-1;margin-top:0;flex-wrap:wrap}@media(max-width:700px){.backup-encryption-form{grid-template-columns:1fr}}