.inventory-page{
  padding-bottom:48px;
}

.inventory-hero{
  padding:44px 0 18px;
}

.inventory-hero-grid{
  display:grid;
  grid-template-columns:minmax(0, 1.2fr) minmax(320px, .8fr);
  gap:22px;
  align-items:stretch;
}

.inventory-hero-copy,
.inventory-hero-side,
.inventory-summary-card,
.analytics-panel{
  border:1px solid rgba(17,17,17,.08);
  background:rgba(255,255,255,.78);
  box-shadow:var(--shadow);
}

.inventory-hero-copy{
  padding:42px;
}

.inventory-hero-copy h1,
.mini-head h3,
.inventory-hero-side h2{
  margin:0;
  font-family:"Cormorant Garamond", serif;
  font-weight:600;
}

.inventory-hero-copy h1{
  max-width:11ch;
  font-size:clamp(3rem, 6vw, 5.2rem);
  line-height:.95;
}

.inventory-hero-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:28px;
}

.inventory-hero-side{
  padding:30px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.95), rgba(247,244,236,.88)),
    radial-gradient(circle at top right, rgba(191,163,106,.14), transparent 48%);
}

.inventory-hero-side h2{
  font-size:48px;
  line-height:1;
}

.hero-side-stats{
  display:grid;
  gap:14px;
  margin-top:24px;
}

.hero-side-stats article{
  padding:16px 18px;
  border:1px solid rgba(17,17,17,.08);
  background:rgba(255,255,255,.88);
}

.hero-side-stats span,
.inventory-summary-card span,
.ga-metric-card span,
.funnel-step span,
.funnel-summary span,
.source-list p,
.device-list p,
.geo-list span,
.realtime-grid span,
.sku-list p{
  display:block;
  color:var(--muted);
}

.hero-side-stats span,
.inventory-summary-card span,
.ga-metric-card span,
.funnel-step span,
.funnel-summary span,
.realtime-grid span{
  font-size:10px;
  letter-spacing:.2em;
  text-transform:uppercase;
}

.hero-side-stats strong{
  display:block;
  margin-top:10px;
  font-size:34px;
  font-family:"Cormorant Garamond", serif;
}

.inventory-summary-wrap,
.inventory-sales-dash-wrap,
.inventory-analytics-section{
  padding:0 0 18px;
}

.month-chip{
  border:1px solid rgba(17,17,17,.1);
  background:rgba(255,255,255,.88);
  color:var(--ink);
  padding:11px 14px;
  min-width:58px;
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  transition:none;
}

.month-chip:hover{
  border-color:rgba(191,163,106,.55);
}

.month-chip.active{
  background:var(--ink);
  border-color:var(--ink);
  color:var(--white);
}

.inventory-summary-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:18px;
}

.inventory-month-grid{
  grid-template-columns:repeat(6, minmax(0, 1fr));
  padding:8px;
  border:1px solid rgba(17,17,17,.08);
  border-radius:24px;
  background:linear-gradient(180deg, rgba(255,255,255,.9), rgba(247,244,236,.78));
  box-shadow:0 14px 36px rgba(17,17,17,.06);
}

.inventory-summary-card{
  padding:22px;
}

.inventory-summary-card strong{
  display:block;
  margin-top:12px;
  font-size:38px;
  font-family:"Cormorant Garamond", serif;
  line-height:1;
}

.inventory-summary-card small{
  display:block;
  margin-top:10px;
  color:var(--muted);
  line-height:1.6;
}

