:root{--black:#111;--ink:#222;--muted:#737373;--line:#e5e5e5;--surface:#fff;--soft:#f5f5f4;--danger:#b42318}*{box-sizing:border-box}body{margin:0;background:var(--soft);color:var(--ink);font:14px/1.45 Arial,sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:240px;background:#111;color:#fff;padding:28px 18px;display:flex;flex-direction:column}.brand{display:grid;grid-template-columns:42px 1fr;align-items:center;margin:0 8px 35px}.brand>span,.login-mark{width:38px;height:38px;border:1px solid #777;display:grid;place-items:center;font-weight:800}.brand strong{font-size:18px}.brand small{grid-column:2;color:#999}.sidebar nav{display:grid;gap:5px}.sidebar nav a{color:#aaa;text-decoration:none;padding:11px 13px;border-radius:7px}.sidebar nav a:hover{background:#292929;color:#fff}.user-card{margin-top:12px;padding:14px 10px;border-top:1px solid #333;display:grid;gap:3px}.user-card span{font-size:11px;color:#999}.link-button{border:0;background:none;color:#ccc;padding:8px 0;cursor:pointer}main{margin-left:240px;padding:38px;min-height:100vh;max-width:1600px}.page-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:26px}.page-header h1{font-size:30px;margin:2px 0}.page-header p{margin:0;color:var(--muted)}.eyebrow{font-size:10px!important;font-weight:800;letter-spacing:1.8px;color:#777!important}.button,button{border:0;background:#111;color:#fff;padding:11px 17px;border-radius:6px;text-decoration:none;font-weight:700;cursor:pointer}.button.secondary{background:#e9e9e7;color:#222}.actions{display:flex;gap:8px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stats article,.panel{background:#fff;border:1px solid var(--line);border-radius:9px;padding:20px}.stats article{display:grid;gap:8px}.stats article>span,.stats article small{color:var(--muted)}.stats article strong{font-size:27px}.stats article.warning{border-left:4px solid var(--danger)}.grid-two{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.panel h2{margin-top:0}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.panel-head h2{margin:0}.panel-head a{color:#222}table{width:100%;border-collapse:collapse}th{text-align:left;color:#777;font-size:11px;text-transform:uppercase;letter-spacing:.5px}th,td{padding:12px;border-bottom:1px solid #eee}.pill{display:inline-block;background:#eee;padding:4px 8px;border-radius:20px;font-size:11px;font-weight:700}.pill.danger{background:#fee4e2;color:var(--danger)}.empty{text-align:center;color:#888;padding:30px}.activity>div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #eee}.activity span{display:grid}.activity small{color:#888}.right{text-align:right}.search{display:flex;gap:8px;margin-bottom:16px}.filter-bar{display:grid;grid-template-columns:minmax(240px,2fr) repeat(3,minmax(130px,1fr)) auto auto;gap:10px;align-items:end;margin-bottom:20px}.filter-bar>a{padding:11px 4px}.lookup-bar{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;margin-bottom:20px}.selected-sale{display:flex;justify-content:space-between;align-items:start;margin-bottom:16px}.form-panel{max-width:760px}.form-panel form>div{display:grid;grid-template-columns:180px 1fr;gap:8px;margin-bottom:15px}.form-panel .helptext{grid-column:2;color:#888;font-size:11px}.form-actions{display:flex!important;justify-content:flex-end;align-items:center;gap:16px!important;margin-top:25px}.sale-layout{display:grid;gap:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wide{grid-column:1/-1}label{display:grid;gap:7px;font-weight:700}input,select,textarea{width:100%;padding:11px;border:1px solid #ccc;border-radius:6px;background:#fff;color:#222}textarea{min-height:88px}.total-panel{display:flex;justify-content:space-between;align-items:end}.submit-group{display:flex;gap:8px}.remove{background:#eee;color:#222;padding:7px 10px}.messages{margin-bottom:15px}.message{padding:12px 15px;border:1px solid #ccc;background:#fff;border-radius:6px}.message.error{border-color:#f1a6a0;color:#8a1c13}.message.success{border-color:#9fd4ad;color:#176b32}.login-page{min-height:100vh;display:grid;place-items:center;background:#111}.login-card{width:min(420px,90vw);background:#fff;padding:42px;border-radius:10px}.login-card h1{font-size:30px;margin-bottom:5px}.login-card>p{color:#777}.login-card form{display:grid;gap:17px;margin-top:25px}.full{width:100%}.block{display:block;color:#777;margin-top:4px}.totals{display:grid;gap:8px;min-width:360px}.totals>span{display:flex;justify-content:space-between}.record-summary dl{display:grid;grid-template-columns:120px 1fr;gap:10px;margin-bottom:20px}.record-summary dt{color:#777}.record-summary dd{margin:0}.record-summary form{margin-top:20px}.cancel-box{border-top:1px solid #eee;padding-top:20px}.danger-button{background:var(--danger)}.detail-grid{align-items:start;grid-template-columns:minmax(0,1.65fr) minmax(390px,.65fr)}.detail-grid>.record-summary{padding:18px}.detail-grid>.record-summary dl{grid-template-columns:105px 1fr;gap:8px 12px}.timeline{margin-top:28px;border-top:1px solid #eee;padding-top:20px}.timeline article{display:grid;grid-template-columns:14px 1fr;gap:10px;padding:0 0 18px}.timeline article>span{width:9px;height:9px;border-radius:50%;background:#111;margin-top:5px}.timeline p{margin:3px 0}.timeline small{color:#777}.product-stats{grid-template-columns:repeat(4,1fr)}.product-heading{display:flex;align-items:center;gap:18px}.product-image{width:96px;height:96px;object-fit:cover;border:1px solid #d8d8d8;border-radius:9px;background:#fff}.product-placeholder{display:grid;place-items:center;align-content:center;color:#999;background:#eee}.product-placeholder span{font-size:34px;line-height:1}.product-placeholder small{font-size:10px;text-transform:uppercase;letter-spacing:.5px}@media(max-width:1000px){.stats{grid-template-columns:1fr 1fr}.grid-two{grid-template-columns:1fr}.filter-bar{grid-template-columns:1fr 1fr}.sidebar{width:205px}main{margin-left:205px;padding:25px}}
.sidebar .brand small{grid-column:1/-1;text-align:center;margin-top:10px;padding-top:7px;border-top:1px solid #292929;letter-spacing:.8px}
.search input{flex:1}
.division-label{display:block;color:#999;font-size:10px;text-transform:uppercase;letter-spacing:1px;margin:0 0 5px}.division-switcher{width:100%;margin:0 0 20px;padding:9px;background:#242424;color:#fff;border:1px solid #555}.expiry-warning{background:#fff7cc}.expiry-urgent{background:#ffe0b2}.expiry-critical,.expiry-expired{background:#fee4e2;color:#8a1c13}
.sidebar nav .admin-controls-link{margin-top:14px;border-top:1px solid #333;border-radius:0;padding-top:16px}.section-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.section-tabs a{padding:9px 13px;border:1px solid #ddd;border-radius:6px;text-decoration:none;color:#222;background:#fff}.success-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.receipt-note{border-left:4px solid #166534}
#spec-rows{display:block!important;margin-bottom:12px!important}.form-panel .spec-row{display:grid!important;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto!important;gap:12px!important;margin-bottom:12px!important;align-items:center}.spec-headings{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto;gap:12px;margin-bottom:6px;color:#777;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.spec-headings span:last-child{width:92px}
.preset-controls{display:flex;align-items:end;justify-content:flex-end;gap:10px;flex-wrap:wrap;max-width:900px;position:relative;right:24px}.preset-controls label{min-width:250px}.preset-controls #preset-name-box{display:flex;gap:8px;align-items:center}.preset-controls #preset-name-box[hidden]{display:none}.preset-controls #preset-name-box input{min-width:250px}.pricing-tier-control{display:flex;align-items:center;gap:7px;height:42px;color:var(--muted);font-size:12px;font-weight:700}.price-tier-toggle{position:relative;width:52px;height:28px;padding:0;border:1px solid #15803d;border-radius:999px;background:#16a34a}.price-tier-toggle>span{position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.35);transition:transform .2s cubic-bezier(.2,.8,.2,1)}.price-tier-toggle[aria-pressed="true"]{border-color:#1d4ed8;background:#2563eb}.price-tier-toggle[aria-pressed="true"]>span{transform:translateX(24px)}.price-state-column,.price-state-cell{width:20px;padding-left:0;padding-right:4px}.price-state-dot{display:inline-block;width:11px;height:11px;border-radius:50%;box-shadow:0 0 0 2px rgba(0,0,0,.08)}.price-state-dot.status-retail{background:#22c55e}.price-state-dot.status-wholesale{background:#2563eb}.price-state-dot.status-manual{background:#f97316}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.price-tier-toggle>span{transition:none}}
.searchable-combobox{position:relative;width:100%}.searchable-combobox-menu{position:absolute;z-index:50;top:calc(100% + 4px);left:0;right:0;max-height:260px;overflow:auto;background:#fff;border:1px solid #bbb;border-radius:7px;box-shadow:0 10px 25px rgba(0,0,0,.14);padding:5px}.searchable-combobox-option{display:block;width:100%;background:#fff;color:#222;text-align:left;padding:10px;border-radius:5px;font-weight:400}.searchable-combobox-option:hover,.searchable-combobox-option:focus{background:#eee}.searchable-combobox-empty{display:block;padding:10px;color:#777}.searchable-combobox-input{padding-right:34px;background-image:linear-gradient(45deg,transparent 50%,#555 50%),linear-gradient(135deg,#555 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}

.theme-toggle{display:flex;align-items:center;justify-content:center;width:54px;height:30px;padding:0;border:0;border-radius:999px;background:transparent;box-shadow:none}
.sidebar>.theme-toggle{margin-top:auto;margin-left:10px}
.login-page>.theme-toggle{position:absolute;z-index:100;top:16px;right:22px}
.theme-toggle:hover .theme-switch{box-shadow:0 0 0 2px rgba(128,128,128,.35)}.theme-switch{position:relative;width:54px;height:30px;flex:0 0 54px;border:1px solid #777;border-radius:999px;background:#e3e3e3;transition:background-color .2s ease,box-shadow .2s ease}.theme-switch-thumb{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;color:#555;display:grid;place-items:center;box-shadow:0 1px 4px rgba(0,0,0,.35);transition:transform .2s cubic-bezier(.2,.8,.2,1),color .2s ease}.theme-toggle-icon{font-size:14px;line-height:1;font-weight:400}
html[data-theme="dark"] .theme-switch{background:#34c759}
html[data-theme="dark"] .theme-switch-thumb{color:#202020;transform:translateX(24px)}
@media(prefers-reduced-motion:reduce){.theme-switch,.theme-switch-thumb{transition:none}}

html[data-theme="dark"]{color-scheme:dark;--black:#f5f5f4;--ink:#ededeb;--muted:#aaa9a5;--line:#3a3a38;--surface:#20201f;--soft:#151514;--danger:#ff8a80}
html[data-theme="dark"] body{background:var(--soft);color:var(--ink)}
html[data-theme="dark"] .sidebar{background:#0b0b0b}
html[data-theme="dark"] .stats article,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .message,
html[data-theme="dark"] .login-card{background:var(--surface);border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] .stats article.warning{border-left-color:var(--danger)}
html[data-theme="dark"] .panel-head a,
html[data-theme="dark"] .section-tabs a{color:var(--ink)}
html[data-theme="dark"] th,
html[data-theme="dark"] td,
html[data-theme="dark"] .activity>div,
html[data-theme="dark"] .timeline,
html[data-theme="dark"] .cancel-box{border-color:var(--line)}
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea{background:#292928;border-color:#51514e;color:var(--ink)}
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder{color:#92928e}
html[data-theme="dark"] .button,
html[data-theme="dark"] button:not(.theme-toggle):not(.danger-button):not(.price-tier-toggle){background:#ececea;color:#171716}
html[data-theme="dark"] .price-tier-toggle{border-color:#15803d;background:#16a34a}
html[data-theme="dark"] .price-tier-toggle[aria-pressed="true"]{border-color:#1d4ed8;background:#2563eb}
html[data-theme="dark"] .button.secondary,
html[data-theme="dark"] .remove{background:#393937;color:var(--ink)}
html[data-theme="dark"] .link-button{background:none!important;color:#ccc!important}
html[data-theme="dark"] .section-tabs a{background:var(--surface);border-color:var(--line)}
html[data-theme="dark"] .searchable-combobox-menu{background:#292928;border-color:#51514e;box-shadow:0 10px 25px rgba(0,0,0,.45)}
html[data-theme="dark"] .searchable-combobox-option{background:#292928;color:var(--ink)}
html[data-theme="dark"] .searchable-combobox-option:hover,
html[data-theme="dark"] .searchable-combobox-option:focus{background:#41413f}
html[data-theme="dark"] .product-image{background:#292928;border-color:#51514e}
html[data-theme="dark"] .product-placeholder{background:#333331;color:#aaa}
html[data-theme="dark"] .expiry-warning{background:#494015}
html[data-theme="dark"] .expiry-urgent{background:#503515}
html[data-theme="dark"] .expiry-critical,
html[data-theme="dark"] .expiry-expired{background:#4c211f;color:#ffb4ad}
html[data-theme="dark"] .message.error{background:#3b201e;color:#ffb4ad}
html[data-theme="dark"] .message.success{background:#173322;color:#9ee2b3}
html[data-theme="dark"] .timeline article>span{background:#eee}
html[data-theme="dark"] .login-page{background:#0b0b0b}

/* Shared action colors: blue for normal work, green for positive completion,
   and red for destructive or abandoning actions. */
:root{
  --brand-green:#17884f;
  --brand-green-deep:#0f5f37;
  --brand-green-soft:#e7f5ec;
  --brand-lime:#a8cf3a;
  --admin-blue:#2563eb;
  --admin-blue-deep:#1e40af;
  --admin-blue-soft:#eaf2ff;
  --admin-cyan:#38bdf8;
  --magnolia-blue:#174a97;
  --magnolia-blue-deep:#10356f;
  --magnolia-blue-soft:#eaf1fb;
  --magnolia-yellow:#f4c400;
  --magnolia-yellow-soft:#fff8d6;
  --action-blue-bg:#dbeafe;
  --action-blue-fg:#1e40af;
  --action-blue-border:#bfdbfe;
  --action-blue-hover:#c7ddfc;
  --action-green-bg:#dcfce7;
  --action-green-fg:#166534;
  --action-green-border:#bbf7d0;
  --action-green-hover:#c6f6d5;
  --action-red-bg:#fee2e2;
  --action-red-fg:#a8241b;
  --action-red-border:#fecaca;
  --action-red-hover:#fbd0d0;
}
body.workspace-ledsolartech .sidebar{border-right:0}
body.workspace-ledsolartech .sidebar:after{content:"";position:absolute;top:0;right:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--brand-green) 0%,var(--brand-lime) 48%,var(--brand-green) 100%)}
body.workspace-ledsolartech .brand>span{border-color:var(--brand-green);color:var(--brand-lime);box-shadow:inset 0 0 0 1px rgba(168,207,58,.12)}
body.workspace-ledsolartech .sidebar .brand small{border-top-color:rgba(168,207,58,.28)}
body.workspace-ledsolartech .division-switcher{border-color:#3f7f5c}
body.workspace-ledsolartech .sidebar nav a{border-left:3px solid transparent;transition:background-color .15s ease,color .15s ease,border-color .15s ease}
body.workspace-ledsolartech .sidebar nav a:hover{background:#163526;color:#d9f99d;border-left-color:var(--brand-lime)}
body.workspace-ledsolartech{background:#e5ebe4}
body.workspace-ledsolartech main{position:relative}
body.workspace-ledsolartech main:before{content:"";position:absolute;top:0;left:38px;right:38px;height:4px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,var(--brand-green),var(--brand-lime),transparent 72%)}
body.workspace-ledsolartech .page-header{position:relative;padding-bottom:13px}
body.workspace-ledsolartech .page-header:after{content:"";position:absolute;left:0;bottom:0;width:72px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--brand-green),var(--brand-lime))}
body.workspace-ledsolartech .eyebrow{color:var(--brand-green-deep)!important}
body.workspace-ledsolartech .panel{background:#fff;border-color:#c5d6c9;border-top:2px solid #72ba8d;box-shadow:0 5px 18px rgba(15,95,55,.05)}
body.workspace-ledsolartech .stats article:not(.warning){background:#fff;border-color:#c5d6c9;border-top:2px solid #88c99e}
body.workspace-ledsolartech .panel h2,
body.workspace-ledsolartech .panel h3{color:var(--brand-green-deep)}
body.workspace-ledsolartech th{color:#46705a}
body.workspace-ledsolartech main a:not(.button){color:var(--brand-green-deep)}
body.workspace-ledsolartech input:focus,
body.workspace-ledsolartech select:focus,
body.workspace-ledsolartech textarea:focus{outline:2px solid rgba(23,136,79,.25);border-color:var(--brand-green)}
body.workspace-ledsolartech tbody tr{transition:background-color .12s ease}
body.workspace-ledsolartech tbody tr:hover{background:rgba(23,136,79,.045)}
body.workspace-ledsolartech .section-tabs a:hover{border-color:var(--brand-green);background:var(--brand-green-soft);color:var(--brand-green-deep)}
body.workspace-ledsolartech .message.success{border-left:4px solid var(--brand-green)}
body.workspace-ledsolartech .timeline article>span{background:var(--brand-green)}
body.workspace-controls .sidebar{border-right:0}
body.workspace-controls .sidebar:after{content:"";position:absolute;top:0;right:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--admin-blue) 0%,var(--admin-cyan) 48%,var(--admin-blue) 100%)}
body.workspace-controls .brand>span{border-color:var(--admin-blue);color:#bfdbfe;box-shadow:inset 0 0 0 1px rgba(56,189,248,.14)}
body.workspace-controls .sidebar .brand small{border-top-color:rgba(56,189,248,.3)}
body.workspace-controls .division-switcher{border-color:#3b65a5}
body.workspace-controls .sidebar nav a{border-left:3px solid transparent;transition:background-color .15s ease,color .15s ease,border-color .15s ease}
body.workspace-controls .sidebar nav a:hover{background:#172b4d;color:#bfdbfe;border-left-color:var(--admin-cyan)}
body.workspace-controls{background:#f6f7f9}
body.workspace-controls main{position:relative}
body.workspace-controls main:before{content:"";position:absolute;top:0;left:38px;right:38px;height:3px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,var(--admin-blue),var(--admin-cyan),transparent 72%)}
body.workspace-controls .page-header{position:relative;padding-bottom:13px}
body.workspace-controls .page-header:after{content:"";position:absolute;left:0;bottom:0;width:72px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--admin-blue),var(--admin-cyan))}
body.workspace-controls .eyebrow{color:var(--admin-blue-deep)!important}
body.workspace-controls .panel{background:#fff;border-color:#d8e4f5;border-top:2px solid #9fc5f8;box-shadow:0 5px 18px rgba(30,64,175,.035)}
body.workspace-controls .stats article{border-color:#d7e4f6}
body.workspace-controls .stats article:nth-child(4n+1){background:#f4f8ff;border-top:2px solid #93c5fd}
body.workspace-controls .stats article:nth-child(4n+2){background:#eef6ff;border-top:2px solid #60a5fa}
body.workspace-controls .stats article:nth-child(4n+3){background:#f2f5ff;border-top:2px solid #818cf8}
body.workspace-controls .stats article:nth-child(4n){background:#edf9ff;border-top:2px solid #38bdf8}
body.workspace-controls .panel h2,
body.workspace-controls .panel h3{color:var(--admin-blue-deep)}
body.workspace-controls th{color:#4d6590}
body.workspace-controls main a:not(.button){color:var(--admin-blue-deep)}
body.workspace-controls input:focus,
body.workspace-controls select:focus,
body.workspace-controls textarea:focus{outline:2px solid rgba(37,99,235,.22);border-color:var(--admin-blue)}
body.workspace-controls tbody tr{transition:background-color .12s ease}
body.workspace-controls tbody tr:hover{background:rgba(37,99,235,.045)}
body.workspace-controls .section-tabs a{background:#f4f8ff;border-color:#c9daf3;color:var(--admin-blue-deep)}
body.workspace-controls .section-tabs a:hover{background:#e2edff;border-color:var(--admin-blue)}
body.workspace-magnolia{background:#f2f1eb}
body.workspace-magnolia .sidebar{border-right:0}
body.workspace-magnolia .sidebar:after{content:"";position:absolute;top:0;right:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--magnolia-blue) 0%,#4d9ed8 52%,var(--magnolia-blue) 100%)}
body.workspace-magnolia .brand>span{border-color:var(--magnolia-blue);color:#ffe052;box-shadow:inset 0 0 0 1px rgba(244,196,0,.14)}
body.workspace-magnolia .sidebar .brand small{border-top-color:rgba(244,196,0,.32)}
body.workspace-magnolia .division-switcher{border-color:#385f98}
body.workspace-magnolia .sidebar nav a{border-left:3px solid transparent;transition:background-color .15s ease,color .15s ease,border-color .15s ease}
body.workspace-magnolia .sidebar nav a:hover{background:#172b4d;color:#dbeafe;border-left-color:#60a5fa}
body.workspace-magnolia main{position:relative}
body.workspace-magnolia main:before{content:"";position:absolute;top:0;left:38px;right:38px;height:4px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,var(--magnolia-blue),#63b3df,transparent 72%)}
body.workspace-magnolia .page-header{position:relative;padding-bottom:13px}
body.workspace-magnolia .page-header:after{content:"";position:absolute;left:0;bottom:0;width:72px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--magnolia-blue),#63b3df)}
body.workspace-magnolia .eyebrow{color:var(--magnolia-blue-deep)!important}
body.workspace-magnolia .panel{background:#fff;border-color:#d3dbe8;border-top:2px solid #6e91c5;box-shadow:0 5px 18px rgba(16,53,111,.04)}
body.workspace-magnolia .stats article:not(.warning){background:#fff;border-color:#d3dbe8;border-top:2px solid var(--magnolia-blue)}
body.workspace-magnolia .magnolia-risk-stats article.risk-critical{background:linear-gradient(135deg,#fff1f0 0%,#ffd4cf 100%);border:1px solid #ed8b82;border-left:5px solid #c62828}
body.workspace-magnolia .magnolia-risk-stats article.risk-critical span,
body.workspace-magnolia .magnolia-risk-stats article.risk-critical small{color:#8f1d17}
body.workspace-magnolia .magnolia-risk-stats article.risk-critical strong{color:#741510}
body.workspace-magnolia .magnolia-risk-stats article.risk-nearing{background:linear-gradient(135deg,#fffaf0 0%,#ffe3a1 100%);border:1px solid #dfa92b;border-left:5px solid #c98700}
body.workspace-magnolia .magnolia-risk-stats article.risk-nearing span,
body.workspace-magnolia .magnolia-risk-stats article.risk-nearing small{color:#735000}
body.workspace-magnolia .magnolia-risk-stats article.risk-nearing strong{color:#5b3e00}
body.workspace-magnolia .magnolia-sales-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
body.workspace-magnolia .panel h2,
body.workspace-magnolia .panel h3{color:var(--magnolia-blue-deep)}
body.workspace-magnolia th{color:#4d6792}
body.workspace-magnolia main a:not(.button){color:var(--magnolia-blue-deep)}
body.workspace-magnolia input:focus,
body.workspace-magnolia select:focus,
body.workspace-magnolia textarea:focus{outline:2px solid rgba(23,74,151,.22);border-color:var(--magnolia-blue)}
body.workspace-magnolia tbody tr{transition:background-color .12s ease}
body.workspace-magnolia tbody tr:hover{background:rgba(23,74,151,.05)}
body.workspace-magnolia .section-tabs a:hover{background:var(--magnolia-blue-soft);border-color:var(--magnolia-blue);color:var(--magnolia-blue-deep)}
body.workspace-magnolia .expiry-expired,
body.workspace-magnolia .expiry-critical{background:linear-gradient(90deg,#ffc7c2 0%,#fff0ee 100%);color:#861b16}
body.workspace-magnolia .expiry-urgent{background:linear-gradient(90deg,#ffd39a 0%,#fff0d9 100%);color:#743900}
body.workspace-magnolia .expiry-warning{background:linear-gradient(90deg,#ffe9a0 0%,#fff9dd 100%);color:#675000}
.data-tools-stack{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
.data-tools-stack>.panel{width:100%;padding:26px}
.data-tools-stack form{display:grid;gap:12px}
.data-tools-stack hr{margin:18px 0;border:0;border-top:1px solid var(--line)}
.button,
button:not(.theme-toggle):not(.price-tier-toggle):not(.link-button){
  background:var(--action-blue-bg);
  color:var(--action-blue-fg);
  border:1px solid var(--action-blue-border);
  transition:background-color .15s ease,border-color .15s ease,transform .15s ease;
}
.button:hover,
button:not(.theme-toggle):not(.price-tier-toggle):not(.link-button):hover{
  background:var(--action-blue-hover);
}
.button.secondary,
button.secondary{
  background:#eff6ff;
  color:var(--action-blue-fg);
  border-color:var(--action-blue-border);
}
.button.success-button,
button.success-button{
  background:var(--action-green-bg);
  color:var(--action-green-fg);
  border-color:var(--action-green-border);
}
.button.success-button:hover,
button.success-button:hover{
  background:var(--action-green-hover);
}
.button.danger-button,
button.danger-button,
.button.cancel-action,
button.cancel-action,
.remove,
.remove-spec{
  background:var(--action-red-bg);
  color:var(--action-red-fg);
  border:1px solid var(--action-red-border);
}
.button.danger-button:hover,
button.danger-button:hover,
.button.cancel-action:hover,
button.cancel-action:hover,
.remove:hover,
.remove-spec:hover{
  background:var(--action-red-hover);
}
.cancel-link{
  color:var(--action-red-fg);
  font-weight:700;
}
.receipt-note{border-left-color:#22a559}
.stats article:not(.warning){border-top-color:#cfe8d7}

html[data-theme="dark"]{
  --brand-green:#34b875;
  --brand-green-deep:#9ee2b3;
  --brand-green-soft:#173323;
  --brand-lime:#b7dc52;
  --admin-blue:#60a5fa;
  --admin-blue-deep:#bfdbfe;
  --admin-blue-soft:#172b4d;
  --admin-cyan:#67e8f9;
  --magnolia-blue:#60a5fa;
  --magnolia-blue-deep:#bfdbfe;
  --magnolia-blue-soft:#172b4d;
  --magnolia-yellow:#facc15;
  --magnolia-yellow-soft:#3b3210;
  --action-blue-bg:#172b4d;
  --action-blue-fg:#bfdbfe;
  --action-blue-border:#28518a;
  --action-blue-hover:#1d3a67;
  --action-green-bg:#163523;
  --action-green-fg:#bbf7d0;
  --action-green-border:#287a48;
  --action-green-hover:#1d472e;
  --action-red-bg:#47201f;
  --action-red-fg:#fecaca;
  --action-red-border:#8b3a35;
  --action-red-hover:#5b2926;
}
html[data-theme="dark"] body.workspace-ledsolartech .sidebar nav a:hover{background:#133122;color:#d9f99d;border-left-color:var(--brand-lime)}
html[data-theme="dark"] body.workspace-ledsolartech{background:var(--soft)}
html[data-theme="dark"] body.workspace-ledsolartech .division-switcher{border-color:#2b704c}
html[data-theme="dark"] body.workspace-ledsolartech .panel{background:var(--surface);border-color:var(--line);border-top-color:#28513a;box-shadow:none}
html[data-theme="dark"] body.workspace-ledsolartech .stats article:not(.warning){background:var(--surface);border-color:var(--line);border-top-color:#28513a}
html[data-theme="dark"] body.workspace-ledsolartech .panel h2,
html[data-theme="dark"] body.workspace-ledsolartech .panel h3,
html[data-theme="dark"] body.workspace-ledsolartech main a:not(.button){color:var(--brand-green-deep)}
html[data-theme="dark"] body.workspace-ledsolartech th{color:#8fc7a5}
html[data-theme="dark"] body.workspace-ledsolartech tbody tr:hover{background:rgba(52,184,117,.07)}
html[data-theme="dark"] body.workspace-ledsolartech .section-tabs a:hover{background:var(--brand-green-soft);border-color:var(--brand-green);color:var(--brand-green-deep)}
html[data-theme="dark"] body.workspace-ledsolartech input:focus,
html[data-theme="dark"] body.workspace-ledsolartech select:focus,
html[data-theme="dark"] body.workspace-ledsolartech textarea:focus{outline-color:rgba(52,184,117,.3);border-color:var(--brand-green)}
html[data-theme="dark"] body.workspace-controls .sidebar nav a:hover{background:#15263f;color:#dbeafe;border-left-color:var(--admin-cyan)}
html[data-theme="dark"] body.workspace-controls{background:#101722}
html[data-theme="dark"] body.workspace-controls .division-switcher{border-color:#365e9d}
html[data-theme="dark"] body.workspace-controls .panel{background:#182231;border-color:#2b405d;border-top-color:#3b82c4;box-shadow:0 7px 22px rgba(0,0,0,.15)}
html[data-theme="dark"] body.workspace-controls .stats article{border-color:#2b405d}
html[data-theme="dark"] body.workspace-controls .stats article:nth-child(4n+1){background:#17263b;border-top-color:#60a5fa}
html[data-theme="dark"] body.workspace-controls .stats article:nth-child(4n+2){background:#162b43;border-top-color:#38bdf8}
html[data-theme="dark"] body.workspace-controls .stats article:nth-child(4n+3){background:#202642;border-top-color:#818cf8}
html[data-theme="dark"] body.workspace-controls .stats article:nth-child(4n){background:#142c3a;border-top-color:#22d3ee}
html[data-theme="dark"] body.workspace-controls .panel h2,
html[data-theme="dark"] body.workspace-controls .panel h3,
html[data-theme="dark"] body.workspace-controls main a:not(.button){color:var(--admin-blue-deep)}
html[data-theme="dark"] body.workspace-controls th{color:#9fc5f8}
html[data-theme="dark"] body.workspace-controls tbody tr:hover{background:rgba(96,165,250,.07)}
html[data-theme="dark"] body.workspace-controls input:focus,
html[data-theme="dark"] body.workspace-controls select:focus,
html[data-theme="dark"] body.workspace-controls textarea:focus{outline-color:rgba(96,165,250,.3);border-color:var(--admin-blue)}
html[data-theme="dark"] body.workspace-controls .section-tabs a{background:#172b4d;border-color:#365e9d;color:#bfdbfe}
html[data-theme="dark"] body.workspace-controls .section-tabs a:hover{background:#1d3a67;border-color:var(--admin-blue)}
html[data-theme="dark"] body.workspace-controls .theme-switch{background:#3b82f6;border-color:#60a5fa}
html[data-theme="dark"] body.workspace-controls .theme-switch-thumb{color:#1e3a8a}
html[data-theme="dark"] body.workspace-magnolia{background:#15181e}
html[data-theme="dark"] body.workspace-magnolia .theme-switch{background:var(--magnolia-yellow);border-color:#fde047}
html[data-theme="dark"] body.workspace-magnolia .theme-switch-thumb{color:#174a97}
html[data-theme="dark"] body.workspace-magnolia .sidebar nav a:hover{background:#172b4d;color:#dbeafe;border-left-color:#60a5fa}
html[data-theme="dark"] body.workspace-magnolia .division-switcher{border-color:#365e9d}
html[data-theme="dark"] body.workspace-magnolia .panel{background:#20252d;border-color:#3a414c;border-top-color:#4d76a8;box-shadow:none}
html[data-theme="dark"] body.workspace-magnolia .stats article:not(.warning):not(.risk-critical):not(.risk-nearing){background:#20252d;border-color:#3a414c;border-top-color:#4d76a8}
html[data-theme="dark"] body.workspace-magnolia .magnolia-risk-stats article.risk-critical{background:linear-gradient(135deg,#702429 0%,#381d22 100%);border-color:#a43b42;border-left-color:#ff6b6b}
html[data-theme="dark"] body.workspace-magnolia .magnolia-risk-stats article.risk-critical span,
html[data-theme="dark"] body.workspace-magnolia .magnolia-risk-stats article.risk-critical small{color:#ffc3bf}
html[data-theme="dark"] body.workspace-magnolia .magnolia-risk-stats article.risk-critical strong{color:#fff1ef}
html[data-theme="dark"] body.workspace-magnolia .magnolia-risk-stats article.risk-nearing{background:linear-gradient(135deg,#554015 0%,#2f2a20 100%);border-color:#876b23;border-left-color:#e6b525}
html[data-theme="dark"] body.workspace-magnolia .magnolia-risk-stats article.risk-nearing span,
html[data-theme="dark"] body.workspace-magnolia .magnolia-risk-stats article.risk-nearing small{color:#f5d983}
html[data-theme="dark"] body.workspace-magnolia .magnolia-risk-stats article.risk-nearing strong{color:#fff4c2}
html[data-theme="dark"] body.workspace-magnolia .panel h2,
html[data-theme="dark"] body.workspace-magnolia .panel h3,
html[data-theme="dark"] body.workspace-magnolia main a:not(.button){color:var(--magnolia-blue-deep)}
html[data-theme="dark"] body.workspace-magnolia th{color:#9fc5f8}
html[data-theme="dark"] body.workspace-magnolia tbody tr:hover{background:rgba(96,165,250,.07)}
html[data-theme="dark"] body.workspace-magnolia input:focus,
html[data-theme="dark"] body.workspace-magnolia select:focus,
html[data-theme="dark"] body.workspace-magnolia textarea:focus{outline-color:rgba(96,165,250,.3);border-color:var(--magnolia-blue)}
html[data-theme="dark"] body.workspace-magnolia .section-tabs a:hover{background:var(--magnolia-blue-soft);border-color:var(--magnolia-blue);color:#bfdbfe}
html[data-theme="dark"] body.workspace-magnolia .expiry-expired,
html[data-theme="dark"] body.workspace-magnolia .expiry-critical{background:linear-gradient(90deg,#7b252b 0%,#3b1d22 100%);color:#ffd0cc}
html[data-theme="dark"] body.workspace-magnolia .expiry-urgent{background:linear-gradient(90deg,#684015 0%,#392a1a 100%);color:#ffddb0}
html[data-theme="dark"] body.workspace-magnolia .expiry-warning{background:linear-gradient(90deg,#514415 0%,#302c1c 100%);color:#f9e599}
html[data-theme="dark"] .data-tools-stack hr{border-top-color:var(--line)}
html[data-theme="dark"] .button,
html[data-theme="dark"] button:not(.theme-toggle):not(.price-tier-toggle):not(.link-button){
  background:var(--action-blue-bg);
  color:var(--action-blue-fg);
  border-color:var(--action-blue-border);
}
html[data-theme="dark"] .button:hover,
html[data-theme="dark"] button:not(.theme-toggle):not(.price-tier-toggle):not(.link-button):hover{
  background:var(--action-blue-hover);
}
html[data-theme="dark"] .button.secondary,
html[data-theme="dark"] button.secondary{
  background:#1d3150;
  color:var(--action-blue-fg);
  border-color:var(--action-blue-border);
}
html[data-theme="dark"] .button.success-button,
html[data-theme="dark"] button.success-button{
  background:var(--action-green-bg);
  color:var(--action-green-fg);
  border-color:var(--action-green-border);
}
html[data-theme="dark"] .button.success-button:hover,
html[data-theme="dark"] button.success-button:hover{
  background:var(--action-green-hover);
}
html[data-theme="dark"] .button.danger-button,
html[data-theme="dark"] button.danger-button,
html[data-theme="dark"] .button.cancel-action,
html[data-theme="dark"] button.cancel-action,
html[data-theme="dark"] .remove,
html[data-theme="dark"] .remove-spec{
  background:var(--action-red-bg);
  color:var(--action-red-fg);
  border-color:var(--action-red-border);
}
html[data-theme="dark"] .button.danger-button:hover,
html[data-theme="dark"] button.danger-button:hover,
html[data-theme="dark"] .button.cancel-action:hover,
html[data-theme="dark"] button.cancel-action:hover,
html[data-theme="dark"] .remove:hover,
html[data-theme="dark"] .remove-spec:hover{
  background:var(--action-red-hover);
}
html[data-theme="dark"] .cancel-link{color:#fca5a5}
html[data-theme="dark"] .stats article:not(.warning){border-top-color:#28513a}
@media(prefers-reduced-motion:reduce){
  .button,
  button:not(.theme-toggle):not(.price-tier-toggle):not(.link-button){transition:none}
}

/* Semantic states must outrank the legacy catch-all dark button selector. */
.button.success-button,
button.success-button{
  background:var(--action-green-bg)!important;
  color:var(--action-green-fg)!important;
  border-color:var(--action-green-border)!important;
}
.button.success-button:hover,
button.success-button:hover{background:var(--action-green-hover)!important}
.button.danger-button,
button.danger-button,
.button.cancel-action,
button.cancel-action,
.remove,
.remove-spec{
  background:var(--action-red-bg)!important;
  color:var(--action-red-fg)!important;
  border-color:var(--action-red-border)!important;
}
.button.danger-button:hover,
button.danger-button:hover,
.button.cancel-action:hover,
button.cancel-action:hover,
.remove:hover,
.remove-spec:hover{background:var(--action-red-hover)!important}
/* Keep the expanded product export toolbar on one desktop row. */
.product-export-actions{flex-wrap:nowrap;align-items:center}
.button.compact{padding:8px 11px;font-size:12px;white-space:nowrap}
.pagination{display:flex;align-items:center;justify-content:center;gap:14px;padding-top:18px}
.pagination span{color:var(--muted);font-weight:700}
.user-card-link{color:#ccc;text-decoration:none;padding:8px 0}
.user-card-link:hover{color:#fff}
.account-security-grid{align-items:start;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}
.account-security-grid .form-panel{max-width:none}
.account-session-panel{display:grid;gap:12px}
.account-session-panel p{margin:0;color:var(--muted)}
.account-session-panel form{margin-top:8px}
.account-security-grid .form-panel form>.security-field{
  display:grid!important;
  grid-template-columns:220px minmax(0,1fr)!important;
  gap:7px 16px!important;
  align-items:center;
  margin-bottom:18px!important;
}
.security-field>label{white-space:nowrap}
.security-field>input{grid-column:2}
.security-field-help,
.security-field-errors{grid-column:2;color:var(--muted);font-size:12px}
.security-field-help ul,
.security-field-errors ul{margin:0;padding-left:18px}
.security-field-errors{color:var(--danger)}
@media(max-width:760px){
  .account-security-grid .form-panel form>.security-field{grid-template-columns:1fr!important}
  .security-field>input,.security-field-help,.security-field-errors{grid-column:1}
}
html[data-theme="dark"] .pill:not([class*="status-"]):not(.danger){
  background:#343a43;
  color:#f3f4f6;
  border:1px solid #596273;
}
@media(max-width:1250px){.product-export-actions{flex-wrap:wrap;justify-content:flex-end}}

/* Admin dashboard grouping and account-detail rhythm. */
.financial-group{margin:0 0 28px}
.financial-group h2{margin:0 0 9px;line-height:1.25}
.financial-group .dashboard-financial{margin:0}
.account-detail-stack{display:grid;gap:22px}
.account-detail-stack>.stats{margin-bottom:0}
.account-detail-stack>.panel,
.account-detail-stack>.grid-two{margin:0}

/* Shared blue sign-in identity for light and dark mode. */
.login-page{
  position:relative;
  background:linear-gradient(145deg,#eaf2ff 0%,#f7faff 48%,#dbeafe 100%);
}
.admin-login-card{
  border:1px solid #bfd7fb;
  border-top:4px solid var(--admin-blue);
  box-shadow:0 22px 60px rgba(30,64,175,.14);
}
.admin-login-card .login-mark{
  border-color:var(--admin-blue);
  color:var(--admin-blue-deep);
  background:#eff6ff;
}
.admin-login-card .eyebrow{color:var(--admin-blue-deep)!important}
.admin-login-card h1{color:#10264a}
.admin-login-card input:focus{
  outline:2px solid rgba(37,99,235,.22);
  border-color:var(--admin-blue);
}
.admin-login-card .button{background:linear-gradient(90deg,var(--admin-blue),#1d4ed8)}
html[data-theme="dark"] .login-page{
  background:linear-gradient(145deg,#08111f 0%,#101a2a 52%,#0b2442 100%);
}
html[data-theme="dark"] .admin-login-card{
  background:#152235;
  border-color:#31527d;
  border-top-color:#60a5fa;
  box-shadow:0 24px 70px rgba(0,0,0,.35);
}
html[data-theme="dark"] .admin-login-card .login-mark{
  background:#172b4d;
  border-color:#60a5fa;
  color:#bfdbfe;
}
html[data-theme="dark"] .admin-login-card .eyebrow{color:#93c5fd!important}
html[data-theme="dark"] .admin-login-card h1{color:#f4f8ff}
html[data-theme="dark"] .admin-login-card>p{color:#afbdd0}

/* Keep every action and status label visually balanced at any available width. */
.button,
button:not(.theme-toggle):not(.price-tier-toggle):not(.link-button){
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  line-height:1.2;
  white-space:normal;
  overflow-wrap:normal;
  word-break:normal;
}
.pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  max-width:100%;
  min-height:28px;
  padding:5px 10px;
  text-align:center;
  line-height:1.2;
  white-space:normal;
  overflow-wrap:normal;
  word-break:normal;
  vertical-align:middle;
}
td:has(> .pill:only-child){
  text-align:center;
  vertical-align:middle;
}
