/* Shalvata Platform — SaaS Product UI 5.0
   Internal product shell only. Backend authorization remains authoritative. */
:root{
  --saas-bg:#070910;
  --saas-bg-soft:#0b0e17;
  --saas-surface:#10141f;
  --saas-surface-2:#151a27;
  --saas-surface-3:#1b2130;
  --saas-border:rgba(207,217,255,.105);
  --saas-border-strong:rgba(207,217,255,.18);
  --saas-text:#f7f8fc;
  --saas-muted:#9ca6ba;
  --saas-subtle:#737d91;
  --saas-primary:#7c5cff;
  --saas-primary-2:#9d87ff;
  --saas-cyan:#22d3ee;
  --saas-gold:#f2c96d;
  --saas-success:#2dd4bf;
  --saas-warning:#fbbf24;
  --saas-danger:#fb7185;
  --saas-radius:18px;
  --saas-radius-lg:26px;
  --saas-shadow:0 24px 70px rgba(0,0,0,.28);
  --saas-font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,"Noto Sans Hebrew",sans-serif;
}

body.saas-product{
  color-scheme:dark;
  background:
    radial-gradient(900px 520px at 84% -120px,rgba(124,92,255,.16),transparent 68%),
    radial-gradient(720px 480px at -120px 84%,rgba(34,211,238,.08),transparent 66%),
    var(--saas-bg)!important;
  color:var(--saas-text)!important;
  font-family:var(--saas-font)!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.saas-product::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;
  background-image:linear-gradient(rgba(255,255,255,.017) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);
  background-size:48px 48px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 82%);
}
body.saas-product *{box-sizing:border-box}
body.saas-product [hidden]{display:none!important}
body.saas-product a{transition:color .16s ease,border-color .16s ease,background .16s ease,transform .16s ease}
body.saas-product button,body.saas-product input,body.saas-product select,body.saas-product textarea{font:inherit}
body.saas-product :focus-visible{outline:3px solid rgba(34,211,238,.62)!important;outline-offset:3px!important}

/* Main admin shell */
body.saas-product .app-shell{
  grid-template-columns:286px minmax(0,1fr)!important;
  gap:0!important;padding:0!important;min-height:100dvh!important;background:transparent!important;
}
body.saas-product .sidebar{
  height:100dvh!important;top:0!important;border-radius:0!important;padding:20px 16px!important;
  background:rgba(10,13,21,.88)!important;border:0!important;border-inline-end:1px solid var(--saas-border)!important;
  box-shadow:none!important;backdrop-filter:blur(24px) saturate(120%)!important;
}
body.saas-product .sidebar-brand{padding:4px 6px 18px!important;border-bottom:0!important;gap:11px!important}
body.saas-product .sidebar-brand strong{font-size:14px!important;font-weight:760!important;letter-spacing:-.02em}
body.saas-product .sidebar-brand small{color:var(--saas-muted)!important;font-size:10px!important;letter-spacing:.08em}
body.saas-product .brand-mark.small{width:40px!important;height:40px!important;border-radius:12px!important;background:linear-gradient(150deg,rgba(124,92,255,.22),rgba(34,211,238,.09))!important;border-color:rgba(124,92,255,.28)!important}

.saas-workspace-card{
  margin:0 0 14px;padding:12px;border:1px solid var(--saas-border);border-radius:15px;
  background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
}
.saas-workspace-card>span{display:block;color:var(--saas-subtle);font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px}
.saas-workspace-line{display:flex;align-items:center;gap:9px}.saas-workspace-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,var(--saas-primary),#5b41dc);font-size:11px;font-weight:900;color:white;box-shadow:0 8px 22px rgba(124,92,255,.25)}
.saas-workspace-line strong{display:block;font-size:12px}.saas-workspace-line small{display:block;font-size:9px;color:var(--saas-muted);margin-top:2px}