.inventory-sales-dash{
  padding:24px 26px;
  border-radius:34px;
  background:linear-gradient(135deg, #171717, #212121 62%, #151515);
  color:var(--white);
  box-shadow:0 22px 48px rgba(17,17,17,.18);
  cursor:pointer;
  transition:transform .2s ease, box-shadow .2s ease;
}

.inventory-sales-dash:hover{
  transform:translateY(-2px);
  box-shadow:0 26px 54px rgba(17,17,17,.2);
}

.inventory-sales-dash:focus-visible{
  outline:2px solid rgba(212,175,55,.85);
  outline-offset:4px;
}

.inventory-sales-top{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:16px;
}

.inventory-sales-badge{
  width:64px;
  height:64px;
  border-radius:20px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.14);
  color:rgba(255,255,255,.88);
  font-size:16px;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.inventory-sales-copy strong{
  display:block;
  font-size:18px;
  font-weight:500;
}

.inventory-sales-copy span{
  display:block;
  margin-top:4px;
  color:rgba(255,255,255,.5);
  font-size:15px;
}

.inventory-sales-arrow{
  font-size:48px;
  line-height:1;
  color:rgba(255,255,255,.9);
  transition:transform .2s ease;
}

.inventory-sales-dash[aria-expanded="true"] .inventory-sales-arrow{
  transform:rotate(90deg);
}

.inventory-sales-value{
  margin-top:28px;
  font-family:"Cormorant Garamond", serif;
  font-size:72px;
  line-height:.92;
  letter-spacing:-.02em;
}

.inventory-sales-meta{
  display:flex;
  gap:38px;
  margin-top:22px;
  color:rgba(255,255,255,.78);
  font-size:17px;
}

.inventory-sales-meta span:first-child{
  color:var(--white);
}

.inventory-sales-panel{
  margin-top:16px;
  padding:22px;
  border-radius:30px;
  border:1px solid rgba(17,17,17,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.97), rgba(247,244,236,.9));
  box-shadow:0 18px 36px rgba(17,17,17,.07);
}

.inventory-sales-panel-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:14px;
}

.inventory-sales-stat{
  padding:18px 18px 16px;
  border-radius:22px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(17,17,17,.06);
}

.inventory-sales-stat span,
.inventory-sales-compare-head span{
  display:block;
  font-size:10px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--muted);
}

.inventory-sales-stat strong{
  display:block;
  margin-top:12px;
  font-family:"Cormorant Garamond", serif;
  font-size:34px;
  line-height:.95;
}

.inventory-sales-stat small{
  display:block;
  margin-top:10px;
  color:var(--muted);
  font-size:13px;
  line-height:1.5;
}

.inventory-sales-compare{
  margin-top:16px;
  padding:18px;
  border-radius:24px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(17,17,17,.06);
}

.inventory-sales-compare-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
}

.inventory-sales-compare-head strong{
  display:block;
  margin-top:10px;
  font-size:24px;
  font-weight:500;
}

.inventory-sales-compare-head small{
  color:var(--muted);
  font-size:13px;
}

.inventory-sales-leaderboard{
  display:grid;
  gap:12px;
  margin-top:18px;
}

.inventory-sales-row{
  display:grid;
  grid-template-columns:minmax(120px, .8fr) minmax(0, 1fr) auto;
  align-items:center;
  gap:14px;
}

.inventory-sales-row strong{
  font-size:15px;
  font-weight:500;
}

.inventory-sales-row span{
  font-size:13px;
  color:var(--muted);
  text-align:right;
}

.inventory-sales-row.is-selected strong{
  color:var(--accent-dark);
}

.inventory-sales-meter{
  position:relative;
  height:12px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(17,17,17,.08);
}

.inventory-sales-meter i{
  position:absolute;
  inset:0 auto 0 0;
  width:var(--sales-meter, 50%);
  border-radius:999px;
  background:linear-gradient(90deg, #151515, #d4af37);
}

.inventory-sales-row.is-selected .inventory-sales-meter{
  background:rgba(212,175,55,.14);
}

.restock-modal-backdrop{
  position:fixed;
  inset:0;
  z-index:40;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(11, 11, 11, .42);
  backdrop-filter:blur(8px);
}

.restock-modal-backdrop[hidden]{
  display:none !important;
}

.restock-modal{
  width:min(100%, 520px);
  padding:28px;
  border-radius:30px;
  border:1px solid rgba(17,17,17,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(247,244,236,.96));
  box-shadow:0 28px 70px rgba(17,17,17,.18);
}

.restock-modal-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
}

.restock-modal-head h3{
  margin:8px 0 0;
}

