/* Store and product history views. Loads after brand.css and reuses its tokens
   so these pages stay in step with the rest of the site. */

.crumbs{display:flex;align-items:center;gap:8px;padding:22px 0 0;color:var(--dh-brown-soft);font-size:12px}
.crumbs a{color:var(--dh-brown-soft);text-decoration:none;border-bottom:1px solid transparent}
.crumbs a:hover,.crumbs a:focus-visible{color:var(--dh-brown);border-bottom-color:var(--dh-tan);outline:0}
.crumbs span[aria-hidden]{color:var(--dh-tan)}

.page-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(28px,5vw,72px);align-items:end;padding:26px 0 34px;border-bottom:1px solid var(--line)}
.page-head h1{margin:12px 0 10px;max-width:22ch;font-family:var(--brand-heading);font-weight:700;font-size:clamp(38px,5.2vw,68px);line-height:.94;letter-spacing:-.05em;color:var(--dh-brown)}
.page-head-copy>p{margin:0;max-width:52ch;color:var(--dh-brown-soft);font-size:15px}
.page-head-stats{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(112px,auto);gap:0;margin:0;border:1px solid var(--line);border-radius:var(--dh-radius-card);overflow:hidden;background:#fffdf7;box-shadow:var(--dh-shadow-card)}
.page-head-stats>div{padding:16px 20px}
.page-head-stats>div+div{border-left:1px solid var(--line)}
.page-head-stats dt{color:var(--dh-brown-soft);font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.page-head-stats dd{margin:8px 0 0;font-family:var(--brand-heading);font-size:clamp(20px,2.2vw,28px);line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}

.history-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:20px 0;border-bottom:1px solid var(--line)}
.range-tabs{display:flex;gap:6px;padding:4px;border:1px solid var(--line);border-radius:999px;background:#fffdf7}
.range-tabs button{min-height:38px;padding:0 16px;border:0;border-radius:999px;background:transparent;color:var(--dh-brown-soft);font-size:12px;font-weight:700;letter-spacing:.03em;cursor:pointer}
.range-tabs button:hover{color:var(--dh-brown)}
.range-tabs button.active{background:var(--dh-brown);color:var(--dh-cream)}
.range-tabs button:focus-visible{outline:2px solid var(--dh-red);outline-offset:2px}
.resolution-note{margin:0;max-width:64ch;color:var(--dh-brown-soft);font-size:12px;line-height:1.5}

.history-section{padding:44px 0;border-bottom:1px solid var(--line)}
.history-section .section-title h2{margin:8px 0 0;font-family:var(--brand-heading);font-weight:700;font-size:clamp(26px,3.1vw,40px);letter-spacing:-.04em;color:var(--dh-brown)}
.muted-note{color:var(--dh-brown-soft)}
.state-live-title-actions{display:flex;align-items:center;gap:16px}
.section-count-link{display:inline-flex;align-items:center;gap:5px;color:var(--dh-brown-soft);font-size:11px;font-weight:700;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;white-space:nowrap}
.section-count-link:hover,.section-count-link:focus-visible{color:var(--dh-brown);outline:0}
.section-count-link svg{width:12px;height:12px}
.shelf-note{margin:16px 0 0;color:var(--dh-brown-soft);font-size:12px}

/* Sell-through runs */
.run-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin:0;padding:0;list-style:none}
.run-card{border:1px solid var(--line);border-radius:var(--dh-radius-card);padding:20px 22px;background:#fffdf7;box-shadow:var(--dh-shadow-card)}
.run-headline{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.run-product{font-family:var(--brand-heading);font-size:19px;font-weight:700;letter-spacing:-.02em;color:var(--dh-brown);text-decoration:none;border-bottom:1px solid transparent}
.run-product:hover,.run-product:focus-visible{border-bottom-color:var(--dh-red);outline:0}
.run-duration{padding:5px 11px;border-radius:999px;background:var(--dh-paper);color:var(--dh-brown);font-size:11px;font-weight:700;white-space:nowrap}
.run-track{display:grid;gap:0;margin:0;padding:0;list-style:none}
.run-track li{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start;padding-bottom:14px;position:relative}
.run-track li:not(:last-child)::before{content:"";position:absolute;top:14px;bottom:0;left:5px;width:1px;background:var(--dh-tan)}
.run-track li:last-child{padding-bottom:0}
.run-dot{width:11px;height:11px;margin-top:3px;border-radius:50%;position:relative;z-index:1}
.run-dot.is-stock{background:var(--dh-stock)}
.run-dot.is-mid{background:var(--dh-tan)}
.run-dot.is-out{background:var(--dh-red)}
.run-track strong{display:block;font-size:13px;color:var(--dh-brown)}
.run-track small{display:block;margin-top:2px;color:var(--dh-brown-soft);font-size:11px;font-variant-numeric:tabular-nums}

/* Shelf list */
.shelf-list{display:grid;gap:1px;margin:0;padding:0;list-style:none;border:1px solid var(--line);border-radius:var(--dh-radius-card);overflow:hidden;background:var(--line)}
.shelf-main{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(120px,.7fr) minmax(0,1.4fr) 18px;gap:20px;align-items:center;padding:18px 22px;background:#fffdf7;color:inherit;text-decoration:none}
.shelf-main:hover,.shelf-main:focus-visible{background:var(--dh-paper);outline:0}
.shelf-main>svg{width:16px;height:16px;color:var(--dh-brown-soft)}
.shelf-identity strong{display:block;font-size:15px;letter-spacing:-.01em}
.shelf-identity small{display:block;margin-top:4px;color:var(--dh-brown-soft);font-size:11px}
.shelf-state b{display:block;font-size:12px;font-weight:700}
.shelf-state i{display:block;margin-top:3px;font-style:normal;color:var(--dh-brown-soft);font-size:11px;font-variant-numeric:tabular-nums}
.shelf-state.is-stock b{color:var(--dh-stock)}
.shelf-state.is-out b{color:var(--dh-red-dark)}
.shelf-state.is-none b{color:var(--dh-brown-soft)}
.shelf-history{display:grid;gap:3px;font-size:12px}
.shelf-history small{color:var(--dh-brown-soft);font-size:11px}

/* Activity feed */
.feed-day+.feed-day{margin-top:28px}
.feed-day h3{margin:0 0 10px;font-family:var(--brand-heading);font-size:15px;font-weight:700;color:var(--dh-brown-soft);letter-spacing:.02em}
.feed-day ul{display:grid;gap:1px;margin:0;padding:0;list-style:none;border:1px solid var(--line);border-radius:var(--dh-radius-card);overflow:hidden;background:var(--line)}
.feed-row{display:grid;grid-template-columns:minmax(132px,auto) minmax(0,1fr) auto;gap:18px;align-items:center;padding:14px 22px;background:#fffdf7}
.feed-time{display:flex;align-items:center;gap:6px;color:var(--dh-brown-soft);font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}
.feed-time i{font-style:normal;color:var(--dh-tan)}
.feed-body a{display:block;font-size:14px;color:var(--dh-brown);text-decoration:none;border-bottom:1px solid transparent}
.feed-body a:hover,.feed-body a:focus-visible{border-bottom-color:var(--dh-red);outline:0}
.feed-body small{display:block;margin-top:3px;color:var(--dh-brown-soft);font-size:11px}
.feed-kind{display:block;font-size:14px;color:var(--dh-brown)}
.feed-delta{font-family:var(--brand-heading);font-size:17px;font-variant-numeric:tabular-nums;color:var(--dh-brown-soft)}
/* Days the collector checked but nothing moved. Muted so real transitions
   still carry the visual weight in a day-by-day scan. */
.feed-row-steady{background:#fffcf3}
.feed-row-steady .feed-time{color:var(--dh-tan);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.feed-kind.is-stock{color:var(--dh-stock)}
.feed-kind.is-out{color:var(--dh-red-dark)}
.feed-kind.is-none{color:var(--dh-brown-soft)}
.feed-row.kind-restock .feed-delta,.feed-row.kind-qty_rise .feed-delta{color:var(--dh-stock)}
.feed-row.kind-sell_out .feed-delta,.feed-row.kind-qty_drop .feed-delta{color:var(--dh-red-dark)}

/* Quantity chart */
.chart{margin:0}
.chart svg{display:block;width:100%;height:132px;overflow:visible}
.chart-area{fill:rgb(95 143 40 / 12%)}
.chart-line{fill:none;stroke:var(--dh-stock);stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.chart .dot{fill:var(--dh-stock)}
.chart .dot-out{fill:var(--dh-red)}
.chart figcaption{display:flex;justify-content:space-between;gap:12px;margin-top:8px;color:var(--dh-brown-soft);font-size:11px;font-variant-numeric:tabular-nums}
.chart-peak{color:var(--dh-brown);font-weight:700}
.chart-empty{margin:0;padding:24px;border:1px dashed var(--dh-tan);border-radius:var(--dh-radius-card);color:var(--dh-brown-soft);font-size:13px;text-align:center}

/* Entry points into these views from the main page. */
.store-history-link,.state-location-history,.detail-history-link{display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-weight:700}
.store-history-link{min-height:44px;padding:0 14px;border:1px solid var(--dh-tan);border-radius:999px;color:var(--dh-brown);font-size:11px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.store-history-link:hover,.store-history-link:focus-visible{background:var(--dh-brown);border-color:var(--dh-brown);color:var(--dh-cream);outline:0}
.store-history-link svg,.state-location-history svg,.detail-history-link svg{width:13px;height:13px}
.state-location-history{width:100%;min-height:46px;justify-content:space-between;padding:0 15px;border-top:1px solid var(--line);color:var(--dh-brown-soft);font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.state-location-history:hover,.state-location-history:focus-visible{background:var(--dh-paper);color:var(--dh-brown);outline:0}
.detail-history-link{margin-top:12px;color:var(--dh-red-dark);font-size:12px;border-bottom:1px solid transparent}
.detail-history-link:hover,.detail-history-link:focus-visible{border-bottom-color:var(--dh-red-dark);outline:0}

.skeleton-list{display:grid;gap:1px;border:1px solid var(--line);border-radius:var(--dh-radius-card);overflow:hidden;background:var(--line)}
.skeleton-list span{height:66px;background:linear-gradient(90deg,#fffdf7,var(--dh-paper),#fffdf7);background-size:200% 100%;animation:shelf-shimmer 1.4s linear infinite}
@keyframes shelf-shimmer{from{background-position:200% 0}to{background-position:-200% 0}}

@media(max-width:1080px){
  .page-head{grid-template-columns:1fr;align-items:start;gap:24px}
  .page-head-stats{grid-auto-flow:row;grid-template-columns:1fr 1fr;grid-auto-columns:auto}
  .page-head-stats>div+div{border-left:0;border-top:1px solid var(--line)}
  .page-head-stats>div:nth-child(2){border-top:0;border-left:1px solid var(--line)}
  .page-head-stats>div:nth-child(4){border-left:1px solid var(--line)}
  .shelf-main{grid-template-columns:minmax(0,1fr) minmax(110px,auto);gap:12px 18px}
  .shelf-history{grid-column:1/-1}
  .shelf-main>svg{display:none}
}
@media(max-width:740px){
  .history-section{padding:34px 0}
  .run-list{grid-template-columns:1fr}
  .history-toolbar{align-items:stretch;flex-direction:column}
  .range-tabs{overflow-x:auto}
  .range-tabs button{flex:none}
  .feed-row{grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;padding:14px 16px}
  .feed-time{grid-column:1/-1;order:-1}
  .shelf-main{padding:16px}
}
@media(prefers-reduced-motion:reduce){.skeleton-list span{animation:none}}