/* BeparyTech Studio V2.1 — approved forest workspace */
body.studio[data-theme="light"]{--bg:#f5f6f3;--card:#fff;--card2:#f0f3ee;--text:#20312a;--muted:#697c70;--line:#e0e6df;--gold:#267d53;--gold2:#267d53;--green:#2a8053;--amber:#967027;--red:#b74343;--panel:#fff;--surface:#f5f6f3;--input:#fff;--border:#e0e6df;--accent:#267d53;--v2-bg:#f5f6f3;--v2-card:#fff;--v2-line:#e0e6df;--v2-text:#20312a;--v2-muted:#697c70;--studio-soft:#eaf3e7;--studio-welcome:#e6efdf;--studio-shadow:0 2px 5px #17332206}
body.studio[data-theme="dark"]{--bg:#151d18;--card:#1e2922;--card2:#26352b;--text:#e5efe5;--muted:#a6b9aa;--line:#344539;--gold:#a7e1ac;--gold2:#a7e1ac;--green:#97d9a6;--amber:#e4c583;--red:#f29791;--panel:#1e2922;--surface:#18231c;--input:#18231c;--border:#344539;--accent:#a7e1ac;--v2-bg:#151d18;--v2-card:#1e2922;--v2-line:#344539;--v2-text:#e5efe5;--v2-muted:#a6b9aa;--studio-soft:#2c4332;--studio-welcome:#2a3f2d;--studio-shadow:none}
body.studio[data-theme]{background:var(--bg)!important;color:var(--text)!important;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:14px;line-height:1.5}
body.studio *,body.studio *:before,body.studio *:after{box-sizing:border-box}
body.studio .app{max-width:1440px!important;width:auto!important;margin:0 auto!important;padding:22px 24px 110px!important;min-width:0}
body.studio button,body.studio input,body.studio select,body.studio textarea{font-family:inherit!important}
body.studio :is(button,input,select,textarea):focus-visible{outline:2px solid var(--gold)!important;outline-offset:3px!important}
body.studio :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){background:var(--input)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:8px!important;padding:11px 12px!important;font-size:14px!important;box-shadow:none!important;min-width:0;max-width:100%}
body.studio input[type="checkbox"],body.studio input[type="radio"]{accent-color:var(--gold)}
body.studio input::placeholder,body.studio textarea::placeholder{color:var(--muted)!important;opacity:.85}
body.studio[data-theme="light"] select{color-scheme:light}body.studio[data-theme="dark"] select{color-scheme:dark}
body.studio h1,body.studio h2,body.studio h3{color:var(--text)!important;letter-spacing:-.5px;font-weight:600!important}
body.studio p,body.studio label>span,body.studio .fieldLabel{color:var(--muted)!important}
body.studio .app>header{min-height:68px!important;height:auto!important;background:var(--card)!important;border:1px solid var(--line)!important;border-radius:11px!important;padding:14px 17px!important;margin-bottom:20px!important;box-shadow:none!important;color:var(--text)!important}
body.studio .studioHeaderTitle{display:none}body.studio.logged-in .studioHeaderTitle{display:flex;flex-direction:column;gap:2px;margin-right:auto}body.studio .studioHeaderTitle strong{font-size:14px;font-weight:600}body.studio .studioHeaderTitle span{color:var(--muted);font-size:11px}
body.studio .headerActions{gap:9px!important;margin-left:auto!important}body.studio .brandIcon{box-shadow:none!important;width:38px!important;height:38px!important;border-radius:10px!important}body.studio .brandHead h1{font-size:18px!important}
body.studio :is(.themeToggle,.menuToggle,.headerLogoutBtn,.miniBtn,.secondaryAction,.secondary,.rowAction,.settingsNavBtn,.autoOrderOpen){background:var(--card)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:7px!important;box-shadow:none!important;font-weight:500!important;padding:9px 12px!important}
body.studio :is(.primaryAction,.primaryBtn,.authButtons #loginBtn,.deviceSaleSubmit,.clientEditorActions .primaryAction){background:var(--gold)!important;color:var(--bg)!important;border:1px solid var(--gold)!important;border-radius:8px!important;box-shadow:var(--studio-shadow)!important;font-weight:600!important;padding:11px 15px!important}
body.studio .app :is(.card,.model,.saleRow,.deviceSaleCard,.deviceAdminSaleRow,.adminUniformCard,.catalogSection,.settingsStoreCard,.bestekEditorCard,.premiumBestekCard,.clientEditorCard,.clientCard,.partsTopbar,.partsSelector,.partEditorPanel,.partsListPanel,.partsImportPanel,.usedCard,.autoOrderPanel,.autoOrderSummary>div,.hourCard,.hoursCard,.extraCard,.dashboardPanel,.dashAnalyticsCard,.invoiceClientCard,.invoiceLine,.backupCard,.auditRow,.settingsInfoCard,.bestekSummary){background:var(--card)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:11px!important;box-shadow:var(--studio-shadow)!important}
body.studio :is(.adminHero,.deviceSaleHero,.usersHero,.hoursHero,.partsTopbar,.bestekHero,.btNewHero){background:var(--card)!important;border:1px solid var(--line)!important;color:var(--text)!important;border-radius:12px!important;box-shadow:none!important;padding:23px!important}
body.studio :is(.usersKicker,.eyebrow,.invoiceEyebrow){color:var(--gold)!important;font-size:10px!important;font-weight:600!important;letter-spacing:1.4px!important}
body.studio :is(.createUserMsg,.emptyState,.catalogView small,.salesView small,.settingsView small){color:var(--muted)}body.studio .createUserMsg.error{color:var(--red)!important}
body.studio :is(.modelHeader,.panelHead,.dashboardToggle,.bestekEditorHead,.deviceSaleCardHead){background:var(--card)!important;color:var(--text)!important;border-color:var(--line)!important;box-shadow:none!important}
body.studio :is(.modelHeader h2,.colorName,.saleMain strong,.partsTopbar h2,.partEditorPanel strong,.partsListHead strong,.usedRow strong,.bestekName,.deviceAdminSaleTop strong){color:var(--text)!important}
body.studio :is(.modelCount,.status,.saleMain span,.deviceAdminSaleTop span,.partsTopbar p,.selectorRow small,.dashboardLine small,.invoiceLineMain span){color:var(--muted)!important}
body.studio :is(.status.ok,.createUserMsg.ok){color:var(--green)!important}body.studio .status.low{color:var(--amber)!important}body.studio .status.empty{color:var(--red)!important}
body.studio :is(.categoryTab,.salesSubTab,.workTab,.clientTypeTab,.usedTabs span,.selectorRow,.settingsTab){background:var(--card)!important;color:var(--muted)!important;border-color:var(--line)!important;border-radius:7px!important;box-shadow:none!important}
body.studio :is(.categoryTab.active,.salesSubTab.active,.workTab.active,.selectorRow.active,.settingsTab.active){background:var(--studio-soft)!important;color:var(--gold)!important;border-color:var(--gold)!important}
body.studio :is(.adminBadge,.practiceCodeBadge,.repairStatusBadge,.quoteBadge,.photoCountBadge,.stockPill,.headerCloudPill){background:var(--studio-soft)!important;color:var(--gold)!important;border:0!important;border-radius:5px!important;font-size:11px!important;font-weight:500!important;box-shadow:none!important}
body.studio .rowAction.delete,body.studio .dangerAction{color:var(--red)!important;background:var(--card)!important;border-color:var(--red)!important}
body.studio table{border-collapse:collapse;color:var(--text)!important;font-size:13px!important}body.studio table th{background:var(--card2)!important;color:var(--muted)!important;font-size:11px!important;font-weight:500!important;padding:12px!important;border-color:var(--line)!important}body.studio table td{background:var(--card)!important;color:var(--text)!important;border-color:var(--line)!important;padding:13px 12px!important;font-size:13px!important}
body.studio :is(.modalCard,.saleDialog,.modalDialog,.scannerDialog){background:var(--card)!important;color:var(--text)!important;border-color:var(--line)!important;border-radius:13px!important}
/* Navigation: deep forest is the fixed brand surface in both appearances. */
body.studio[data-theme] .mainMenu{background:#162b24!important;color:#d4e1d7!important;border-right:1px solid #30483a!important;padding:22px 12px 16px!important;box-shadow:none!important;width:242px!important}
body.studio .menuHead{padding:0 8px 20px!important;border-bottom:0!important;min-height:0!important}body.studio .menuBrand{gap:10px!important}body.studio .studioBrandMark{display:grid;place-items:center;background:#b9efbf;color:#173a27;width:33px;height:35px;flex-shrink:0;border-radius:10px 10px 10px 2px;font-size:22px;font-weight:750;font-style:italic}
body.studio .menuBrand strong{color:#eff6ef!important;font-size:18px!important;letter-spacing:-.6px!important}body.studio .menuBrand span{color:#99afa0!important;font-size:9px!important;letter-spacing:1.5px!important}
body.studio .studioWorkspace{margin:0 5px 16px;padding:11px 9px;border:1px solid #3a5145;border-radius:8px;display:flex;gap:9px;align-items:center;color:#d4e1d7;font-size:12px}body.studio .studioWorkspace>span{width:29px;height:29px;display:grid;place-items:center;border-radius:7px;background:#334e3d;color:#c2e5be;font-size:10px}body.studio .studioWorkspace small{display:block;color:#98ac9e;font-size:9px;margin-top:2px}
body.studio .menuNav{padding:0 3px!important;gap:3px!important;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3a5145 transparent}
body.studio .menuGroup{margin:0!important}body.studio .menuGroupTitle{color:#91a997!important;font-size:9px!important;font-weight:600!important;letter-spacing:1.2px!important;padding:0!important;margin:19px 10px 7px!important}
body.studio .menuItem{padding:9px 10px!important;min-height:38px!important;grid-template-columns:18px minmax(0,1fr)!important;gap:9px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#d4e1d7!important;box-shadow:none!important}
body.studio .menuItem strong{color:inherit!important;font-size:12px!important;font-weight:450!important;letter-spacing:0!important;line-height:1.4!important;white-space:normal!important}body.studio .menuItem small{display:none!important}body.studio .menuIcon{background:transparent!important;color:#a9c3af!important;width:18px!important;height:20px!important;font-size:17px!important;border:0!important;border-radius:0!important;box-shadow:none!important}
body.studio .menuItem.active{background:#294a38!important;color:#d9f4d4!important;border:0!important;box-shadow:none!important}body.studio .menuItem.active .menuIcon{background:transparent!important;color:#b9efbf!important}body.studio .menuItem:hover{background:#243f31!important}
body.studio .studioNavDetails{margin:3px 0;border:0}body.studio .studioNavDetails summary{color:#a0b8a6;font-size:11px;padding:8px 10px;cursor:pointer}body.studio .studioNavDetails .menuItem{padding-left:20px!important}
body.studio .menuFooter{border:0!important;border-top:1px solid #3a5145!important;border-radius:0!important;background:transparent!important;color:#d4e1d7!important;padding:16px 9px 0!important;margin-top:auto!important;font-size:12px!important}body.studio .menuFooter small{color:#98ac9e!important}
body.studio .menuClose{background:transparent!important;border:0!important;color:#d4e1d7!important}
/* The live dashboard keeps its original data sources and authorization. */
body.studio .dashTopbar{display:none!important}
body.studio .dashboardHero{display:flex!important;align-items:center;gap:16px;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:7px 0 23px!important;margin:0!important;color:var(--text)!important;min-height:0!important}
body.studio .dashboardHeroCopy h2{font-size:30px!important;letter-spacing:-1px!important;margin:8px 0 6px!important;line-height:1.15!important}body.studio .dashboardHeroCopy p{font-size:12px!important;color:var(--muted)!important}body.studio .heroQuote{display:none!important}body.studio #refreshDashboardBtn{margin-left:auto;flex-shrink:0}
body.studio .dashboardMainGrid{display:block!important}body.studio .dashboardCenterCol{display:flex!important;flex-direction:column!important;gap:20px!important}body.studio .dashboardActionRail{display:none!important}body.studio .dashboardAnalyticsGrid{display:none!important}
body.studio #adminStatsArea{margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
body.studio #dashboardCards{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;border:1px solid var(--line)!important;border-radius:12px!important;background:var(--card)!important;margin:0!important;overflow:hidden}
body.studio #dashboardCards .dashCard{background:var(--card)!important;color:var(--text)!important;border:0!important;border-right:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important;padding:18px 20px!important;min-height:110px!important;text-align:left!important;transform:none!important}
body.studio #dashboardCards .dashCard:last-child{border-right:0!important}body.studio #dashboardCards .dashCard:before{display:none!important}body.studio #dashboardCards .dashCard span{font-size:12px!important;font-weight:450!important;color:var(--muted)!important}body.studio #dashboardCards .dashCard strong{font-size:29px!important;font-weight:500!important;color:var(--text)!important;line-height:1.4!important;letter-spacing:-.8px!important;margin:4px 0!important}body.studio #dashboardCards .dashCard small{font-size:11px!important;font-weight:400!important;color:var(--muted)!important}
body.studio .dashboardPrimaryActions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin:0!important}
body.studio .dashboardPrimaryActions .primaryActionCard{background:var(--card)!important;color:var(--text)!important;border:1px solid var(--line)!important;box-shadow:none!important;padding:15px!important;border-radius:10px!important;min-height:76px!important;display:flex!important;align-items:center!important;gap:11px!important;text-align:left!important}
body.studio .primaryActionCard b{background:var(--studio-soft)!important;color:var(--gold)!important;border:0!important;box-shadow:none!important;width:33px!important;height:33px!important;min-width:33px!important;border-radius:8px!important;font-size:20px!important;display:grid!important;place-items:center!important}body.studio .primaryActionCard strong{font-size:12px!important;color:var(--text)!important;font-weight:550!important}body.studio .primaryActionCard small{font-size:11px!important;color:var(--muted)!important;font-weight:400!important;display:block!important}body.studio .primaryActionCard em{display:none!important}
body.studio .studioWelcome{background:var(--studio-welcome);border-radius:12px;padding:22px;display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:22px}body.studio .studioWelcome h3{font-size:20px;margin:4px 0;letter-spacing:-.6px}body.studio .studioWelcome p{font-size:12px;margin:0}body.studio .studioWelcomeMark{font-size:55px;font-weight:650;letter-spacing:-5px;color:var(--gold);opacity:.45;transform:rotate(-8deg);padding-right:10px}
body.studio .studioEyebrow{font-size:9px;letter-spacing:1.2px;color:var(--gold);font-weight:600}
body.studio .studioRepairsPanel{border:1px solid var(--line);border-radius:12px;background:var(--card);overflow:hidden}body.studio .studioPanelHeading{padding:20px;display:flex;justify-content:space-between;gap:12px;align-items:center}body.studio .studioPanelHeading h3{font-size:15px;margin:3px 0 0}body.studio .studioTextAction{background:transparent;border:0;color:var(--gold);font-size:12px;padding:6px 0}
body.studio .studioRepair{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:13px;align-items:center;text-align:left;width:100%;padding:16px 20px;background:var(--card);color:var(--text);border:0;border-top:1px solid var(--line)}body.studio .studioRepair:hover{background:var(--studio-soft)}body.studio .studioDeviceIcon{background:var(--card2);border:1px solid var(--line);border-radius:6px;width:31px;height:40px;display:grid;place-items:center;color:var(--muted);font-size:23px}body.studio .studioRepair strong{font-size:13px;font-weight:550;display:block}body.studio .studioRepair small{font-size:11px;color:var(--muted);display:block;margin-top:3px}body.studio .studioRepairStatus{background:var(--studio-soft);color:var(--gold);border-radius:5px;padding:4px 7px;font-size:11px;white-space:nowrap}
body.studio .dashboardColumns{display:grid!important;grid-template-columns:1fr 1fr!important;gap:18px!important;margin:0!important}body.studio .dashboardPanel .panelHead{padding:17px 18px!important;border-bottom:1px solid var(--line)!important}body.studio .panelHead strong{font-size:13px!important}body.studio .panelHead small{font-size:11px!important}body.studio .dashboardPanelBody{padding:0 17px 12px!important}body.studio .dashboardLine{background:var(--card)!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;padding:12px 0!important;color:var(--text)!important;box-shadow:none!important}body.studio .dashboardLine strong{font-size:12px!important;color:var(--text)!important}body.studio .dashboardLine small{font-size:11px!important;color:var(--muted)!important}
body.studio .categoryTitle{display:flex!important;flex-direction:column;gap:5px;margin:0 0 20px!important;padding:0!important;background:none!important;border:0!important}body.studio .categoryTitle strong{font-size:27px!important;color:var(--text)!important;letter-spacing:-.8px}body.studio .categoryTitle span{font-size:12px!important;color:var(--muted)!important}body.studio.studio-home .categoryTitle{display:none!important}
body.studio.logged-in .categoryTabs{display:none!important}body.studio .globalSearchBar{margin-bottom:20px!important}body.studio .globalSearchBox{background:var(--card)!important;border:1px solid var(--line)!important;border-radius:9px!important;box-shadow:none!important}body.studio .globalSearchBox input{border:0!important;background:transparent!important}
body.studio .partsWorkspace{gap:15px!important}body.studio .partsSelectors{gap:10px!important}body.studio .partsSelector{padding:13px!important}body.studio .selectorTitle b{background:var(--studio-soft)!important;color:var(--gold)!important}body.studio .partsListPanel{padding:16px!important;margin-top:16px!important}body.studio .partsListHead{margin-bottom:12px!important}body.studio .partsLiveBar{background:var(--studio-soft)!important;border-color:var(--line)!important;color:var(--gold)!important}
body.studio #authPanel{max-width:490px;margin:35px auto;background:var(--card)!important;border:1px solid var(--line)!important;border-radius:16px!important;box-shadow:var(--studio-shadow)!important;padding:28px!important}body.studio #signedOut h2{font-size:25px!important;letter-spacing:-.8px}body.studio .loginTrust{border-color:var(--line)!important;color:var(--muted)!important}body.studio .loginTrust strong{color:var(--gold)!important}
body.studio .previewBanner{background:var(--studio-soft)!important;color:var(--text)!important;border:1px solid var(--line)!important;border-radius:8px!important;margin-bottom:15px!important;font-size:11px}body.studio .previewBanner span{color:var(--muted)!important}
body.studio .mobileBottomNav{background:var(--card)!important;border:1px solid var(--line)!important;border-radius:12px!important;box-shadow:0 5px 20px #0001!important;padding:7px!important;transform:none!important;opacity:1!important}body.studio .mobileBottomNav button{background:transparent!important;color:var(--muted)!important;border:0!important;border-radius:7px!important;min-height:46px!important}body.studio .mobileBottomNav button.studio-active{background:var(--studio-soft)!important;color:var(--gold)!important}body.studio .mobileBottomNav button b{color:inherit!important;background:transparent!important;font-size:18px!important}body.studio .mobileBottomNav button span{font-size:10px!important;color:inherit!important}body.studio .scannerNavButton{transform:none!important;box-shadow:none!important}
@media(min-width:1060px){body.studio.logged-in .mainMenu{position:fixed!important;left:0!important;top:0!important;bottom:0!important;display:flex!important;flex-direction:column!important;width:242px!important;transform:none!important;visibility:visible!important;opacity:1!important;border-radius:0!important}body.studio.logged-in .app{margin-left:242px!important;width:calc(100% - 242px)!important;max-width:none!important;padding:22px 30px 45px!important}body.studio.logged-in .brandHead{display:none!important}body.studio.logged-in .menuClose,body.studio.logged-in .menuToggle,body.studio.logged-in .menuOverlay,body.studio .mobileBottomNav{display:none!important}body.studio .dashboardCenterCol{max-width:1380px;margin:auto!important}}
@media(max-width:1059px){body.studio:not(.menu-open) .mainMenu{transform:translateX(-110%)!important;visibility:hidden!important;opacity:0!important}body.studio.menu-open .mainMenu{transform:translateX(0)!important;visibility:visible!important;opacity:1!important;width:285px!important}body.studio .app{margin-left:auto!important;width:auto!important;padding:16px 20px 110px!important}body.studio .dashboardPrimaryActions{grid-template-columns:repeat(3,minmax(0,1fr))!important}body.studio.logged-in .brandHead{display:none!important}body.studio .menuClose{display:block!important}}
@media(max-width:700px){body.studio .app{padding:12px 14px 110px!important}body.studio .app>header{padding:11px 12px!important;gap:7px!important;flex-wrap:wrap!important;min-height:60px!important;margin-bottom:18px!important}body.studio .headerActions{gap:6px!important}body.studio .headerLogoutBtn strong,body.studio .themeWord,body.studio .menuToggle>span:last-child{display:none!important}body.studio .menuToggle,body.studio .themeToggle,body.studio .headerLogoutBtn{padding:7px 9px!important;min-height:36px!important}body.studio .studioHeaderTitle{font-size:12px}body.studio .studioHeaderTitle span{font-size:10px}body.studio #dashboardCards{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.studio #dashboardCards .dashCard{padding:14px 16px!important;min-height:102px!important}body.studio #dashboardCards .dashCard:nth-child(2){border-right:0!important}body.studio #dashboardCards .dashCard:nth-child(n+3){border-top:1px solid var(--line)!important}body.studio #dashboardCards .dashCard strong{font-size:28px!important}body.studio .dashboardPrimaryActions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}body.studio .primaryActionCard small{display:none!important}body.studio .dashboardPrimaryActions .primaryActionCard{padding:12px!important;min-height:65px!important}body.studio .dashboardHeroCopy h2{font-size:27px!important}body.studio .dashboardColumns{grid-template-columns:1fr!important}body.studio .studioWelcome{padding:18px}.studioWelcome h3{font-size:18px}body.studio .studioWelcomeMark{font-size:42px}body.studio .studioRepair{grid-template-columns:26px minmax(0,1fr);gap:10px;padding:14px}body.studio .studioDeviceIcon{width:26px;height:35px}body.studio .studioRepairStatus{grid-column:2;justify-self:start;margin-top:-4px;font-size:10px}body.studio .studioPanelHeading{padding:16px}body.studio .studioRepair strong{font-size:12px}body.studio .studioRepair small{font-size:11px}body.studio input,body.studio select,body.studio textarea{font-size:16px!important}body.studio .partsWorkspace,body.studio .deviceSalesLayout{grid-template-columns:minmax(0,1fr)!important}body.studio .partsSelectors{grid-template-columns:repeat(3,minmax(0,1fr))!important}body.studio .partsSelector{padding:8px!important}.studio .selectorTitle{flex-wrap:wrap}.studio .selectorTitle strong{font-size:11px!important}body.studio .partsSelector input{padding:8px 5px!important;min-width:0!important;font-size:12px!important}}
@media(max-width:380px){body.studio .studioHeaderTitle{display:none!important}body.studio .headerActions{width:100%;justify-content:space-between}body.studio .partsSelectors{grid-template-columns:1fr!important}body.studio .dashboardPrimaryActions .primaryActionCard{gap:7px!important}body.studio .primaryActionCard strong{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){body.studio *,body.studio *:before,body.studio *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Never override role/route visibility with layout styles. */
html body.studio[data-theme] [hidden]{display:none!important}
/* Isolate the new chrome from the legacy rules' minimum dimensions and decoration. */
body.studio[data-theme] .menuItem .menuIcon{display:grid!important;place-items:center!important;min-width:18px!important;max-width:18px!important;min-height:20px!important;max-height:20px!important;width:18px!important;height:20px!important;padding:0!important;line-height:20px!important}
body.studio[data-theme] .menuBrand .studioBrandMark{font-size:22px!important;color:#173a27!important;letter-spacing:-1px!important;display:grid!important;margin:0!important}
body.studio[data-theme] .dashboardHero:before,body.studio[data-theme] .dashboardHero:after{display:none!important;content:none!important}
body.studio[data-theme] .primaryActionCard:before,body.studio[data-theme] .primaryActionCard:after{display:none!important;content:none!important}
body.studio[data-theme] .globalSearchBar{max-width:none!important;width:100%!important}
body.studio[data-theme] .globalSearchBox{max-width:none!important;width:100%!important;display:flex!important;align-items:center!important}
body.studio[data-theme] .globalSearchBox input{flex:1!important;width:auto!important;max-width:none!important;min-width:0!important}
body.studio[data-theme] button#scanBarcodeBtn,body.studio[data-theme] button#previewExitBtn{background:var(--gold)!important;color:var(--bg)!important;border:1px solid var(--gold)!important;border-radius:7px!important;box-shadow:none!important;padding:9px 12px!important;font-weight:500!important}
body.studio[data-theme] button#themeToggle{background:var(--card)!important;color:var(--muted)!important;border:1px solid var(--line)!important;box-shadow:none!important;border-radius:7px!important}
body.studio[data-theme] #headerCloudPill{background:var(--studio-soft)!important;color:var(--gold)!important;border:0!important}
html body.studio[data-theme] [hidden]{display:none!important}
body.studio[data-theme] button#refreshDashboardBtn{font-size:12px!important;color:var(--text)!important;background:var(--card)!important;border:1px solid var(--line)!important;min-width:90px!important;padding:9px!important;text-indent:0!important}
body.studio[data-theme] button#refreshDashboardBtn:before,body.studio[data-theme] button#refreshDashboardBtn:after{content:none!important;display:none!important}
/* V2.2 RC2: shared theme surfaces, including the intake and print dialogs. */
body.studio[data-theme="light"]{color-scheme:light;--muted:#52665a;--line:#cbd7ce;--border:#cbd7ce}
body.studio[data-theme="dark"]{color-scheme:dark;--muted:#b3c6b8;--line:#496050;--border:#496050}
body.studio[data-theme] :is(.saleDialog,.usedChecks,.blacklistCheck,.partsTable th,.panelTitle button,.usedRowStatus button,.partRowActions button,.saleItemLabel,.operatorResolved,.noteHistory,.settingsPanel,.settingsCard){background:var(--card2)!important;color:var(--text)!important;border-color:var(--line)!important;box-shadow:none!important}
body.studio[data-theme] :is(.usedCard label,.partEditorForm label,.usedSectionTitle,.usedRow strong,.panelTitle strong,.partsTable td,.saleMain,.saleMeta,.salePrice,.saleTotal,.saleNote,.archiveReason,.settingsPanel label){color:var(--text)!important;border-color:var(--line)!important}
body.studio[data-theme] :is(.usedRow small,.usedRow span,.blacklistCheck small,.partsTable small,.partsEyebrow,.saleMain span,.saleMeta small,.salePrice small,.archiveNote,.selectorEmpty){color:var(--muted)!important}
body.studio[data-theme] :is(.usedRow,.partsTable td,.saleActionsRow,.saleDialogHead){border-color:var(--line)!important}
body.studio[data-theme] :is(.usedTabs .active,.salesSubTab.active,.clientTypeTab.active){background:var(--studio-soft)!important;color:var(--gold)!important;border:1px solid var(--gold)!important}
body.studio[data-theme] :is(.greenAction,.primaryAction){background:var(--gold)!important;color:var(--bg)!important;border-color:var(--gold)!important;box-shadow:none!important}
body.studio[data-theme] :is(.rowAction.delete,.dangerAction,.saleError,.createUserMsg.error){color:var(--red)!important;border-color:var(--red)!important;background:var(--card)!important}
body.studio[data-theme] .blacklist.ok{color:var(--green)!important;background:var(--studio-soft)!important}
body.studio[data-theme] .blacklist.bad{color:var(--red)!important;background:var(--card2)!important}
body.studio[data-theme] .blacklist.wait{color:var(--amber)!important;background:var(--card2)!important}
body.studio[data-theme] .usedLayout{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start}
body.studio[data-theme] :is(.usedCard,.usedRow,.panelTitle,.usedLayout>*){min-width:0}
body.studio[data-theme] .usedRow{flex-wrap:wrap;overflow-wrap:anywhere}
body.studio[data-theme] .usedCard input,body.studio[data-theme] .usedCard select,body.studio[data-theme] .usedCard textarea{font-size:14px!important;padding:10px 11px!important}
body.studio[data-theme] .usedCard label{font-size:12px!important}
body.studio[data-theme] .panelTitle{flex-wrap:wrap}
body.studio[data-theme] .saleModal{z-index:13000!important;overflow:auto}
body.studio[data-theme] .saleDialog{max-height:calc(100dvh - 36px);overflow:auto}
body.studio[data-theme] .headerLogoutBtn{position:static!important}
@media(max-width:1250px){body.studio[data-theme] .usedLayout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){body.studio[data-theme] .usedCard :is(input,select,textarea){font-size:16px!important}body.studio[data-theme] .usedHistory{min-height:0}}
body.studio[data-theme] .menuItem{min-height:42px!important;height:auto!important;max-height:none!important;padding:10px 9px!important;grid-template-columns:18px minmax(0,1fr)!important;gap:9px!important}
body.studio[data-theme] .menuNav{display:flex!important;flex-direction:column!important;gap:3px!important;min-height:0!important}