.restock-modal-head span{
  display:block;
  margin-top:8px;
  color:var(--muted);
}

.restock-modal-close{
  width:44px;
  height:44px;
  border:none;
  border-radius:50%;
  background:rgba(17,17,17,.06);
  color:var(--ink);
  font-size:28px;
  line-height:1;
}

.restock-form{
  display:grid;
  gap:18px;
  margin-top:24px;
}

.restock-field{
  display:grid;
  gap:10px;
}

.restock-field span{
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--muted);
}

.restock-field input{
  width:100%;
  padding:16px 18px;
  border:1px solid rgba(17,17,17,.12);
  border-radius:18px;
  background:rgba(255,255,255,.86);
  color:var(--ink);
  font:inherit;
  font-size:18px;
}

.restock-field input:focus{
  outline:2px solid rgba(212,175,55,.55);
  outline-offset:2px;
}

.restock-form-meta{
  display:flex;
  justify-content:space-between;
  gap:16px;
  color:var(--muted);
  font-size:14px;
}

.restock-form-actions{
  display:flex;
  justify-content:flex-end;
  gap:12px;
}

.inventory-analytics-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
}

.analytics-lower-grid{
  display:grid;
  grid-template-columns:minmax(0, 1.1fr) minmax(0, .95fr) minmax(300px, .85fr);
  gap:18px;
  align-items:start;
}

.analytics-side-stack{
  display:grid;
  gap:18px;
}

.analytics-panel{
  padding:24px;
}

.mini-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:18px;
}

.mini-head h3{
  font-size:34px;
}

.mini-copy{
  margin:0;
  max-width:34ch;
  color:var(--muted);
  line-height:1.7;
  font-size:14px;
}

.month-chip.premium{
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:58px;
  width:100%;
  padding:12px 10px;
  border-radius:16px;
  border:1px solid rgba(17,17,17,.06);
  background:linear-gradient(180deg, rgba(255,255,255,.76), rgba(247,244,236,.68));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.76);
  position:relative;
  overflow:hidden;
  transition:none;
}

.month-chip.premium:hover{
  border-color:rgba(191,163,106,.28);
  background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(247,244,236,.82));
  box-shadow:0 8px 16px rgba(17,17,17,.045);
}

.month-chip.premium span{
  font-size:13px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(17,17,17,.62);
  line-height:1;
  font-weight:600;
}

.month-chip.premium::after{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  bottom:8px;
  height:2px;
  border-radius:999px;
  background:transparent;
  transition:background .2s ease;
}

.month-chip.premium.active,
.month-chip.premium.is-active{
  background:linear-gradient(180deg, var(--app-ink), var(--ink));
  border-color:rgba(191,163,106,.38);
  color:var(--white);
  box-shadow:0 10px 20px rgba(18,22,27,.14), inset 0 1px 0 rgba(255,255,255,.05);
}

.month-chip.premium.active span,
.month-chip.premium.is-active span{
  color:rgba(255,255,255,.92);
}

.month-chip.premium.active::after,
.month-chip.premium.is-active::after{
  background:linear-gradient(90deg, rgba(245,226,176,.98), rgba(191,163,106,.94));
}

.metrics-product-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:16px;
}

.metrics-product-head h4{
  margin:0;
  font-family:"Cormorant Garamond", serif;
  font-size:28px;
  font-weight:600;
}

.metrics-product-head span{
  color:var(--muted);
  font-size:13px;
}

.metrics-product-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:14px;
}

.metrics-sku-card{
  display:grid;
  gap:12px;
  padding:16px 16px 18px;
  border:1px solid rgba(17,17,17,.08);
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(247,244,236,.84));
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

.metrics-sku-card:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(17,17,17,.08);
}

.metrics-sku-card.is-active{
  border-color:rgba(191,163,106,.48);
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(244,237,222,.92));
  box-shadow:0 16px 34px rgba(17,17,17,.1);
}

.metrics-sku-top{
  display:grid;
  gap:12px;
}