body.saas-product .nav-list{margin:4px 0!important;gap:3px!important;padding-inline:0!important;scrollbar-width:thin}
.saas-nav-section{padding:14px 10px 5px;color:var(--saas-subtle);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
body.saas-product .nav-item{
  min-height:42px!important;border-radius:11px!important;padding:0 10px!important;color:var(--saas-muted)!important;font-size:12px!important;font-weight:620!important;gap:10px!important;
}
body.saas-product .nav-item:hover{background:rgba(255,255,255,.045)!important;color:var(--saas-text)!important}
body.saas-product .nav-item.active{background:linear-gradient(90deg,rgba(124,92,255,.18),rgba(124,92,255,.06))!important;border-color:rgba(124,92,255,.18)!important;color:#fff!important;box-shadow:inset 3px 0 0 var(--saas-primary)}
body.saas-product .nav-icon{width:27px!important;height:27px!important;border:0!important;background:rgba(255,255,255,.055)!important;color:#c9c0ff!important;border-radius:9px!important;font-size:9px!important}
body.saas-product .nav-item.active .nav-icon{background:rgba(124,92,255,.22)!important;color:#fff!important}
body.saas-product .sidebar-footer{border-top:1px solid var(--saas-border)!important;padding-top:14px!important}
body.saas-product .mini-user{padding:7px 8px!important;border-radius:12px;background:rgba(255,255,255,.025)}
body.saas-product .mini-user strong{color:var(--saas-text)!important}.mini-user span{color:var(--saas-muted)!important}

body.saas-product .workspace{background:transparent!important;min-width:0!important}
body.saas-product .topbar{
  min-height:76px!important;top:0!important;border-radius:0!important;padding:12px 24px!important;
  background:rgba(7,9,16,.79)!important;border:0!important;border-bottom:1px solid var(--saas-border)!important;
  box-shadow:none!important;backdrop-filter:blur(20px) saturate(135%)!important;
}
body.saas-product .topbar h1{font-size:20px!important;font-weight:760!important;letter-spacing:-.03em!important}
body.saas-product .eyebrow{color:var(--saas-muted)!important;font-size:9px!important;letter-spacing:.11em!important;font-weight:750!important;text-transform:uppercase}
body.saas-product .topbar-actions{gap:8px!important}
body.saas-product .connection-pill{height:36px!important;border-color:var(--saas-border)!important;background:rgba(255,255,255,.028)!important;color:var(--saas-muted)!important}
body.saas-product .status-dot{background:var(--saas-success)!important;box-shadow:0 0 12px rgba(45,212,191,.42)!important}
body.saas-product .view{padding:26px 28px 56px!important;max-width:1600px;width:100%;margin:0 auto}

/* SaaS command trigger */
.saas-command-button{min-width:220px;height:38px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;border:1px solid var(--saas-border)!important;border-radius:11px!important;background:rgba(255,255,255,.035)!important;color:var(--saas-muted)!important;font-size:11px;font-weight:600}
.saas-command-button:hover{border-color:rgba(124,92,255,.36)!important;background:rgba(124,92,255,.07)!important;color:var(--saas-text)!important;transform:none!important}
.saas-command-key{direction:ltr;padding:2px 6px;border:1px solid var(--saas-border);border-bottom-color:var(--saas-border-strong);border-radius:6px;background:rgba(255,255,255,.04);font-size:9px;color:var(--saas-subtle)}

/* Common surfaces */
body.saas-product .glass,body.saas-product .panel,body.saas-product .stat-card,body.saas-product .upgrade-panel,body.saas-product .upgrade-group,body.saas-product .upgrade-card,body.saas-product .work-panel,body.saas-product .work-card,body.saas-product .work-ticket,
body.saas-product [class*="-panel"],body.saas-product [class*="-card"]{
  border-color:var(--saas-border)!important;
}
body.saas-product .panel,body.saas-product .stat-card{
  background:linear-gradient(145deg,rgba(20,25,38,.92),rgba(13,17,27,.94))!important;
  box-shadow:0 12px 38px rgba(0,0,0,.16)!important;border-radius:var(--saas-radius)!important;
}
body.saas-product .hero-panel{background:linear-gradient(135deg,rgba(124,92,255,.13),rgba(34,211,238,.045))!important;border-color:rgba(124,92,255,.16)!important;border-radius:var(--saas-radius-lg)!important;padding:26px!important}
body.saas-product .hero-panel h2{font-size:25px!important;color:var(--saas-text)!important}.hero-panel p{color:var(--saas-muted)!important}
body.saas-product .stats-grid{gap:14px!important}.stat-card{padding:19px!important}.stat-card span,.stat-card small{color:var(--saas-muted)!important}.stat-card strong{font-size:30px!important;color:#fff!important}
body.saas-product .panel-head h2,body.saas-product .panel-head h3{color:var(--saas-text)!important}.panel-head p{color:var(--saas-muted)!important}
body.saas-product .table-wrap{border-color:var(--saas-border)!important;background:rgba(7,9,16,.32)!important;border-radius:14px!important}
body.saas-product .data-table th{background:rgba(255,255,255,.025)!important;color:var(--saas-subtle)!important;border-color:var(--saas-border)!important}
body.saas-product .data-table td{border-color:var(--saas-border)!important;color:#dfe4ee!important}.data-table tbody tr:hover{background:rgba(124,92,255,.045)!important}.cell-title{color:#fff!important}.cell-sub{color:var(--saas-muted)!important}

body.saas-product .btn,body.saas-product .upgrade-button,body.saas-product .work-button{
  border-radius:11px!important;border-color:var(--saas-border-strong)!important;background:rgba(255,255,255,.05)!important;color:var(--saas-text)!important;font-weight:680!important;box-shadow:none!important;
}
body.saas-product .btn:hover,body.saas-product .upgrade-button:hover,body.saas-product .work-button:hover{background:rgba(255,255,255,.08)!important;border-color:rgba(157,135,255,.34)!important}
body.saas-product .btn-primary,body.saas-product .upgrade-button.primary,body.saas-product .work-button.primary{
  color:#fff!important;background:linear-gradient(135deg,var(--saas-primary),#6148e5)!important;border-color:transparent!important;box-shadow:0 10px 26px rgba(124,92,255,.22)!important;
}
body.saas-product input,body.saas-product select,body.saas-product textarea{
  background:#0d111a!important;color:var(--saas-text)!important;border-color:var(--saas-border-strong)!important;border-radius:11px!important;box-shadow:none!important;
}
body.saas-product input::placeholder,body.saas-product textarea::placeholder{color:#626d82!important}
body.saas-product input:focus,body.saas-product select:focus,body.saas-product textarea:focus{border-color:rgba(124,92,255,.65)!important;box-shadow:0 0 0 3px rgba(124,92,255,.10)!important}

/* Work / Settings products */
body.saas-product.work-page,body.saas-product.upgrade-page,body.saas-product.fleet-page{--work-bg:var(--saas-bg);--work-panel:var(--saas-surface);--work-line:var(--saas-border);--work-text:var(--saas-text);--work-muted:var(--saas-muted);--work-accent:var(--saas-primary-2);--work-purple:var(--saas-primary)}
body.saas-product .work-top,body.saas-product .upgrade-top{
  min-height:68px!important;padding:11px max(18px,calc((100vw - 1440px)/2))!important;background:rgba(7,9,16,.84)!important;border-bottom:1px solid var(--saas-border)!important;backdrop-filter:blur(22px) saturate(130%)!important;
}
body.saas-product .work-shell,body.saas-product .upgrade-shell{max-width:1440px!important;padding:30px 28px 72px!important}
body.saas-product .work-hero,body.saas-product .upgrade-hero{
  border:1px solid rgba(124,92,255,.16)!important;background:linear-gradient(135deg,rgba(124,92,255,.12),rgba(34,211,238,.035))!important;border-radius:26px!important;padding:28px!important;box-shadow:var(--saas-shadow)!important;
}
body.saas-product .work-hero h1,body.saas-product .upgrade-hero h1{font-size:clamp(2rem,4vw,3.2rem)!important;letter-spacing:-.045em!important;color:#fff!important}
body.saas-product .work-hero p,body.saas-product .upgrade-hero p{color:var(--saas-muted)!important;max-width:720px!important}
body.saas-product .work-eyebrow,body.saas-product .upgrade-kicker{color:var(--saas-primary-2)!important;letter-spacing:.12em!important;font-size:10px!important}
body.saas-product .work-launch-grid{gap:12px!important}
body.saas-product .work-launch{min-height:145px!important;border-radius:17px!important;background:linear-gradient(145deg,rgba(20,25,38,.9),rgba(14,18,28,.94))!important;border-color:var(--saas-border)!important;padding:20px!important}
body.saas-product .work-launch:hover{border-color:rgba(124,92,255,.35)!important;background:linear-gradient(145deg,rgba(124,92,255,.10),rgba(18,23,34,.96))!important;transform:translateY(-2px)!important}
body.saas-product .work-launch strong{font-size:17px!important;color:#fff!important}.work-launch p{color:var(--saas-muted)!important}.work-launch-number{color:#6d7890!important}.work-launch-link{color:#b9acff!important}
body.saas-product .work-section>h2{font-size:16px!important;color:#d8ddeb!important;margin-bottom:10px!important}
body.saas-product .work-toolbar{max-width:680px!important}

body.saas-product .upgrade-grid{gap:18px!important}.upgrade-section h2{color:#b9c0cf!important;font-size:12px!important;letter-spacing:.01em!important}.upgrade-group{background:linear-gradient(145deg,rgba(20,25,38,.92),rgba(13,17,27,.96))!important;border-radius:17px!important}.upgrade-row{min-height:74px!important;padding:15px 17px!important}.upgrade-row:hover{background:rgba(124,92,255,.07)!important}.upgrade-row .row-icon{background:rgba(124,92,255,.12)!important;color:#c5bbff!important}.upgrade-row small{color:var(--saas-muted)!important}.upgrade-row .chevron{color:#657086!important}

/* SaaS home dashboard */
.saas-dashboard-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 26px}
.saas-kpi{min-height:124px;padding:18px;border:1px solid var(--saas-border);border-radius:17px;background:linear-gradient(145deg,rgba(21,26,39,.92),rgba(13,17,27,.92));position:relative;overflow:hidden}
.saas-kpi::after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;left:-28px;top:-34px;background:rgba(124,92,255,.09);filter:blur(2px)}
.saas-kpi span{display:block;color:var(--saas-muted);font-size:11px;font-weight:650}.saas-kpi strong{display:block;margin-top:12px;font-size:28px;letter-spacing:-.04em;color:#fff}.saas-kpi small{display:block;color:var(--saas-subtle);font-size:10px;margin-top:4px}
.saas-dashboard-strip{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:15px}.saas-dashboard-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;border:1px solid var(--saas-border);background:rgba(255,255,255,.025);color:var(--saas-muted);font-size:10px}.saas-dashboard-chip i{width:6px;height:6px;border-radius:50%;background:var(--saas-success)}

/* Command palette */
.saas-command-overlay{position:fixed;inset:0;z-index:2500;background:rgba(2,4,9,.72);backdrop-filter:blur(10px);display:grid;place-items:start center;padding:12vh 16px 16px}
.saas-command-overlay[hidden]{display:none!important}.saas-command-palette{width:min(680px,100%);border:1px solid var(--saas-border-strong);border-radius:20px;background:rgba(13,17,27,.98);box-shadow:0 30px 110px rgba(0,0,0,.55);overflow:hidden;direction:rtl}
.saas-command-search{display:flex;align-items:center;gap:10px;padding:14px;border-bottom:1px solid var(--saas-border)}.saas-command-search span{color:var(--saas-primary-2);font-size:18px}.saas-command-search input{height:44px!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:16px!important;padding:0!important}.saas-command-results{max-height:min(58vh,520px);overflow:auto;padding:8px}.saas-command-item{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;width:100%;min-height:58px;border:0!important;border-radius:12px!important;background:transparent!important;color:var(--saas-text)!important;text-align:right;padding:8px!important}.saas-command-item:hover,.saas-command-item.active{background:rgba(124,92,255,.11)!important}.saas-command-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(124,92,255,.12);color:#c4baff;font-size:10px;font-weight:800}.saas-command-item strong{display:block;font-size:12px}.saas-command-item small{display:block;color:var(--saas-muted);font-size:10px;margin-top:2px}.saas-command-item em{font-style:normal;color:var(--saas-subtle);font-size:10px}

/* Compact utility dock for internal pages without main sidebar */
.saas-utility-dock{position:fixed;left:18px;bottom:18px;z-index:1100;display:flex;align-items:center;gap:7px;padding:6px;border:1px solid var(--saas-border);border-radius:14px;background:rgba(10,13,21,.86);backdrop-filter:blur(18px);box-shadow:0 14px 42px rgba(0,0,0,.28)}
.saas-utility-dock a,.saas-utility-dock button{height:36px;min-width:36px;padding:0 10px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:var(--saas-muted)!important;font-size:10px;font-weight:650;text-decoration:none;display:flex;align-items:center;justify-content:center}
.saas-utility-dock a:hover,.saas-utility-dock button:hover{background:rgba(124,92,255,.12)!important;color:#fff!important}

/* Login / secure cards */
body.saas-product .auth-screen{background:transparent!important}.login-card{background:linear-gradient(145deg,rgba(17,21,32,.96),rgba(10,13,21,.96))!important;border-color:var(--saas-border-strong)!important;box-shadow:0 30px 100px rgba(0,0,0,.4)!important}.login-copy p{color:var(--saas-muted)!important}.login-meta{color:var(--saas-subtle)!important}

@media(max-width:1100px){
  body.saas-product .app-shell{grid-template-columns:232px minmax(0,1fr)!important}.saas-command-button{min-width:170px}.saas-dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
  body.saas-product .app-shell{display:block!important}.sidebar{position:fixed!important;right:0!important;transform:translateX(105%);width:min(310px,88vw)!important;box-shadow:-30px 0 80px rgba(0,0,0,.4)!important}.sidebar.open{transform:translateX(0)!important}.topbar{padding:10px 14px!important}.saas-command-button{display:none}.view{padding:18px 14px 80px!important}.saas-utility-dock{left:12px;right:12px;bottom:10px;justify-content:space-around}.saas-utility-dock a,.saas-utility-dock button{flex:1}.saas-dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.work-shell,.upgrade-shell{padding:20px 14px 82px!important}.work-hero,.upgrade-hero{padding:22px!important}.upgrade-grid{grid-template-columns:1fr!important}
}
@media(max-width:520px){
  .saas-dashboard-kpis{grid-template-columns:1fr 1fr;gap:8px}.saas-kpi{min-height:105px;padding:14px}.saas-kpi strong{font-size:23px}.topbar-actions .btn-secondary{display:none}.connection-pill{padding:0 9px!important}.work-hero h1,.upgrade-hero h1{font-size:2rem!important}.work-launch-grid{grid-template-columns:1fr!important}.saas-command-overlay{padding-top:7vh}.saas-command-palette{border-radius:17px}
}
@media(prefers-reduced-motion:reduce){body.saas-product *,body.saas-product *::before,body.saas-product *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Dashboard module cards */
body.saas-product .quick-grid{gap:12px!important}
body.saas-product .quick-card{min-height:118px!important;padding:16px!important;border-radius:16px!important;background:linear-gradient(145deg,rgba(19,24,37,.94),rgba(12,16,25,.96))!important;border-color:var(--saas-border)!important;color:#fff!important;position:relative;overflow:hidden}
body.saas-product .quick-card::before{content:"";position:absolute;inset:auto -30px -50px auto;width:100px;height:100px;border-radius:50%;background:rgba(124,92,255,.08)}
body.saas-product .quick-card:hover{transform:translateY(-2px)!important;border-color:rgba(124,92,255,.32)!important;background:linear-gradient(145deg,rgba(124,92,255,.10),rgba(13,17,27,.98))!important}
body.saas-product .quick-card strong{font-size:13px!important;color:#fff!important;position:relative}.quick-card span{font-size:10px!important;color:var(--saas-muted)!important;line-height:1.55!important;position:relative}
body.saas-product .detail-item{background:rgba(255,255,255,.025)!important;border-color:var(--saas-border)!important;border-radius:13px!important}.detail-item span{color:var(--saas-muted)!important}.detail-item strong{color:#fff!important}
body.saas-product .badge{background:rgba(255,255,255,.035)!important;border-color:var(--saas-border)!important;color:#d5dbea!important}.badge.success,.badge.active{color:#8ff0da!important;border-color:rgba(45,212,191,.25)!important;background:rgba(45,212,191,.07)!important}.badge.warning{color:#f8d877!important;background:rgba(251,191,36,.07)!important}.badge.danger,.badge.blocked{color:#ff9aaa!important;background:rgba(251,113,133,.07)!important}

/* Seller / finance / POS / risk / courier normalization into the same SaaS product */
body.saas-product.seller-page{background:transparent!important}
body.saas-product .seller-shell{background:transparent!important}
body.saas-product .seller-side{background:rgba(10,13,21,.9)!important;border-left-color:var(--saas-border)!important;backdrop-filter:blur(22px)!important}
body.saas-product .seller-head{background:rgba(7,9,16,.82)!important;border-bottom-color:var(--saas-border)!important;backdrop-filter:blur(20px)!important}
body.saas-product .seller-head input{background:#0d111a!important;border-color:var(--saas-border-strong)!important;color:#fff!important}
body.saas-product .tenant-pill{background:rgba(255,255,255,.03)!important;border-color:var(--saas-border)!important}.tenant-pill:before{background:var(--saas-primary)!important}
body.saas-product .side-link{color:var(--saas-muted)!important}.side-link:hover{background:rgba(255,255,255,.04)!important}.side-link.active{background:rgba(124,92,255,.12)!important;color:#fff!important;box-shadow:inset -3px 0 var(--saas-primary)!important}
body.saas-product .kpi,body.saas-product .seller-page .panel,body.saas-product .order-mini,body.saas-product .order-column,body.saas-product .money-box,body.saas-product .store-preview,body.saas-product .telegram-box{background:var(--saas-surface)!important;border-color:var(--saas-border)!important;box-shadow:none!important;color:var(--saas-text)!important}
body.saas-product .order-column{background:#0d111a!important}.order-column h3 span{background:rgba(255,255,255,.04)!important;border-color:var(--saas-border)!important}.seller-page .kpi:after{background:var(--saas-primary)!important}.kpi-icon{background:rgba(124,92,255,.12)!important;color:#c6bcff!important}
body.saas-product .seller-mobile-nav{background:rgba(10,13,21,.94)!important;border-top-color:var(--saas-border)!important}.seller-mobile-nav button{color:var(--saas-muted)!important}.seller-mobile-nav button.active{color:#c4baff!important}

body.saas-product .fin-shell,body.saas-product .risk-shell,body.saas-product .pos-shell,body.saas-product .courier-wrap{background:transparent!important;color:var(--saas-text)!important}
body.saas-product .fin-top,body.saas-product .risk-top,body.saas-product .pos-top,body.saas-product .courier-head{background:rgba(7,9,16,.82)!important;border-color:var(--saas-border)!important;backdrop-filter:blur(20px)!important}
body.saas-product .fin-panel,body.saas-product .fin-kpi,body.saas-product .risk-list,body.saas-product .risk-stat,body.saas-product .report,body.saas-product .review-detail,body.saas-product .pos-panel,body.saas-product .pos-stat,body.saas-product .ticket,body.saas-product .register-card,body.saas-product .order-focus,body.saas-product .product-chip,body.saas-product .job-card,body.saas-product .delivery-card,body.saas-product .privacy-box{
  background:linear-gradient(145deg,rgba(20,25,38,.94),rgba(13,17,27,.96))!important;border-color:var(--saas-border)!important;color:var(--saas-text)!important;box-shadow:none!important;
}
body.saas-product .fin-title p,body.saas-product .risk-title p,body.saas-product .courier-title p,body.saas-product .report p,body.saas-product .job-card p{color:var(--saas-muted)!important}
body.saas-product .fin-tabs button,body.saas-product .status-pill,body.saas-product .payment-pill{border-color:var(--saas-border)!important}.fin-tabs button.active{background:rgba(124,92,255,.12)!important;color:#fff!important}
body.saas-product .progress,body.saas-product .risk-meter .bar{background:rgba(255,255,255,.07)!important}.progress i{background:linear-gradient(90deg,var(--saas-primary),var(--saas-cyan))!important}

body.saas-product.fleet-page{background:transparent!important}.fleet-top{background:rgba(7,9,16,.84)!important;border-bottom-color:var(--saas-border)!important;backdrop-filter:blur(20px)!important}.fleet-card,.fleet-stat,.fleet-entry,.fleet-privacy-hero,.fleet-session,.fleet-dialog{background:linear-gradient(145deg,rgba(20,25,38,.94),rgba(13,17,27,.96))!important;border-color:var(--saas-border)!important;color:var(--saas-text)!important}.fleet-tab{color:var(--saas-muted)!important}.fleet-tab[aria-current=page]{background:rgba(124,92,255,.12)!important;color:#fff!important;border-color:rgba(124,92,255,.24)!important}.fleet-button.primary{background:linear-gradient(135deg,var(--saas-primary),#6148e5)!important;color:#fff!important;border-color:transparent!important}.fleet-field input,.fleet-field select,.fleet-field textarea{background:#0d111a!important;border-color:var(--saas-border-strong)!important}.fleet-empty{background:rgba(255,255,255,.02)!important;border-color:var(--saas-border)!important}

@media(max-width:760px){body.saas-product .seller-content{padding-bottom:92px!important}.seller-mobile-nav{display:grid!important}.saas-utility-dock{bottom:76px}}

/* ================================================================
   SaaS Product UI 5.1 — premium hierarchy + calmer workspace chrome
   Pure presentation layer. Authorization remains server-side.
   ================================================================ */
:root{
  --saas-bg:#05070d;
  --saas-bg-soft:#090c14;
  --saas-surface:#0e121c;
  --saas-surface-2:#131925;
  --saas-surface-3:#1a2230;
  --saas-border:rgba(217,225,255,.095);
  --saas-border-strong:rgba(217,225,255,.17);
  --saas-border-focus:rgba(137,115,255,.52);
  --saas-text:#f7f9ff;
  --saas-muted:#a2acbe;
  --saas-subtle:#747f92;
  --saas-primary:#8169ff;
  --saas-primary-2:#ad9dff;
  --saas-cyan:#43d9ef;
  --saas-gold:#f1ca72;
  --saas-success:#45d7bd;
  --saas-warning:#f6c755;
  --saas-danger:#fb7b91;
  --saas-radius:20px;
  --saas-radius-lg:30px;
  --saas-shadow:0 28px 90px rgba(0,0,0,.34);
  --saas-shadow-soft:0 14px 44px rgba(0,0,0,.19);
  --saas-highlight:inset 0 1px 0 rgba(255,255,255,.045);
}

body.saas-product{
  background:
    radial-gradient(1100px 620px at 88% -18%,rgba(129,105,255,.18),transparent 68%),
    radial-gradient(900px 560px at -12% 90%,rgba(67,217,239,.075),transparent 70%),
    linear-gradient(180deg,#05070d 0%,#070a12 48%,#05070d 100%)!important;
  min-height:100dvh;
}
body.saas-product::before{
  opacity:.72;
  background-image:
    linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.011) 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 88%);
}
body.saas-product::after{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.22;
  background:
    radial-gradient(circle at 25% 15%,rgba(255,255,255,.055) 0 1px,transparent 1.5px) 0 0/26px 26px,
    radial-gradient(circle at 75% 70%,rgba(255,255,255,.03) 0 1px,transparent 1.5px) 13px 9px/31px 31px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.42),transparent 76%);
}
body.saas-product{scrollbar-color:#343a4a #0a0d14;scrollbar-width:thin}
body.saas-product ::-webkit-scrollbar{width:10px;height:10px}
body.saas-product ::-webkit-scrollbar-track{background:#0a0d14}
body.saas-product ::-webkit-scrollbar-thumb{background:#2a3140;border:2px solid #0a0d14;border-radius:999px}
body.saas-product ::selection{background:rgba(129,105,255,.34);color:#fff}

/* Page motion is intentionally subtle and disabled by reduced-motion below. */
body.saas-product[data-saas-ready="true"] .workspace,
body.saas-product[data-saas-ready="true"] .work-shell,
body.saas-product[data-saas-ready="true"] .upgrade-shell{
  animation:saasPageIn .34s cubic-bezier(.2,.8,.2,1) both;
}
@keyframes saasPageIn{from{opacity:.72;transform:translateY(5px)}to{opacity:1;transform:none}}

/* Premium shell */
body.saas-product .app-shell{grid-template-columns:272px minmax(0,1fr)!important}
body.saas-product .sidebar{
  padding:18px 14px!important;
  background:linear-gradient(180deg,rgba(11,14,22,.94),rgba(8,11,18,.9))!important;
  border-inline-end:1px solid rgba(255,255,255,.075)!important;
  box-shadow:12px 0 38px rgba(0,0,0,.12)!important;
}
body.saas-product .sidebar::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.026),transparent 18%);
}
body.saas-product .sidebar-brand{min-height:58px;padding:5px 7px 15px!important}
body.saas-product .brand-mark.small{
  width:42px!important;height:42px!important;border-radius:14px!important;
  box-shadow:0 10px 32px rgba(129,105,255,.18),var(--saas-highlight)!important;
}
.saas-workspace-card{
  position:relative;overflow:hidden;margin:2px 0 15px;padding:13px 12px;
  border-color:rgba(255,255,255,.09);border-radius:17px;
  background:linear-gradient(145deg,rgba(129,105,255,.11),rgba(255,255,255,.025));
  box-shadow:var(--saas-highlight);
}
.saas-workspace-card::after{
  content:"";position:absolute;left:-28px;top:-32px;width:88px;height:88px;border-radius:50%;
  background:rgba(67,217,239,.055);filter:blur(3px);pointer-events:none;
}
.saas-workspace-icon{border-radius:11px!important;background:linear-gradient(145deg,#8d76ff,#6650e6)!important;box-shadow:0 9px 24px rgba(129,105,255,.26)!important}
body.saas-product .nav-list{gap:4px!important}
body.saas-product .nav-item{
  position:relative;min-height:44px!important;border:1px solid transparent!important;border-radius:13px!important;
  padding:0 11px!important;font-weight:650!important;
}
body.saas-product .nav-item:hover{border-color:rgba(255,255,255,.055)!important;background:rgba(255,255,255,.04)!important;transform:translateX(-1px)}
body.saas-product .nav-item.active{
  background:linear-gradient(90deg,rgba(129,105,255,.19),rgba(129,105,255,.055))!important;
  border-color:rgba(151,130,255,.16)!important;
  box-shadow:inset -3px 0 0 #927dff,var(--saas-highlight)!important;
}
body.saas-product .nav-icon{width:29px!important;height:29px!important;border-radius:10px!important;background:rgba(255,255,255,.045)!important}
body.saas-product .nav-item.active .nav-icon{background:linear-gradient(145deg,rgba(147,125,255,.32),rgba(129,105,255,.15))!important;box-shadow:0 7px 16px rgba(69,52,160,.12)}
body.saas-product .sidebar-footer{padding:14px 4px 0!important;margin-top:8px}

body.saas-product .topbar{
  min-height:78px!important;padding:11px 22px!important;
  background:linear-gradient(180deg,rgba(7,9,15,.92),rgba(7,9,15,.77))!important;
  border-bottom:1px solid rgba(255,255,255,.075)!important;
  box-shadow:0 8px 28px rgba(0,0,0,.10),var(--saas-highlight)!important;
}
body.saas-product .topbar-leading{gap:12px!important;min-width:0}
body.saas-product .topbar h1{font-size:20px!important;font-weight:780!important;letter-spacing:-.035em!important}
.saas-page-context{display:flex;align-items:center;gap:7px;margin-top:4px;white-space:nowrap;overflow:hidden;color:var(--saas-subtle);font-size:9px;font-weight:680}
.saas-page-context b{font-weight:720;color:#b8c0d0;overflow:hidden;text-overflow:ellipsis}
.saas-page-context i{width:4px;height:4px;border-radius:50%;background:#515b70;flex:none}
.saas-page-context span{overflow:hidden;text-overflow:ellipsis}
body.saas-product .topbar-actions{gap:7px!important}
body.saas-product .connection-pill{border-radius:999px!important;padding-inline:11px!important;box-shadow:var(--saas-highlight)!important}
.saas-command-button{min-width:240px!important;border-radius:12px!important;box-shadow:var(--saas-highlight)!important}
.saas-command-button span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Cards and density */
body.saas-product .panel,
body.saas-product .stat-card,
body.saas-product .upgrade-group,
body.saas-product .work-launch,
body.saas-product .fleet-card,
body.saas-product .fleet-stat,
body.saas-product .fleet-entry{
  box-shadow:var(--saas-shadow-soft),var(--saas-highlight)!important;
}
body.saas-product .panel,
body.saas-product .stat-card{
  background:linear-gradient(150deg,rgba(18,23,35,.96),rgba(11,15,24,.965))!important;
}
body.saas-product .panel:hover,body.saas-product .stat-card:hover{
  border-color:rgba(158,142,255,.17)!important;
}
body.saas-product .hero-panel,
body.saas-product .work-hero,
body.saas-product .upgrade-hero{
  position:relative;overflow:hidden;
  background:
    radial-gradient(620px 260px at 102% -12%,rgba(129,105,255,.20),transparent 65%),
    linear-gradient(135deg,rgba(129,105,255,.115),rgba(67,217,239,.028))!important;
  border-color:rgba(151,130,255,.17)!important;
  box-shadow:0 26px 75px rgba(0,0,0,.24),var(--saas-highlight)!important;
}
body.saas-product .hero-panel::after,
body.saas-product .work-hero::after,
body.saas-product .upgrade-hero::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(120deg,rgba(255,255,255,.035),transparent 22%,transparent 76%,rgba(67,217,239,.025));
}
body.saas-product .hero-panel>* ,body.saas-product .work-hero>* ,body.saas-product .upgrade-hero>*{position:relative;z-index:1}
body.saas-product .hero-panel h2,body.saas-product .work-hero h1,body.saas-product .upgrade-hero h1{font-weight:800!important;text-wrap:balance}

.saas-dashboard-kpis{gap:13px!important}
.saas-kpi{
  min-height:128px!important;border-radius:19px!important;
  background:linear-gradient(150deg,rgba(19,24,37,.96),rgba(10,14,23,.96))!important;
  box-shadow:var(--saas-shadow-soft),var(--saas-highlight);transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.saas-kpi:hover{transform:translateY(-2px);border-color:rgba(151,130,255,.23);background:linear-gradient(150deg,rgba(29,29,51,.96),rgba(11,15,24,.98))!important}
.saas-kpi::before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent,rgba(170,154,255,.28),transparent);opacity:.6}
.saas-kpi strong{font-weight:800!important;font-variant-numeric:tabular-nums}
.saas-dashboard-chip{min-height:28px;padding:6px 10px!important;background:rgba(255,255,255,.026)!important;box-shadow:var(--saas-highlight)}

body.saas-product .quick-grid{gap:13px!important}
body.saas-product .quick-card{
  min-height:124px!important;border-radius:18px!important;
  background:linear-gradient(150deg,rgba(18,23,35,.96),rgba(10,14,23,.97))!important;
  box-shadow:var(--saas-shadow-soft),var(--saas-highlight)!important;
}
body.saas-product .quick-card::after{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(180deg,transparent,rgba(129,105,255,.75),transparent);opacity:0;transition:opacity .2s ease}
body.saas-product .quick-card:hover::after{opacity:1}

/* Buttons and form controls */
body.saas-product .btn,body.saas-product .upgrade-button,body.saas-product .work-button,body.saas-product .fleet-button{
  min-height:40px;border-radius:12px!important;box-shadow:var(--saas-highlight)!important;transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
body.saas-product .btn:hover,body.saas-product .upgrade-button:hover,body.saas-product .work-button:hover,body.saas-product .fleet-button:hover{transform:translateY(-1px)!important}
body.saas-product .btn:active,body.saas-product .upgrade-button:active,body.saas-product .work-button:active,body.saas-product .fleet-button:active{transform:translateY(0) scale(.985)!important}
body.saas-product .btn-primary,body.saas-product .upgrade-button.primary,body.saas-product .work-button.primary,body.saas-product .fleet-button.primary{
  background:linear-gradient(135deg,#8d75ff,#6952ea)!important;
  box-shadow:0 10px 28px rgba(105,82,234,.27),inset 0 1px 0 rgba(255,255,255,.18)!important;
}
body.saas-product input,body.saas-product select,body.saas-product textarea{
  min-height:44px;background:linear-gradient(180deg,#0c1019,#0a0e16)!important;
  border-color:rgba(217,225,255,.13)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
}
body.saas-product input:hover,body.saas-product select:hover,body.saas-product textarea:hover{border-color:rgba(217,225,255,.22)!important}
body.saas-product input:focus,body.saas-product select:focus,body.saas-product textarea:focus{border-color:var(--saas-border-focus)!important;box-shadow:0 0 0 3px rgba(129,105,255,.11),inset 0 1px 0 rgba(255,255,255,.025)!important}
body.saas-product label{color:#ccd2df}

/* iOS-like grouped settings, adapted for SaaS density */
body.saas-product .upgrade-grid{gap:22px!important}
body.saas-product .upgrade-section h2{margin:0 10px 8px!important;font-size:10px!important;font-weight:800!important;letter-spacing:.06em!important;color:#7d879a!important;text-transform:uppercase}
body.saas-product .upgrade-group{overflow:hidden;border-radius:19px!important;background:linear-gradient(150deg,rgba(17,22,34,.96),rgba(11,15,24,.97))!important}
body.saas-product .upgrade-row{position:relative;min-height:78px!important;padding:14px 17px!important;border-bottom-color:rgba(255,255,255,.055)!important;transition:background .16s ease,transform .16s ease!important}
body.saas-product .upgrade-row:hover{background:linear-gradient(90deg,rgba(129,105,255,.105),rgba(129,105,255,.025))!important;transform:none!important}
body.saas-product .upgrade-row .row-icon{width:38px!important;height:38px!important;border-radius:12px!important;background:linear-gradient(145deg,rgba(129,105,255,.22),rgba(67,217,239,.07))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
body.saas-product .upgrade-row strong{font-size:13px!important;color:#f7f9ff!important}.upgrade-row small{font-size:10px!important;line-height:1.55!important}.upgrade-row .chevron{font-size:21px!important}
body.saas-product .upgrade-search input{height:46px!important}

/* Tables */
body.saas-product .table-wrap{overflow:auto;box-shadow:var(--saas-shadow-soft),var(--saas-highlight)!important}
body.saas-product .data-table{border-collapse:separate!important;border-spacing:0!important}
body.saas-product .data-table thead th{position:sticky;top:0;z-index:2;backdrop-filter:blur(12px);background:rgba(13,17,27,.94)!important;font-size:10px!important;letter-spacing:.025em!important}
body.saas-product .data-table tbody tr{transition:background .14s ease}
body.saas-product .data-table tbody tr:hover{background:linear-gradient(90deg,rgba(129,105,255,.055),rgba(129,105,255,.018))!important}
body.saas-product .data-table td{padding-top:13px!important;padding-bottom:13px!important}

/* Command palette 5.1 */
.saas-command-overlay{background:rgba(1,3,8,.74)!important;backdrop-filter:blur(16px) saturate(105%)!important}
.saas-command-palette{width:min(720px,100%)!important;border-radius:24px!important;background:linear-gradient(165deg,rgba(17,22,34,.985),rgba(9,13,21,.99))!important;box-shadow:0 40px 140px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.05)!important}
.saas-command-search{padding:15px 17px!important}.saas-command-search input{font-size:15px!important}.saas-command-results{padding:8px 10px 12px!important}
.saas-command-group-label{padding:10px 10px 6px;color:#717c90;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.saas-command-item{min-height:62px!important;border:1px solid transparent!important;border-radius:14px!important;padding:9px 10px!important}
.saas-command-item:hover,.saas-command-item.active{border-color:rgba(151,130,255,.13)!important;background:linear-gradient(90deg,rgba(129,105,255,.14),rgba(129,105,255,.035))!important}
.saas-command-icon{width:38px!important;height:38px!important;border-radius:12px!important;background:linear-gradient(145deg,rgba(129,105,255,.20),rgba(67,217,239,.055))!important}
.saas-command-item em{width:25px;height:25px;display:grid;place-items:center;border:1px solid var(--saas-border);border-radius:7px;background:rgba(255,255,255,.025)}

/* Floating utility dock */
.saas-utility-dock{padding:7px!important;border-radius:17px!important;background:rgba(10,13,21,.91)!important;box-shadow:0 18px 58px rgba(0,0,0,.32),var(--saas-highlight)!important}
.saas-utility-dock a,.saas-utility-dock button{min-height:38px!important;border-radius:10px!important}

/* Login refinement */
body.saas-product .auth-screen{padding:28px!important;display:grid;place-items:center}
body.saas-product .login-card{position:relative;overflow:hidden;border-radius:30px!important;box-shadow:0 36px 130px rgba(0,0,0,.48),var(--saas-highlight)!important}
body.saas-product .login-card::before{content:"";position:absolute;inset:-30% auto auto -20%;width:360px;height:360px;border-radius:50%;background:rgba(129,105,255,.11);filter:blur(40px);pointer-events:none}
body.saas-product .login-card>*{position:relative;z-index:1}

/* Status and feedback */
body.saas-product .badge{min-height:25px;padding:4px 9px!important;border-radius:999px!important;font-weight:720!important;box-shadow:var(--saas-highlight)}
body.saas-product .toast,body.saas-product .toast-root>*{border:1px solid var(--saas-border-strong)!important;background:rgba(13,17,27,.96)!important;backdrop-filter:blur(16px)!important;box-shadow:0 18px 52px rgba(0,0,0,.35)!important}
body.saas-product .loading-layer{backdrop-filter:blur(10px)!important;background:rgba(4,6,10,.66)!important}

/* Responsive polish */
@media(max-width:1180px){body.saas-product .app-shell{grid-template-columns:236px minmax(0,1fr)!important}.saas-command-button{min-width:190px!important}}
@media(max-width:820px){
  body.saas-product .topbar{min-height:68px!important;padding:9px 13px!important}.saas-page-context{max-width:55vw}.sidebar{width:min(326px,90vw)!important}.view{padding:17px 13px 88px!important}.work-shell,.upgrade-shell{padding:18px 13px 88px!important}.work-hero,.upgrade-hero{border-radius:23px!important;padding:21px!important}.saas-dashboard-kpis{gap:9px!important}.saas-kpi{min-height:112px!important}.saas-utility-dock{left:10px!important;right:10px!important;bottom:9px!important}
}
@media(max-width:520px){
  body.saas-product .topbar h1{font-size:17px!important}.saas-page-context{display:none}.saas-kpi{min-height:106px!important;padding:14px!important}.saas-kpi span{font-size:10px}.saas-kpi strong{font-size:22px!important}.work-hero h1,.upgrade-hero h1{font-size:1.9rem!important}.upgrade-row{min-height:74px!important;padding:13px 14px!important}.upgrade-row .row-icon{width:36px!important;height:36px!important}.saas-command-palette{border-radius:20px!important}.saas-command-item{min-height:60px!important}
}