/* Ayurvite Workplace Core v0.2.1 — Aurora Slate Dashboard UI */

:root{
  --awp-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --awp-display: Georgia, "Times New Roman", serif;
  --awp-bg:#f7f8fb;
  --awp-paper:#fbfaf7;
  --awp-surface:#ffffff;
  --awp-ink:#111d31;
  --awp-ink-2:#1c2b42;
  --awp-muted:#667386;
  --awp-border:rgba(27,42,64,.12);
  --awp-slate:#14243b;
  --awp-cobalt:#186bdc;
  --awp-teal:#00b6bd;
  --awp-violet:#734ae8;
  --awp-gold:#d6a84f;
  --awp-shadow:0 28px 80px rgba(18,32,54,.12);
  --awp-shadow-soft:0 18px 45px rgba(18,32,54,.08);
}

.awp-alert{padding:13px 16px;border-radius:16px;margin:0 0 18px;font-weight:800}
.awp-alert-success{background:#edfdf8;border:1px solid rgba(0,154,138,.18);color:#08756e}
.awp-alert-error{background:#fff1f0;border:1px solid #f0c8c1;color:#9a2d22}

.awp-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:50px;padding:12px 22px;border-radius:14px;
  border:1px solid transparent;font-weight:900;cursor:pointer;text-decoration:none!important;
}
.awp-btn-primary{
  background:radial-gradient(circle at 0 0,rgba(0,232,225,.45),transparent 42%),linear-gradient(135deg,#14243b,#0d3b66 55%,#008c95);
  color:#fff!important;box-shadow:0 18px 45px rgba(16,40,72,.20)
}
.awp-muted{color:var(--awp-muted)}
.awp-small{font-size:14px;color:var(--awp-muted)}

/* Auth */
.awp-auth-wrap{min-height:72vh;display:grid;place-items:center;padding:42px 0}
.awp-auth-card{
  width:min(560px,100%);
  border-radius:32px;
  padding:34px;
  background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.68));
  border:1px solid rgba(255,255,255,.70);
  box-shadow:var(--awp-shadow);
  backdrop-filter:blur(20px);
}
.awp-auth-card h1{
  font-family:var(--awp-display);
  letter-spacing:-.05em;
  line-height:.98;
  font-size:46px;
  margin:0 0 12px;
  color:#14243b;
}
.awp-eyebrow{
  display:inline-flex;align-items:center;gap:9px;
  padding:8px 14px;border-radius:999px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(27,42,64,.10);
  color:#23467a;text-transform:uppercase;letter-spacing:.14em;
  font-size:12px;font-weight:900;margin:0 0 16px;
}
.awp-form{display:grid;gap:16px;margin-top:18px}
.awp-form label{display:grid;gap:7px;font-weight:850;color:#243b56}
.awp-form input[type=text],.awp-form input[type=email],.awp-form input[type=password]{
  min-height:50px;border-radius:15px;border:1px solid rgba(27,42,64,.14);
  background:rgba(255,255,255,.82);padding:11px 13px;font-size:16px;
}
.awp-form input:focus{outline:none;border-color:#55b6c4;box-shadow:0 0 0 4px rgba(0,182,189,.11)}
.awp-check{display:flex!important;align-items:center;gap:8px}

/* Dashboard shell */
.awp-app-shell{
  --shell-pad:12px;
  display:grid;
  grid-template-columns:286px minmax(0,1fr);
  min-height:calc(100vh - 154px);
  width:min(1640px, calc(100vw - 24px));
  margin:0 auto;
  border-radius:24px;
  overflow:hidden;
  background:
    radial-gradient(circle at 0 82%, rgba(0,182,189,.12), transparent 20rem),
    linear-gradient(180deg,#fbfaf7,#f5f7fb);
  border:1px solid rgba(27,42,64,.10);
  box-shadow:var(--awp-shadow);
}

/* Sidebar */
.awp-app-sidebar{
  position:relative;
  overflow:hidden;
  padding:16px;
  color:#fff;
  background:
    radial-gradient(circle at 12% 65%,rgba(0,235,230,.30),transparent 17rem),
    radial-gradient(circle at 86% 78%,rgba(115,74,232,.28),transparent 15rem),
    linear-gradient(180deg,#0a1728 0%,#0c2137 48%,#0a2d4a 100%);
}
.awp-app-sidebar:before{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(115deg,transparent 0 48%,rgba(255,255,255,.07) 49%,transparent 52%),
    radial-gradient(circle at 20% 35%,rgba(255,255,255,.12) 0 1px,transparent 1px);
  background-size:100% 100%,7px 7px;
  opacity:.48;
}
.awp-app-sidebar>*{position:relative;z-index:2}
.awp-sidebar-brand{
  display:flex;align-items:center;gap:12px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  padding:12px;
  background:rgba(255,255,255,.06);
  margin-bottom:22px;
}
.awp-sidebar-logo{
  width:40px;height:40px;border-radius:13px;display:grid;place-items:center;
  font-weight:900;color:#fff;
  background:radial-gradient(circle at 82% 18%,rgba(0,255,219,.88),transparent 35%),linear-gradient(135deg,#14243b,#1a4c83 52%,#5a2ec4);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20);
}
.awp-sidebar-brand strong{display:block;font-weight:900}
.awp-sidebar-brand em{display:block;font-style:normal;color:rgba(255,255,255,.66);font-size:12px}
.awp-sidebar-workspace{
  display:flex;gap:12px;align-items:center;
  padding:13px;
  border-radius:18px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  margin-bottom:18px;
}
.awp-sidebar-workspace span{
  width:38px;height:38px;border-radius:12px;
  display:grid;place-items:center;
  background:rgba(0,214,214,.18);
  border:1px solid rgba(0,214,214,.35);
}
.awp-sidebar-workspace strong{display:block;font-size:13px}
.awp-sidebar-workspace em{display:block;font-size:12px;color:rgba(255,255,255,.64);font-style:normal}
.awp-sidebar-nav{display:grid;gap:8px}
.awp-sidebar-nav a{
  min-height:48px;
  padding:12px 14px;
  color:rgba(255,255,255,.84);
  border-radius:14px;
  font-weight:850;
  text-decoration:none;
}
.awp-sidebar-nav a.is-active,.awp-sidebar-nav a:hover{
  color:#fff;
  background:linear-gradient(90deg,rgba(0,182,189,.34),rgba(24,107,220,.16));
  border:1px solid rgba(0,232,225,.28);
  box-shadow:0 0 0 1px rgba(255,255,255,.06), 0 18px 42px rgba(0,182,189,.12);
}
.awp-upgrade-card{
  margin-top:260px;
  padding:16px;
  border-radius:18px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
}
.awp-upgrade-card strong{display:block}
.awp-upgrade-card span{display:block;color:rgba(255,255,255,.65);font-size:12px;margin-top:3px}
.awp-logout{
  display:block;margin-top:18px;padding:12px 14px;border-radius:14px;
  color:#fff!important;font-weight:800;text-decoration:none!important;
}

/* Main */
.awp-app-main{
  padding:28px 28px 18px;
  min-width:0;
  background:
    radial-gradient(circle at 76% 10%,rgba(0,182,189,.07),transparent 18rem),
    radial-gradient(circle at 94% 44%,rgba(115,74,232,.06),transparent 20rem);
}
.awp-app-top{
  display:flex;justify-content:space-between;align-items:flex-start;gap:26px;
  margin-bottom:24px;
}
.awp-dash-kicker{
  margin:0 0 8px;color:#1b6cc8;letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:900;
}
.awp-app-top h1{
  margin:0;
  font-family:var(--awp-display);
  color:#14243b;
  letter-spacing:-.055em;
  line-height:1;
  font-size:42px;
}
.awp-app-top p{margin:8px 0 0;color:#667386}
.awp-top-tools{display:flex;align-items:center;gap:14px}
.awp-search{
  min-width:360px;height:42px;border-radius:14px;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 12px;
  color:#7a8493;font-size:13px;
  background:rgba(255,255,255,.76);
  border:1px solid rgba(27,42,64,.10);
  box-shadow:var(--awp-shadow-soft);
}
.awp-search kbd{border:1px solid rgba(27,42,64,.12);border-radius:7px;padding:2px 6px;background:#f2f4f7}
.awp-bell,.awp-avatar{
  position:relative;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;
  background:#fff;border:1px solid rgba(27,42,64,.10);box-shadow:var(--awp-shadow-soft);font-weight:900;
}
.awp-bell b{position:absolute;right:-2px;top:-4px;background:#704de6;color:#fff;border-radius:99px;font-size:10px;padding:2px 5px}
.awp-avatar{background:linear-gradient(135deg,#0e5d8a,#00b6bd);color:#fff}

/* Hero */
.awp-workspace-hero{
  min-height:150px;
  border-radius:22px;
  padding:26px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto auto auto;
  align-items:center;
  gap:24px;
  color:#fff;
  background:
    radial-gradient(circle at 72% 0%,rgba(0,232,225,.42),transparent 20rem),
    radial-gradient(circle at 96% 20%,rgba(115,74,232,.42),transparent 22rem),
    linear-gradient(135deg,#0a1728,#12375a 58%,#183469);
  box-shadow:0 26px 70px rgba(18,32,54,.18);
  overflow:hidden;
  position:relative;
}
.awp-workspace-hero:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.10) 45%,transparent 55%);
}
.awp-workspace-hero>*{position:relative;z-index:2}
.awp-workspace-icon{
  width:74px;height:74px;border-radius:24px;
  display:grid;place-items:center;font-size:30px;
  background:rgba(0,182,189,.14);border:1px solid rgba(0,232,225,.30);
}
.awp-workspace-copy h2{margin:0 0 7px;font-family:var(--awp-display);letter-spacing:-.04em;font-size:25px}
.awp-workspace-copy h2 span{font-family:var(--awp-font);font-size:11px;letter-spacing:.04em;text-transform:uppercase;background:rgba(0,182,189,.20);padding:5px 8px;border-radius:99px}
.awp-workspace-copy p{margin:0;color:rgba(255,255,255,.78);font-size:14px}
.awp-workspace-meta small{display:block;color:rgba(255,255,255,.68);font-size:11px}
.awp-workspace-meta strong{display:block;color:#fff;font-size:13px}
.awp-workspace-hero button{
  height:42px;border-radius:12px;color:#fff;background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.20);font-weight:800;padding:0 14px;
}

/* Dashboard layout */
.awp-dashboard-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;margin-top:24px}
.awp-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}
.awp-stat{
  min-height:112px;
  border-radius:18px;
  padding:20px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(27,42,64,.10);
  box-shadow:var(--awp-shadow-soft);
}
.awp-stat span{display:block;color:#667386;font-size:13px;font-weight:800;margin-bottom:9px}
.awp-stat strong{display:block;color:#14243b;font-size:22px;line-height:1.1;margin-bottom:7px}
.awp-stat em{font-style:normal;color:#08756e;font-size:12px;font-weight:700}
.awp-section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:16px}
.awp-section-head h2{margin:0;color:#14243b;font-size:24px;font-family:var(--awp-display);letter-spacing:-.04em}
.awp-section-head p{margin:4px 0 0;color:#667386;font-size:14px}
.awp-section-head a{font-size:13px;font-weight:900}

/* Products */
.awp-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.awp-product-card{
  --product-primary:#186bdc;--product-accent:#00b6bd;
  position:relative;
  overflow:hidden;
  min-height:220px;
  border-radius:20px;
  padding:18px;
  background:
    radial-gradient(circle at 88% 6%, color-mix(in srgb,var(--product-accent) 16%, transparent), transparent 38%),
    linear-gradient(145deg,rgba(255,255,255,.86),rgba(255,255,255,.58));
  border:1px solid rgba(27,42,64,.10);
  box-shadow:var(--awp-shadow-soft);
  display:flex;flex-direction:column;gap:10px;
}
.awp-product-card:after{
  content:"";position:absolute;right:-45px;bottom:-45px;width:180px;height:100px;
  border-top:1px solid color-mix(in srgb,var(--product-primary) 24%, transparent);
  border-radius:50%;transform:rotate(-16deg);
}
.awp-product-card>*{position:relative;z-index:2}
.awp-product-card-top{display:flex;justify-content:space-between;align-items:center}
.awp-product-icon{
  width:42px;height:42px;border-radius:13px;display:grid;place-items:center;
  color:#fff;font-weight:900;
  background:linear-gradient(135deg,var(--product-primary),color-mix(in srgb,var(--product-primary) 72%,white));
  box-shadow:0 12px 24px color-mix(in srgb,var(--product-primary) 24%, transparent);
}
.awp-product-state{
  font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;
  color:#08756e;background:rgba(255,255,255,.60);border:1px solid rgba(27,42,64,.08);
  padding:5px 9px;border-radius:999px;
}
.awp-product-card h3{margin:6px 0 0;font-size:18px;line-height:1.15;color:#14243b}
.awp-product-card p{margin:0;color:#5c6c7c;font-size:13px}
.awp-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}
.awp-tags span{
  font-size:11px;color:#314559;font-weight:800;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(27,42,64,.09);
  padding:4px 8px;border-radius:999px;
}
.awp-product-actions{margin-top:auto}
.awp-product-actions form{margin:0}
.awp-open-btn{
  min-height:34px;border-radius:12px;
  border:1px solid rgba(27,42,64,.10);
  background:rgba(255,255,255,.72);
  color:#14243b;font-weight:900;
  padding:7px 12px;
}
.awp-product-card-one{
  grid-column:span 2;
  color:#fff;
  background:
    radial-gradient(circle at 94% 50%,rgba(214,168,79,.40),transparent 30%),
    radial-gradient(circle at 20% 0%,rgba(0,182,189,.22),transparent 34%),
    linear-gradient(135deg,#0a1728,#14243b 58%,#1b2e4f)!important;
}
.awp-product-card-one h3,.awp-product-card-one p{color:#fff}
.awp-product-card-one p{color:rgba(255,255,255,.78)}
.awp-product-card-one .awp-product-state{background:rgba(214,168,79,.20);color:#ffd987;border-color:rgba(214,168,79,.32)}
.awp-product-card-one .awp-tags span{background:rgba(255,255,255,.10);color:#fff;border-color:rgba(255,255,255,.14)}
.awp-product-card-one .awp-open-btn{background:rgba(214,168,79,.12);color:#ffd987;border-color:rgba(214,168,79,.32)}

/* Right rail */
.awp-right-rail{display:grid;gap:16px;align-content:start}
.awp-side-card{
  border-radius:20px;
  padding:20px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(27,42,64,.10);
  box-shadow:var(--awp-shadow-soft);
}
.awp-side-head{display:flex;justify-content:space-between;gap:16px;align-items:center}
.awp-side-card h3,.awp-support-card h3{margin:0 0 12px;color:#14243b;font-size:17px}
.awp-side-head a{font-size:12px;font-weight:900}
.awp-activity{list-style:none;margin:0;padding:0;display:grid;gap:13px}
.awp-activity li{display:flex;gap:11px;align-items:flex-start}
.awp-activity span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#eef8fb;color:#0b7e8e}
.awp-activity strong{display:block;font-size:13px;color:#24344a}
.awp-activity em{display:block;font-size:12px;color:#7b8591;font-style:normal;margin-top:1px}
.awp-quick-actions{display:grid;gap:9px}
.awp-quick-actions a{
  display:flex;justify-content:space-between;align-items:center;
  min-height:38px;border-radius:12px;
  background:rgba(255,255,255,.70);
  border:1px solid rgba(27,42,64,.08);
  color:#24344a;font-weight:800;font-size:13px;padding:0 10px;
}
.awp-support-card{
  position:relative;overflow:hidden;
  border-radius:20px;
  padding:22px;
  color:#fff;
  background:
    radial-gradient(circle at 92% 22%,rgba(115,74,232,.56),transparent 38%),
    linear-gradient(135deg,#14243b,#221758 68%,#7549e8);
  box-shadow:var(--awp-shadow-soft);
}
.awp-support-card h3,.awp-support-card p{color:#fff}
.awp-support-card p{color:rgba(255,255,255,.78);font-size:13px}
.awp-support-card a{
  display:inline-flex;color:#fff!important;
  border:1px solid rgba(255,255,255,.24);
  border-radius:12px;padding:8px 12px;font-weight:900;
}

/* Admin */
.awp-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}
.awp-admin-card{background:#fff;border:1px solid #dbe1e7;border-radius:20px;padding:22px;box-shadow:0 12px 30px rgba(18,34,51,.06)}
.awp-admin-card span{display:block;color:#667386;font-weight:800}
.awp-admin-card strong{display:block;font-size:36px;color:#14243b}

@media(max-width:1400px){
  .awp-dashboard-layout{grid-template-columns:1fr}
  .awp-right-rail{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1180px){
  .awp-app-shell{grid-template-columns:1fr}
  .awp-app-sidebar{min-height:auto}
  .awp-upgrade-card{margin-top:20px}
  .awp-sidebar-nav{grid-template-columns:repeat(3,minmax(0,1fr))}
  .awp-workspace-hero{grid-template-columns:auto 1fr}
  .awp-workspace-meta,.awp-workspace-hero button{display:none}
  .awp-stat-grid,.awp-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .awp-right-rail{grid-template-columns:1fr}
}
@media(max-width:720px){
  .awp-app-shell{width:calc(100vw - 16px)}
  .awp-app-main{padding:18px}
  .awp-app-top{flex-direction:column}
  .awp-top-tools{width:100%;flex-wrap:wrap}
  .awp-search{min-width:0;width:100%}
  .awp-sidebar-nav,.awp-stat-grid,.awp-product-grid{grid-template-columns:1fr}
  .awp-product-card-one{grid-column:auto}
}


/* =========================================================
   v0.2.1 — dashboard fit + sharper Aurora Slate rendering
   ========================================================= */

html,
body{
  overflow-x:hidden;
}

.awp-app-shell,
.awp-app-shell *{
  box-sizing:border-box;
}

.awp-app-shell{
  width:100%;
  max-width:100%;
  grid-template-columns:minmax(238px,270px) minmax(0,1fr);
  border-radius:30px;
  overflow:hidden;
  background:
    radial-gradient(circle at 0 82%, rgba(0,182,189,.13), transparent 20rem),
    radial-gradient(circle at 96% 18%, rgba(115,74,232,.09), transparent 22rem),
    linear-gradient(180deg,#fbfaf7,#f5f7fb);
  box-shadow:
    0 34px 100px rgba(18,32,54,.14),
    inset 0 1px 0 rgba(255,255,255,.72);
}

.awp-app-main,
.awp-dashboard-center,
.awp-product-section,
.awp-entry-content{
  min-width:0;
  max-width:100%;
}

.awp-app-main{
  overflow:hidden;
}

.awp-dashboard-layout{
  grid-template-columns:minmax(0,1fr) minmax(276px,310px);
  align-items:start;
}

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

.awp-product-card-one{
  grid-column:span 2;
}

.awp-right-rail{
  min-width:0;
}

/* sharper font rendering and stronger UI definition */
.awp-app-shell{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

.awp-app-sidebar{
  border-right:1px solid rgba(255,255,255,.10);
  box-shadow:inset -1px 0 0 rgba(255,255,255,.06);
}

.awp-app-sidebar:before{
  opacity:.62;
  background:
    linear-gradient(115deg,transparent 0 48%,rgba(255,255,255,.075) 49%,transparent 52%),
    radial-gradient(circle at 20% 35%,rgba(255,255,255,.13) 0 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:100% 100%,7px 7px, 100% 22px;
}

.awp-sidebar-brand,
.awp-sidebar-workspace,
.awp-upgrade-card{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10), 0 14px 34px rgba(0,0,0,.08);
}

.awp-app-top h1,
.awp-section-head h2,
.awp-workspace-copy h2{
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}

.awp-workspace-hero{
  box-shadow:
    0 28px 78px rgba(18,32,54,.20),
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -1px 0 rgba(0,0,0,.18);
}

.awp-workspace-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 15% 25%, rgba(255,255,255,.12) 0 1px, transparent 1.5px),
    linear-gradient(110deg, transparent 0 40%, rgba(255,255,255,.09) 42%, transparent 54%);
  background-size:9px 9px, auto;
  opacity:.42;
}

.awp-stat,
.awp-side-card,
.awp-product-card{
  border-color:rgba(27,42,64,.135);
  box-shadow:
    0 18px 50px rgba(18,32,54,.085),
    inset 0 1px 0 rgba(255,255,255,.82);
}

.awp-product-card{
  background:
    radial-gradient(circle at 88% 6%, color-mix(in srgb,var(--product-accent) 19%, transparent), transparent 38%),
    radial-gradient(circle at 15% 20%, rgba(255,255,255,.78), transparent 42%),
    linear-gradient(145deg,rgba(255,255,255,.92),rgba(247,249,252,.72));
}

.awp-product-card:before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.22;
  pointer-events:none;
  background:
    radial-gradient(circle at 25% 40%, rgba(20,36,59,.08) 0 1px, transparent 1.5px),
    linear-gradient(120deg, transparent 0 45%, rgba(255,255,255,.40) 48%, transparent 58%);
  background-size:8px 8px, auto;
}

.awp-product-card:after{
  opacity:.95;
}

.awp-product-card-one{
  background:
    radial-gradient(circle at 94% 50%,rgba(214,168,79,.42),transparent 30%),
    radial-gradient(circle at 20% 0%,rgba(0,182,189,.24),transparent 34%),
    linear-gradient(135deg,#091525,#13253d 58%,#1b2e4f)!important;
  box-shadow:
    0 24px 64px rgba(18,32,54,.18),
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -1px 0 rgba(0,0,0,.20);
}

/* reduce excessive bottom void on tall sidebar in normal laptop views */
.awp-upgrade-card{
  margin-top:clamp(40px, 18vh, 220px);
}

/* fit the dashboard more reliably on common laptop widths */
@media(max-width:1540px){
  .awp-dashboard-layout{
    grid-template-columns:minmax(0,1fr) minmax(250px,292px);
    gap:18px;
  }
  .awp-stat-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .awp-product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .awp-product-card-one{
    grid-column:span 2;
  }
  .awp-search{
    min-width:260px;
  }
}

@media(max-width:1260px){
  .awp-dashboard-layout{
    grid-template-columns:1fr;
  }
  .awp-right-rail{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:980px){
  .awp-app-shell{
    grid-template-columns:1fr;
  }
  .awp-app-sidebar{
    min-height:auto;
  }
  .awp-sidebar-nav{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .awp-right-rail{
    grid-template-columns:1fr;
  }
}

@media(max-width:720px){
  .awp-product-grid,
  .awp-stat-grid,
  .awp-sidebar-nav{
    grid-template-columns:1fr;
  }
  .awp-product-card-one{
    grid-column:auto;
  }
}

/* =========================================================
   v0.2.2 — product icon branding upgrade
   ========================================================= */
.awp-sidebar-logo,
.awp-sidebar-workspace-icon,
.awp-workspace-icon,
.awp-product-icon{
  overflow:hidden;
}
.awp-sidebar-logo{
  width:52px;
  height:52px;
  border-radius:16px;
  background:transparent;
  box-shadow:none;
  padding:0;
}
.awp-sidebar-logo img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
}
.awp-sidebar-workspace-icon{
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  padding:2px;
  background:rgba(0,182,189,.10);
  border:1px solid rgba(0,232,225,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.awp-sidebar-workspace-icon img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
.awp-workspace-icon{
  background:transparent;
  border:none;
  padding:0;
}
.awp-workspace-icon img{
  width:74px;
  height:74px;
  display:block;
  object-fit:contain;
  filter:drop-shadow(0 12px 24px rgba(7,20,38,.18));
}
.awp-product-icon{
  background:transparent;
  box-shadow:none;
  padding:0;
}
.awp-product-icon img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  filter:drop-shadow(0 10px 16px color-mix(in srgb,var(--product-primary) 20%, transparent));
}