.metrics-sku-media{
  width:100%;
  aspect-ratio:1 / 1;
  border-radius:18px;
  overflow:hidden;
  background:rgba(255,255,255,.9);
  border:1px solid rgba(17,17,17,.08);
  flex-shrink:0;
}

.metrics-sku-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.metrics-sku-copy{
  min-width:0;
}

.metrics-sku-copy h4{
  margin:0;
  font-family:"Cormorant Garamond", serif;
  font-size:22px;
  font-weight:600;
}

.metrics-sku-copy p{
  margin:6px 0 0;
  color:var(--muted);
  font-size:14px;
  line-height:1.6;
}

.metrics-sku-meta{
  display:grid;
  gap:10px;
}

.metrics-sku-actions{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
}

.metrics-stock{
  display:grid;
  gap:4px;
}

.metrics-stock span{
  color:var(--muted);
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.metrics-stock strong{
  font-size:20px;
  font-family:"Cormorant Garamond", serif;
}

.metrics-watch-note{
  color:var(--muted);
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.metrics-restock-btn{
  border:none;
  border-radius:999px;
  padding:11px 16px;
  background:var(--ink);
  color:var(--white);
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.metrics-restock-btn.low{
  background:linear-gradient(135deg, #f1ddab, #bfa36a);
  color:var(--ink);
}

.inventory-detail-media{
  width:132px;
  height:132px;
  border-radius:28px;
  overflow:hidden;
  border:1px solid rgba(17,17,17,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(247,244,236,.84));
}

.inventory-detail-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.inventory-focus-panel .side-panel-stats{
  gap:14px;
}

.inventory-focus-stat{
  padding:18px 18px 16px;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(247,244,236,.82));
  box-shadow:0 10px 24px rgba(17,17,17,.05);
}

.inventory-focus-stat span{
  font-size:10px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--muted);
}

.inventory-focus-stat strong{
  display:block;
  margin-top:12px;
  font-size:30px;
  line-height:1;
  font-family:"Cormorant Garamond", serif;
}

.inventory-focus-stat small{
  display:block;
  margin-top:10px;
  color:var(--muted);
  font-size:13px;
  line-height:1.6;
}

.inventory-focus-panel .side-panel-total{
  padding:18px;
  border-radius:22px;
}

.inventory-watch-tile{
  position:relative;
  display:grid;
  gap:8px;
  padding:22px 22px 20px;
  border:1px solid rgba(17,17,17,.08);
  overflow:hidden;
  transition:background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;
  background:
    radial-gradient(circle at top right, rgba(212,175,55,.12), transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.99), rgba(247,244,236,.9));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.8),
    0 14px 28px rgba(17,17,17,.055);
}

.inventory-watch-tile::before{
  content:"";
  position:absolute;
  left:22px;
  right:22px;
  top:14px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(212,175,55,.64), rgba(191,163,106,.18));
}

.inventory-watch-tile > span{
  font-size:10px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(17,17,17,.52);
}

.inventory-watch-tile strong{
  display:block;
  margin-top:10px;
  font-size:34px;
  line-height:.94;
  font-family:"Cormorant Garamond", serif;
  letter-spacing:-.01em;
}

.inventory-watch-tile.is-healthy{
  border-color:rgba(85,154,110,.18);
  background:
    radial-gradient(circle at top right, rgba(133,205,154,.16), transparent 42%),
    linear-gradient(180deg, rgba(248,252,248,.99), rgba(238,247,240,.94));
}

.inventory-watch-tile.is-low{
  border-color:rgba(197,110,96,.18);
  background:
    radial-gradient(circle at top right, rgba(229,164,151,.14), transparent 42%),
    linear-gradient(180deg, rgba(255,248,246,.99), rgba(250,237,233,.95));
}

.inventory-watch-tile.is-healthy::before{
  background:linear-gradient(90deg, rgba(72,150,99,.84), rgba(123,194,142,.24));
}

.inventory-watch-tile.is-low::before{
  background:linear-gradient(90deg, rgba(178,86,69,.8), rgba(224,153,139,.24));
}

