.comfort-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.login .comfort-controls{margin-top:20px}.notification-count:not(:empty){display:inline-block;background:#a53030;color:#fff;min-width:20px;border-radius:12px;padding:2px 5px;margin-left:4px}.notification-item{padding:16px 0;border-bottom:1px solid var(--border)}.notification-item h3{font-size:16px;margin:0 0 8px}.notification-item p{overflow-wrap:anywhere}.notification-item small{display:block;margin-bottom:10px}.notification-item.unread{border-left:3px solid #0e8a88;padding-left:12px}
:root[data-theme=dark]{--ink:#e3eaf2;--muted:#adbaca;--purple:#269e9b;--purple-light:#183b43;--green:#78d6ac;--border:#354353;--surface:#18232f;--bg:#101820;--red:#ec8c87;color:#e3eaf2}
[data-theme=dark] body{background:var(--bg);color:var(--ink)}
[data-theme=dark] :is(.topbar,nav,.card,.login,dialog,.table-wrap,.job-queue,.metric-strip,.quick-link,.integration-banner,.empty,.selection-grid,.choose-list,.part-selected,.stat){background:var(--surface);color:var(--ink);border-color:var(--border)}
[data-theme=dark] :is(input,select,textarea,.secondary,.icon-button){background:#202e3c;color:#e3eaf2;border-color:#536478}
[data-theme=dark] :is(th,thead,.queue-header,.notice,.offline){background:#223341;color:#c4d4e4;border-color:var(--border)}
[data-theme=dark] :is(h1,h2,h3,strong,.metric-strip b,.brand strong,.account strong,.heading h1){color:#e3eaf2}
[data-theme=dark] :is(small,.muted,.heading p,.breadcrumb,td small,.metric-strip span,.metric-strip small,.nav-caption,.eyebrow){color:#adbaca}
[data-theme=dark] :is(td,th,.queue-row,.modal-title,.modal-actions,.editor-row){border-color:var(--border)}
[data-theme=dark] tbody tr:hover{background:#243746}[data-theme=dark] nav button{color:#c7d6e5;background:transparent}[data-theme=dark] nav button.active{background:#21474d;color:#a3efea}
[data-theme=dark] .text-button{color:#8de2dc;background:transparent}[data-theme=dark] a{color:#8de2dc}
[data-theme=dark] .badge{background:#2b3c50;color:#d4e0ee}[data-theme=dark] .badge.green{background:#1a4135;color:#9ae6bc}[data-theme=dark] .badge.amber{background:#4b3c22;color:#ffda90}[data-theme=dark] .badge.red{background:#4a292c;color:#ffb1ab}[data-theme=dark] .error{color:#ffaba4}
[data-theme=dark] .cup-zero{background:#443d22!important;color:#ffe5a5}[data-theme=dark] .cup-missing,[data-theme=dark] .cup-incomplete{background:#493327!important;color:#ffce9d}
[data-theme=dark] :is(button,a,input,select,textarea):focus-visible{outline:3px solid #8de2dc;outline-offset:3px}
@media(max-width:760px){.topbar{height:auto!important;min-height:68px;flex-wrap:wrap;gap:8px;padding-top:10px!important;padding-bottom:10px!important}.account{flex-wrap:wrap;justify-content:flex-end}.comfort-controls button{font-size:11px!important;min-height:36px!important}.comfort-controls{gap:5px}[data-theme=dark] .table-wrap tr{border-bottom-color:#101820}}
[data-theme=dark] .cup-report tbody tr:nth-child(even){background:#223341}[data-theme=dark] .cup-report td:last-child{color:#ffda90}[data-theme=dark] .cup-report small{color:#bdcbd9}[data-theme=dark] .cup-report :is(header,thead th,tfoot){background:#20466c;color:#fff}[data-theme=dark] .cup-report tfoot td:last-child,[data-theme=dark] .cup-report header h2{color:#fff}

.comfort-controls .comfort-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;min-width:44px;height:44px;min-height:44px!important;padding:0!important;border-radius:10px}.comfort-icon svg{pointer-events:none}.comfort-icon:hover{background:#edf4f7}.comfort-icon .notification-count:not(:empty){position:absolute;top:-5px;right:-5px;min-width:18px;margin:0;font-size:10px;line-height:16px;border:2px solid var(--surface)}[data-theme=dark] .comfort-icon:hover{background:#2d4354}

/* Pair text with its own surface; prevent white details panels in dark mode. */
[data-theme=dark] :is(details,pre,.role-tab-option,.modal-actions,.optional-fields,.welcome-panel,.report-banner){background:var(--surface);color:var(--ink);border-color:var(--border)}
[data-theme=dark] :is(summary,#navigationTrail,.role-tab-option small,.nav-footer,.nav-footer span){color:#bdcbd9}
[data-theme=dark] nav :is(details,.nav-folder){background:#18232f;border-color:#354353}
[data-theme=dark] nav summary{color:#c7d6e5}
[data-theme=dark] nav button:hover{background:#263e4e;color:#f1f6fb}
[data-theme=dark] .choose-list button{background:#202e3c;color:#e3eaf2}
[data-theme=dark] .choose-list button:hover,[data-theme=dark] .queue-row:hover{background:#263e4e}
[data-theme=dark] .repeat{background:#41371e;color:#ffe4a1;border-color:#b79645}
[data-theme=dark] button.danger{color:#fff;background:#a82026;border-color:#a82026}
[data-theme=dark] .brand-mark{color:#fff}
[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#aab8c8;opacity:1}
[data-theme=dark] .role-tab-option:focus-within{outline:3px solid #8de2dc;outline-offset:2px}
:root:not([data-theme=dark]) nav summary{color:#526579}
@media(max-width:760px){
 nav{height:auto!important;max-height:112px;overflow:auto;align-items:flex-start}
 nav .nav-folder{white-space:nowrap;min-width:0!important}
 nav .nav-folder summary{display:inline-flex;align-items:center;gap:6px}
 nav .nav-folder summary::before{content:'▸'}
 nav .nav-folder[open] summary::before{content:'▾'}
 nav .nav-folder::details-content{display:inline}
 nav .nav-folder button{display:inline-flex;width:auto;vertical-align:middle}
}