#sync-status{display:block;margin-top:8px;max-width:48vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#72829a}
.file-links{display:flex;align-items:center;gap:12px}
.file-links a{color:#2464e9;text-decoration:none;font-weight:600}
.file-links .pdf-link{color:#df653f}
.file-links button{padding:5px 8px;font-size:10px;background:#f0f2f5;color:#8691a0}
.items-toggle{display:block;margin-bottom:8px;padding:5px 10px;background:#edf3ff;color:#2464e9;font-size:12px}
.items-toggle:disabled{background:#f0f2f5;color:#8691a0;cursor:default}
.items-row>td{padding:12px;background:#f5f7fb;white-space:normal}
.items-panel{padding:16px;border:1px solid #dce4f0;border-radius:8px;background:white}
.items-panel h3{margin:0 0 14px;font-size:14px}
.items-scroll{overflow-x:auto}
.items-table th,.items-table td{padding:12px;border:1px solid #e4e9f0}
.items-table th{text-transform:none;font-size:12px}
.items-table td{font-size:13px}
.items-table td:nth-child(2){min-width:260px;white-space:normal}
.items-table td:nth-child(2) small{color:#344761;font-size:13px;margin-top:5px}
.items-table td:nth-child(3) small{color:#c46b12;margin-top:5px}
.items-table th:nth-child(n+6),.items-table td:nth-child(n+6){text-align:right}
.items-table tbody tr:nth-child(even){background:#f8fafc}
.items-panel>small{display:block;margin-top:12px;color:#72829a}
.events-panel{margin-top:16px}
.events-panel h3{margin-bottom:8px}
.events-table{margin-top:14px}
.events-table td:nth-child(2){min-width:0}
.events-table td:nth-child(4){white-space:normal;min-width:240px}
.status-cancelled{color:#b52d3b;font-weight:700}
.status-active{color:#16845d;font-weight:700}
.header-navigation{display:flex;align-items:center;gap:12px}
#sidebar-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:34px;padding:0;font-size:20px;color:#2455a2}
#workspace.sidebar-collapsed>.main{margin-left:0}
#last-sync{display:block;margin:6px 0 4px;color:#52647d}
.manifest-actions{display:flex;gap:4px;flex-wrap:wrap;margin-top:5px}
#rows .manifest-actions button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;font-size:17px;font-weight:700;border-radius:4px;cursor:pointer}
#rows .manifest-actions .manifest-confirm{background:#238754;color:white}
#rows .manifest-actions .manifest-decline{background:#c44040;color:white}
#rows .manifest-actions button:hover{filter:brightness(.88)}
#rows .file-links .received-check{display:inline-flex;margin-left:4px;vertical-align:middle}
.received-check{display:flex;align-items:center;gap:5px;font-size:10px;margin-top:5px;width:fit-content;cursor:pointer}
.received-check input{width:14px;height:14px;margin:0;accent-color:#2464e9}
.manifestation-form{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.manifestation-form h3,.manifestation-form p{flex-basis:100%;margin:0}
.manifestation-form textarea{width:100%;min-height:70px;font:inherit;padding:10px;border:1px solid #dce3ed;border-radius:6px}
.filters{flex-wrap:wrap}
#profile-button{width:38px;height:38px;padding:0;flex-shrink:0;font-size:12px}
#profile-dialog{width:min(480px,94vw);max-height:90vh;overflow:auto;border:1px solid #dce3ed;border-radius:12px;padding:22px;color:#263650}
#profile-dialog::backdrop{background:#12284666}
.profile-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.profile-heading h2{margin:0}
#profile-dialog form{border-top:1px solid #e4e9f1;padding:12px 0}
#profile-dialog label input,#profile-dialog label select{margin:5px 0 12px}
#profile-dialog small{display:block;margin-top:10px}
#profile-message{margin:8px 0;color:#2455a2}
@media(max-width:800px){.main>header{display:flex;height:46px;padding:0 15px}}
/* Compact document workspace; long values wrap instead of widening the page. */
@media(min-width:801px){aside{width:185px;padding:20px 12px}.main{margin-left:185px}header{height:45px;padding:0 20px}main{padding:14px 20px;min-height:0}footer{padding:8px 20px}}
#documents-view .heading{margin-bottom:10px}
#documents-view h1{font-size:23px;margin:4px 0}
#documents-view .heading p{font-size:12px}
.company-bar{padding:9px 14px}
.company-bar>div,.company-bar>div>div{min-width:0}
.company-bar select{max-width:100%;width:100%}
#sync-status{margin-top:3px}
.stats{margin:10px 0;gap:10px}
.stats article{padding:10px 12px;min-width:0}
.stats article>div{font-size:21px;margin:5px 0}
.stats .small-value{font-size:15px;min-height:0}
.stats small{font-size:10px;overflow-wrap:anywhere}
.table-title{padding:10px 12px}
.table-title p{display:none}
.table-title h2{margin:0}
.table-title button{padding:8px 10px;font-size:12px}
.filters{padding:0 12px 10px;gap:7px;flex-wrap:nowrap}
.filters input,.filters select{padding:7px;font-size:12px}
.filters #from,.filters #to{width:90px;flex:none}
.filters input:first-child{min-width:80px}
.table-scroll>table{table-layout:fixed;white-space:normal}
.table-scroll>table>thead th{padding:10px 8px;font-size:11px;letter-spacing:0;overflow-wrap:anywhere}
#rows>tr>td{padding:11px 8px;font-size:13px;line-height:1.45;overflow-wrap:anywhere}
.table-scroll>table>thead th:nth-child(1){width:24%}
.table-scroll>table>thead th:nth-child(2){width:8%}
.table-scroll>table>thead th:nth-child(3){width:10%}
.table-scroll>table>thead th:nth-child(4){width:12%}
.table-scroll>table>thead th:nth-child(5){width:10%}
.table-scroll>table>thead th:nth-child(6){width:12%}
.table-scroll>table>thead th:nth-child(7){width:9%}
.table-scroll>table>thead th:nth-child(8){width:9%;text-align:center}
.table-scroll>table>thead th:nth-child(9){width:6%;text-align:center}
#rows .manifestation-cell .manifest-actions{justify-content:center;margin:0;flex-wrap:nowrap}
#rows .received-cell .received-check{margin:0 auto;justify-content:center}
#rows td small{font-size:11px;margin-top:3px}
.items-toggle{display:inline-block;padding:2px 5px;margin:0 5px 3px 0;font-size:10px}
#rows .file-links{display:table-cell}
.file-links a{display:inline-block;margin:3px 5px 3px 0;white-space:nowrap}
.file-links button{padding:2px;font-size:9px}
.table-footer{padding:7px 12px;align-items:center}
.pagination{display:flex;align-items:center;gap:10px}
.pagination button{padding:4px 10px}
.sort-heading{padding:0;background:transparent;color:inherit;font:inherit;font-weight:700;text-align:left;border-radius:2px;width:100%}
.sort-heading:hover{color:#2464e9}
#companies-view .settings-grid{align-items:start}
#companies-view .panel{min-width:0}
#cert-form label.check{display:flex;align-items:center;gap:8px;margin:0 0 18px;width:fit-content;cursor:pointer;line-height:20px}
#cert-form label.check input{display:inline-block;width:16px;height:16px;margin:0;padding:0;flex:0 0 16px;accent-color:#2464e9;cursor:pointer}
#cert-form input[type=file]{padding:8px;max-width:100%;font-size:12px}
#cert-form input[type=file]::file-selector-button{border:1px solid #dce3ed;border-radius:5px;background:#edf3ff;color:#2455a2;padding:8px 12px;margin-right:10px;cursor:pointer;font:inherit;font-weight:600}
#companies-view form>button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;max-width:100%}
#companies-view form>button:disabled{cursor:not-allowed}
.company-item{align-items:center;flex-wrap:wrap}
.company-item button{flex-shrink:0}
#user-list .actions{display:flex;gap:8px;flex-wrap:wrap}
#user-list .actions{align-items:center}
.managed-companies{flex-basis:100%;width:100%}
.managed-companies:empty{display:none}
#user-list>.company-item{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,3fr);gap:16px}
#user-list>.company-item>.actions{justify-content:flex-end}
.managed-company-picker{max-width:330px;font-size:12px;padding:8px}
#user-list .actions button{padding:9px 11px;font-size:12px}
#user-list .actions button:disabled{cursor:not-allowed}
@media(max-width:800px){#user-list>.company-item{grid-template-columns:1fr}#user-list>.company-item>.actions{justify-content:flex-start}.managed-company-picker{max-width:100%}}
.managed-company{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px;background:#f7f9fc;border-radius:7px;margin-top:8px}
.secondary.danger{color:#b52d3b;border-color:#e6bdc3}
#user-list .actions label input{margin:4px 0 0;padding:7px}
@media(max-width:480px){#companies-view form>button{width:100%}#companies-view .panel{padding:18px}}
th[aria-sort=ascending],th[aria-sort=descending]{color:#2464e9;background:#edf3ff}
.footnote{margin:7px 0;font-size:10px}
.items-panel{padding:9px}
.items-table{table-layout:fixed;white-space:normal}
.items-table th,.items-table td{padding:6px;font-size:10px;overflow-wrap:anywhere}
.items-table td:nth-child(2),.events-table td:nth-child(4){min-width:0}
.items-table th:nth-child(2){width:26%}
.items-table td:nth-child(2) small{font-size:11px}
@media(max-width:800px){.filters{flex-wrap:wrap}.filters>*{width:auto!important}.filters input:first-child{flex-basis:100%}.stats{grid-template-columns:repeat(2,1fr)}}

/* Compact header and KPI strip */
.company-bar{padding:6px 12px;min-height:0;gap:12px}
.company-bar>div:first-child{display:flex;align-items:center;gap:10px}
.company-bar .icon-box{width:30px;height:30px;font-size:15px;border-radius:8px;flex:none}
.company-bar label{display:inline;font-size:9px;letter-spacing:.08em;margin-right:8px}
.company-bar select{width:auto;max-width:100%;font-size:14px;padding:0}
#sync-status{display:inline;margin:0 0 0 10px;max-width:none;font-size:11px}
.company-bar .badge{padding:4px 10px;font-size:11px;white-space:nowrap}
.stats{margin:8px 0;gap:8px}
.stats article{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;padding:8px 14px}
.stats article>span{font-size:11px;flex-basis:100%;color:#72829a}
.stats article>div{font-size:18px;margin:0;line-height:1.2}
.stats article>small{font-size:10px;margin:0}
.stats article:nth-child(-n+3)>small{display:none}
.stats .small-value{font-size:14px}

.manifest-done{display:inline-block;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap;background:#e9f6f0;color:#16845d}
.manifest-done-210240,.manifest-done-210220{background:#fdecee;color:#b52d3b}
.manifest-done-210210{background:#eaf1ff;color:#2457d6}

.export-actions{display:flex;gap:8px;flex-wrap:wrap}