.inventory-watch-tile.is-healthy strong{
  color:#264f35;
}

.inventory-watch-tile.is-low strong{
  color:#7c3529;
}

.inventory-focus-panel .side-panel-footer{
  gap:14px;
}

.inventory-focus-panel .side-panel-btn{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  padding:17px 18px;
  border-radius:20px;
  font-weight:600;
  font-size:12px;
  letter-spacing:.16em;
  box-shadow:0 10px 22px rgba(17,17,17,.07);
  transition:border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease, color .18s ease;
}

.inventory-focus-panel .side-panel-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 26px rgba(17,17,17,.09);
}

.inventory-focus-panel .side-panel-btn::after{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  bottom:10px;
  height:2px;
  border-radius:999px;
  opacity:.7;
}

.inventory-focus-panel .side-panel-btn.dark{
  background:linear-gradient(180deg, rgba(22,27,33,.98), rgba(12,14,18,.98));
  border:1px solid rgba(191,163,106,.16);
  color:var(--white);
}

.inventory-focus-panel .side-panel-btn.dark::after{
  background:linear-gradient(90deg, rgba(255,255,255,.18), rgba(191,163,106,.4));
}

.inventory-focus-panel .side-panel-btn.gold{
  background:
    linear-gradient(180deg, rgba(252,248,239,.99), rgba(244,236,214,.99) 50%, rgba(236,226,196,.99));
  border:1px solid rgba(191,163,106,.2);
  color:var(--ink);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.82),
    0 10px 22px rgba(191,163,106,.12);
}

.inventory-focus-panel .side-panel-btn.gold::after{
  background:linear-gradient(90deg, rgba(191,163,106,.72), rgba(191,163,106,.22));
}

.inventory-focus-panel .side-panel-btn.dark:hover{
  border-color:rgba(191,163,106,.3);
}

.inventory-focus-panel .side-panel-btn.gold:hover{
  border-color:rgba(191,163,106,.3);
  background:
    linear-gradient(180deg, rgba(255,250,244,.99), rgba(247,240,220,.99) 50%, rgba(239,230,203,.99));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    0 14px 26px rgba(191,163,106,.14);
}

.inventory-focus-panel .side-panel-btn:focus-visible{
  outline:none;
  box-shadow:0 0 0 4px rgba(191,163,106,.16);
}

.metric-code{
  display:inline-block;
  margin-top:10px;
  padding:5px 8px;
  background:rgba(17,17,17,.05);
  color:var(--muted);
  font-size:11px;
}

.funnel-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:12px;
}

.funnel-step{
  padding:18px;
  border:1px solid rgba(17,17,17,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(247,244,236,.86));
}

.funnel-step strong{
  display:block;
  margin-top:12px;
  font-size:34px;
  line-height:1;
  font-family:"Cormorant Garamond", serif;
}

.funnel-summary{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
  margin-top:14px;
}

.funnel-summary article{
  padding:18px;
  border:1px solid rgba(17,17,17,.08);
  background:rgba(255,255,255,.9);
}

.funnel-summary strong{
  display:block;
  margin-top:12px;
  font-size:32px;
  font-family:"Cormorant Garamond", serif;
  line-height:1;
}

.source-list,
.device-list,
.geo-list,
.sku-list{
  display:grid;
  gap:12px;
}

.source-list article,
.device-list article,
.geo-list article,
.sku-list article{
  display:flex;
  justify-content:space-between;
  gap:14px;
  padding:16px 18px;
  border:1px solid rgba(17,17,17,.08);
  background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(247,244,236,.84));
}

.source-list strong,
.device-list strong,
.geo-list strong,
.sku-list h4{
  margin:0;
  font-size:18px;
  font-family:"Cormorant Garamond", serif;
  font-weight:600;
}

.source-list p,
.device-list p,
.sku-list p{
  margin:6px 0 0;
  font-size:14px;
  line-height:1.7;
}

.source-value{
  text-align:right;
  align-self:center;
}

.source-value strong{
  font-size:20px;
}

