/* Swayam Shop - refined dashboards (admin / merchant / user / business). Loaded last. CSS only. */
body.workspace{
  --ink:#13243f;--ink2:#34456a;--mute:#5a6a84;
  --line:#e3ebdc;--line2:#eef4e8;--bg:#f6f9ff;--card:#fff;
  --brand:#2f56b8;--brand6:#24449a;--brand5:#eaf0fc;--brand1:#d3dff7;
  --green:#16a34a;--green5:#e7f6e9;--amber:#b7791f;--amber5:#fff6e0;--red:#c2392f;--red5:#fdecea;
  --accent:#b7dc9c;--soft:#f1f8ea;
  background:var(--bg)}
body.workspace .app-shell{background:var(--bg)}
body.workspace .side{border-right:1px solid var(--line) !important}
body.workspace .nav-link.on{background:var(--brand5) !important;color:var(--brand6) !important;box-shadow:inset 3px 0 0 var(--brand) !important}
body.workspace .topbar h1{color:var(--ink);letter-spacing:-.01em}
body.workspace .crumb{color:var(--mute)}

/* KPI grid */
body.workspace .stats{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(210px,1fr)) !important;gap:14px !important;margin:0 0 18px !important}
body.workspace .stat{
  --c:var(--brand);--c2:#4a72d0;--s:var(--brand5);
  position:relative;overflow:hidden;display:flex !important;flex-direction:column;align-items:stretch !important;gap:10px !important;
  min-width:0;width:100%;min-height:112px !important;padding:16px 16px 14px !important;text-align:left;font:inherit;color:var(--ink);
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%) !important;
  border:1px solid var(--line) !important;border-radius:16px !important;
  box-shadow:0 1px 2px rgba(19,36,63,.04),0 8px 22px -14px rgba(47,86,184,.28) !important;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
body.workspace .stat.green{--c:#16a34a;--c2:#6cc24a;--s:var(--green5)}
body.workspace .stat.amber{--c:#d38a0a;--c2:#f2b441;--s:var(--amber5)}
body.workspace .stat.red{--c:#c2392f;--c2:#ef7a6e;--s:var(--red5)}
body.workspace .stat::before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:linear-gradient(90deg,var(--c),var(--c2))}
body.workspace .stat::after{content:"";position:absolute;right:-26px;bottom:-34px;width:96px;height:96px;border-radius:50%;background:var(--s);opacity:.75;pointer-events:none}
body.workspace .stat>*{position:relative;z-index:1}
body.workspace .stat-row{display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:10px}
body.workspace .stat-ic{width:36px;height:36px;flex:0 0 36px;border-radius:11px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--c),var(--c2));box-shadow:0 8px 16px -8px var(--c)}
body.workspace .stat-ic svg{width:18px;height:18px;display:block}
body.workspace .stat .stat-ic,body.workspace .stat .stat-ic svg{color:#fff !important;stroke:#fff}
body.workspace .stat-lbl{color:var(--mute);font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;line-height:1.25;min-width:0;overflow-wrap:break-word}
body.workspace .stat-val{font-size:clamp(21px,2.2vw,28px);font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--ink);overflow-wrap:anywhere}
body.workspace .stat-note{color:var(--brand);font-size:12.5px;font-weight:700;font-style:normal;min-height:1em;margin-top:auto}
body.workspace button.stat{cursor:pointer;-webkit-tap-highlight-color:transparent}
body.workspace .stat.actionable:hover{transform:translateY(-3px);border-color:var(--brand1) !important;box-shadow:0 2px 4px rgba(19,36,63,.05),0 18px 30px -16px rgba(47,86,184,.45) !important}
body.workspace .stat.actionable:active{transform:translateY(-1px)}
body.workspace .stat.actionable:focus-visible{outline:3px solid #9db6ee;outline-offset:2px}

/* panels, hero strip, tables in same grade */
body.workspace .panel,body.workspace .dash-hero{border-radius:16px !important;border-color:var(--line) !important;box-shadow:0 1px 2px rgba(19,36,63,.04),0 8px 22px -16px rgba(47,86,184,.22) !important}
body.workspace .dash-hero{background:linear-gradient(135deg,#fff 0%,var(--soft) 100%) !important}
body.workspace .hero-ic{background:var(--brand5);color:var(--brand)}
body.workspace th{background:var(--soft);color:var(--ink2)}
body.workspace .btn{background:var(--brand);border-radius:10px}
body.workspace .btn:hover{background:var(--brand6)}
body.workspace .pill.ok{background:var(--green5);color:#15803d}

/* responsive */
@media (max-width:1100px){body.workspace .stats{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media (max-width:560px){
  body.workspace .stats{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important}
  body.workspace .stat{padding:13px 12px 12px !important;min-height:100px !important;border-radius:14px !important}
  body.workspace .stat-ic{width:28px;height:28px;flex-basis:28px;border-radius:8px}
  body.workspace .stat-ic svg{width:15px;height:15px}
  body.workspace .stat-lbl{font-size:10px;letter-spacing:.02em}
  body.workspace .stat-row{gap:8px}
  body.workspace .stat-val{font-size:20px !important}
  body.workspace .stat::after{width:70px;height:70px;right:-20px;bottom:-26px}
}
@media (max-width:340px){body.workspace .stats{grid-template-columns:1fr !important}}