#themeToggle svg{width:21px;height:21px}.topIcon{position:relative;overflow:visible;flex-shrink:0}.iconBadge{position:absolute;right:-5px;top:-5px;background:#d32942!important;color:#fff!important;min-width:19px;height:19px;border-radius:12px;padding:2px 4px;font-size:10px;font-weight:800;border:2px solid var(--card);align-items:center;justify-content:center;z-index:2}.notificationHistory{display:grid;gap:8px;margin-bottom:18px}.sivarNotifyStack{max-height:50vh;overflow:auto;max-width:calc(100vw - 24px)}
html[data-theme=dark]{color-scheme:dark;--bg:#151719;--card:#212427;--text:#edf0f3;--muted:#b0b7bf;--line:#3b4147;--blue:#71b6ff;--blue2:#3996f2;--shadow:0 6px 22px #0003}
html[data-theme=dark] body{background:var(--bg);color:var(--text)}html[data-theme=dark] body:before{display:none}
html[data-theme=dark] :is(.top,.card,.modal,.metric,.day,.dayCompact,.opServiceCard,.agendaRow,.candidateFormShell,.portalDialog,.portalCard,.financeKpiV49,.searchBox,.dashboardCountryPicker,.dashboardCountryPicker summary,.dashboardCountryStatic,.countryContextChip,.opsToolbar,.opsTabs,.messagesSidebar,.messagesMain,.supportPanel,.sellerChart52){background:var(--card)!important;color:var(--text)!important;border-color:var(--line)!important;box-shadow:none}
html[data-theme=dark] :is(input,select,textarea){background:#191c1f!important;color:var(--text)!important;border-color:#515961!important}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#9da7b2}
html[data-theme=dark] :is(h1,h2,h3,h4,strong,.num,.topUser,.sectionTitle,.opClient,.opService,.kpiValue,.v){color:var(--text)}
html[data-theme=dark] :is(.muted,.subtle,.label,.crumb,.k,.portalCard p,.portalHero p,.candidateFormTitle p,.candidateField label,.field label){color:var(--muted)!important}
html[data-theme=dark] :is(.btn.secondary,.iconBtn,.table th,.event,.opsDayHeader,.opsDateHeader,.candidateReview,.wizardSummary,.notice,.portalTracking,.portalCountries button,.coverageChips .scopeBadge){background:#2c3238!important;color:#dce8f5!important;border-color:var(--line)!important}
html[data-theme=dark] :is(.table td,.table th,.tableWrap,.divider,.timelineRow,.cardHead){border-color:var(--line)!important}
html[data-theme=dark] :is(.primary,.portalAction,.nav button.active){color:#fff!important}
html[data-theme=dark] :is(.b,.g,.y,.r,.p,.c,.badge,.candidateStatus){color:#121820}
html[data-theme=dark] .sivarNotifyBar{background:#262c32;color:#edf0f3;border-color:#515961}html[data-theme=dark] :is(.sivarNotifyTitle,.sivarNotifyText){color:#edf0f3}
html[data-theme=dark] #login.portal{background:var(--bg);color:var(--text)}html[data-theme=dark] .candidatePublic{background:var(--bg)}
html[data-theme=dark] .progress,html[data-theme=dark] .listTrack{background:#41474e}
@media(max-width:600px){.top .actions>.btn{min-width:0;flex:0 0 auto}.top .actions{gap:6px}.top .iconBtn{width:36px;height:36px}.topAvatar{width:30px;height:30px}.sivarNotifyStack{right:12px;bottom:20px;width:calc(100vw - 24px)}.coverageChips{display:flex;flex-wrap:wrap}.scopeBadge{max-width:100%;white-space:normal;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

html[data-theme=dark] :is(.tableWrap,.supportStat,.supportQueue,.supportDetail,.supportTicket,.workerServiceCard,.payrollKpi,.payrollDetailItem,.candidateDetailGrid>div,.workerDetailGrid>div,.dayDetailGrid>div,.sellerDonut52 span,.opsTab.active,.financeTabs button.active,.msgBubble,.chatMessages,.chatComposer,.messagesList,.messageThread,.supportComposer,.supportInfoCard){background:var(--card)!important;color:var(--text)!important;border-color:var(--line)!important}
html[data-theme=dark] .table tr:not(:first-child):hover td{background:#30363c!important}
html[data-theme=dark] :is(.supportTicket h4,.supportStat strong,.workerServiceCard h4){color:var(--text)}
html[data-theme=dark] .field :is(input,select,textarea){border-color:#515961!important}

html[data-theme=dark] .side{background:#101820!important;border-right-color:#303b46;box-shadow:none}
html[data-theme=dark] .side:before{background:none}
html[data-theme=dark] .side .nav button.active{background:#243e59!important;box-shadow:none}
html[data-theme=dark] .side .nav button:hover{background:#28323c}
html[data-theme=dark] .sideUser{background:#19232d;border-color:#34404d}
