:root{--bg:#f4f7fb;--panel:#fff;--nav:#0b1730;--nav2:#122444;--ink:#172033;--muted:#6b768b;--line:#dfe5ee;--blue:#246bfd;--cyan:#17b8c4;--green:#16865b;--amber:#b97900;--red:#c43d4f;--shadow:0 10px 30px rgba(24,44,84,.08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:14px}a{color:#1d5fd4;text-decoration:none}h1,h2,p{margin-top:0}.app-shell{display:flex;min-height:100vh}.sidebar{width:244px;background:linear-gradient(180deg,var(--nav),#081226);color:#dbe7fb;position:fixed;inset:0 auto 0 0;padding:22px 16px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 22px}.brand-mark{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-weight:900;letter-spacing:-1px;background:linear-gradient(135deg,#2d71ff,#18c2ca);color:#fff;box-shadow:0 8px 24px rgba(36,107,253,.35)}.brand-mark.large{width:70px;height:70px;border-radius:20px;font-size:20px;margin:auto}.brand strong{display:block;font-size:18px}.brand small{display:block;color:#7f92b3;margin-top:2px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav a{color:#b9c8e0;padding:10px 12px;border-radius:9px;font-weight:600}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:var(--nav2)}.nav-label{font-size:10px;letter-spacing:1.2px;color:#617596;margin:16px 12px 5px;font-weight:800}.sidebar-foot{margin-top:auto;color:#60728f;font-size:11px;padding:10px}.main{margin-left:244px;width:calc(100% - 244px)}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;position:sticky;top:0;z-index:15}.topbar-title{font-weight:800;font-size:17px}.userbox{margin-left:auto;display:flex;align-items:center;gap:10px}.role{font-size:10px;background:#eaf1ff;color:#2b5ab8;border-radius:999px;padding:5px 8px;font-weight:800}.link-btn{border:0;background:transparent;color:#53709f;cursor:pointer}.menu-btn{display:none}.content{padding:28px;max-width:1600px;margin:auto}.hero{background:linear-gradient(135deg,#102246,#183d75 65%,#17697b);color:#fff;border-radius:20px;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow);margin-bottom:20px}.hero h1{font-size:30px;margin:5px 0}.hero p{color:#b9cae6;margin:0}.eyebrow{font-size:11px;letter-spacing:1.4px;font-weight:800;color:#45d4dc}.cards{display:grid;gap:16px;margin:16px 0}.cards.four{grid-template-columns:repeat(4,1fr)}.metric{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:18px 20px;box-shadow:var(--shadow)}.metric span{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}.metric strong{font-size:22px}.metric.warn{border-left:4px solid #ffb020}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:1fr 1fr}.panel{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:20px;box-shadow:var(--shadow);margin-bottom:18px}.panel h2{font-size:16px;margin-bottom:14px}.panel-head,.page-head,.inline{display:flex;align-items:center;justify-content:space-between;gap:14px}.page-head{margin-bottom:18px}.page-head h1{margin-bottom:5px;font-size:27px}.page-head p{color:var(--muted);margin:0}.warehouse-row,.list-row,.cost-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid #edf0f5;color:var(--ink)}.warehouse-row:first-of-type,.list-row:first-of-type{border-top:0}.warehouse-row small,.list-row small{display:block;color:var(--muted);margin-top:3px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #ced6e2;background:#fff;color:#263752;border-radius:9px;padding:9px 14px;font-weight:700;cursor:pointer;min-height:38px}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.danger{background:#b92d40;border-color:#b92d40;color:#fff!important}.btn.danger:disabled{opacity:.55;cursor:not-allowed}.btn.wide{width:100%}.icon-btn{border:0;background:#f1f3f7;border-radius:7px;width:32px;height:32px;font-size:20px;cursor:pointer}.toolbar{display:flex;gap:8px;margin-bottom:14px}.toolbar input{min-width:280px}.toolbar input,.toolbar select,input,select,textarea{border:1px solid #ccd5e2;border-radius:8px;padding:9px 10px;background:#fff;color:var(--ink);font:inherit}.table-wrap{overflow:auto;padding:0}.table-wrap table{width:100%;border-collapse:collapse}.table-wrap th,.table-wrap td{padding:13px 15px;border-bottom:1px solid #e8edf3;text-align:left;vertical-align:middle}.table-wrap th{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#66758c;background:#f9fbfd;white-space:nowrap}.table-wrap tr:last-child td{border-bottom:0}.num{text-align:right!important;font-variant-numeric:tabular-nums}.positive{color:var(--green);font-weight:800}.negative,.danger{color:var(--red)!important;font-weight:800}.status{display:inline-block;font-size:10px;font-weight:900;padding:5px 8px;border-radius:999px;background:#eef1f5;color:#67748a}.status.posted{background:#e5f7ef;color:#13724d}.status.ready{background:#e7f0ff;color:#2458b5}.status.draft{background:#fff3db;color:#9a6200}.status.reversed{background:#fde7ea;color:#a62c3b}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{font-size:12px;color:#59677d;font-weight:700;display:flex;flex-direction:column;gap:6px}.form-grid input,.form-grid select,.form-grid textarea{width:100%}.full{grid-column:1/-1}.check{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:9px!important}.check input{width:auto!important;margin-top:2px}.check-stack{display:flex;gap:22px;align-items:center}.form-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:8px}.sticky-actions{position:sticky;bottom:10px;background:rgba(244,247,251,.92);backdrop-filter:blur(8px);padding:10px;border-radius:12px;z-index:10}.costing-card{border-top:4px solid var(--cyan)}.cost-row.difference{font-size:16px}.confirm{margin-top:18px;padding:14px;background:#f5f9ff;border:1px solid #d5e4ff;border-radius:10px}.confirm small{display:block;color:var(--muted);margin-top:4px}.checklist{padding-left:20px;line-height:1.8;color:#53627a}.inline-form,.warehouse-edit,.user-edit{display:grid;grid-template-columns:1fr 1.4fr 1fr auto auto;gap:8px;align-items:center;margin-bottom:10px}.user-edit{grid-template-columns:1.1fr 1.4fr 1.3fr .8fr auto auto}.warehouse-edit{padding:10px 0;border-bottom:1px solid #edf0f5}.muted{color:var(--muted)}small{color:var(--muted)}.alert{padding:13px 15px;border-radius:10px;margin-bottom:16px}.alert.success{background:#e8f8f0;color:#176e4e;border:1px solid #bfe9d5}.alert.error{background:#fff0f2;color:#9d3040;border:1px solid #f0c3c9}.alert ul{margin:8px 0 0}.login-page{min-height:100vh;background:radial-gradient(circle at top right,#1e5882 0,#102548 35%,#071226 75%);display:grid;place-items:center;padding:30px}.login-wrap{width:min(920px,100%);display:grid;grid-template-columns:1fr 420px;align-items:center;gap:60px}.login-brand{text-align:center;color:#fff}.login-brand h1{font-size:38px;margin:16px 0 5px}.login-brand p{color:#9db2d2}.login-card{background:#fff;border-radius:20px;padding:32px;box-shadow:0 25px 80px rgba(0,0,0,.25);display:flex;flex-direction:column;gap:15px}.login-card label{font-size:12px;font-weight:700;color:#59677d;display:flex;flex-direction:column;gap:6px}.login-card input{width:100%}.login-card small{text-align:center}.pagination{display:flex;gap:4px;list-style:none;padding:0}
@media(max-width:1000px){.cards.four{grid-template-columns:repeat(2,1fr)}.grid.two{grid-template-columns:1fr}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.main{margin-left:0;width:100%}.menu-btn{display:block;margin-right:12px;border:0;background:#eef2f8;border-radius:7px;padding:7px 10px}.login-wrap{grid-template-columns:1fr;max-width:460px}.login-brand{display:none}.inline-form,.warehouse-edit,.user-edit{grid-template-columns:1fr 1fr}.content{padding:18px}}
@media(max-width:650px){.cards.four{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.topbar{padding:0 15px}.userbox>span{display:none}.hero{padding:22px;align-items:flex-start;gap:18px;flex-direction:column}.page-head{align-items:flex-start}.toolbar{flex-wrap:wrap}.toolbar input{min-width:0;flex:1}.content{padding:14px}.panel{padding:14px}.table-wrap.panel{padding:0}.inline-form,.warehouse-edit,.user-edit{grid-template-columns:1fr}.login-card{padding:24px}}
.sidebar{overflow-y:auto}.chip{display:inline-block;font-size:11px;font-weight:800;padding:4px 8px;border-radius:999px;background:#eef1f5;color:#56647a;white-space:nowrap}.chip.ok{background:#e5f7ef;color:#13724d}.chip.warn{background:#fff3db;color:#8a5a00}.chip.bad{background:#fde7ea;color:#a62c3b}.chip.info{background:#e7f0ff;color:#2458b5}.ch-type{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:11px;font-weight:900;font-size:13px;color:#fff;flex:none}.ch-type.takealot{background:#0b79d0}.ch-type.amazon{background:#232f3e;color:#ff9900}.ch-type.woocommerce{background:#7f54b3}.ch-card{display:flex;flex-direction:column;gap:12px}.ch-card .top{display:flex;gap:12px;align-items:center}.ch-card .top h2{margin:0}.ch-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ch-stats div{background:#f7f9fc;border-radius:10px;padding:10px}.ch-stats span{display:block;font-size:11px;color:var(--muted)}.ch-stats strong{font-size:17px}.code-box{font:12px/1.5 ui-monospace,Menlo,Consolas,monospace;background:#0c1628;color:#cfe0ff;border-radius:10px;padding:12px;word-break:break-all;white-space:pre-wrap}.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:13px}.kv dt{color:var(--muted)}.kv dd{margin:0;font-weight:600}.section-title{font-size:12px;letter-spacing:1px;font-weight:800;color:#59677d;margin:20px 0 10px;text-transform:uppercase}.table-wrap td input[type=number],.table-wrap td select{padding:6px 8px;min-width:0}.est{color:#b97900;font-weight:800;cursor:help}.log-pre{background:#0c1628;color:#cfe0ff;padding:12px;border-radius:10px;white-space:pre-wrap;font:12px/1.5 ui-monospace,Menlo,Consolas,monospace;max-height:320px;overflow:auto}@media(max-width:650px){.ch-stats{grid-template-columns:repeat(2,1fr)}}
.check>span small{display:block;margin-top:3px;font-weight:400;line-height:1.35}.form-grid label small{font-weight:400}

/* v0.5.0 — returns, shipments, pricing rules */
.alert.warn-box{background:#fff7e6;color:#7a5200;border:1px solid #f3d9a4}
.alert.warn-box a{color:#7a5200;text-decoration:underline}
.nav-badge{display:inline-block;min-width:20px;padding:1px 6px;margin-left:6px;border-radius:999px;background:#ffb020;color:#1b1300;font-size:11px;font-weight:900;text-align:center}
.ret-form{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.ret-form label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:700;color:#59677d}
.ret-card .panel-head{align-items:flex-start}
a.chip{text-decoration:none}
details>summary{cursor:pointer}
details>summary.btn{list-style:none;display:inline-flex}
details>summary.btn::-webkit-details-marker{display:none}
table.listings td{vertical-align:top}
details.limits summary{margin-top:4px;color:var(--muted)}
details.limits summary small{white-space:normal}
.page-head .btn{white-space:nowrap}
.stock-cell div{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.stock-cell div span{color:var(--muted);font-size:12px}
.stock-cell small{display:block;text-align:right}
.table-wrap table.listings th,.table-wrap table.listings td{padding:12px 10px}
.table-wrap table.listings td small{overflow-wrap:anywhere}
.ch-type.sm{width:auto;height:auto;padding:2px 6px;border-radius:6px;font-size:10px;display:inline-block;vertical-align:1px}
.switch{position:relative;display:inline-block;width:42px;height:24px}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;inset:0;background:#cfd7e3;border-radius:999px;transition:.15s;cursor:pointer}.switch span:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.15s;box-shadow:0 1px 3px rgba(0,0,0,.2)}.switch input:checked+span{background:var(--green)}.switch input:checked+span:before{transform:translateX(18px)}.switch.sm{transform:scale(.85)}
.parcel-row{display:grid;grid-template-columns:repeat(4,1fr) 2fr auto;gap:8px;align-items:end;margin-bottom:8px}.parcel-row label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:700;color:#59677d}.parcel-row input{width:100%}
@media(max-width:850px){.parcel-row{grid-template-columns:1fr 1fr}}
.timeline{list-style:none;padding:0;margin:0}.timeline li{padding:8px 0 8px 18px;border-left:2px solid var(--line);position:relative}.timeline li:before{content:"";position:absolute;left:-6px;top:12px;width:10px;height:10px;border-radius:50%;background:var(--blue)}
.alert.info-box{background:#eef4ff;border:1px solid #c9dafc;color:#1d3f8f}
.btn.small{padding:5px 10px;font-size:12px;min-height:0}
.track-box{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.track-box input{min-width:220px}
td.num,th.num{white-space:nowrap}
.brand-logo{width:48px;height:48px;object-fit:contain;background:#fff;border-radius:12px;padding:4px;flex:none}
.wizard-steps{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.wizard-steps a,.wizard-steps span{padding:6px 10px;border-radius:999px;background:#eef1f5;color:#56647a;font-size:12px;font-weight:700}.wizard-steps .done{background:#e5f7ef;color:#13724d}.wizard-steps .now{background:var(--blue);color:#fff}
.swatch{width:36px;height:36px;border-radius:8px;border:1px solid var(--line);padding:0}


/* v0.17.0 — reporting foundation */
.report-card{display:flex;flex-direction:column;min-height:142px;color:var(--ink)}.report-card strong{font-size:17px;line-height:1.25;margin-bottom:8px}.report-card small{line-height:1.45}.report-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.report-actions form{margin:0}.report-filters{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.report-filters label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:700;color:#59677d;min-width:190px}.report-filters input,.report-filters select{width:100%}.kpi-ok{border-left:4px solid var(--green)}.kpi-warn{border-left:4px solid #ffb020}.kpi-bad{border-left:4px solid var(--red)}.kpi-info{border-left:4px solid var(--blue)}.report-chart{min-height:260px;width:100%;overflow-x:auto}.report-chart svg{width:100%;min-width:520px;height:260px;overflow:visible}.chart-grid{stroke:#dfe5ee;stroke-width:1}.chart-bar{fill:#246bfd;opacity:.86}.chart-line{stroke:#246bfd;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-dot{fill:#fff;stroke:#246bfd;stroke-width:3}.chart-value{font-size:12px;font-weight:800;fill:#263752}.chart-label{font-size:11px;font-weight:700;fill:#66758c}.list-row .report-actions{justify-content:flex-end}
@media(max-width:650px){.report-filters{align-items:stretch}.report-filters label{min-width:100%}.report-actions{width:100%}.page-head>.report-actions{width:auto}}

/* v0.17.0 Batch 2 — dashboard + POS sales analytics */
.report-kpis{grid-template-columns:repeat(auto-fit,minmax(185px,1fr))}.report-kpis .metric{min-width:0}.metric small{display:block;margin-top:7px;line-height:1.35}.dashboard-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:27px 0 10px}.dashboard-section-head h2{margin:2px 0 0;font-size:20px}.eyebrow.dark{color:#42689e}.dashboard-kpis{margin-top:10px}.dashboard-charts{margin-top:4px}.dashboard-filters{margin-bottom:12px}.grid.three{grid-template-columns:repeat(3,1fr)}.sales-breakdowns .panel{min-width:0}.sales-breakdowns table th,.sales-breakdowns table td{padding:10px}.metric[href]{color:var(--ink);transition:transform .12s ease,border-color .12s ease}.metric[href]:hover{transform:translateY(-1px);border-color:#b9c9df}.status.voided{background:#fde7ea;color:#a62c3b}.status.completed{background:#e5f7ef;color:#13724d}
@media(max-width:1200px){.grid.three{grid-template-columns:1fr 1fr}.sales-breakdowns .panel:last-child{grid-column:1/-1}}
@media(max-width:760px){.grid.three{grid-template-columns:1fr}.sales-breakdowns .panel:last-child{grid-column:auto}.dashboard-section-head{align-items:flex-start;flex-direction:column}.report-kpis{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.report-kpis{grid-template-columns:1fr}}

/* v0.17.0 Batch 3 — inventory, product and GRV analytics */
.inventory-charts .panel{min-width:0}.inventory-charts .report-chart svg{min-width:460px}.compact-table th,.compact-table td{padding:9px 11px}.metric .chip{margin-top:8px}.report-filters label input[type=date]{min-width:150px}
@media(max-width:1200px){.inventory-charts.grid.three{grid-template-columns:1fr 1fr}.inventory-charts.grid.three .panel:last-child{grid-column:1/-1}}
@media(max-width:760px){.inventory-charts.grid.three{grid-template-columns:1fr}.inventory-charts.grid.three .panel:last-child{grid-column:auto}}

/* ==========================================================================
   Retaio CI — v0.17.4
   Approved product identity: teal/mint folded location mark + dark navy,
   Poppins-led retail-tech interface, "Every Sale. Every Store. One System."
   Tenant logos remain secondary business identity and never replace the shell CI.
   ========================================================================== */
:root{
  --bg:#f4f8f7;--panel:#ffffff;--nav:#07182d;--nav2:#0d2b3a;--ink:#0b2239;--muted:#657b85;--line:#dbe7e4;
  --blue:#12c7ab;--brand:#12c7ab;--brand-dark:#0e9f8d;--mint:#2be8c5;--teal:#0fad99;--cyan:#2be8c5;
  --green:#148b68;--amber:#b87a1b;--red:#c34b5a;--shadow:0 12px 36px rgba(7,24,45,.08);
  font-family:Poppins,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif
}
body{background:linear-gradient(180deg,#f7faf9 0,#f2f7f5 100%);color:var(--ink)}
a{color:#087c73}.sidebar{width:258px;background:linear-gradient(180deg,#07182d 0%,#081f2f 58%,#062832 100%);padding:18px 14px;border-right:1px solid rgba(43,232,197,.09)}
.main{margin-left:258px;width:calc(100% - 258px)}
.product-brand{padding:7px 8px 22px;margin-bottom:4px;border-bottom:1px solid rgba(255,255,255,.07)}
.retaio-sidebar-mark{width:48px;height:48px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.22));flex:none}
.product-brand-copy strong{font-size:22px;letter-spacing:-.7px;color:#fff;font-weight:750}.product-brand-copy small{font-size:10px;line-height:1.35;color:#8fa9ad;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar nav{gap:2px;padding-top:4px}.sidebar nav a{color:#b7cacb;padding:9px 12px;border-radius:10px;font-weight:600;transition:.14s ease;position:relative}.sidebar nav a:hover{color:#fff;background:rgba(43,232,197,.08)}.sidebar nav a.active{color:#fff;background:linear-gradient(90deg,rgba(18,199,171,.22),rgba(18,199,171,.08));box-shadow:inset 3px 0 0 #2be8c5}.nav-label{color:#67888e;letter-spacing:1.35px;margin-top:15px}.sidebar-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.07);padding:14px 10px 4px;display:flex;flex-direction:column;gap:2px;color:#9cb2b5}.sidebar-foot strong{font-size:10px;color:#d8e8e6;letter-spacing:.1px}.sidebar-foot span{font-size:10px;color:#7da0a3}.sidebar-foot small{font-size:9px;color:#57777e;margin-top:5px}
.topbar{height:74px;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid #e1ebe8;padding:0 26px}.topbar-title{font-size:16px;color:#10283b;letter-spacing:-.1px}.topbar-subtitle{font-size:10px;color:#80939a;margin-top:2px}.userbox{gap:9px}.company-context{display:flex;align-items:center;gap:8px;padding:5px 9px 5px 5px;border:1px solid #dce8e5;background:#f7fbfa;border-radius:999px;max-width:230px}.company-context img,.company-initials{width:28px;height:28px;border-radius:50%;object-fit:contain;background:#fff;border:1px solid #d7e5e1;display:grid;place-items:center;font-size:10px;font-weight:800;color:#087c73}.company-name{font-size:11px;font-weight:700;color:#35505c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role{background:#e7f8f4;color:#087c73}.link-btn{color:#4d6b75}.link-btn:hover{color:#087c73}
.content{padding:28px 30px}.hero{background:radial-gradient(circle at 83% 18%,rgba(43,232,197,.26),transparent 25%),linear-gradient(135deg,#07182d 0%,#0b3542 58%,#087e76 100%);border:1px solid rgba(43,232,197,.14);border-radius:22px;box-shadow:0 18px 46px rgba(7,24,45,.15)}.hero h1{letter-spacing:-.6px}.hero p{color:#bfd4d2}.eyebrow{color:#55f0d3}.eyebrow.dark{color:#0b8f82}
.panel,.metric{border-color:#dce8e5;border-radius:17px;box-shadow:0 8px 26px rgba(7,24,45,.055)}.metric{transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.metric[href]:hover{transform:translateY(-2px);border-color:#a8d8cf;box-shadow:0 12px 32px rgba(7,24,45,.09)}.panel h2,.page-head h1{letter-spacing:-.35px}.page-head h1{color:#10283b}.page-head p{color:#71878f}
.btn{border-color:#cddbd8;color:#29444f;border-radius:10px;transition:.14s ease}.btn:hover{border-color:#8fc7bd;background:#f7fbfa}.btn.primary{background:linear-gradient(135deg,#12c7ab,#0fae98);border-color:#0fae98;box-shadow:0 7px 18px rgba(18,199,171,.18)}.btn.primary:hover{background:linear-gradient(135deg,#10bca2,#0b9585);border-color:#0b9585}.btn.danger{background:#b83e50;border-color:#b83e50}.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(43,232,197,.28);outline-offset:2px}
.toolbar input,.toolbar select,input,select,textarea{border-color:#cddbd8;border-radius:10px}.toolbar input:focus,.toolbar select:focus,input:focus,select:focus,textarea:focus{border-color:#6ecabc;box-shadow:0 0 0 3px rgba(18,199,171,.09);outline:none}.table-wrap th{background:#f6faf9;color:#5c737c}.table-wrap th,.table-wrap td{border-color:#e6efed}.table-wrap tbody tr:hover{background:#fbfdfc}
.status.ready,.chip.info{background:#e2f8f3;color:#087c73}.status.posted,.chip.ok{background:#e5f6ee;color:#126d54}.alert.info-box{background:#ecfaf7;border-color:#bee9df;color:#12675e}.confirm{background:#f2fbf9;border-color:#cdeee7}.costing-card{border-top-color:#12c7ab}.timeline li:before{background:#12c7ab}.switch input:checked+span{background:#12c7ab}.wizard-steps .now{background:linear-gradient(135deg,#12c7ab,#0fae98);color:#fff}.wizard-steps .done{background:#e4f7f1;color:#11715f}.nav-badge{background:#2be8c5;color:#06352f}
.report-chart .chart-bar,.chart-bar{fill:#12c7ab}.chart-line{stroke:#0fae98}.chart-dot{stroke:#0fae98}.chart-grid{stroke:#deebe8}.chart-value{fill:#163744}.chart-label{fill:#667e86}.kpi-info{border-left-color:#12c7ab}.eyebrow.dark{color:#0e8a7e}
.code-box,.log-pre{background:#07182d;color:#d6f6ee;border:1px solid rgba(43,232,197,.1)}

/* Login */
.retaio-login-page{position:relative;overflow:hidden;background:radial-gradient(circle at 18% 15%,rgba(43,232,197,.16),transparent 26%),radial-gradient(circle at 82% 78%,rgba(18,199,171,.16),transparent 24%),linear-gradient(135deg,#04101f 0%,#07182d 48%,#09323c 100%);padding:36px}
.retaio-login-wrap{position:relative;z-index:4;width:min(1120px,100%);grid-template-columns:minmax(0,1.25fr) 430px;gap:76px}.retaio-login-brand{text-align:left}.login-lockup{width:min(510px,92%);height:auto;margin-bottom:36px}.login-brand-copy{max-width:590px}.login-brand-copy h1{font-size:48px;line-height:1.08;letter-spacing:-1.8px;margin:12px 0 18px;color:#fff}.login-brand-copy h1 em{font-style:normal;color:#2be8c5}.login-brand-copy p{font-size:16px;line-height:1.7;color:#abc3c4;max-width:560px}.login-kicker{font-size:10px;font-weight:800;letter-spacing:2px;color:#55f0d3}.login-kicker.dark{color:#0b8d80}.login-feature-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.login-feature-row span{border:1px solid rgba(43,232,197,.22);background:rgba(18,199,171,.07);color:#c8e1df;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:700}.retaio-login-card{border-radius:24px;padding:30px 32px 26px;background:rgba(255,255,255,.98);box-shadow:0 32px 90px rgba(0,0,0,.34);border:1px solid rgba(255,255,255,.25);gap:14px}.retaio-login-card h2{font-size:25px;letter-spacing:-.5px;margin:4px 0}.retaio-login-card p{margin-bottom:0}.login-card-brand{display:flex;align-items:center;gap:11px;padding-bottom:16px;border-bottom:1px solid #e7efed}.login-card-brand>img{width:44px;height:44px}.login-card-brand strong{display:block;font-size:19px;color:#0b2239}.login-card-brand small{display:block;text-align:left;font-size:9px;margin-top:2px;color:#778e95}.login-company{display:flex;align-items:center;gap:10px;background:#f4faf8;border:1px solid #dcece8;border-radius:13px;padding:9px 11px}.login-company>img,.login-company>span{width:36px;height:36px;border-radius:9px;object-fit:contain;background:#fff;border:1px solid #dae7e4;display:grid;place-items:center;font-weight:800;color:#087c73}.login-company small{display:block;text-align:left;font-size:9px;text-transform:uppercase;letter-spacing:.7px}.login-company strong{display:block;font-size:12px;margin-top:2px}.retaio-login-card label{color:#4a626c}.retaio-login-card input,.retaio-login-card select{min-height:44px;background:#fbfdfc}.login-remember{font-size:11px!important;font-weight:600!important;color:#61777f!important}.login-submit{min-height:46px;font-size:13px}.login-version{display:flex;justify-content:center;gap:7px;color:#91a1a6;font-size:9px;padding-top:3px}.login-orb{position:fixed;border-radius:50%;filter:blur(1px);z-index:1;pointer-events:none}.login-orb-one{width:320px;height:320px;left:-130px;bottom:-120px;border:1px solid rgba(43,232,197,.15);box-shadow:0 0 110px rgba(18,199,171,.08) inset}.login-orb-two{width:210px;height:210px;right:-70px;top:-60px;border:1px solid rgba(43,232,197,.13)}.login-grid-bg{position:fixed;inset:0;z-index:0;opacity:.12;background-image:linear-gradient(rgba(43,232,197,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(43,232,197,.08) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,#000,transparent 68%)}

/* Setup wizard */
.wizard-hero{background:radial-gradient(circle at 92% 10%,rgba(43,232,197,.28),transparent 26%),linear-gradient(135deg,#07182d,#0b3441 72%,#087d75);border-radius:22px;padding:24px 26px;display:flex;justify-content:space-between;align-items:center;color:#fff;margin-bottom:16px;box-shadow:0 15px 38px rgba(7,24,45,.14)}.wizard-brand{display:flex;align-items:center;gap:18px}.wizard-brand img{width:62px;height:62px}.wizard-brand h1{font-size:26px;margin:4px 0 5px;letter-spacing:-.5px}.wizard-brand p{color:#bdd1cf;margin:0}.wizard-ci{text-align:right;display:flex;flex-direction:column;gap:2px}.wizard-ci strong{font-size:20px}.wizard-ci span{font-size:10px;color:#94b8b5}.wizard-steps{gap:7px;margin:0 0 18px}.wizard-steps a,.wizard-steps span{border:1px solid #dce8e5;background:#fff;color:#5a737b;padding:7px 11px}.wizard-steps .done{border-color:#c4eadf}.wizard-steps .now{border-color:#0fae98;box-shadow:0 5px 14px rgba(18,199,171,.14)}.wizard-identity-grid{align-items:stretch}.retaio-ci-card{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:linear-gradient(180deg,#fbfefd,#f1faf7);border-color:#cfe8e2}.retaio-ci-card img{width:min(290px,90%);max-height:300px}.retaio-ci-card strong{display:block;font-size:16px;margin-top:3px}.retaio-ci-card p{color:#6b828a;line-height:1.6}.business-logo-preview{display:flex;align-items:center;gap:14px;padding:12px;margin:7px 0 10px;background:#f7fbfa;border:1px solid #dce8e5;border-radius:13px}.business-logo-preview img{width:72px;height:56px;object-fit:contain;background:#fff;border-radius:9px;padding:4px}.business-logo-preview .check{margin:0}.wizard-complete{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:18px}.wizard-complete>img{width:68px;height:68px}.wizard-complete h2{font-size:21px;margin:4px 0}.wizard-complete p{margin:0;color:#6b828a}

/* Product-brand polish across system screens */
.brand-logo{border-color:#d8e6e2;background:#fff}.ch-type{box-shadow:0 5px 12px rgba(7,24,45,.08)}.report-card strong{color:#173643}.section-title{color:#5b737b}.pagination a,.pagination span{border-radius:8px}.status.completed{background:#e4f6ee;color:#126d54}.status.voided{background:#fdebed;color:#a33b4b}.alert.success{background:#e8f8f2;color:#13684f;border-color:#bde8d9}.alert.error{background:#fff0f2;color:#973747;border-color:#efc6cd}.alert.warn-box{background:#fff8e9;border-color:#eeddb4}.role{letter-spacing:.25px}.swatch{border-color:#c8d9d5}

@media(max-width:1000px){.sidebar{width:258px}.main{margin-left:0;width:100%}.retaio-login-wrap{grid-template-columns:1fr;max-width:470px}.retaio-login-brand{display:none}.company-context{display:none}.wizard-ci{display:none}}
@media(max-width:760px){.topbar{padding:0 15px}.content{padding:16px}.wizard-hero{padding:20px}.wizard-brand{align-items:flex-start}.wizard-brand img{width:48px;height:48px}.wizard-brand h1{font-size:22px}.wizard-complete{grid-template-columns:55px 1fr}.wizard-complete>form{grid-column:1/-1}.wizard-complete>img{width:52px;height:52px}}
@media(max-width:650px){.retaio-login-page{padding:18px}.retaio-login-card{padding:24px 22px}.topbar-subtitle{display:none}.company-name{display:none}.wizard-brand p{font-size:12px}.wizard-hero{border-radius:18px}}

/* Retaio v1.0 — explicit platform vs tenant workspace identity */
.workspace-identity{margin:10px 12px 14px;padding:11px 12px;border-radius:12px;display:flex;flex-direction:column;gap:2px;border:1px solid rgba(255,255,255,.12)}
.workspace-identity span{font-size:9px;letter-spacing:.18em;font-weight:800;opacity:.78}.workspace-identity strong{font-size:13px}.workspace-identity small{font-size:10px;opacity:.68;line-height:1.3}
.workspace-identity.management{background:rgba(43,232,197,.12);border-color:rgba(43,232,197,.3)}.workspace-identity.tenant{background:rgba(255,255,255,.055)}
.platform-portal-shell .sidebar{box-shadow:inset -3px 0 0 rgba(43,232,197,.38)}
.platform-portal-shell .topbar{border-bottom:3px solid rgba(18,199,171,.45)}
.management-portal-link{border:1px solid rgba(43,232,197,.3)!important;background:rgba(43,232,197,.08)}
.portal-context{display:flex;align-items:center;gap:8px;padding:5px 10px;border:1px solid #bfece4;border-radius:999px;background:#effbf8;color:#0d2b3a}.portal-context .portal-dot{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#0d2b3a;color:#2be8c5;font-weight:900}.portal-context span:last-child{display:flex;flex-direction:column;line-height:1}.portal-context strong{font-size:10px;letter-spacing:.08em}.portal-context small{font-size:8px;letter-spacing:.12em;color:#55706d;margin-top:3px}
.context-label{display:block;font-size:8px;letter-spacing:.14em;color:#6b8583;font-weight:800;line-height:1.1}.company-context>span:last-child{display:flex;flex-direction:column}
.platform-nav .nav-label:first-child{color:#2be8c5}

/* Retaio 1.0 final scope colours — management vs customer company */
.platform-portal-shell .sidebar{background:linear-gradient(180deg,#07182d 0%,#0b2239 58%,#0b2d36 100%);box-shadow:inset -4px 0 0 #2be8c5}
.platform-portal-shell .topbar{border-bottom:3px solid #2be8c5;background:#fbfefd}
.platform-portal-shell .workspace-identity.management{background:linear-gradient(135deg,rgba(43,232,197,.16),rgba(18,199,171,.07));border-color:rgba(43,232,197,.38)}
.platform-portal-shell .workspace-identity.management span{color:#77f5df}.platform-portal-shell .workspace-identity.management strong{color:#fff}
.platform-portal-shell .sidebar nav a.active{background:rgba(43,232,197,.14);box-shadow:inset 3px 0 0 #2be8c5;color:#fff}
.platform-portal-shell .nav-label{color:#77b6b0}.platform-portal-shell .platform-nav .nav-label:first-child{color:#2be8c5}
.company-workspace-shell .sidebar{background:linear-gradient(180deg,#087c73 0%,#07665f 52%,#064e4a 100%);box-shadow:inset -4px 0 0 #9af3df}
.company-workspace-shell .topbar{border-bottom:3px solid #9adfd3;background:#fff}
.company-workspace-shell .sidebar nav a{color:#d2efea}.company-workspace-shell .sidebar nav a:hover,.company-workspace-shell .sidebar nav a.active{background:rgba(255,255,255,.13);color:#fff}
.company-workspace-shell .nav-label{color:#91cfc6}.company-workspace-shell .workspace-identity.company{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.22);padding:13px 14px}
.company-workspace-shell .workspace-identity.company strong{font-size:14px;color:#fff}.company-workspace-shell .sidebar-foot{color:#a7d7d0}.company-workspace-shell .sidebar-foot strong{color:#fff}
.company-workspace-shell .management-portal-link{background:#07182d!important;border-color:#2be8c5!important;color:#cffff5!important}
.company-workspace-shell .company-context{background:#effaf7;border-color:#bfe7df}.company-workspace-shell .company-name{color:#075f59;font-weight:800}

/* Retaio 1.0 final management/company separation */
.platform-portal-shell{background:#050914;color:#dce7f3}
.platform-portal-shell .sidebar{background:linear-gradient(180deg,#01050d 0%,#040a16 45%,#06111d 100%);border-right:1px solid rgba(43,232,197,.18);box-shadow:inset -4px 0 0 #19d7b8,10px 0 40px rgba(0,0,0,.24)}
.platform-portal-shell .topbar{background:#060b14;color:#edf8f6;border-bottom:1px solid rgba(43,232,197,.28);box-shadow:0 8px 30px rgba(0,0,0,.16)}
.platform-portal-shell .topbar-subtitle,.platform-portal-shell .role{color:#8fb7b2}.platform-portal-shell .role{background:#0b2828;border:1px solid rgba(43,232,197,.22)}
.platform-portal-shell .content{background:#f2f6f6;color:var(--ink)}
.platform-portal-shell .workspace-identity.management{background:linear-gradient(135deg,#071d20,#092b2b);border:1px solid rgba(43,232,197,.28);box-shadow:0 10px 28px rgba(0,0,0,.18)}
.platform-portal-shell .workspace-identity.management strong{color:#fff;font-size:14px}.platform-portal-shell .workspace-identity.management small{color:#7fd9ca}
.platform-portal-shell .product-brand-copy strong{color:#fff}.platform-portal-shell .product-brand-copy small{color:#47d9c0}
.platform-portal-shell .sidebar nav a{color:#91a7b1}.platform-portal-shell .sidebar nav a:hover{background:#0b2025;color:#fff}.platform-portal-shell .sidebar nav a.active{background:linear-gradient(90deg,#0a302f,#0a1b23);box-shadow:inset 3px 0 0 #2be8c5;color:#fff}
.platform-portal-shell .nav-label{color:#52777a}.platform-portal-shell .platform-nav .nav-label:first-child{color:#48d8c0}
.platform-portal-shell .sidebar-foot{border-color:rgba(43,232,197,.12)}
.management-login-page{min-height:100vh;margin:0;display:grid;place-items:center;padding:36px;background:radial-gradient(circle at 16% 12%,rgba(43,232,197,.11),transparent 25%),radial-gradient(circle at 86% 82%,rgba(18,199,171,.08),transparent 28%),linear-gradient(135deg,#01040a 0%,#030914 48%,#06141d 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.management-login-shell{width:min(980px,100%);display:grid;grid-template-columns:1fr 420px;gap:72px;align-items:center}.management-login-brand{color:#fff}.management-login-brand>img{width:210px;max-height:76px;object-fit:contain;object-position:left center;margin-bottom:40px}.management-login-brand>span{display:block;color:#42dfc3;font-size:11px;font-weight:900;letter-spacing:2px;margin-bottom:12px}.management-login-brand h1{font-size:44px;line-height:1.04;max-width:540px;margin-bottom:18px}.management-login-brand p{color:#78909c;max-width:520px;font-size:15px;line-height:1.7}.management-login-card{background:#07101c;border:1px solid rgba(43,232,197,.18);box-shadow:0 30px 100px rgba(0,0,0,.48);border-radius:22px;padding:34px;color:#fff;display:flex;flex-direction:column;gap:18px}.management-login-heading{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.07)}.management-login-heading img{width:44px;height:44px}.management-login-heading strong,.management-login-heading small{display:block}.management-login-heading strong{font-size:17px}.management-login-heading small{color:#6fa69e;margin-top:3px}.management-login-card h2{font-size:27px;margin-bottom:6px}.management-login-card p{color:#708791;margin:0}.management-login-card label{font-size:12px;font-weight:800;color:#9eb0b7;display:flex;flex-direction:column;gap:7px}.management-login-card input{background:#030913;border:1px solid #18333a;color:#fff;border-radius:10px;padding:12px}.management-login-card input:focus{outline:none;border-color:#2be8c5;box-shadow:0 0 0 3px rgba(43,232,197,.08)}.management-login-card .check{flex-direction:row;align-items:center}.management-login-card .check input{width:auto}.management-login-submit{background:#19c9aa;border-color:#19c9aa;color:#03110f;width:100%;font-weight:900}.management-login-submit:hover{background:#2be8c5}.management-login-card .alert.error{background:#271016;border-color:#5c2630;color:#ffb9c3}
@media(max-width:900px){.management-login-shell{grid-template-columns:1fr;max-width:460px}.management-login-brand{display:none}}

/* v1.0.2 Management contrast pass: dark shell with accessible secondary copy. */
.platform-portal-shell .sidebar nav a{color:#c7d8df}
.platform-portal-shell .sidebar nav a:hover{color:#ffffff}
.platform-portal-shell .nav-label{color:#86b9b5;font-weight:800;letter-spacing:.14em}
.platform-portal-shell .platform-nav .nav-label:first-child{color:#64f0d7}
.platform-portal-shell .workspace-identity.management small{color:#b4e9df}
.platform-portal-shell .product-brand-copy small{color:#7cf0dc}
.platform-portal-shell .sidebar-foot strong{color:#f4fffd}
.platform-portal-shell .sidebar-foot span{color:#a9c8c7}
.platform-portal-shell .topbar-subtitle{color:#b7d5d1}
.platform-portal-shell .role{color:#bfe7df}

/* v1.0.4 document designer */
.document-designer{padding:0;overflow:hidden}.designer-intro{padding:22px 24px;border-bottom:1px solid #dfeae7}.designer-company-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:20px 24px;background:#f8fbfa}.designer-company-grid section{display:grid;grid-template-columns:1fr 1fr;gap:12px}.designer-company-grid h3{grid-column:1/-1;margin:0}.document-tabs{display:flex;gap:6px;overflow:auto;padding:14px 20px;border-top:1px solid #e3ecea;border-bottom:1px solid #e3ecea;background:#fff}.doc-tab{white-space:nowrap;border:1px solid #d8e5e2;background:#f7fbfa;border-radius:9px;padding:8px 11px;cursor:pointer}.doc-tab.active{background:#073b42;color:#fff;border-color:#073b42}.doc-editor{display:grid;grid-template-columns:minmax(420px,1fr) minmax(390px,.9fr);gap:22px;padding:22px 24px}.doc-editor.hidden{display:none}.doc-controls{min-width:0}.control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}.field-switches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.doc-preview-wrap{background:#edf3f1;border-radius:14px;padding:14px;align-self:start;position:sticky;top:80px}.preview-toolbar{display:flex;justify-content:space-between;margin-bottom:10px;font-size:11px;color:#60757b}.a4-preview{box-sizing:border-box;width:100%;aspect-ratio:210/297;background:#fff;box-shadow:0 7px 22px rgba(8,36,42,.12);padding:12mm;overflow:hidden;color:#172a30;font-size:9px}.preview-logo img{max-width:42mm;max-height:22mm;object-fit:contain}.preview-logo span{display:inline-block;border:1px dashed #9fb5b0;padding:10px;color:#7d9690}.a4-preview h3{margin:5px 0 2px;font-size:15px}.preview-meta{color:#667b80}.preview-custom-header{white-space:pre-line;margin:8px 0}.preview-doc-title{font-size:18px;font-weight:800;margin:15px 0;border-bottom:2px solid #12b99f;padding-bottom:6px}.preview-lines i{display:block;height:17px;border-bottom:1px solid #e4ecea}.preview-total{text-align:right;font-size:14px;font-weight:800;margin-top:10px}.preview-footer{white-space:pre-line;margin-top:18px;border-top:1px solid #dfe8e6;padding-top:8px;color:#657b80}.designer-actions{padding:0 24px 24px}.document-designer label{display:flex;flex-direction:column;gap:5px}.document-designer label.check{flex-direction:row;align-items:center}.document-designer h4{margin:18px 0 9px}@media(max-width:1000px){.doc-editor{grid-template-columns:1fr}.doc-preview-wrap{position:static}.designer-company-grid{grid-template-columns:1fr}}@media(max-width:650px){.designer-company-grid section,.control-grid,.field-switches{grid-template-columns:1fr}.doc-editor{padding:16px}.designer-company-grid{padding:16px}}


/* ==========================================================================
   Retaio v1.0.14 — tenant navigation refresh
   Larger grouped navigation based on the approved teal Retaio sidebar render.
   Management portal styling remains intentionally unchanged.
   ========================================================================== */
@media(min-width:1001px){
  .company-workspace-shell .sidebar{width:294px}
  .company-workspace-shell .main{margin-left:294px;width:calc(100% - 294px)}
}
.company-workspace-shell .sidebar{
  padding:18px 16px 16px;
  background:
    radial-gradient(circle at 30% 2%,rgba(43,232,197,.16),transparent 24%),
    linear-gradient(180deg,#07877c 0%,#076f67 46%,#05534f 100%);
  border-right:1px solid rgba(154,243,223,.22);
  box-shadow:inset -3px 0 0 rgba(154,243,223,.54),12px 0 38px rgba(3,56,53,.08);
}
.company-workspace-shell .product-brand{
  gap:14px;
  padding:8px 10px 19px;
  margin:0 4px 13px;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.company-workspace-shell .retaio-sidebar-mark{
  width:54px;height:54px;
  filter:drop-shadow(0 10px 20px rgba(0,0,0,.20));
}
.company-workspace-shell .product-brand-copy{min-width:0}
.company-workspace-shell .product-brand-copy strong{
  font-size:25px;
  line-height:1.05;
  letter-spacing:-.75px;
  font-weight:800;
}
.company-workspace-shell .product-brand-copy small{
  margin-top:6px;
  max-width:176px;
  color:#b9e2dc;
  font-size:10.5px;
  font-weight:500;
}
.company-workspace-shell .workspace-identity.company{
  margin:0 8px 18px;
  padding:13px 15px 14px;
  gap:4px;
  border-radius:15px;
  background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.065));
  border:1px solid rgba(207,255,246,.30);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
}
.company-workspace-shell .workspace-identity.company span{
  color:#b4ded8;
  font-size:9px;
  letter-spacing:.17em;
  font-weight:800;
}
.company-workspace-shell .workspace-identity.company strong{
  color:#fff;
  font-size:15px;
  line-height:1.25;
  font-weight:800;
  letter-spacing:-.15px;
}

.company-workspace-shell .company-nav{
  gap:5px;
  padding:0 3px 18px;
}
.company-workspace-shell .company-nav .nav-dashboard,
.company-workspace-shell .company-nav .nav-label{
  box-sizing:border-box;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 16px;
  align-items:center;
  gap:12px;
  width:100%;
  min-height:57px;
  margin:0;
  padding:7px 11px;
  border:1px solid transparent;
  border-radius:15px;
  color:#f4fffd;
  font-size:15.5px;
  line-height:1.15;
  font-weight:760;
  letter-spacing:-.15px;
  text-transform:none;
  cursor:pointer;
  user-select:none;
  transition:background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease;
}
.company-workspace-shell .company-nav .nav-dashboard{
  text-decoration:none;
  background:linear-gradient(90deg,rgba(43,232,197,.21),rgba(255,255,255,.07));
  border-color:rgba(154,243,223,.15);
}
.company-workspace-shell .company-nav .nav-dashboard:hover,
.company-workspace-shell .company-nav .nav-label:hover{
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.10);
}
.company-workspace-shell .company-nav .nav-dashboard.active{
  color:#fff;
  background:linear-gradient(90deg,rgba(43,232,197,.33),rgba(255,255,255,.10));
  border-color:rgba(154,243,223,.25);
  box-shadow:inset 4px 0 0 #35f1cf,0 9px 24px rgba(2,57,53,.10);
}
.company-workspace-shell .company-nav .nav-section-icon{
  width:40px;height:40px;
  display:grid;
  place-items:center;
  border-radius:12px;
  color:#fff;
  background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.08));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.company-workspace-shell .company-nav .nav-dashboard .nav-section-icon{
  background:linear-gradient(145deg,#1fd0b4,#0da58f);
  box-shadow:0 7px 18px rgba(0,55,50,.16),inset 0 1px 0 rgba(255,255,255,.16);
}
.company-workspace-shell .company-nav .nav-section-icon svg{width:23px;height:23px;display:block}
.company-workspace-shell .company-nav .nav-section-icon-text{
  font-size:25px;
  line-height:1;
  font-weight:650;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif;
}
.company-workspace-shell .company-nav .nav-section-title{
  min-width:0;
  color:inherit;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.company-workspace-shell .company-nav .nav-section-chevron{
  width:10px;height:10px;
  justify-self:end;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  opacity:.78;
  transform:rotate(-45deg);
  transform-origin:center;
  transition:transform .16s ease,opacity .16s ease;
}
.company-workspace-shell .company-nav .nav-label:not(.nav-collapsed) .nav-section-chevron{transform:rotate(45deg)}
.company-workspace-shell .company-nav .nav-label:focus-visible,
.company-workspace-shell .company-nav .nav-dashboard:focus-visible{
  outline:2px solid #bafff2;
  outline-offset:2px;
}

/* Expanded group children: compact, clearly subordinate to the large headings. */
.company-workspace-shell .company-nav .nav-label + a,
.company-workspace-shell .company-nav .nav-label ~ a{
  font-size:12.5px;
}
.company-workspace-shell .company-nav > a:not(.nav-dashboard){
  margin:0 7px 0 54px;
  width:calc(100% - 61px);
  padding:8px 12px;
  border-radius:9px;
  color:#c7e8e3;
  font-weight:600;
  line-height:1.25;
}
.company-workspace-shell .company-nav > a:not(.nav-dashboard):hover{
  color:#fff;
  background:rgba(255,255,255,.085);
}
.company-workspace-shell .company-nav > a:not(.nav-dashboard).active{
  color:#fff;
  background:rgba(255,255,255,.13);
  box-shadow:inset 3px 0 0 #72f0d8;
}
.company-workspace-shell .company-nav a.nav-section-hidden{display:none!important}
.company-workspace-shell .company-nav .nav-badge{
  float:right;
  margin-left:6px;
  background:#effffb;
  color:#087c73;
  border-radius:999px;
  min-width:19px;
  padding:2px 6px;
  text-align:center;
  font-size:9px;
  font-weight:800;
}

/* Sidebar footer stays quiet so the navigation remains the visual priority. */
.company-workspace-shell .sidebar-foot{
  margin-top:auto;
  padding:13px 10px 3px;
  border-top-color:rgba(255,255,255,.10);
}
.company-workspace-shell .sidebar-foot strong{font-size:10px}
.company-workspace-shell .sidebar-foot span{font-size:9px;color:#9fd2ca}

/* On smaller screens the improved navigation remains a drawer, not a permanent 294px column. */
@media(max-width:1000px){
  .company-workspace-shell .sidebar{width:min(294px,88vw)}
  .company-workspace-shell .main{margin-left:0;width:100%}
}
@media(max-width:420px){
  .company-workspace-shell .sidebar{width:min(286px,91vw);padding-left:13px;padding-right:13px}
  .company-workspace-shell .company-nav .nav-dashboard,
  .company-workspace-shell .company-nav .nav-label{
    grid-template-columns:39px minmax(0,1fr) 14px;
    min-height:54px;
    gap:10px;
    padding:7px 9px;
    font-size:14.5px;
  }
  .company-workspace-shell .company-nav .nav-section-icon{width:38px;height:38px}
  .company-workspace-shell .company-nav > a:not(.nav-dashboard){margin-left:49px;width:calc(100% - 56px)}
}

/* UX v1.0.42: a single, full-width setup wizard next to the normal sidebar. */
.company-workspace-shell > .main > .content.setup-content{
  width:100%;max-width:none;min-width:0;margin:0;
  padding:clamp(16px,2vw,32px);
}
.setup-wizard-page{width:100%;max-width:none;min-width:0;margin:0;display:block}
.setup-wizard-page .wizard-hero,.setup-wizard-page .wizard-steps{width:100%;max-width:none}
.setup-wizard-page .wizard-identity-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0;width:100%;min-width:0}
.setup-wizard-page .wizard-identity-grid > form.panel{width:100%;max-width:none;min-width:0;margin:0 0 20px;
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;padding:clamp(20px,2.4vw,36px)}
.setup-wizard-page .wizard-identity-grid > form.panel > .full{grid-column:1/-1}
.setup-wizard-page .wizard-identity-grid input[type=file]{box-sizing:border-box;max-width:100%;min-width:0}
.setup-wizard-page .wizard-identity-grid .form-actions{align-items:center}
.setup-wizard-page > .panel.form-grid,.setup-wizard-page > .panel.document-designer,
.setup-wizard-page > .panel,.setup-wizard-page > .grid{width:100%;max-width:none;min-width:0}
.setup-wizard-page .wizard-steps{display:flex;flex-wrap:wrap;align-items:center}
@media(max-width:700px){
  .setup-wizard-page .wizard-identity-grid > form.panel{grid-template-columns:minmax(0,1fr);padding:18px;gap:16px}
  .setup-wizard-page .wizard-identity-grid > form.panel > .full{grid-column:1}
  .setup-wizard-page .wizard-brand{gap:12px}
  .setup-wizard-page .wizard-brand h1{font-size:clamp(20px,4.5vw,26px)}
}


/* UI recovery v1.0.43: Management navigation scale + single setup render. */
/* Management's navigation markup uses inline SVGs. Always size the wrapper AND the SVG so browser defaults can never expand them. */
.platform-portal-shell .sidebar{
  width:258px;
  padding:18px 14px 14px;
  overflow-y:auto;
  overflow-x:hidden;
}
.platform-portal-shell .main{margin-left:258px;width:calc(100% - 258px)}
.platform-portal-shell .product-brand{padding:2px 8px 16px;gap:11px}
.platform-portal-shell .retaio-sidebar-mark{width:42px;height:42px;max-width:42px;max-height:42px;flex:0 0 42px;object-fit:contain}
.platform-portal-shell .product-brand-copy strong{font-size:19px;line-height:1.05;color:#fff}
.platform-portal-shell .product-brand-copy small{font-size:10px;color:#7fe8d5;margin-top:4px}
.platform-portal-shell .workspace-identity.management{margin:7px 5px 12px;padding:11px 12px;border-radius:12px}
.platform-portal-shell .platform-nav.management-nav{display:flex;flex-direction:column;gap:5px;margin:0;padding:0}
.platform-portal-shell .management-nav-link{
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 10px;
  align-items:center;
  gap:10px;
  width:100%;
  min-height:50px;
  margin:0;
  padding:6px 9px;
  border-radius:11px;
  color:#c7d8e6;
  font-weight:700;
  line-height:1.15;
  background:transparent;
}
.platform-portal-shell .management-nav-link:hover{background:rgba(43,232,197,.08);color:#fff}
.platform-portal-shell .management-nav-link.active{background:rgba(43,232,197,.13);color:#fff;box-shadow:inset 3px 0 0 #2be8c5}
.platform-portal-shell .management-nav-icon{
  width:38px;
  height:38px;
  min-width:38px;
  min-height:38px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:rgba(43,232,197,.10);
  color:#8ff6e2;
  overflow:hidden;
}
.platform-portal-shell .management-nav-link.active .management-nav-icon{background:#2be8c5;color:#06242b}
.platform-portal-shell .management-nav-icon svg,
.platform-portal-shell .sidebar .management-nav-icon > svg{
  display:block!important;
  width:20px!important;
  height:20px!important;
  max-width:20px!important;
  max-height:20px!important;
  min-width:0!important;
  min-height:0!important;
  flex:none!important;
}
.platform-portal-shell .management-nav-title{min-width:0;font-size:13.5px;font-weight:750;letter-spacing:-.01em;white-space:normal}
.platform-portal-shell .management-nav-chevron{width:7px;height:7px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg);opacity:.68;justify-self:end}
.platform-portal-shell .sidebar-foot{padding:12px 8px 2px;border-top:1px solid rgba(255,255,255,.08)}
.platform-portal-shell .sidebar-foot strong{display:block;color:#fff;font-size:11px}.platform-portal-shell .sidebar-foot span{display:block;font-size:9px;margin-top:2px;color:#8caeb5}

/* Setup route: the Blade template owns one direct wizard. Never show a nested app shell/header or nested/second wizard in the content slot. */
.company-workspace-shell > .main > .content.setup-content{position:relative;width:100%;max-width:none;min-width:0;margin:0;padding:clamp(16px,2vw,30px)}
.content.setup-content .topbar,
.content.setup-content .app-shell,
.content.setup-content > .main{display:none!important}
.content.setup-content > :not(.setup-wizard-page) .setup-wizard-page{display:none!important}
.content.setup-content > .setup-wizard-page ~ .setup-wizard-page{display:none!important}
.content.setup-content > .setup-wizard-page{display:block!important;width:100%;max-width:none;min-width:0;margin:0}
.content.setup-content > .setup-wizard-page .wizard-hero,
.content.setup-content > .setup-wizard-page .wizard-steps,
.content.setup-content > .setup-wizard-page .panel,
.content.setup-content > .setup-wizard-page .grid{max-width:none;width:100%}
.content.setup-content > .setup-wizard-page .wizard-identity-grid{grid-template-columns:minmax(0,1fr)}
.content.setup-content > .setup-wizard-page .wizard-identity-grid > form.panel{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-width:none}
.content.setup-content > .setup-wizard-page .wizard-identity-grid > form.panel > .full{grid-column:1/-1}

@media(max-width:1000px){
  .platform-portal-shell .sidebar{width:min(258px,88vw)}
  .platform-portal-shell .main{margin-left:0;width:100%}
}
@media(max-width:700px){
  .content.setup-content > .setup-wizard-page .wizard-identity-grid > form.panel{grid-template-columns:minmax(0,1fr)}
  .content.setup-content > .setup-wizard-page .wizard-identity-grid > form.panel > .full{grid-column:1}
}