/* Dark theme. Everything is scoped to html[data-theme="dark"] on screens, so the light look and printing are untouched. */
.theme-toggle{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.12);color:#fff;font-size:16px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;font-family:inherit;flex:none}
.theme-toggle:focus-visible{outline:2px solid #fff;outline-offset:2px}
.theme-toggle.abs{position:absolute;left:12px;top:10px;z-index:3}
@media screen{
html[data-theme="dark"]{
  color-scheme:dark;
  --bg:#150D11; --text:#F1E7EA; --white:#1F1419;
  --navy:#6E2238; --navy2:#9A3550; --navy-t:#F3BBC8; --navy2-t:#EDA5B8;
  --svc:#7B2A41; --svc2:#B04661;
}
html[data-theme="dark"] body{background:var(--bg);color:var(--text)}
}

@media screen{
/* white surfaces -> dark card */
html[data-theme="dark"] :is(#abStepsCard,#abWhyCard,#addItemBtn,#auditCard,#botInput,#changes,#costBox,#custName,#custWa,#docsCard,#emptyState,#execBox,#introCard,#invCur,#landedToggle,#lc_agent,#lc_agent_c,#lc_freight,#lc_freight_c,#lc_inland,#lc_inland_c,#lc_ins,#lc_ins_c,#lc_other,#lc_other_c,#lc_storage,#lc_storage_c,#lc_units,#myHist,#newInvBtn,#resultCard,#resultsBox,#searchInput,#seoAbout,#sharePdfBtn,#stickyWa,#trkCarrier,#trkNum,button.bc-copy,button.bchip,button.btn.outline,button.del,button.trk-card,div.bfb,div.bmsg.b,div.botinput,div.card,div.card.svc-card,div.cmodal-box,div.invrow,div.lt-row,div.tab,select,input,textarea){background:#1F1419 !important;color:#F1E7EA;border-color:#3A2830 !important}
html[data-theme="dark"] :is(details,div.procBody,div.mh-item,#consultClose){background:#261A20 !important;color:#F1E7EA}
html[data-theme="dark"] :is(#invCount,div.legal,div.lnote,div.pricenote,span.bc-badge,span[style*="255, 248, 232"]){background:#2B2214 !important;color:#E8D6A8}
html[data-theme="dark"] :is(div.bcard.top,div.invrow.cur,button.yes,span.bc-badge.g){background:#14241B !important;color:#BFE6CC}
html[data-theme="dark"] :is(div.bcard.ban,#mhClear,button.no,span.bc-badge.r){background:#2B1517 !important;color:#F1B8B8}
html[data-theme="dark"] :is(span.hs){background:#14202B !important;color:#EDA5B8}
/* text */
html[data-theme="dark"] :is(label,.lb,.hint,small,span.small,#mhSum,#invCurRate,div.mh-meta,#emptyState,div.fd,div.lt-extra,div.ft,div.bc-desc,span.desc){color:#C9B6BC !important}
html[data-theme="dark"] div.legal{color:#E8D6A8 !important}
html[data-theme="dark"] :is(p,li,span.ic,.svc-intro,#pIntro,p.intro,div.bmsg.b){color:#E9DCE0}
html[data-theme="dark"] :is(span.hs,span.bc-hs,b,div.mh-hs,div.invfee,h2,div.pTitle){color:#F3BBC8}
html[data-theme="dark"] :is(button.btn.outline,#sharePdfBtn,#newInvBtn,button.bc-copy,button.bchip,div.tab,button.del,#consultClose){color:#F3BBC8 !important}
html[data-theme="dark"] div.tab.active,html[data-theme="dark"] .navbtn.active{color:#2a0f18 !important}
html[data-theme="dark"] ::placeholder{color:#8E7A80}
}

@media screen{
html[data-theme="dark"] :is(summary,#auditPrice,#auditCard div,#auditCard a,#addItemBtn,#mhSCount,#resultCard a,.card a:not(.cbtn):not(.btn)){color:#F3BBC8 !important}
html[data-theme="dark"] :is(div.mh-desc,div.flabel,div.bc-reason,div.landed-desc,#costBox span,#resultCard span.k){color:#C9B6BC !important}
html[data-theme="dark"] button:not([class*=btn]):not(.navbtn):not(.theme-toggle):not([class*=go]):not([class*=cta]){color:#F3BBC8}
html[data-theme="dark"] button.bc-copy,html[data-theme="dark"] .mh-item button{background:#1F1419 !important;color:#F3BBC8 !important}
}
@media screen{
html[data-theme="dark"] :is(.mh-tabs button,.mh-tabs button b){background:#1F1419 !important;color:#F3BBC8 !important}
html[data-theme="dark"] .mh-tabs button.on{background:#6E2238 !important;color:#fff !important}
html[data-theme="dark"] .mh-tabs button.on b{background:transparent !important;color:#fff !important}
html[data-theme="dark"] p.rel a{color:#F3BBC8 !important}
html[data-theme="dark"] :is(.segbtn.active,.cicon.active,.bchip:hover,.bprod,.chip input:checked + span,.drop:hover,.drop.drag,#botCam:hover){background:#2B2214 !important;color:#E8D6A8 !important}
html[data-theme="dark"] .row span,html[data-theme="dark"] #costBox span,html[data-theme="dark"] .lt-row span{color:#C9B6BC !important}
}
@media screen{
html[data-theme="dark"] .chip span,html[data-theme="dark"] .chip input + span{background:#1F1419 !important;color:#F1E7EA !important;border-color:#3A2830 !important}
html[data-theme="dark"] .chip input:checked + span{background:#2B2214 !important;color:#E8D6A8 !important}
html[data-theme="dark"] #botExpert,html[data-theme="dark"] .bfb button,html[data-theme="dark"] .bmsg button{background:#1F1419 !important;color:#F3BBC8 !important}
}
@media screen{
html[data-theme="dark"] .b.fee,html[data-theme="dark"] .b.fee :is(.n,.l,small){color:#3E1420 !important}
}
@media screen{
html[data-theme="dark"] :is(#calcBtn,#botFab,#botFab *,#submitBtn,#trkGo,#auditGo,#consultSend,.cs-cta,button.go,#landedWa,.navbtn.active,.navbtn.active *){color:#3E1420 !important}
}
@media screen{
html[data-theme="dark"] :is(.ab-card,.lw-av){background:#1F1419 !important;border-color:#3A2830}
html[data-theme="dark"] :is(.sv){background:#261A20 !important;border-color:#3A2830 !important;color:#F1E7EA !important}
html[data-theme="dark"] .lw-av{background:#261A20 !important;border-color:#D9A928}
html[data-theme="dark"] .lw-av svg{color:#EDA5B8}
html[data-theme="dark"] :is(.lw-bio,.chk,.pnote){color:#D9C8CE !important}
html[data-theme="dark"] :is(.lw-tx b,.ab-card h2,.flabel,.fsec){color:#F3BBC8 !important}
html[data-theme="dark"] .lw-role,html[data-theme="dark"] .note{background:#2B2214 !important;color:#E8D6A8 !important}
html[data-theme="dark"] .direct,html[data-theme="dark"] .ok{background:#14241B !important;border-color:#24503A !important;color:#BFE6CC !important}
html[data-theme="dark"] .ok a{color:#8fe0b0 !important}
html[data-theme="dark"] .hb.gold,html[data-theme="dark"] .hb.gold *{color:#3E1420 !important}
html[data-theme="dark"] .lw-btn,html[data-theme="dark"] .direct a,html[data-theme="dark"] .sbtn{color:#fff !important}
html[data-theme="dark"] .fsec{border-color:#3A2830 !important}
html[data-theme="dark"] .finput{background:#1F1419 !important;color:#F1E7EA !important;border-color:#3A2830 !important}
}