.appearance-settings fieldset{border:1px solid #afc5cf;border-radius:12px;padding:16px}.appearance-settings label{display:flex;align-items:center;gap:12px;min-height:44px;margin:8px 0}.appearance-settings input{width:20px;height:20px;accent-color:#137e83}.appearance-settings [role=status]{min-height:24px}
@media(max-width:700px){.cl-userProfile-root .cl-navbarButtons{flex-wrap:wrap!important}.cl-userProfile-root .cl-navbarButton{flex:1 1 40%!important}}
@media screen{
 html[data-theme=dark]{color-scheme:dark;background:#10191f;color:#e1eaee;--cl-color-background:#19262e;--cl-color-foreground:#e1eaee;--cl-color-input-background:#101c24;--cl-color-input-foreground:#e1eaee;--cl-color-muted-foreground:#afc2cb}
 [data-theme=dark] body{background:#10191f;color:#e1eaee}
 [data-theme=dark] :is(.card,.editor,.completed-order,.business-plan,.tracking-offer,.tracking-purchase,.install-dialog,.supplier-contact,.scan-editor){background:#19262e;color:#e1eaee;border-color:#354954;box-shadow:none}
 [data-theme=dark] :is(p,small,.muted,.intro,.address-preview,th,td small,.completed-product>span,.completed-details dt,.completed-details dd span,.business-plan>p,.business-plan-price span,.tracking-benefits span,.starter-details small,.starter-strength,.site-footer,.terms-notice){color:#aec2cc}
 [data-theme=dark] :is(h1,h2,h3,h4,strong,label,legend){color:inherit}
 [data-theme=dark] :is(a,.eyebrow,.tracking-badge){color:#70d7cb}
 [data-theme=dark] :is(input,select,textarea){background:#101c24;color:#e1eaee;border-color:#526975}
 [data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#95aeb9}
 [data-theme=dark] :is(th,td,.item,.starter-row,.scan-line,.site-footer){border-color:#354954}
 [data-theme=dark] :is(.notice,#message,.scan-allowance,.scan-recent,.completed-order-footer,.tracking-purchase,.business-plan-annual,.starter-picker){background:#203d42;color:#d0e8e6;border-color:#39595b}
 [data-theme=dark] :is(.tag,.completed-status,.stock-available){background:#183d32;color:#97e2bb;border-color:#3f705b}
 [data-theme=dark] .stock-low{background:#493c1e;color:#ffdf8a;border-color:#776332}
 [data-theme=dark] :is(.stock-out,.starter-row .starter-delete,#message.error){background:#482a2b;color:#ffbdb3;border-color:#795050}
 [data-theme=dark] .editor [role=alert]{color:#ffbdb3}
 [data-theme=dark] .editor::backdrop{background:#03090dc9}
 [data-theme=dark] .workspace-hero{background:#183f4c}
 [data-theme=dark] .workspace-hero p{color:#c0d9df}
 [data-theme=dark] .business-logo{background:#e8efee}
 [data-theme=dark] .app-options>button{background:#19262e;color:#e1eaee;border-color:#526975}
 /* Keep Clerk's account popover, profile pages and mobile modal in the same palette. */
 [data-theme=dark] :is(.cl-card,.cl-cardBox,.cl-userButtonPopoverCard,.cl-userButtonPopoverMain,.cl-userButtonPopoverFooter,.cl-navbar,.cl-pageScrollBox,.cl-scrollBox,.cl-profilePage,.cl-modalContent:has(.cl-userProfile-root)){background:#19262e!important;color:#e1eaee!important;border-color:#354954!important}
 [data-theme=dark] :is(.cl-headerTitle,.cl-headerSubtitle,.cl-userPreviewMainIdentifier,.cl-userPreviewSecondaryIdentifier,.cl-userButtonPopoverActionButton,.cl-userButtonPopoverActionButtonText,.cl-profileSectionTitleText,.cl-profileSectionContent,.cl-profileSectionPrimaryButton,.cl-formFieldLabel,.cl-formFieldInput,.cl-navbarButtonText,.cl-footerActionText,.cl-footerActionLink,.cl-menuButton,.cl-accordionTriggerButton,.cl-badge){color:#d7e6ec!important}
 [data-theme=dark] :is(.cl-formFieldInput,.cl-navbarButtons,.cl-menuList){background:#101c24!important;border-color:#526975!important}
 [data-theme=dark] .cl-userButtonPopoverActionButton:hover{background:#29424b!important}
 [data-theme=dark] .cl-userProfile-root .cl-cardBox>.cl-navbar{background:#19262e!important;border-color:#354954!important}
 [data-theme=dark] .cl-userProfile-root .cl-navbarButton.cl-active{background:#29464d!important;color:#b2eee3!important}
 [data-theme=dark] .business-inventory-table.responsive-table td:nth-child(4){color:#aec2cc}
 [data-theme=dark] .business-inventory-table.responsive-table td:nth-child(2){color:#aec2cc}
 [data-theme=dark] .mobile-workspace-nav select{background:#101c24;color:#e1eaee;border-color:#526975}
 [data-theme=dark] .admin-business-table tbody tr{background:#19262e;color:#e1eaee;border-color:#354954}
 [data-theme=dark] .admin-business-table td::before,[data-theme=dark] .responsive-table td::before{color:#afc2cb}
}
