/* iMile blue/cyan with Velozes navy; operational colors retain their meaning. */
:root{--accent:#2247f5;--blue:#204bd2;--soft-blue:#edf2ff;--brand-cyan:#00cbd0;--loss-bg:#fcf0f1;--loss-hover:#f9e8eb;--loss-text:#925d65;--loss-border:#d99ba5;--action-bg:#edf2ff;--action-border:#c6d5fb}
:root[data-theme=dark]{--bg:#101925;--panel:#172535;--panel2:#1d2d40;--input:#121f2e;--hover:#24384e;--accent:#608cff;--blue:#a6c5ff;--soft-blue:#21385a;--brand-cyan:#27dddd;--loss-bg:#30252e;--loss-hover:#392a33;--loss-text:#bc959e;--loss-border:#89535f;--action-bg:#223b5c;--action-border:#3b5980}
.primary{background:#2449ee;border-color:#4166ff;box-shadow:0 2px 5px #0a23752b}.primary:hover{background:#193dd7;border-color:#7698ff}
.ui-icon{display:inline-block;vertical-align:middle;flex-shrink:0;width:16px;height:16px}
.header-actions button,.table-actions button,.table-actions summary,.pending-toolbar button,#save-view-inline,#clear-filters{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:35px;border-radius:9px}
.quiet{background:var(--panel2);border-color:var(--border)}.quiet:hover{border-color:var(--accent);background:var(--soft-blue)}
.header-actions #focus-search{display:inline-flex;align-items:center}
.nav-icon{display:flex;align-items:center;justify-content:center}.nav-icon .ui-icon{width:18px;height:18px}
.tabs>button.active{color:var(--blue)}:root[data-theme=dark] .tabs>button.active{color:var(--brand-cyan)}.nav-count{border:1px solid var(--action-border)}
.filters summary{min-height:37px}.filters summary:hover{border-color:var(--accent)}.filters details[open]>summary{border-color:var(--accent);background:var(--soft-blue)}
.quick-filters button{border:1px solid var(--border);background:var(--panel2);border-radius:8px;padding:8px 12px}.quick-filters button.active{border-color:var(--accent);background:var(--soft-blue);color:var(--blue)}
.text-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:30px;padding:5px 9px;background:var(--panel2);border:1px solid var(--border);border-radius:7px;color:var(--text);font-size:inherit;text-decoration:none}
.text-link:hover{background:var(--soft-blue);border-color:var(--accent);color:var(--blue);text-decoration:none}
#packages-table [data-detail]{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap;color:var(--blue)}
#packages-table [data-detail] .ui-icon{color:var(--muted);width:14px;height:14px}
.justify-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:32px;padding:7px 11px;border-radius:8px;background:var(--action-bg);border:1px solid var(--action-border);color:var(--blue);font-size:.74rem;white-space:nowrap}
.justify-button:hover{background:var(--soft-blue);border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 12%,transparent)}
.note-action{min-width:157px}.note-action .note-badge{margin-bottom:7px}.note-badge{font-weight:550}
.note-badge .ui-icon{width:13px;height:13px;margin-right:4px}
.note-base_loss{background:var(--loss-bg);color:var(--loss-text);border-color:var(--loss-border)}
.note-categories .note-base_loss{color:var(--red);background:var(--soft-red);border-color:var(--loss-border)}
.justification-header{background:linear-gradient(115deg,#173654 0%,#214bde 85%,#127eae 100%);border-bottom:2px solid var(--brand-cyan)}
.justification-header h2{display:flex;gap:10px;align-items:center}.justification-header h2 .ui-icon{width:23px;height:23px}.justification-header .quiet{min-width:36px;min-height:36px;border:1px solid #ffffff35}
.note-categories label{min-height:56px}.note-categories label:hover{border-color:var(--accent)}.note-categories .note-badge{font-size:.77rem;border:0;background:transparent;padding:0}
tr.package-lost{background:var(--loss-bg)}tr.package-lost:hover{background:var(--loss-hover)}
tr.package-lost td{color:var(--loss-text);border-bottom-color:color-mix(in srgb,var(--loss-border) 30%,transparent)}
tr.package-lost td:first-child{box-shadow:inset 3px 0 var(--loss-border)}
tr.package-lost .status,tr.package-lost .age{color:var(--loss-text);background:transparent;border-color:var(--loss-border);font-weight:400}
tr.package-lost td:not(.note-action) .text-link{color:var(--loss-text);background:transparent;border-color:var(--loss-border);text-decoration:none}
tr.package-lost [data-detail] span{text-decoration:line-through;text-decoration-color:var(--loss-border)}
#packages-table tr.package-lost [data-detail]{color:var(--loss-text)}
tr.package-lost .justify-button{background:transparent;border-color:var(--loss-border);color:var(--loss-text)}tr.package-lost .justify-button:hover{background:var(--loss-hover);color:var(--text)}
#status-table .text-link{padding:4px 6px}#base-ranking .text-link{min-height:26px;padding:3px 6px;font-size:.75rem}.rank{grid-template-columns:55px 1fr 40px}
#sla-details .text-link{justify-content:flex-start;white-space:normal;text-align:left;font-size:.78rem}
button:focus-visible,summary:focus-visible{outline:2px solid var(--brand-cyan);outline-offset:3px}
:root[data-density=compact] .justify-button{min-height:28px;padding:4px 8px}:root[data-density=compact] .text-link{min-height:26px;padding:3px 7px}
@media(max-width:540px){.header-actions button{gap:5px}.header-actions .ui-icon{width:14px;height:14px}.table-actions button,.table-actions summary{gap:5px}.note-categories label{min-height:48px}}