.source-value span{
  display:block;
  margin-top:6px;
  color:var(--gold-deep);
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.device-meter{
  width:140px;
  height:10px;
  margin-top:10px;
  background:rgba(17,17,17,.08);
  overflow:hidden;
}

.device-meter i{
  display:block;
  height:100%;
  width:var(--meter);
  background:linear-gradient(90deg, var(--gold), var(--gold-deep));
}

.geo-list article span{
  font-size:16px;
  align-self:center;
  color:var(--ink);
}

.realtime-panel{
  background:
    linear-gradient(180deg, rgba(255,255,255,.95), rgba(247,244,236,.88)),
    radial-gradient(circle at top right, rgba(191,163,106,.12), transparent 45%);
}

.live-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 12px;
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  background:rgba(35,107,60,.08);
  color:#236b3c;
}

.live-pill::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:#236b3c;
}

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

.realtime-grid article{
  padding:16px;
  border:1px solid rgba(17,17,17,.08);
  background:rgba(255,255,255,.9);
}

.realtime-grid strong{
  display:block;
  margin-top:12px;
  font-size:32px;
  font-family:"Cormorant Garamond", serif;
  line-height:1;
}

.realtime-note{
  margin:14px 0 0;
  color:var(--muted);
  line-height:1.7;
}

.sku-list h4{
  font-size:22px;
}

.sku-item-main{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}

.sku-item-media{
  width:68px;
  height:68px;
  border-radius:16px;
  overflow:hidden;
  flex-shrink:0;
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(247,244,236,.84));
  border:1px solid rgba(17,17,17,.08);
}

.sku-item-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.sku-item-copy{
  min-width:0;
}

.sku-item-meta{
  display:grid;
  justify-items:end;
  gap:8px;
}

.sku-list .stock-value{
  align-self:center;
  font-size:15px;
  white-space:nowrap;
}

.stock-value.low-stock{
  color:#9f3b2f;
}

.stock-value.healthy-stock{
  color:#1e4f34;
}

.sku-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:94px;
  padding:7px 10px;
  border-radius:999px;
  font-size:11px;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.sku-status.is-low{
  background:rgba(159,59,47,.12);
  color:#9f3b2f;
}

.sku-status.is-healthy{
  background:rgba(30,79,52,.1);
  color:#1e4f34;
}

@media (max-width: 1180px){
  .inventory-hero-grid,
  .inventory-analytics-grid,
  .analytics-lower-grid,
  .inventory-summary-grid{
    grid-template-columns:1fr;
  }

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

  .metrics-product-grid,
  .funnel-grid,
  .funnel-summary,
  .realtime-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px){
  .inventory-hero-copy,
  .inventory-hero-side,
  .analytics-panel,
  .inventory-summary-card{
    padding:22px;
  }

  .inventory-sales-dash{
    padding:22px;
  }

  .mini-head{
    flex-direction:column;
  }

  .inventory-month-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .inventory-sales-top,
  .inventory-sales-meta{
    gap:16px;
  }

  .inventory-sales-panel-grid{
    grid-template-columns:1fr;
  }

  .inventory-sales-compare-head,
  .inventory-sales-row{
    grid-template-columns:1fr;
  }

  .restock-form-meta,
  .restock-form-actions{
    flex-direction:column;
    align-items:stretch;
  }

  .inventory-sales-row span{
    text-align:left;
  }

  .inventory-sales-meta{
    flex-direction:column;
  }

  .inventory-sales-value{
    font-size:54px;
  }

  .metrics-product-grid,
  .funnel-grid,
  .funnel-summary,
  .realtime-grid{
    grid-template-columns:1fr;
  }

  .metrics-product-head,
  .metrics-sku-meta,
  .metrics-sku-actions{
    flex-direction:column;
    align-items:flex-start;
  }

  .source-list article,
  .device-list article,
  .geo-list article,
  .sku-list article{
    flex-direction:column;
  }

  .source-value,
  .stock-value,
  .sku-item-meta{
    text-align:left;
    justify-items:start;
  }

  .device-meter{
    width:100%;
  }
}