:root{
  --bg:#dfeaff;
  --bg-2:#f3f7ff;
  --panel:#ffffff;
  --panel-soft:#f7fbff;
  --text:#0f1f33;
  --muted:#5f6f88;
  --line:#cfe0f6;
  --primary:#1d4ed8;
  --primary-2:#2563eb;
  --primary-soft:rgba(37,99,235,.10);
  --accent:#0ea5e9;
  --accent-soft:rgba(14,165,233,.10);
  --success:#16a34a;
  --danger:#dc2626;
  --warning:#d97706;
  --shadow:0 22px 60px rgba(15,23,42,.10);
  --shadow-soft:0 12px 28px rgba(37,99,235,.10);
  --radius:26px;
  --radius-sm:16px;
  --sidebar:286px;
}
html,body{touch-action:manipulation;-webkit-text-size-adjust:100%;}
body.theme-dark{
  --bg:#07111f;
  --bg-2:#0b1728;
  --panel:#0f172a;
  --panel-soft:#111c31;
  --text:#e5eefc;
  --muted:#93a6c4;
  --line:#20314d;
  --primary:#60a5fa;
  --primary-2:#3b82f6;
  --primary-soft:rgba(96,165,250,.14);
  --accent:#38bdf8;
  --accent-soft:rgba(56,189,248,.12);
  --success:#22c55e;
  --danger:#f87171;
  --warning:#f59e0b;
  --shadow:0 22px 60px rgba(2,6,23,.45);
  --shadow-soft:0 12px 28px rgba(2,6,23,.35);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
html,body{margin:0;padding:0;min-height:100%}
body{
  font:16px/1.5 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  color:var(--text);
  overflow-x:hidden;
  background:
    radial-gradient(circle at top left, rgba(37,99,235,.18), transparent 40%),
    radial-gradient(circle at top right, rgba(14,165,233,.18), transparent 35%),
    linear-gradient(180deg,#eff5ff 0%,var(--bg) 54%,#dfeaff 100%);
}
body.site-body{background:
    radial-gradient(circle at top left, rgba(37,99,235,.24), transparent 45%),
    radial-gradient(circle at top right, rgba(14,165,233,.18), transparent 38%),
    linear-gradient(180deg,#dbeafe 0%,#eff6ff 44%,#dbeafe 100%);
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
::selection{background:rgba(37,99,235,.18)}
.shell{max-width:1400px;margin:0 auto;padding:24px}
.card,.feature-card,.kpi,.landing-modal,.site-top,.mobile-topbar,.landing-nav,.modal{
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  border:1px solid rgba(207,224,246,.95);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}
.card-pad{padding:20px}
.grid{display:grid;gap:18px}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1100px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.grid-3,.grid-2,.grid-4{grid-template-columns:1fr}.shell{padding:16px}}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  border:0;cursor:pointer;border-radius:16px;padding:12px 16px;
  font-weight:900;letter-spacing:.01em;transition:transform .12s ease,box-shadow .12s ease,background .12s ease;
}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,#2563eb 60%,#3b82f6 100%);color:#fff;box-shadow:0 12px 28px rgba(37,99,235,.28)}
.btn-light{background:#eff6ff;color:var(--text);border:1px solid rgba(191,219,254,.85)}
.btn-success{background:#dcfce7;color:#14532d}
.btn-danger{background:#fee2e2;color:#991b1b}
.btn-block{width:100%}
input,select,textarea{
  width:100%;padding:13px 14px;border-radius:14px;border:1px solid var(--line);
  background:#fff;outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.6);
}
input:focus,select:focus,textarea:focus{border-color:rgba(37,99,235,.45);box-shadow:0 0 0 4px rgba(37,99,235,.09)}
label{display:block;font-weight:900;margin-bottom:6px;color:#29415e}
.form-grid{display:grid;gap:14px}
.form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.form-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:900px){.form-grid-4,.form-grid-3,.form-grid-2{grid-template-columns:1fr}}
.table-wrap{overflow:auto;border-radius:18px;border:1px solid var(--line);background:#fff}
table{width:100%;border-collapse:collapse;min-width:760px;background:#fff}
th,td{padding:12px 14px;border-bottom:1px solid #edf2f7;text-align:left;vertical-align:top}
th{background:#f8fbff;font-size:12px;color:#51657d;text-transform:uppercase;letter-spacing:.05em}
tr:hover td{background:#fbfdff}
.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:900;white-space:nowrap}
.badge-success{background:#dcfce7;color:#166534}
.badge-warning{background:#fef3c7;color:#92400e}
.badge-danger{background:#fee2e2;color:#991b1b}
.badge-info{background:#dbeafe;color:#1d4ed8}
.alert{padding:14px 16px;border-radius:16px;margin-bottom:16px;border:1px solid transparent}
.alert-success{background:#ecfdf5;border-color:#bbf7d0;color:#166534}
.alert-warning{background:#fffbeb;border-color:#fde68a;color:#92400e}
.alert-danger{background:#fef2f2;border-color:#fecaca;color:#991b1b}
.muted{color:var(--muted)}
.hero-tag{display:inline-flex;padding:6px 10px;border-radius:999px;background:linear-gradient(135deg,#dbeafe 0%,#e0f2fe 100%);color:#0f4da3;font-weight:900;font-size:12px;letter-spacing:.04em}
.big-title{font-size:clamp(32px,5vw,58px);line-height:1.02;margin:10px 0 0}
.page-title{font-size:clamp(24px,4vw,36px);line-height:1.1;margin:10px 0 0}
.subtle{color:var(--muted);margin-top:8px}
.summary-lines{display:grid;gap:12px}
.summary-lines div{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);border:1px solid var(--line)}
.summary-lines span{color:var(--muted);font-weight:700}
.summary-lines strong{font-weight:900}
.team-limit-panel{box-shadow:0 22px 48px rgba(245,158,11,.14)}
.team-limit-group{background:#fff;border-color:#fed7aa}
.team-limit-options{grid-template-columns:1fr}
.team-limit-option{padding:12px 14px;border:1px solid var(--line);border-radius:16px;background:#fff;transition:.2s ease;cursor:pointer}
.team-limit-option:hover{border-color:#93c5fd;transform:translateY(-1px)}
.team-limit-option.is-selected{border-color:#2563eb;background:linear-gradient(180deg,#eff6ff 0%,#dbeafe 100%);box-shadow:0 12px 24px rgba(37,99,235,.12)}
.team-limit-option.is-disabled{opacity:.55}
.team-limit-option input{margin-top:3px}
.team-limit-notice{border-color:#bfdbfe;background:linear-gradient(180deg,#eff6ff 0%,#dbeafe 100%)}
.kpi{padding:18px;border-radius:var(--radius);background:linear-gradient(180deg,#fff 0%,#f7fbff 100%);border:1px solid var(--line);box-shadow:var(--shadow-soft)}
.kpi .value{font-size:28px;font-weight:950;margin-top:4px}
.business-pills,.sidebar-chip-row{display:flex;flex-wrap:wrap;gap:10px}
.business-pill,.chip{padding:9px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:800}
.business-pill.active{background:var(--primary-soft);border-color:rgba(37,99,235,.35)}
.app-frame{display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:100vh}
.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:20px 20px 96px;border-right:1px solid var(--line);background:linear-gradient(180deg,rgba(248,251,255,.95) 0%,rgba(237,244,255,.98) 100%);backdrop-filter:blur(16px);display:flex;flex-direction:column;gap:18px;scrollbar-width:thin}
.sidebar-brand{display:flex;gap:12px;align-items:center}
.brand-mark{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary) 0%,#3b82f6 100%);color:#fff;font-weight:950;box-shadow:0 14px 28px rgba(37,99,235,.28)}
.sidebar-user{padding:14px;border-radius:18px;background:#fff;border:1px solid var(--line)}
.sidebar-nav{display:grid;gap:8px}
.sidebar-nav a{padding:12px 14px;border-radius:14px;background:#fff;border:1px solid var(--line);font-weight:900;box-shadow:0 8px 18px rgba(37,99,235,.06)}
.sidebar-nav a:hover{background:var(--primary-soft)}
.app-main{min-width:0;display:flex;flex-direction:column}
.mobile-topbar{display:none}
.bottom-nav{display:none} .mobile-menu-btn{position:relative;padding:10px 12px;min-width:46px} .nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;font-weight:900;margin-left:6px;line-height:1}
.site-top{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 24px;margin:18px auto 0;max-width:1400px}
.brand-inline{display:flex;gap:12px;align-items:center}
.site-top-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.btn-icon{padding:10px 14px;border-radius:14px}
.operator-desktop-nav{display:none;align-items:center;justify-content:space-between;gap:14px;margin:14px auto 0;padding:14px 18px;width:min(1680px,calc(100vw - 44px));border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(240,246,255,.98) 100%);box-shadow:var(--shadow-soft)}
.operator-desktop-brand{display:flex;flex-direction:column;gap:2px;min-width:180px}
.operator-desktop-links{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;flex:1}
.operator-desktop-links a{padding:10px 14px;border-radius:14px;border:1px solid var(--line);background:#fff;font-weight:900;box-shadow:0 8px 18px rgba(37,99,235,.06)}
.operator-desktop-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.feature-card{padding:18px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);box-shadow:var(--shadow)}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.display-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}
@media (max-width:900px){.display-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
.scroll-snap{scroll-snap-type:y mandatory;overflow-y:auto;min-height:100vh}
.snap-section{min-height:100vh;display:flex;align-items:center;padding:28px 20px;scroll-snap-align:start}
.snap-card{width:min(1240px,100%);margin:0 auto;padding:22px}
.snap-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:center}
.snap-panel{padding:10px}
.snap-pill{display:inline-flex;padding:6px 10px;border-radius:999px;background:#dbeafe;color:#1d4ed8;font-size:12px;font-weight:900;letter-spacing:.05em}
.snap-list{display:grid;gap:10px;margin-top:14px}
.note-row{padding:13px 14px;border-radius:16px;background:#fff;border:1px solid var(--line);font-weight:800;box-shadow:0 8px 18px rgba(37,99,235,.06)}
.snap-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:900px){.snap-hero,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.snap-section{padding:22px 14px}.snap-card{padding:18px}}
@media (max-width:640px){body{font-size:17px}.shell{padding:14px}.card-pad{padding:18px}.site-top{padding:14px}.hero-actions .btn{width:100%}.launch-grid,.launch-grid-tight{grid-template-columns:repeat(2,minmax(0,1fr))}.session-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-nav{display:flex;position:sticky;bottom:0;z-index:50;gap:8px;justify-content:space-between;padding:10px 12px;background:rgba(241,246,255,.97);border-top:1px solid var(--line);backdrop-filter:blur(12px)}.bottom-nav a{flex:1;text-align:center;padding:10px 8px;border-radius:14px;background:#fff;border:1px solid var(--line);font-weight:900;font-size:12px;min-height:44px;display:flex;align-items:center;justify-content:center}.bar-shell{grid-template-columns:1fr}.mobile-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;margin:10px 10px 0;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(240,246,255,.98) 100%);box-shadow:var(--shadow-soft)}.mobile-topbar .mobile-meta{min-width:0;display:flex;flex-direction:column;gap:2px}.mobile-topbar .mobile-actions{display:flex;gap:8px;align-items:center}.mobile-topbar .btn{padding:10px 12px}.sidebar{display:none}.app-frame{grid-template-columns:1fr}.site-top{flex-direction:column;align-items:stretch;gap:12px}.site-top-actions{width:100%}.site-top-actions .btn{flex:1}.display-row{grid-template-columns:repeat(2,minmax(0,1fr))}.launch-grid,.launch-grid-tight,.session-grid,.product-grid{gap:12px}.launch-card,.session-card,.product-btn{min-height:92px}.product-btn strong{font-size:1.03rem}.product-btn span,.session-card span,.launch-card span{font-size:.92rem}.modal{width:min(96vw,560px);padding:18px}.modal-backdrop{padding:14px}}
.compact-hero{display:grid;gap:12px}
.launch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.launch-grid-tight{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.launch-card{padding:16px;border-radius:22px;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);border:1px solid var(--line);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;gap:6px;min-height:96px}
.launch-card strong{font-size:1.04rem}
.launch-card span,.session-card span,.product-btn span{color:var(--muted)}
.session-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.session-card{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:18px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-soft);min-height:86px;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}
.session-card.active{border-color:rgba(37,99,235,.55);background:linear-gradient(180deg,#eff6ff 0%,#fff 100%);box-shadow:0 16px 28px rgba(37,99,235,.14)}
.session-card em{font-style:normal;font-weight:950;font-size:1.02rem;margin-top:auto;color:#0f4da3}
.bar-shell{display:grid;grid-template-columns:1.08fr .92fr;gap:18px;align-items:start}
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.product-btn{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:8px;text-align:left;padding:18px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(180deg,#fff 0%,#f7fbff 100%);box-shadow:var(--shadow-soft);min-height:106px;cursor:pointer}
.product-btn strong{font-size:1.05rem}
.product-btn:hover{transform:translateY(-1px)}
.step-title{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}
.dashboard-hero{display:flex;justify-content:space-between;align-items:center;gap:16px}
.dashboard-actions{display:flex;gap:10px;flex-wrap:wrap}
.messages-layout{display:grid;grid-template-columns:1fr .9fr;gap:18px}
.thread-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.thread-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #edf2f7}
.thread-row:last-child{border-bottom:0}
.auth-shell{width:min(1200px,100%);margin:0 auto;padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center}
.auth-card{box-shadow:var(--shadow)}
.close-row{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:14px}
.modal-backdrop{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(15,23,42,.48);backdrop-filter:blur(10px);z-index:1000;overflow-y:auto;overscroll-behavior:contain}
.modal-backdrop.open{display:flex}
.modal{width:min(92vw,640px);padding:22px;max-height:calc(100vh - 40px);overflow-y:auto;-webkit-overflow-scrolling:touch}
.landing-nav{position:sticky;top:12px;z-index:40;width:min(1240px,calc(100% - 24px));margin:14px auto 0;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(238,244,255,.94) 100%);backdrop-filter:blur(14px)}
.landing-nav .nav-left,.landing-nav .nav-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.landing-nav .nav-actions .btn{min-height:46px}
.landing-brand{display:flex;align-items:center;gap:12px}
.landing-brand .brand-copy{display:flex;flex-direction:column;line-height:1.1}
.landing-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;align-items:stretch}
.landing-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:900px){.messages-layout,.auth-shell,.landing-hero{grid-template-columns:1fr}.landing-nav{top:8px;width:calc(100% - 16px);padding:10px 12px}.landing-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* === SCV3 v4.9 blue theme + mobile fixes === */
body.site-body, body.app-body {
  background:
    radial-gradient(circle at top left, rgba(37,99,235,.22), transparent 28%),
    radial-gradient(circle at top right, rgba(59,130,246,.18), transparent 22%),
    linear-gradient(180deg, #e6f0ff 0%, #dbeafe 55%, #eef4ff 100%);
}

.card, .feature-card, .launch-card, .session-card, .product-btn, .kpi {
  background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(240,246,255,.98) 100%);
}

.btn-primary {
  background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 50%, #0f66ff 100%);
  box-shadow: 0 14px 30px rgba(37,99,235,.24);
}

.btn-light, .btn, .btn-primary, .btn-success {
  border-radius: 16px;
}

.landing-nav {
  background: linear-gradient(180deg, rgba(232,241,255,.96) 0%, rgba(214,229,255,.93) 100%);
  border: 1px solid rgba(37,99,235,.12);
  box-shadow: 0 14px 30px rgba(37,99,235,.10);
}

.view-help-fab{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:980;
  width:54px;
  height:54px;
  border:none;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:1.35rem;
  font-weight:950;
  color:#fff;
  cursor:pointer;
  background:linear-gradient(135deg,#f97316 0%,#ef4444 100%);
  box-shadow:0 16px 30px rgba(239,68,68,.28);
}

.pwa-install-fab{
  position:fixed;
  left:18px;
  bottom:18px;
  z-index:975;
  min-height:50px;
  padding:0 16px;
  border:none;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:.96rem;
  font-weight:950;
  color:#fff;
  cursor:pointer;
  background:linear-gradient(135deg,#0f172a 0%,#1d4ed8 72%,#f97316 100%);
  box-shadow:0 16px 30px rgba(15,23,42,.26);
}

.pwa-install-fab[hidden]{
  display:none !important;
}

.view-help-modal{
  width:min(92vw,560px);
}

.view-help-list{
  display:grid;
  gap:12px;
}

.view-help-item{
  display:grid;
  grid-template-columns:40px 1fr;
  gap:12px;
  align-items:start;
  padding:14px 16px;
  border-radius:18px;
  border:1px solid var(--line);
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
}

.view-help-step{
  width:32px;
  height:32px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:.92rem;
  font-weight:900;
  color:#0f4da3;
  background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);
}

.quick-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.seller-workspace {
  gap: 18px;
}

.seller-workspace > .seller-overview,
.seller-workspace > .seller-inline-metrics {
  display: none !important;
}

.seller-workspace-head {
  display: none;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  order: 1;
}

.seller-workspace-title {
  margin: 10px 0 0;
}

.seller-workspace-copy {
  max-width: 760px;
}

.seller-pills {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
}

.seller-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid rgba(37,99,235,.14);
  background: rgba(255,255,255,.92);
  color: #0f172a;
  font-weight: 800;
  font-size: .92rem;
}

.seller-pill.active {
  background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
}

.seller-pill.is-open {
  border-color: rgba(22,163,74,.2);
  background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);
  color: #166534;
}

.seller-pill.is-warning {
  border-color: rgba(245,158,11,.28);
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
  color: #92400e;
}

.seller-overview {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  order: 2;
}

.seller-stat {
  padding: 16px 18px;
  border-radius: 20px;
  border: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(244,248,255,.95) 100%);
  box-shadow: var(--shadow-soft);
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.seller-stat span {
  color: var(--muted);
  font-size: .9rem;
  font-weight: 700;
}

.seller-stat strong {
  font-size: 1.15rem;
  line-height: 1.15;
}

.seller-stat small {
  color: var(--muted);
  font-size: .88rem;
  line-height: 1.3;
}

.seller-actions-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  order: 4;
}

.seller-actions-group {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.seller-actions-group-top .btn {
  min-width: 160px;
}

.seller-quick-grid {
  gap: 14px;
  order: 5;
}

.seller-inline-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  order: 3;
}

.seller-inline-metrics-modal {
  margin-bottom: 14px;
}

.seller-metric-card {
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(244,248,255,.95) 100%);
  box-shadow: var(--shadow-soft);
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.seller-metric-card span {
  color: var(--muted);
  font-size: .84rem;
  font-weight: 800;
}

.seller-metric-card strong {
  font-size: 1.18rem;
  line-height: 1.1;
}

.seller-metric-card small {
  color: var(--muted);
  font-size: .84rem;
  line-height: 1.22;
}

.seller-metric-card.is-open {
  border-color: rgba(22,163,74,.2);
  background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);
}

.seller-metric-card.is-warning {
  border-color: rgba(245,158,11,.28);
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
}

.seller-metric-link {
  color: inherit;
  text-decoration: none;
}

.dashboard-pending-modal .mobile-nav-head {
  margin-bottom: 14px;
}

.quick-card {
  min-height: 112px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 6px;
  text-align: left;
}

.quick-card strong {
  font-size: 1.08rem;
  line-height: 1.18;
  white-space: normal;
  word-break: break-word;
}
.quick-card span {
  line-height: 1.28;
  white-space: normal;
}

.tone-sale { border-left: 6px solid #2563eb; }
.tone-bar { border-left: 6px solid #7c3aed; }
.tone-messages { border-left: 6px solid #10b981; }
.tone-clients { border-left: 6px solid #f59e0b; }
.tone-logout { border-left: 6px solid #0f172a; }
.tone-delivery { border-left: 6px solid #14b8a6; }
.tone-cxc { border-left: 6px solid #16a34a; }
.tone-cxp { border-left: 6px solid #f97316; }
.tone-expenses { border-left: 6px solid #8b5cf6; }
.tone-reports { border-left: 6px solid #0284c7; }
.tone-team { border-left: 6px solid #db2777; }

.dashboard-hero, .compact-hero {
  background: linear-gradient(180deg, rgba(255,255,255,.95) 0%, rgba(238,244,255,.95) 100%);
}

.business-pill {
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(37,99,235,.14);
}

.business-pill.active {
  background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
}

.bar-shell {
  align-items: start;
}

.session-grid {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.session-card {
  min-height: 110px;
}

.product-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.product-btn {
  min-height: 112px;
  border-radius: 22px;
}

.product-btn strong {
  white-space: normal;
  line-height: 1.15;
}

@media (max-width: 900px) {
  .operator-desktop-nav{display:none !important}
  .view-help-fab{
    right:14px;
    bottom:84px;
    width:50px;
    height:50px;
  }
  .pwa-install-fab{
    left:14px;
    bottom:84px;
    min-height:48px;
    padding:0 14px;
    font-size:.92rem;
  }
  .mobile-topbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:12px 14px;
    margin:10px 10px 0;
    border-radius:18px;
    border:1px solid var(--line);
    background:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(240,246,255,.98) 100%);
    box-shadow:var(--shadow-soft)
  }
  .mobile-topbar .mobile-meta{min-width:0;display:flex;flex-direction:column;gap:2px}
  .mobile-topbar .mobile-actions{display:flex;gap:8px;align-items:center}
  .mobile-topbar .btn{padding:10px 12px}
  .sidebar{display:none}
  .app-frame{grid-template-columns:1fr}
  .bar-shell {
    grid-template-columns: 1fr !important;
  }
  .seller-workspace-head,
  .seller-actions-head {
    flex-direction: column;
    align-items: stretch;
  }
  .seller-workspace-head {
    display: none !important;
  }
  .seller-pills {
    justify-content: flex-start;
  }
  .seller-overview {
    grid-template-columns: 1fr;
  }
  .seller-workspace > .seller-overview,
  .seller-workspace > .seller-inline-metrics {
    display: none !important;
  }
  .seller-inline-metrics {
    display: none;
  }
  .seller-inline-metrics-modal {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .seller-inline-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .launch-grid-tight {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .session-grid {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 901px) {
  body.operator-workspace .sidebar {
    display: none !important;
  }
  body.operator-workspace .app-frame {
    grid-template-columns: 1fr;
  }
  body.operator-workspace .mobile-topbar {
    display: none !important;
  }
  body.operator-workspace .operator-desktop-nav {
    display: flex;
  }
  body.operator-workspace .shell {
    width: min(1680px, calc(100vw - 44px));
    max-width: min(1680px, calc(100vw - 44px));
    margin: 0 auto;
  }
  body.operator-workspace .seller-workspace {
    display: grid !important;
    width: 100%;
    max-width: min(1440px, calc(100vw - 56px));
    margin: 12px auto 0;
    padding: 24px;
    gap: 20px;
  }
  body.operator-workspace .seller-workspace-head {
    display: flex;
  }
  body.operator-workspace .seller-workspace > .seller-overview,
  body.operator-workspace .seller-workspace > .seller-inline-metrics {
    display: grid !important;
  }
  body.operator-workspace .seller-overview {
    grid-template-columns: repeat(3, minmax(260px, 1fr));
  }
  body.operator-workspace .seller-inline-metrics {
    grid-template-columns: repeat(4, minmax(200px, 1fr));
  }
  body.operator-workspace .seller-quick-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  body.operator-workspace .seller-actions-head {
    align-items: end;
  }
  body.operator-workspace .quick-card {
    min-height: 104px;
  }
}

@media (max-width: 640px) {
  .landing-nav {
    width: calc(100% - 14px);
    padding: 10px 12px;
  }
  .quick-grid {
    grid-template-columns: 1fr !important;
  }
  .quick-card {
    min-height: 88px;
  }
  .seller-pill {
    width: 100%;
    justify-content: center;
  }
  .seller-stat {
    padding: 14px 16px;
  }
  .seller-inline-metrics-modal {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  .seller-metric-card {
    padding: 12px 14px;
  }
  .product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .product-btn {
    min-height: 96px;
    padding: 14px;
  }
  .session-grid {
    grid-template-columns: 1fr;
  }
  .session-card {
    min-height: 96px;
  }
  .bar-shell {
    grid-template-columns: 1fr !important;
  }
  .dashboard-actions .btn, .mobile-actions .btn {
    min-height: 46px;
  }
}


/* === SCV3 v4.9.0: audit + delivery modal + roles + i18n fixes === */
.sales-page{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);
  gap:18px;
  align-items:start;
}
.sales-mobile-actions,
.sales-mobile-wizard-nav{display:none}
.sales-wizard-page{display:grid;gap:18px;max-width:min(1320px, calc(100vw - 32px));margin:0 auto}
.sales-wizard-head{display:grid;gap:16px}
.sales-wizard-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sales-step-pill{width:100%;text-align:left;padding:14px 16px;border-radius:18px;border:1px solid rgba(37,99,235,.14);background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);color:#0f172a;box-shadow:0 10px 22px rgba(37,99,235,.08);display:flex;flex-direction:column;gap:4px}
.sales-step-pill span{font-size:.8rem;font-weight:900;letter-spacing:.03em;text-transform:uppercase;color:#64748b}
.sales-step-pill strong{font-size:1rem;line-height:1.2}
.sales-step-pill.is-active{border-color:rgba(37,99,235,.35);background:linear-gradient(135deg,#dbeafe 0%,#eff6ff 100%);box-shadow:0 16px 28px rgba(37,99,235,.12)}
.sales-step-panel{display:none}
.sales-step-panel.is-active{display:block}
.sales-details-backdrop{align-items:center}
.sales-details-modal{width:min(96vw,900px)}
.sales-step-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.sales-step-tools{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.sales-step-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;flex-wrap:wrap}
.sales-step-footer-final{
  padding-top:10px;
  position:sticky;
  bottom:-18px;
  z-index:7;
  background:linear-gradient(180deg,rgba(248,251,255,.72) 0%,rgba(248,251,255,.96) 28%,rgba(248,251,255,1) 100%);
  padding-bottom:8px;
}
.sales-step-status,.sales-step-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}
.sales-step-mini{min-height:88px;padding:14px 16px;border-radius:18px;border:1px solid rgba(37,99,235,.12);background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);box-shadow:0 10px 20px rgba(37,99,235,.06);display:flex;flex-direction:column;justify-content:center;gap:4px}
.sales-step-mini span{font-size:.82rem;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.03em}
.sales-step-mini strong{font-size:1.15rem;line-height:1.15;color:#0f172a}
.sales-choice-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.sales-choice-pill{min-height:50px;border-radius:16px;border:1px solid rgba(37,99,235,.16);background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);color:#0f172a;font-weight:800;padding:12px 14px;box-shadow:0 10px 20px rgba(37,99,235,.06);width:100%}
.sales-choice-pill.is-active{background:linear-gradient(135deg,#dbeafe 0%,#eff6ff 100%);border-color:rgba(37,99,235,.35);color:#1d4ed8;box-shadow:0 14px 26px rgba(37,99,235,.12)}
.sales-choice-pill:disabled{opacity:.7;cursor:not-allowed}
.sales-calculator,
.subscription-hero,
.subscription-plans{
  background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(242,248,255,.98) 100%);
}
.sales-summary{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-bottom:14px;
}
.sales-summary-action,
.sales-total,
.sales-expression{
  min-height:86px;
  padding:16px 18px;
  border-radius:22px;
  background:linear-gradient(180deg,#fdfdff 0%, #eef5ff 100%);
  border:1px solid rgba(37,99,235,.12);
  box-shadow:0 12px 24px rgba(37,99,235,.08);
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:4px;
}
.sales-summary-action .btn{
  width:100%;
  min-height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  white-space:normal;
}
.sales-total span{font-size:.86rem;font-weight:800;letter-spacing:.02em;color:#4b5563;text-transform:uppercase}
.sales-total strong,
.sales-expression strong{font-size:1.8rem;line-height:1.05;color:#0f172a}
.sales-expression{
  grid-column:1 / -1;
  color:#1d4ed8;
  font-size:1.08rem;
  font-weight:800;
  word-break:break-word;
  align-items:flex-start;
}
.sales-keypad{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:14px 0 16px;
}
.sales-keypad .key{
  min-height:58px;
  padding:12px 10px;
  border:1px solid rgba(37,99,235,.16);
  border-radius:18px;
  background:#fff;
  font-weight:900;
  font-size:1.08rem;
  color:#0f172a;
  box-shadow:0 10px 22px rgba(37,99,235,.08);
  width:100%;
}
.sales-keypad .key:hover{transform:translateY(-1px);box-shadow:0 14px 26px rgba(37,99,235,.12)}
.sales-keypad .action{background:#eff6ff;color:#1d4ed8}
.sales-keypad .operator{background:#f8fafc;color:#334155}
.sales-keypad .equal{background:linear-gradient(135deg,#2563eb 0%,#0f66ff 100%);color:#fff}
.sales-keypad .add-line,
.sales-keypad .clear-total{grid-column:span 2;font-size:1rem}
.sales-keypad .add-line{background:linear-gradient(135deg,#16a34a 0%,#10b981 100%);color:#fff}
.sales-keypad .clear-total{background:linear-gradient(135deg,#ef4444 0%,#f97316 100%);color:#fff}
.sales-line-items{
  display:grid;
  gap:10px;
  padding-top:4px;
  max-height:190px;
  overflow:auto;
  padding-right:4px;
}
.sales-customer-suggestions{
  display:grid;
  gap:8px;
  max-height:240px;
  overflow:auto;
  margin-bottom:8px;
}
.sales-customer-tabs{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin:12px 0;
}
.sales-customer-tab{
  width:100%;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(37,99,235,.14);
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  color:#0f172a;
  font-weight:800;
}
.sales-customer-tab.is-active{
  border-color:rgba(37,99,235,.35);
  background:linear-gradient(135deg,#dbeafe 0%,#eff6ff 100%);
  box-shadow:0 12px 24px rgba(37,99,235,.10);
}
.sales-customer-tab-panel{display:none}
.sales-customer-tab-panel.is-active{display:block}
.sales-customer-option{
  width:100%;
  text-align:left;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(37,99,235,.14);
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  display:grid;
  gap:4px;
  color:#0f172a;
}
.sales-customer-option strong{font-size:.95rem;line-height:1.15}
.sales-customer-option span{font-size:.82rem;color:#64748b}
.sales-customer-option:hover{transform:translateY(-1px);box-shadow:0 12px 22px rgba(37,99,235,.08)}
.line-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(37,99,235,.12);
  background:#fff;
  box-shadow:0 8px 18px rgba(37,99,235,.06);
  font-weight:800;
}
.line-item strong{color:#0f172a}
.subscription-page{display:grid;gap:16px}
.subscription-top-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.summary-chips,.plan-features{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:999px;background:#eaf2ff;color:#1d4ed8;font-weight:900;font-size:.82rem;border:1px solid rgba(37,99,235,.12)}
.chip-trial{background:#dcfce7;color:#166534;border-color:rgba(22,163,74,.16)}
.chip-paid{background:#fee2e2;color:#b91c1c;border-color:rgba(239,68,68,.16)}
.plan-groups{display:grid;gap:18px}
.group-title{font-size:.98rem;font-weight:950;color:#0f172a;margin:0 0 10px 2px}
.plan-card{display:flex;flex-direction:column;gap:10px;min-height:100%;cursor:default}
.plan-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.plan-current{border-color:rgba(37,99,235,.42);box-shadow:0 18px 30px rgba(37,99,235,.12)}
.plan-card-footer{margin-top:auto;display:grid;gap:10px}
.subscription-plans .subscription-plan-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.subscription-plans .launch-card{padding:18px;border-radius:22px}
.subscription-plans .launch-card strong{font-size:1.06rem}
.subscription-plans .launch-card span{font-size:1.03rem;font-weight:900;color:#1d4ed8}
.subscription-plans .btn{min-height:48px}
@media (max-width:900px){
  .sales-page,.subscription-top-grid{grid-template-columns:1fr}
  .sales-wizard-page{max-width:100%}
  .sales-wizard-page{padding-bottom:calc(96px + env(safe-area-inset-bottom, 0px))}
  .sales-wizard-head .step-title{display:none}
  .sales-wizard-steps{display:none}
  .sales-summary{grid-template-columns:1fr 1fr}
  .sales-step-status,.sales-step-preview{grid-template-columns:1fr 1fr}
  .sales-step-tools{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .sales-step-tools .btn{width:100%}
  .sales-step-footer{display:none}
  .sales-step-footer-final{display:flex!important}
  .sales-mobile-wizard-nav{
    position:fixed;
    left:12px;
    right:12px;
    bottom:calc(12px + env(safe-area-inset-bottom, 0px));
    z-index:1150;
    display:grid;
    grid-template-columns:minmax(132px,.85fr) minmax(0,1.15fr);
    gap:8px;
    padding:10px 10px calc(10px + env(safe-area-inset-bottom, 0px));
    border-radius:20px;
    border:1px solid rgba(37,99,235,.14);
    background:rgba(255,255,255,.96);
    box-shadow:0 16px 34px rgba(15,23,42,.18);
    backdrop-filter:blur(12px);
  }
  .sales-mobile-wizard-nav .btn{
    min-height:48px;
    padding-inline:10px;
    font-size:.92rem;
  }
  .sales-mobile-wizard-nav.is-hidden{display:none!important}
  .subscription-plans .subscription-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:820px), (hover:none) and (pointer:coarse){
  .sales-page{padding-bottom:calc(108px + env(safe-area-inset-bottom, 0px))}
  .sales-summary{grid-template-columns:1fr 1fr}
  .sales-step-head,.sales-step-footer{flex-direction:column;align-items:stretch}
  .sales-step-status,.sales-step-preview{grid-template-columns:1fr 1fr}
  .sales-total strong,.sales-expression strong{font-size:1.6rem}
  .sales-keypad{gap:8px}
  .sales-keypad .key{min-height:54px;font-size:1rem;border-radius:16px}
  .sales-keypad .add-line,.sales-keypad .clear-total{grid-column:span 4}
  .sales-details-backdrop{align-items:flex-end;padding:0}
  .sales-details-modal{width:100%;max-height:88vh;border-radius:24px 24px 0 0}
  .subscription-plans .subscription-plan-grid{grid-template-columns:1fr}
}


.bar-page{display:grid;gap:18px}
.bar-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.bar-toolbar-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.bar-quick-hub-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.bar-payment-picker-modal{width:min(96vw,1240px)}
.bar-session-grid-modal{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.bar-session-tile{padding:18px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:10px;text-align:left;cursor:pointer;min-height:148px}
.bar-session-tile strong{font-size:1rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bar-session-tile small{color:var(--muted);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bar-session-tile span{font-weight:900;color:#1d4ed8;font-size:1.02rem}
.bar-session-tile.active{outline:2px solid rgba(37,99,235,.24);background:linear-gradient(180deg,#eff6ff 0%,#fff 100%)}
.bar-session-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.bar-session-action-items{display:grid;gap:10px;max-height:42vh;overflow:auto;margin-bottom:14px;padding-right:4px}
.bar-action-item-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)}
.bar-action-item-card strong{display:block;line-height:1.25;word-break:break-word}
.bar-action-item-card small{display:block;margin-top:4px;color:var(--muted);line-height:1.35}
.bar-action-item-side{display:grid;gap:8px;justify-items:end;text-align:right}
.bar-action-item-side span{font-weight:900;color:#1d4ed8}
.bar-action-item-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.bar-layout{display:grid;grid-template-columns:1fr;gap:18px;align-items:start}
.bar-layout{display:none}
.bar-sidebar,.bar-main,.bar-history{min-width:0}
.bar-sidebar{display:none}
.bar-page > .grid.kiosk-secondary,
.bar-page > .card.card-pad[style*="margin-top:18px"]{display:none}
.bar-scroll-list,.bar-scroll-history{display:flex;flex-direction:column;gap:10px;max-height:340px;overflow:auto;padding-right:4px}
.bar-scroll-small{max-height:220px}
.bar-session-row,.bar-history-item{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);box-shadow:var(--shadow-soft);color:inherit;text-decoration:none}
.bar-session-row{width:100%;text-align:left;font:inherit;appearance:none;-webkit-appearance:none}
.bar-session-row strong,.bar-history-item strong{display:block;font-size:1rem;line-height:1.25;white-space:normal;word-break:break-word}
.bar-session-row small,.bar-history-item small{display:block;color:var(--muted);margin-top:4px}
.bar-session-row em,.bar-history-item em{font-style:normal;font-weight:900;color:var(--blue-700);text-align:right;white-space:nowrap}
.bar-session-row.active,.bar-history-item.active{outline:2px solid rgba(37,99,235,.24);background:linear-gradient(180deg,#eff6ff 0%,#fff 100%)}
.bar-empty{padding:16px;border-radius:16px;border:1px dashed var(--line);color:var(--muted);background:rgba(255,255,255,.7)}
.bar-panel-title{font-size:1rem;font-weight:900;margin:18px 0 10px;color:var(--ink)}
.bar-summary{margin-bottom:16px}
.bar-table-wrap{overflow:auto;border-radius:18px;border:1px solid var(--line)}
.bar-table{width:100%;border-collapse:collapse;background:#fff}
.bar-table th,.bar-table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}
.bar-table th{background:#f8fbff;font-size:.9rem}
.bar-actions-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.card-soft{padding:14px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-soft)}
.bar-product-picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.bar-product-pick{min-height:92px;padding:14px 12px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,#fff 0%,#eff6ff 100%);box-shadow:var(--shadow-soft);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;text-align:left}
.bar-product-pick strong{font-size:1rem}
.bar-product-pick span{font-weight:900;color:#1d4ed8}
.bar-divider{border:none;border-top:1px solid var(--line);margin:16px 0}
.kiosk-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%}
.kiosk-kpis .kpi{min-height:110px}
.kiosk-secondary{align-items:start}
.kiosk-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.kiosk-product-pick{min-height:110px}
.kiosk-payment-row{padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);box-shadow:var(--shadow-soft)}
.bar-toolbar .btn{min-height:52px}
.bar-session-row{min-height:92px}
.bar-main .summary-lines div{min-height:66px;align-items:center}
.bar-main-compact{min-width:0}
.bar-compact-summary{margin-top:16px}
.kiosk-secondary .card{height:100%}
.modal-wide{width:min(96vw,920px)}
.modal-scrollable{max-height:calc(100vh - 40px);overflow-y:auto;-webkit-overflow-scrolling:touch}
.install-banner{
  position:fixed;left:16px;right:16px;bottom:16px;z-index:1200;
  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  padding:16px 18px;border-radius:22px;border:1px solid rgba(191,219,254,.5);
  background:linear-gradient(135deg,rgba(15,23,42,.96) 0%,rgba(30,41,59,.96) 100%);
  color:#fff;box-shadow:0 24px 50px rgba(2,6,23,.35)
}
.install-banner-copy{display:grid;gap:4px;max-width:720px}
.install-banner-copy strong{font-size:1rem}
.install-banner-copy span{color:rgba(255,255,255,.82)}
.install-banner-actions{display:flex;gap:10px;flex-wrap:wrap}
@media (max-width: 960px){
  .bar-layout{grid-template-columns:1fr}
  .bar-sidebar{order:1}
  .bar-main{order:2}
  .bar-history{order:3}
  .bar-quick-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bar-product-picks{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kiosk-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .kiosk-kpis .kpi{min-height:88px;padding:14px}
  .kiosk-kpis .kpi .value{font-size:1.35rem}
  .kiosk-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .install-banner{left:12px;right:12px;bottom:12px}
}
@media (max-width: 640px){
  .bar-toolbar{flex-direction:column;align-items:stretch}
  .bar-toolbar-actions{justify-content:flex-start;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}
  .bar-quick-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .bar-payment-picker-modal{width:min(96vw,900px)}
  .bar-session-grid-modal{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .bar-session-action-grid{grid-template-columns:1fr}
  .bar-action-item-card{grid-template-columns:1fr}
  .bar-action-item-side{justify-items:start;text-align:left}
  .bar-action-item-buttons{justify-content:flex-start}
  .bar-product-picks{grid-template-columns:1fr}
  .bar-session-row,.bar-history-item{padding:12px}
  .bar-session-row em,.bar-history-item em{font-size:.92rem}
  .bar-scroll-list,.bar-scroll-history{max-height:280px}
  .kiosk-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .kiosk-kpis .kpi{min-height:74px;padding:12px;border-radius:18px}
  .kiosk-kpis .kpi .muted{font-size:.78rem}
  .kiosk-kpis .kpi .value{font-size:1.15rem;margin-top:2px}
  .kiosk-product-grid{grid-template-columns:1fr}
  .kiosk-payment-row{padding:12px}
  .install-banner{padding:14px}
  .install-banner-actions{width:100%}
  .install-banner-actions .btn{width:100%}
  .bar-toolbar-actions .btn {
    width: 100%;
    min-height:46px;
    padding:10px 12px;
  }
  .bar-quick-hub-grid .btn{
    width:100%;
    min-height:44px;
    padding:10px 12px;
    border-radius:14px;
  }
  .bar-payment-picker-modal{width:min(100vw - 24px,640px)}
  .bar-session-grid-modal{grid-template-columns:1fr}
  .bar-session-tile{min-height:118px;padding:14px}
  .bar-session-action-grid{grid-template-columns:1fr}
  .bar-session-action-items{max-height:36vh}
  .bar-main{
    padding:16px;
  }
  .bar-main .step-title{
    gap:10px;
    margin-bottom:10px;
  }
  .bar-main .step-title h2{
    font-size:1.2rem;
  }
  .bar-summary{
    margin-bottom:12px;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .bar-summary div{
    min-height:56px !important;
    padding:10px 12px;
  }
  .bar-summary strong{
    font-size:.98rem;
  }
  .bar-summary div:first-child{
    grid-column:1 / -1;
  }
  .bar-actions-row{
    gap:8px;
  }
  .bar-actions-row .btn{
    width:100%;
    min-height:46px;
  }
  .quick-card {
    min-height: 118px;
  }
  .quick-card strong {
    font-size: 1rem;
  }
  .launch-card strong {
    font-size: 1rem;
  }
  .launch-card span {
    line-height: 1.25;
  }
}

.lang-switcher{display:flex;align-items:center;gap:8px}.lang-switcher select{min-width:96px;border-radius:999px;border:1px solid var(--line);background:#fff;padding:8px 12px;font-weight:700;color:var(--ink)}.lang-switcher.compact select{min-width:82px;padding:7px 10px;font-size:.88rem}.cashbox-page{display:grid;gap:16px}.cashbox-alert-list{display:grid;gap:10px}@media (max-width: 960px){.lang-switcher select{min-width:88px}}

@media (max-width:640px){
  .card-pad{padding:22px}
  .kpi{padding:20px}
  .kpi .value{font-size:32px}
  .btn{min-height:50px}
  input,select,textarea{font-size:16px;min-height:50px}
  .table-wrap table{min-width:680px}
  th,td{padding:16px 14px;font-size:15px}
  .launch-card, .session-card, .product-btn{min-height:104px}
  .modal-scrollable{max-height:92vh;overflow-y:auto}
}


.finance-page .card-pad{padding:16px}
.finance-page .grid{gap:12px}
.finance-page .kpi{padding:14px}
.finance-page .form-grid{gap:12px}
.finance-page .table-wrap{border-radius:16px}
.mobile-nav-backdrop{align-items:flex-end;padding:12px}
.mobile-nav-modal{width:min(100%,640px);border-bottom-left-radius:0;border-bottom-right-radius:0;max-height:82vh}
.mobile-nav-head{padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:12px}
.mobile-nav-list{display:grid;grid-template-columns:1fr;gap:10px}
.mobile-nav-link{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);font-weight:900;box-shadow:var(--shadow-soft)}
.mobile-nav-link:hover{background:var(--primary-soft)}
@media (max-width:640px){
  .bottom-nav{display:none !important}
  .mobile-topbar .mobile-actions .btn, .mobile-topbar .mobile-actions select{min-height:42px}
  .mobile-menu-btn{min-width:52px}
  .mobile-nav-backdrop{padding:0}
  .mobile-nav-modal{width:100%;max-height:88vh;border-radius:24px 24px 0 0}
  .finance-page .card-pad{padding:14px}
  .finance-page .kpi{padding:12px}
  .finance-page .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}



/* === SCV3 v4.9 finance summaries + grouped audit cards === */
.app-frame, .app-main, .shell, .grid > *, .finance-page, .card, .kpi, .table-wrap, .modal {
  min-width: 0;
  max-width: 100%;
}
.finance-page { width: 100%; min-width: 0; }
.finance-page .card { width: 100%; }
.finance-page .card-pad { padding: 18px; }
.finance-filters{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  align-items:end;
  margin:16px 0;
}
.finance-filters .filter-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.finance-filters .filter-actions .btn{flex:1 1 auto; min-height:48px;}
.finance-filters > div,
.finance-filters .filter-actions,
.group-card,
.detail-item{min-width:0}
.finance-summary-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-bottom:16px;
}
.finance-summary-group{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.group-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:12px;
}
.group-card{
  width:100%;
  text-align:left;
  padding:16px;
  border-radius:22px;
  border:1px solid var(--line);
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  box-shadow:var(--shadow-soft);
  display:flex;
  flex-direction:column;
  gap:10px;
  cursor:pointer;
}
.group-card:hover{transform:translateY(-1px)}
.group-card .btn{margin-top:auto}
.group-card-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:10px;
}
.group-card-title{
  font-weight:950;
  font-size:1.02rem;
  line-height:1.2;
  word-break:break-word;
}
.group-card-meta{
  color:var(--muted);
  font-size:.92rem;
  line-height:1.35;
}
.group-card-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.group-stat{
  padding:10px 12px;
  border-radius:16px;
  background:#f8fbff;
  border:1px solid var(--line);
}
.group-stat span{display:block;color:var(--muted);font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.group-stat strong{display:block;margin-top:4px;font-weight:950}
.group-detail{
  display:grid;
  gap:12px;
}
.group-detail-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
  flex-wrap:wrap;
  padding:14px 16px;
  border-radius:18px;
  background:linear-gradient(180deg,#f8fbff 0%,#fff 100%);
  border:1px solid var(--line);
}
.group-detail-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.detail-item{
  padding:12px 14px;
  border-radius:18px;
  border:1px solid var(--line);
  background:#fff;
  box-shadow:var(--shadow-soft);
}
.detail-item .row-top{
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:flex-start;
}
.detail-item strong{
  display:block;
  font-size:1rem;
  line-height:1.25;
}
.detail-item small{
  display:block;
  margin-top:4px;
  color:var(--muted);
}
.detail-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:10px;
}
.detail-actions .btn{min-height:44px;}
.finance-empty{
  padding:18px;
  border-radius:18px;
  border:1px dashed var(--line);
  background:#fff;
  color:var(--muted);
}
@media (max-width: 900px){
  .finance-filters,
  .finance-summary-grid,
  .finance-summary-group,
  .group-detail-summary{grid-template-columns:1fr 1fr;}
  .group-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .app-toolbar{flex-direction:column;align-items:flex-start !important;}
  .app-toolbar-actions{width:100%;}
}
@media (max-width: 640px){
  .finance-filters,
  .finance-summary-grid,
  .finance-summary-group,
  .group-detail-summary,
  .group-grid{grid-template-columns:1fr;}
  .finance-filters .filter-actions .btn{width:100%;}
  .group-card{padding:14px;}
  .group-card-stats{grid-template-columns:1fr;}
  .group-detail-head{padding:12px 14px;}
  .app-toolbar-actions .btn,
  .site-top-actions .btn{width:100%;}
}


.thread-detail{display:grid;gap:12px;max-height:56vh;overflow:auto;padding-right:4px}
.message-bubble{border:1px solid var(--line);border-radius:18px;padding:12px 14px;background:#fff;box-shadow:var(--shadow-soft)}
.message-bubble.mine{background:#eff6ff;border-color:rgba(37,99,235,.18)}
.message-bubble.theirs{background:#fff}
.message-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:.85rem;color:var(--muted);margin-bottom:8px}
.message-body{white-space:pre-wrap;word-break:break-word}
.plan-limit-row{display:flex;flex-wrap:wrap;gap:8px}

.reports-shell{display:grid;gap:18px}
.reports-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}
.reports-toolbar{display:grid;gap:14px;justify-items:end;min-width:min(100%,420px)}
.reports-presets{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}
.report-pill{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;font-weight:900;box-shadow:var(--shadow-soft)}
.report-pill.active{background:var(--primary-soft);border-color:rgba(37,99,235,.35);color:var(--primary)}
.reports-range-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end;width:100%}
.reports-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.reports-kpi-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}
.report-card-accent{position:relative;overflow:hidden}
.report-card-accent::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;border-radius:999px}
.accent-sale::before{background:linear-gradient(180deg,#2563eb 0%,#38bdf8 100%)}
.accent-cash::before{background:linear-gradient(180deg,#0f9f6e 0%,#22c55e 100%)}
.accent-expense::before{background:linear-gradient(180deg,#f97316 0%,#fb7185 100%)}
.accent-net::before{background:linear-gradient(180deg,#7c3aed 0%,#a855f7 100%)}
.reports-section-space{margin-top:18px}
.reports-section-title{margin-top:0;margin-bottom:0}
.reports-summary-tight{margin-top:14px}
.reports-inline-alert{margin-top:14px}

.owner-dashboard{display:grid;gap:18px}
.owner-dashboard-top{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px}
.owner-dashboard-hero{display:grid;gap:14px}
.owner-dashboard-actions{display:flex;flex-wrap:wrap;gap:10px}
.owner-dashboard-message{display:grid;gap:14px;border:1px solid rgba(249,115,22,.20);background:linear-gradient(180deg,#fff7ed 0%,#ffffff 100%)}
.owner-side-title{margin:0;font-size:1.35rem;line-height:1.15}
.owner-message-badge{display:flex;align-items:end;gap:10px;padding:14px 16px;border-radius:18px;background:rgba(249,115,22,.10);border:1px solid rgba(249,115,22,.18)}
.owner-message-badge strong{font-size:2rem;line-height:1}
.owner-message-badge span{font-weight:900;color:#9a3412}
.owner-message-btn{width:100%}
.owner-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.owner-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.owner-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}
.owner-pending-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.owner-modules-card{display:grid;gap:16px}
.owner-launch-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.owner-launch-grid .launch-card:nth-child(5),
.owner-launch-grid .launch-card:nth-child(6),
.owner-launch-grid .launch-card:nth-child(7),
.owner-launch-grid .launch-card:nth-child(8){min-height:102px}

@media (max-width:1200px){
  .reports-kpi-grid,
  .owner-kpi-grid,
  .owner-pending-grid,
  .owner-launch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .owner-dashboard-top{grid-template-columns:1fr}
}

@media (max-width:900px){
  .reports-hero,
  .owner-dashboard-grid{grid-template-columns:1fr;display:grid}
  .reports-toolbar{justify-items:stretch;min-width:0}
  .reports-presets{justify-content:flex-start}
  .reports-range-form,
  .reports-kpi-grid,
  .reports-kpi-grid-compact,
  .owner-kpi-grid,
  .owner-pending-grid,
  .owner-launch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:640px){
  .reports-range-form,
  .reports-kpi-grid,
  .reports-kpi-grid-compact,
  .owner-kpi-grid,
  .owner-pending-grid,
  .owner-launch-grid{grid-template-columns:1fr}
  .owner-card-head,
  .reports-hero{gap:10px}
  .owner-card-head,
  .reports-hero,
  .owner-dashboard-actions{display:grid}
}

.delivery-board{display:grid;gap:18px;max-width:980px;margin:0 auto}
.delivery-board-header{margin:0 auto 4px;max-width:980px;padding-bottom:0;border:0;background:transparent;box-shadow:none}
.delivery-board-copy{display:grid;gap:6px;max-width:520px}
.scv3-delivery-launch-grid,
.delivery-launch-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  max-width:980px;
  margin:0 auto;
  align-items:stretch
}
.hub-tile{
  display:grid;
  align-content:start;
  gap:12px;
  min-height:176px;
  text-align:left;
  padding:18px 16px;
  border-radius:24px;
  border:1px solid #d9e6ff;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  box-shadow:0 16px 40px rgba(34,77,164,.08)
}
.hub-tile:hover{transform:translateY(-1px);box-shadow:0 18px 42px rgba(34,77,164,.12)}
.hub-tile-primary{border-color:#9fc1ff;background:linear-gradient(180deg,#eef5ff 0%,#ffffff 100%)}
.hub-tile-watch{background:linear-gradient(180deg,#eef5ff 0%,#f8fbff 100%)}
.hub-icon{
  width:22px;
  height:22px;
  display:inline-grid;
  place-items:center;
  color:#1d4ed8
}
.hub-icon svg{
  width:100%;
  height:100%;
  display:block
}
.hub-title{font-size:1rem;font-weight:950;color:#11284d;line-height:1.2}
.hub-count{font-size:2rem;font-weight:950;color:#0f172a;line-height:1}
.hub-copy{font-size:.9rem;color:#64779f;line-height:1.4}
.delivery-hero{display:grid;gap:18px}
.delivery-stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.delivery-stat-card{background:#f5f8ff;border:1px solid #cfe0ff;border-radius:18px;padding:14px 16px;display:grid;gap:6px}
.delivery-stat-card span{font-size:.82rem;color:#5870a6;font-weight:700}
.delivery-stat-card strong{font-size:1.5rem;color:#11284d}
.delivery-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.delivery-card{background:#fff;border:1px solid #dbe7ff;border-radius:22px;padding:16px;display:grid;gap:14px;box-shadow:0 10px 28px rgba(34,77,164,.08)}
.delivery-card.tone-problem{border-color:#ffd29d}
.delivery-card.tone-on_way{border-color:#b8d3ff}
.delivery-card.tone-delivered{border-color:#c8f7d2}
.delivery-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.delivery-card-grid-mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.delivery-card-grid-mini>div{background:#f7faff;border:1px solid #deebff;border-radius:16px;padding:10px 12px;display:grid;gap:4px}
.delivery-card-grid-mini span,.delivery-address-block span{font-size:.76rem;color:#6881b1;font-weight:700;text-transform:uppercase;letter-spacing:.03em}
.delivery-card-grid-mini strong,.delivery-address-block strong{color:#11284d}
.delivery-address-block{background:#f9fbff;border:1px solid #e1ebff;border-radius:16px;padding:12px;display:grid;gap:6px}
.delivery-card-actions{display:flex;flex-wrap:wrap;gap:10px}
.delivery-modal-list{display:grid;gap:12px}
.delivery-modal-card{padding:0;overflow:hidden}
.delivery-list-open{display:grid;gap:10px;width:100%;padding:16px;border:0;background:transparent;text-align:left;color:inherit}
.delivery-list-open:hover{background:#f8fbff}
.compact-delivery-meta{display:grid;gap:4px}
.compact-delivery-meta span{color:#61749b;font-size:.92rem}
.delivery-detail-modal{max-width:min(1120px,94vw)}
.delivery-detail-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:18px}
.delivery-action-stack{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.delivery-inline-action{display:inline-flex}

.auth-shell-v2{align-items:stretch}
.auth-showcase{display:grid;gap:18px;min-height:100%}
.auth-showcase-title{margin:0;font-size:clamp(30px,4vw,48px);line-height:1}
.auth-showcase-copy{margin:0;max-width:56ch}
.auth-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.auth-showcase-card{padding:16px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,#fff 0%,#f6faff 100%);display:grid;gap:6px}
.auth-showcase-card span{color:var(--muted);font-size:.9rem;font-weight:800}
.auth-showcase-card strong{font-size:1.02rem}
.auth-tip-card{padding:16px 18px;border-radius:18px;background:linear-gradient(135deg,rgba(20,184,166,.12),rgba(59,130,246,.12));border:1px solid rgba(120,173,255,.28);display:grid;gap:6px}
.auth-tip-card span{color:var(--muted)}
.auth-card-v2{display:grid;gap:16px}
.auth-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.auth-card-head h2{margin:8px 0 0}
.auth-form-v2{gap:14px}
.auth-remembered-card{display:flex;align-items:center;gap:14px;padding:16px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)}
.auth-remembered-avatar{width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,#1d4ed8,#0f766e);color:#fff;display:grid;place-items:center;font-size:1.2rem;font-weight:900}
.auth-remembered-copy{display:grid;gap:3px}
.auth-remembered-copy span,.auth-remembered-copy small{color:var(--muted)}
.auth-mode-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.auth-mode-option{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:#fff;font-weight:800;cursor:pointer}
.auth-mode-option input{margin:0}
.auth-field-card{padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)}
.auth-field-card label{display:block;margin-bottom:8px}
.auth-card-footer-links{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--muted)}

.clients-page-v2{display:grid;gap:18px}
.clients-hero{position:sticky;top:0;z-index:2}
.clients-actions{display:flex;gap:8px;flex-wrap:wrap}
.clients-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}

@media (max-width:900px){
  .auth-showcase-grid{grid-template-columns:1fr}
}

@media (max-width:640px){
  .auth-mode-switch{grid-template-columns:1fr}
  .auth-card-footer-links{flex-direction:column}
  .clients-summary-grid{grid-template-columns:1fr}
  .clients-actions{flex-direction:column}
}
.delivery-detail-side{background:#f8fbff;border:1px solid #dfebff;border-radius:20px;padding:16px;display:grid;gap:12px;align-self:start}
.delivery-timeline{display:grid;gap:10px;max-height:420px;overflow:auto}
.delivery-timeline-item{background:#fff;border:1px solid #e1ebff;border-radius:14px;padding:10px 12px;display:grid;gap:4px}

@media (min-width:1200px){
  .scv3-delivery-launch-grid,
  .delivery-launch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (max-width:1100px){
  .delivery-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .delivery-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .delivery-detail-grid{grid-template-columns:1fr}
}

@media (max-width:760px){
  .delivery-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .delivery-card-grid{grid-template-columns:1fr}
  .delivery-card-grid-mini{grid-template-columns:1fr 1fr}
  .delivery-card-actions,.delivery-action-stack{flex-direction:column}
  .delivery-card-actions .btn,.delivery-action-stack .btn,.delivery-inline-action{width:100%}
  .scv3-delivery-launch-grid,
  .delivery-launch-grid{grid-template-columns:1fr 1fr}
  .hub-tile{
    min-height:164px;
    padding:16px 14px
  }
  .hub-title{font-size:.96rem}
  .hub-count{font-size:1.8rem}
}

@media (max-width:540px){
  .scv3-delivery-launch-grid,
  .delivery-launch-grid{grid-template-columns:1fr 1fr}
  .delivery-board{gap:14px}
  .delivery-board-header{margin-bottom:0}
  .hub-tile{
    min-height:154px;
    padding:14px 12px;
    border-radius:22px
  }
  .hub-copy{font-size:.84rem}
}