/* Global UI unification layer.
   This file is intentionally narrow: it normalizes shared tokens and
   high-frequency primitives without rewriting page-specific layouts. */

:root{
  --ui-brand:#5cb8e8;
  --ui-brand-strong:#2f98d5;
  --ui-brand-soft:rgba(92,184,232,.16);
  --ui-success:#3f8a5a;
  --ui-success-soft:rgba(63,138,90,.14);
  --ui-surface-radius:28px;
  --ui-inset-radius:18px;
  --ui-pill-radius:999px;
  --ui-toolbar-height:58px;
  --ui-control-height:48px;
  --ui-page-max:560px;
  --ui-sheet-max:560px;
  --ui-glass-border:rgba(255,255,255,.62);
  --ui-glass-fill:linear-gradient(145deg,rgba(255,255,255,.62),rgba(236,246,250,.34));
  --ui-glass-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 12px 28px rgba(63,91,118,.10);
  --ui-content-shadow:0 10px 26px rgba(66,92,114,.06);
}

body{
  background:var(--bg-1);
  color:var(--ink);
}

.admin-shell,
.shopper-shell{
  width:min(100%,var(--ui-page-max))!important;
  max-width:var(--ui-page-max)!important;
}

.topbar,
.admin-topbar{
  width:min(calc(100% - 32px),var(--ui-page-max))!important;
  min-height:var(--ui-toolbar-height)!important;
  border-radius:var(--ui-pill-radius)!important;
}

.topbar .topbar__title strong,
.admin-topbar__title strong{
  font-size:15px!important;
  letter-spacing:-.02em!important;
}

.topbar .topbar__title span,
.admin-topbar__title span{
  font-size:9.5px!important;
  letter-spacing:.025em!important;
  text-transform:none!important;
}

.topbar .icon-button,
.admin-icon-btn,
.sheet-head button{
  width:42px!important;
  height:42px!important;
  border-radius:50%!important;
}

.shopper-hero,
.admin-hero{
  border-radius:32px!important;
  background:linear-gradient(135deg,#6d9ed9 0%,#69bce4 39%,#70c8be 72%,#edb772 132%)!important;
}

.shopper-editor,
.shopper-history,
.shopper-fusion-card,
.panel,
.list,
.summary-card,
.action-card{
  border-radius:var(--ui-surface-radius)!important;
  box-shadow:var(--ui-content-shadow)!important;
}

.section-head,
.panel-title,
.shopper-block-head,
.shopper-history-head{
  align-items:flex-end!important;
  gap:10px!important;
}

.section-head strong,
.panel-title strong,
.shopper-block-head strong,
.shopper-history-head strong{
  font-size:15px!important;
  letter-spacing:-.03em!important;
}

.section-head span,
.panel-title span,
.shopper-block-head span,
.shopper-history-head span{
  font-size:10.5px!important;
  line-height:1.35!important;
  color:var(--ink-soft)!important;
}

.shopper-brand-row,
.shopper-input-summary,
.shopper-sheet-fusion-card,
.summary-card,
.achievement-refresh-brief div,
.shopper-tier-detail-grid article,
.shopper-brand-detail-grid article,
.shopper-daily-summary-main article,
.shopper-daily-summary-grid article,
.shopper-achievement-result,
.shopper-achievement-list,
.shopper-achievement-diff-card{
  border-radius:var(--ui-inset-radius)!important;
}

.list-row,
.shopper-history-row,
.shopper-achievement-list-row{
  min-height:62px!important;
}

.list-main strong,
.shopper-history-copy b,
.shopper-achievement-list-row strong{
  font-size:13px!important;
}

.list-main small,
.shopper-history-copy small,
.shopper-achievement-list-row small{
  font-size:10px!important;
  line-height:1.4!important;
}

.shopper-date-panel,
.shopper-segmented,
.shopper-submit-panel,
.bottom-nav,
.toast,
.shopper-sheet,
.admin-sheet,
.shopper-login-card{
  border-color:var(--ui-glass-border)!important;
  background:var(--ui-glass-fill)!important;
  box-shadow:var(--ui-glass-shadow)!important;
}

.shopper-date-panel,
.shopper-segmented,
.shopper-submit-panel,
.bottom-nav,
.toast{
  border-radius:var(--ui-pill-radius)!important;
}

.shopper-segmented .segmented__indicator,
.segmented__indicator{
  background:linear-gradient(145deg,#70ccf1,#3396d0)!important;
}

.shopper-submit-btn,
.shopper-sheet-primary,
.apply-button,
.button-primary,
.shopper-login-card .solid-button{
  min-height:var(--ui-control-height)!important;
  border-radius:var(--ui-pill-radius)!important;
  background:linear-gradient(145deg,#67c5ef,#2f98d5)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 10px 21px rgba(47,136,197,.18)!important;
}

.text-field,
.select-wrap select,
.shopper-issue-textarea{
  font-size:13px!important;
}

.sheet-head button{
  color:var(--ink-soft)!important;
  border:1px solid rgba(255,255,255,.50)!important;
  background:rgba(255,255,255,.30)!important;
}

.button-secondary,
.button-danger,
.sheet-actions button,
.shopper-dialog-actions button,
.chip,
.badge,
.value-pill,
.admin-pill,
.shopper-autosave-inline{
  border-radius:var(--ui-pill-radius)!important;
}

.progress-track{
  background:var(--ui-brand-soft)!important;
}

.progress-track i{
  background:linear-gradient(90deg,var(--ui-brand),var(--ui-success))!important;
}

.action-card__icon,
.avatar,
.shopper-date-icon{
  color:var(--ui-brand-strong)!important;
  background:var(--ui-brand-soft)!important;
}

.chip.is-active,
.value-pill,
.badge--blue,
.bottom-nav button.is-active,
.admin-icon-btn,
.topbar .icon-button{
  color:var(--ui-brand-strong)!important;
}

.shopper-history-row .badge--danger,
.badge--danger,
.button-danger{
  box-shadow:none!important;
}

/* Final admin repair layer. Admin loads this file after the legacy system
   layer, so fixes that must win against older !important rules live here. */
.admin-pill{
  display:none!important;
}

.admin-topbar{
  gap:10px!important;
}

.admin-topbar__title{
  flex:1 1 auto!important;
  min-width:0!important;
}

.admin-shell button,
.admin-shell .pressable,
.admin-shell .list-row,
.admin-shell .action-card,
.admin-shell .chip{
  transition-duration:.08s!important;
}

.admin-shell .bottom-nav,
.admin-shell .bottom-nav button,
.admin-shell .bottom-nav button svg,
.admin-shell .bottom-nav__indicator,
.admin-shell .segmented__indicator,
.admin-shell .liquid-lens{
  transition-duration:.10s!important;
}

.admin-shell .admin-hero::before{
  filter:blur(12px)!important;
}

.admin-shell .bottom-nav,
.admin-topbar{
  backdrop-filter:blur(18px) saturate(112%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(112%)!important;
}

.admin-sheet{
  transition-duration:.16s!important;
}

.sheet-backdrop{
  transition-duration:.10s!important;
  backdrop-filter:blur(3px)!important;
  -webkit-backdrop-filter:blur(3px)!important;
}

.report-date-panel{
  padding:10px 12px!important;
  border-radius:28px!important;
}

.report-date-switch{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr) 44px!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
}

.report-date-switch .admin-icon-btn{
  width:44px!important;
  height:44px!important;
  justify-self:center!important;
  color:var(--ui-brand-strong)!important;
  border-color:rgba(255,255,255,.58)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.54),rgba(237,246,250,.20))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 6px 15px rgba(65,96,123,.06)!important;
}

.report-date-switch .admin-icon-btn[disabled]{
  opacity:.38!important;
  color:var(--ink-faint)!important;
  box-shadow:none!important;
}

.report-date-current{
  display:grid!important;
  justify-items:center!important;
  gap:3px!important;
  min-width:0!important;
  padding:4px 6px!important;
  text-align:center!important;
}

.report-date-current span{
  font-size:10px!important;
  color:var(--ink-soft)!important;
}

.report-date-current strong{
  font-size:18px!important;
  color:var(--ink)!important;
  letter-spacing:0!important;
}

.report-date-current small{
  font-size:11px!important;
  color:var(--ui-brand-strong)!important;
}

.achievement-status-card{
  display:grid!important;
  gap:14px!important;
  padding:17px 18px 18px!important;
  border-radius:30px!important;
}

.achievement-status-card__main{
  display:grid!important;
  gap:10px!important;
  min-width:0!important;
}

.achievement-status-card .panel-title{
  align-items:flex-start!important;
}

.achievement-status-card .panel-title .badge{
  margin-left:auto!important;
  flex:0 0 auto!important;
}

.achievement-status-card__main p{
  margin:0!important;
  font-size:15px!important;
  font-weight:760!important;
  line-height:1.35!important;
  letter-spacing:0!important;
}

.achievement-status-card__main small{
  display:block!important;
  font-size:11px!important;
  line-height:1.55!important;
  color:var(--ink-soft)!important;
}

.achievement-status-card__button{
  width:100%!important;
  min-height:48px!important;
}

.report-stage-panel{
  display:grid!important;
  gap:12px!important;
}

.report-stage-range{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  margin-top:0!important;
}

.report-stage-range label span{
  display:block!important;
  margin:0 0 7px!important;
  color:var(--ink-soft)!important;
  font-size:10.5px!important;
  font-weight:760!important;
}

.report-stage-range .text-field{
  min-height:46px!important;
  border-radius:18px!important;
  font-size:12px!important;
}

.report-stage-panel .apply-button{
  margin-top:0!important;
}

.admin-shell .bottom-nav{
  border-color:rgba(255,255,255,.56)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.64),rgba(233,243,247,.28))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.80),0 10px 26px rgba(60,91,116,.10)!important;
  backdrop-filter:blur(28px) saturate(118%)!important;
  -webkit-backdrop-filter:blur(28px) saturate(118%)!important;
}

.admin-shell .bottom-nav__indicator{
  left:6px!important;
  top:6px!important;
  bottom:6px!important;
  width:calc((100% - 12px)/4)!important;
  border-color:rgba(255,255,255,.66)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.66),rgba(230,239,245,.18))!important;
  box-shadow:0 4px 13px rgba(66,91,122,.05),inset 0 1px 0 rgba(255,255,255,.76),inset -7px -6px 13px rgba(74,110,148,.03)!important;
  transform:translate3d(calc(var(--nav-index,0) * 100%),0,0)!important;
}

.admin-shell .bottom-nav button{
  background:transparent!important;
}

.admin-shell .bottom-nav button.is-active{
  color:var(--ui-brand-strong)!important;
}

.shopper-dialog-copy{
  display:grid!important;
  justify-items:center!important;
  gap:10px!important;
  padding:6px 6px 2px!important;
  text-align:center!important;
}

.shopper-dialog-icon{
  display:grid!important;
  place-items:center!important;
  width:50px!important;
  height:50px!important;
  border-radius:50%!important;
  color:var(--ui-brand-strong)!important;
  background:var(--ui-brand-soft)!important;
}

.shopper-dialog-copy h3{
  margin:0!important;
  font-size:18px!important;
  line-height:1.2!important;
  letter-spacing:0!important;
}

.shopper-dialog-copy p{
  margin:0!important;
  max-width:280px!important;
  color:var(--ink-soft)!important;
  font-size:12px!important;
  line-height:1.55!important;
}

.shopper-dialog-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  margin-top:16px!important;
}

.shopper-dialog-actions button{
  min-height:48px!important;
}

.shopper-version{
  margin-top:12px!important;
  text-align:center!important;
  color:var(--ink-faint)!important;
  font-size:10px!important;
}

@media(min-width:1024px){
  :root{
    --ui-page-max:1240px;
  }

  .achievement-status-card{
    grid-template-columns:minmax(0,1fr) 168px!important;
    align-items:center!important;
    gap:18px!important;
  }

  .report-date-switch{
    grid-template-columns:48px minmax(0,1fr) 48px!important;
  }

  .report-date-current strong{
    font-size:22px!important;
  }

  .admin-shell .bottom-nav__indicator{
    width:calc(100% - 14px)!important;
    height:68px!important;
    transform:translateY(calc(var(--nav-index,0) * 73px))!important;
  }
}


/* Global UI pass 1: shared primitive lock. Keep this narrow and page-agnostic. */
.topbar,
.admin-topbar{
  width:min(calc(100% - 32px),var(--ui-page-max))!important;
  min-height:var(--ui-toolbar-height)!important;
  padding:8px 9px 8px 15px!important;
}

.icon-button,
.admin-icon-btn,
.sheet-head button{
  width:42px!important;
  height:42px!important;
}

.solid-button,
.outline-button,
.apply-button,
.button-primary,
.button-secondary,
.button-danger,
.sheet-actions button,
.shopper-dialog-actions button{
  min-height:var(--ui-control-height)!important;
  border-radius:var(--ui-pill-radius)!important;
  font-size:13px!important;
  font-weight:790!important;
}

.bottom-sheet.admin-sheet,
.bottom-sheet.shopper-sheet,
.admin-sheet,
.shopper-sheet{
  left:50%!important;
  bottom:0!important;
  width:min(100%,var(--ui-sheet-max))!important;
  max-height:min(82svh,680px)!important;
  border-radius:30px 30px 0 0!important;
  transform:translate(-50%,var(--sheet-y,0px))!important;
}

.bottom-sheet:not(.is-open){
  transform:translate(-50%,calc(105% + var(--sheet-y,0px)))!important;
}


/* Sheet handle: draw only one drag bar. Legacy lab CSS also paints
   .sheet-handle::before, which caused the double horizontal bars. */
.sheet-handle{
  width:42px!important;
  height:4px!important;
  margin:2px auto 14px!important;
  border-radius:999px!important;
  background:rgba(77,97,112,.16)!important;
}

.sheet-handle::before{
  content:none!important;
  display:none!important;
}


/* Logout sheet uses the app sheet width, not the admin desktop page width. */
.logout-sheet{
  width:min(100%,var(--ui-sheet-max))!important;
  max-width:var(--ui-sheet-max)!important;
  border-radius:30px 30px 0 0!important;
}


/* Admin today overview: compact the hero so the work lists stay visible. */
.admin-shell .admin-hero{
  min-height:150px!important;
  padding:13px 14px 12px!important;
  border-radius:24px!important;
}

.admin-shell .admin-hero__head{
  gap:10px!important;
}

.admin-shell .admin-hero__title{
  margin-top:4px!important;
  font-size:15px!important;
  line-height:1.22!important;
}

.admin-shell .admin-hero__share{
  font-size:42px!important;
  line-height:.92!important;
  letter-spacing:-.045em!important;
}

.admin-shell .admin-hero__share small{
  font-size:16px!important;
}

.admin-shell .admin-hero__note{
  margin-top:3px!important;
  font-size:9.5px!important;
}

.admin-shell .admin-hero__grid{
  margin-top:10px!important;
  padding-top:8px!important;
}

.admin-shell .admin-hero__metric{
  padding:0 7px!important;
}

.admin-shell .admin-hero__metric strong{
  margin-top:3px!important;
  font-size:14px!important;
}

@media(max-width:390px){
  .admin-shell .admin-hero{
    min-height:142px!important;
    padding:12px 13px 11px!important;
  }
  .admin-shell .admin-hero__share{
    font-size:38px!important;
  }
}


/* Admin today overview pass 2: denser work surface. */
.admin-shell .admin-main{
  gap:10px!important;
}

.admin-shell .admin-hero{
  min-height:132px!important;
  padding:12px 13px 10px!important;
  border-radius:22px!important;
}

.admin-shell .admin-hero__kicker{
  font-size:9.5px!important;
}

.admin-shell .admin-hero__title{
  margin-top:3px!important;
  font-size:14px!important;
}

.admin-shell .admin-hero__share{
  font-size:36px!important;
  line-height:.9!important;
}

.admin-shell .admin-hero__share small{
  font-size:14px!important;
}

.admin-shell .admin-hero__grid{
  margin-top:8px!important;
  padding-top:7px!important;
}

.admin-shell .admin-hero__metric span{
  font-size:8.8px!important;
}

.admin-shell .admin-hero__metric strong{
  margin-top:2px!important;
  font-size:13px!important;
}

.admin-shell .section-head{
  padding-top:2px!important;
}

.admin-shell .today-workbench-list{
  border-radius:22px!important;
}

.admin-shell .today-workbench-list .list-row{
  min-height:56px!important;
  padding:10px 14px!important;
  background:rgba(255,255,255,.34)!important;
}

.admin-shell .today-workbench-list .list-main strong{
  font-size:14px!important;
}

.admin-shell .today-workbench-list .badge{
  min-width:48px!important;
  height:34px!important;
}

.admin-shell .today-alert-list .list-row{
  min-height:60px!important;
  padding-top:10px!important;
  padding-bottom:10px!important;
}

.admin-shell .today-report-list{
  border-radius:22px!important;
}

.admin-shell .today-report-list .empty{
  min-height:54px!important;
  padding:16px!important;
  color:var(--ink-soft)!important;
  font-size:12px!important;
  background:rgba(255,255,255,.18)!important;
}

@media(max-width:390px){
  .admin-shell .admin-hero{
    min-height:128px!important;
    padding:11px 12px 10px!important;
  }
  .admin-shell .admin-hero__share{
    font-size:34px!important;
  }
  .admin-shell .today-alert-list .list-row{
    min-height:58px!important;
  }
}


/* Admin today overview pass 3: hide empty report module and balance hero content. */
.admin-shell .admin-hero{
  min-height:132px!important;
  padding:13px 13px 12px!important;
}

.admin-shell .admin-hero__content{
  min-height:107px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
}

.admin-shell .admin-hero__head{
  align-items:flex-start!important;
}

.admin-shell .admin-hero__title{
  margin-top:4px!important;
  line-height:1.28!important;
}

.admin-shell .admin-hero__share{
  padding-top:2px!important;
}

.admin-shell .admin-hero__grid{
  margin-top:0!important;
  padding-top:9px!important;
}

.admin-shell .today-empty-list{
  border-radius:22px!important;
}

.admin-shell .today-empty-list .empty{
  min-height:58px!important;
  padding:16px!important;
  color:var(--ink-soft)!important;
  font-size:12px!important;
  background:rgba(255,255,255,.18)!important;
}

@media(max-width:390px){
  .admin-shell .admin-hero{
    min-height:128px!important;
    padding:12px 12px 11px!important;
  }
  .admin-shell .admin-hero__content{
    min-height:105px!important;
  }
}


/* Admin today overview pass 4: slightly larger hero with clearer type hierarchy. */
.admin-shell .admin-hero{
  min-height:154px!important;
  padding:15px 15px 13px!important;
  border-radius:24px!important;
}

.admin-shell .admin-hero__content{
  min-height:126px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:space-between!important;
}

.admin-shell .admin-hero__head{
  align-items:flex-start!important;
  gap:14px!important;
}

.admin-shell .admin-hero__kicker{
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:650!important;
  color:rgba(255,255,255,.76)!important;
}

.admin-shell .admin-hero__title{
  margin-top:6px!important;
  max-width:220px!important;
  font-size:17px!important;
  line-height:1.22!important;
  font-weight:820!important;
  letter-spacing:0!important;
  color:rgba(255,255,255,.96)!important;
  text-shadow:0 1px 8px rgba(32,74,105,.16)!important;
}

.admin-shell .admin-hero__share{
  min-width:62px!important;
  padding-top:0!important;
  font-size:48px!important;
  line-height:.9!important;
  font-weight:820!important;
  letter-spacing:0!important;
  text-align:right!important;
}

.admin-shell .admin-hero__share small{
  margin-left:1px!important;
  font-size:17px!important;
  line-height:1!important;
  font-weight:760!important;
}

.admin-shell .admin-hero__note{
  margin-top:7px!important;
  font-size:10px!important;
  line-height:1.15!important;
  color:rgba(255,255,255,.70)!important;
  text-align:right!important;
}

.admin-shell .admin-hero__grid{
  margin-top:0!important;
  padding-top:12px!important;
  border-top-color:rgba(255,255,255,.20)!important;
}

.admin-shell .admin-hero__metric{
  padding:0 9px!important;
}

.admin-shell .admin-hero__metric span{
  font-size:9.5px!important;
  line-height:1.15!important;
  color:rgba(255,255,255,.68)!important;
}

.admin-shell .admin-hero__metric strong{
  margin-top:5px!important;
  font-size:15px!important;
  line-height:1.05!important;
  font-weight:820!important;
  letter-spacing:0!important;
}

@media(max-width:390px){
  .admin-shell .admin-hero{
    min-height:148px!important;
    padding:14px 14px 12px!important;
  }
  .admin-shell .admin-hero__content{
    min-height:121px!important;
  }
  .admin-shell .admin-hero__title{
    max-width:190px!important;
    font-size:16px!important;
  }
  .admin-shell .admin-hero__share{
    min-width:58px!important;
    font-size:44px!important;
  }
  .admin-shell .admin-hero__metric{
    padding:0 7px!important;
  }
}


/* Admin report page pass 1: make daily reports an archive view. */
.admin-shell .report-date-panel--compact{
  padding:8px 10px!important;
  border-radius:24px!important;
}

.admin-shell .report-date-panel--compact .report-date-switch{
  grid-template-columns:40px minmax(0,1fr) 40px!important;
  gap:8px!important;
}

.admin-shell .report-date-panel--compact .admin-icon-btn{
  width:40px!important;
  height:40px!important;
}

.admin-shell .report-date-panel--compact .report-date-current{
  gap:2px!important;
  padding:2px 6px!important;
}

.admin-shell .report-date-panel--compact .report-date-current span{
  font-size:9.5px!important;
}

.admin-shell .report-date-panel--compact .report-date-current strong{
  font-size:17px!important;
  line-height:1.15!important;
}

.admin-shell .report-day-list,
.admin-shell .report-stage-list{
  border-radius:22px!important;
}

.admin-shell .list-row--report{
  min-height:64px!important;
  padding:11px 14px!important;
}

.admin-shell .list-row--report .list-main strong,
.admin-shell .report-stage-list .list-main strong{
  font-size:14px!important;
  line-height:1.2!important;
}

.admin-shell .list-row--report .list-main small,
.admin-shell .report-stage-list .list-main small{
  margin-top:5px!important;
  font-size:10.5px!important;
  line-height:1.45!important;
}

.admin-shell .value-pill--share{
  min-width:50px!important;
  height:32px!important;
  padding:0 11px!important;
  font-size:12px!important;
}

.admin-shell .report-stage-panel--compact{
  gap:10px!important;
  padding:13px 14px!important;
  border-radius:24px!important;
}

.admin-shell .report-stage-panel--compact .panel-title{
  margin-bottom:0!important;
}

.admin-shell .report-stage-panel--compact .report-stage-range{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) 64px!important;
  align-items:end!important;
  gap:8px!important;
}

.admin-shell .report-stage-panel--compact .report-stage-range label span{
  margin-bottom:5px!important;
  font-size:9.5px!important;
}

.admin-shell .report-stage-panel--compact .report-stage-range .text-field{
  min-height:42px!important;
  border-radius:16px!important;
}

.admin-shell .report-stage-panel--compact .apply-button{
  min-height:42px!important;
  padding:0 12px!important;
  border-radius:16px!important;
}

.admin-shell .report-stage-summary{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}

.admin-shell .report-stage-summary .summary-card{
  padding:11px 8px!important;
  border-radius:16px!important;
}

.admin-shell .report-stage-summary .summary-card span{
  font-size:9.5px!important;
}

.admin-shell .report-stage-summary .summary-card strong{
  font-size:16px!important;
  letter-spacing:0!important;
}

@media(max-width:390px){
  .admin-shell .report-stage-panel--compact .report-stage-range{
    grid-template-columns:1fr 1fr!important;
  }
  .admin-shell .report-stage-panel--compact .apply-button{
    grid-column:1 / -1!important;
  }
  .admin-shell .report-stage-summary .summary-card strong{
    font-size:15px!important;
  }
}


/* Admin report page pass 2: align stage date picker with single-day date card. */
.admin-shell .report-stage-date-panel{
  padding:8px 10px!important;
  border-radius:24px!important;
}

.admin-shell .report-stage-date-switch{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr) 54px!important;
  align-items:center!important;
  gap:6px!important;
  width:100%!important;
}

.admin-shell .report-stage-date-switch .text-field{
  min-width:0!important;
  width:100%!important;
  min-height:40px!important;
  height:40px!important;
  padding:0 8px!important;
  border-radius:18px!important;
  font-size:11px!important;
  text-align:center!important;
}

.admin-shell .report-stage-date-switch span{
  justify-self:center!important;
  color:var(--ink-soft)!important;
  font-size:11px!important;
  font-weight:760!important;
}

.admin-shell .report-stage-date-switch .apply-button{
  min-height:40px!important;
  height:40px!important;
  padding:0 10px!important;
  border-radius:18px!important;
  font-size:12px!important;
}

@media(max-width:390px){
  .admin-shell .report-stage-date-switch{
    grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr) 48px!important;
    gap:5px!important;
  }
  .admin-shell .report-stage-date-switch .text-field{
    padding:0 5px!important;
    font-size:10px!important;
  }
  .admin-shell .report-stage-date-switch .apply-button{
    padding:0 8px!important;
    font-size:11px!important;
  }
}


/* Admin report page pass 3: unify single and stage list rows. */
.admin-shell .report-stage-date-panel,
.admin-shell .report-date-panel--compact{
  min-height:58px!important;
}

.admin-shell .report-stage-date-switch{
  grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr) 54px!important;
  align-items:center!important;
}

.admin-shell .report-stage-date-switch .text-field,
.admin-shell .report-stage-date-switch .apply-button{
  align-self:center!important;
  box-sizing:border-box!important;
  min-height:40px!important;
  height:40px!important;
  margin:0!important;
  line-height:40px!important;
}

.admin-shell .report-stage-date-switch .apply-button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:54px!important;
  min-width:54px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.52),0 6px 14px rgba(47,136,197,.16)!important;
}

.admin-shell .report-day-list .list-row--report,
.admin-shell .report-stage-list .list-row--report{
  min-height:66px!important;
  padding:11px 14px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:12px!important;
}

.admin-shell .report-list-main{
  min-width:0!important;
}

.admin-shell .report-list-main strong{
  display:flex!important;
  align-items:baseline!important;
  gap:8px!important;
  min-width:0!important;
  line-height:1.25!important;
}

.admin-shell .report-name{
  flex:0 0 auto!important;
  color:var(--ink)!important;
  font-size:14px!important;
  font-weight:820!important;
}

.admin-shell .report-inline-metrics{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:var(--ink-soft)!important;
  font-size:10.5px!important;
  font-weight:680!important;
}

.admin-shell .report-list-main small{
  display:block!important;
  margin-top:6px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:var(--ink-soft)!important;
  font-size:10.5px!important;
  line-height:1.25!important;
}

.admin-shell .report-stage-list .rank-no{
  display:none!important;
}

@media(max-width:390px){
  .admin-shell .report-list-main strong{
    gap:6px!important;
  }
  .admin-shell .report-inline-metrics{
    font-size:10px!important;
  }
  .admin-shell .report-stage-date-switch{
    grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr) 48px!important;
  }
  .admin-shell .report-stage-date-switch .apply-button{
    width:48px!important;
    min-width:48px!important;
  }
}


/* Admin report page pass 4: shared compact report hero for single and stage modes. */
.admin-shell .report-mini-hero{
  position:relative!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
  min-height:106px!important;
  padding:15px 16px!important;
  border-radius:24px!important;
  border:1px solid rgba(255,255,255,.58)!important;
  background:linear-gradient(138deg,rgba(98,177,225,.58),rgba(110,205,189,.44) 72%,rgba(255,255,255,.30))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.68),inset 0 -1px 0 rgba(44,96,125,.08),0 12px 28px rgba(57,99,137,.10)!important;
}

.admin-shell .report-mini-hero::before{
  content:""!important;
  position:absolute!important;
  inset:-36%!important;
  background:radial-gradient(circle at 12% 10%,rgba(255,255,255,.68),transparent 24%),radial-gradient(circle at 88% 20%,rgba(255,255,255,.42),transparent 22%),radial-gradient(circle at 70% 88%,rgba(76,205,181,.30),transparent 34%)!important;
  filter:blur(18px)!important;
  opacity:.84!important;
  pointer-events:none!important;
}

.admin-shell .report-mini-hero__main,
.admin-shell .report-mini-hero__share{
  position:relative!important;
  z-index:1!important;
}

.admin-shell .report-mini-hero__main{
  display:grid!important;
  gap:6px!important;
  min-width:0!important;
}

.admin-shell .report-mini-hero__main span{
  color:rgba(255,255,255,.76)!important;
  font-size:10px!important;
  font-weight:700!important;
  line-height:1.15!important;
}

.admin-shell .report-mini-hero__main strong{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:rgba(255,255,255,.98)!important;
  font-size:18px!important;
  font-weight:840!important;
  line-height:1.18!important;
  letter-spacing:0!important;
  text-shadow:0 1px 8px rgba(34,80,112,.14)!important;
}

.admin-shell .report-mini-hero__main small{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:rgba(255,255,255,.78)!important;
  font-size:11px!important;
  font-weight:680!important;
  line-height:1.2!important;
}

.admin-shell .report-mini-hero__share{
  min-width:76px!important;
  padding:9px 10px!important;
  border-radius:20px!important;
  text-align:center!important;
  background:rgba(255,255,255,.22)!important;
  border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32)!important;
}

.admin-shell .report-mini-hero__share strong{
  display:block!important;
  color:#fff!important;
  font-size:24px!important;
  font-weight:850!important;
  line-height:1!important;
  letter-spacing:0!important;
}

.admin-shell .report-mini-hero__share span{
  display:block!important;
  margin-top:5px!important;
  color:rgba(255,255,255,.72)!important;
  font-size:9.5px!important;
  font-weight:700!important;
  line-height:1.1!important;
}

@media(max-width:390px){
  .admin-shell .report-mini-hero{
    min-height:100px!important;
    padding:14px 14px!important;
    gap:10px!important;
  }
  .admin-shell .report-mini-hero__main strong{
    font-size:16px!important;
  }
  .admin-shell .report-mini-hero__share{
    min-width:68px!important;
    padding:8px!important;
  }
  .admin-shell .report-mini-hero__share strong{
    font-size:21px!important;
  }
}


/* Report row final pass: aligned metric cells and share color scale. */
.admin-shell .report-list-main strong{
  display:grid!important;
  grid-template-columns:max-content minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:10px!important;
}

.admin-shell .report-metrics-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(38px,1fr))!important;
  align-items:baseline!important;
  gap:4px!important;
  min-width:0!important;
}

.admin-shell .list-row--stage-report .report-metrics-grid{
  grid-template-columns:repeat(4,minmax(34px,1fr))!important;
}

.admin-shell .report-metric-cell{
  display:grid!important;
  grid-template-columns:max-content auto!important;
  align-items:baseline!important;
  justify-content:start!important;
  gap:3px!important;
  min-width:0!important;
  white-space:nowrap!important;
}

.admin-shell .report-metric-cell em{
  font-style:normal!important;
  color:var(--ink-soft)!important;
  font-size:10px!important;
  font-weight:650!important;
}

.admin-shell .report-metric-cell b{
  color:var(--ink)!important;
  font-size:11px!important;
  font-weight:820!important;
  letter-spacing:0!important;
}

.admin-shell .share-pill{
  color:#288ec5!important;
  background:rgba(225,245,254,.88)!important;
  border:1px solid rgba(144,210,240,.34)!important;
}

.admin-shell .share-pill--high{
  color:#16845f!important;
  background:rgba(218,246,232,.92)!important;
  border-color:rgba(102,198,154,.34)!important;
}

.admin-shell .share-pill--mid{
  color:#2589c1!important;
  background:rgba(226,246,255,.92)!important;
  border-color:rgba(128,205,240,.34)!important;
}

.admin-shell .share-pill--low{
  color:#b87522!important;
  background:rgba(255,239,215,.94)!important;
  border-color:rgba(236,181,99,.38)!important;
}

.admin-shell .share-pill--zero{
  color:#c45252!important;
  background:rgba(255,229,229,.94)!important;
  border-color:rgba(229,137,137,.34)!important;
}

@media(max-width:390px){
  .admin-shell .report-list-main strong{
    column-gap:8px!important;
  }
  .admin-shell .report-metrics-grid{
    grid-template-columns:repeat(3,minmax(32px,1fr))!important;
    gap:3px!important;
  }
  .admin-shell .list-row--stage-report .report-metrics-grid{
    grid-template-columns:repeat(4,minmax(28px,1fr))!important;
  }
  .admin-shell .report-metric-cell em{
    font-size:9.5px!important;
  }
  .admin-shell .report-metric-cell b{
    font-size:10.5px!important;
  }
}


/* Report list visual alignment pass: unified metric and state capsules. */
.admin-shell .report-day-list .list-row--report,
.admin-shell .report-stage-list .list-row--report,
.admin-shell .today-report-list .list-row--report{
  min-height:68px!important;
  padding:12px 14px!important;
}

.admin-shell .report-list-main strong{
  display:grid!important;
  grid-template-columns:minmax(58px,max-content) minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:10px!important;
}

.admin-shell .report-name{
  min-width:58px!important;
  font-size:14px!important;
  line-height:1.2!important;
}

.admin-shell .report-metrics-grid,
.admin-shell .list-row--stage-report .report-metrics-grid{
  display:grid!important;
  grid-template-columns:repeat(3, minmax(52px, 1fr))!important;
  gap:6px!important;
  align-items:center!important;
}

.admin-shell .metric-pill{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:3px!important;
  min-width:0!important;
  height:30px!important;
  padding:0 7px!important;
  border-radius:999px!important;
  background:rgba(238,247,251,.70)!important;
  border:1px solid rgba(158,194,214,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.62)!important;
  white-space:nowrap!important;
}

.admin-shell .metric-pill em{
  color:var(--ink-soft)!important;
  font-size:9.5px!important;
  font-weight:700!important;
}

.admin-shell .metric-pill b{
  color:var(--ink)!important;
  font-size:11.5px!important;
  font-weight:840!important;
  letter-spacing:0!important;
}

.admin-shell .value-pill,
.admin-shell .badge{
  min-width:58px!important;
  height:34px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  font-size:12px!important;
  font-weight:820!important;
  line-height:1!important;
  white-space:nowrap!important;
}

.admin-shell .share-pill{
  min-width:58px!important;
  height:34px!important;
}

.admin-shell .section-head:has(strong:only-child){
  grid-template-columns:1fr!important;
}

@media(max-width:390px){
  .admin-shell .report-list-main strong{
    grid-template-columns:minmax(50px,max-content) minmax(0,1fr)!important;
    column-gap:8px!important;
  }
  .admin-shell .report-name{
    min-width:50px!important;
    font-size:13.5px!important;
  }
  .admin-shell .report-metrics-grid,
  .admin-shell .list-row--stage-report .report-metrics-grid{
    grid-template-columns:repeat(3, minmax(44px, 1fr))!important;
    gap:4px!important;
  }
  .admin-shell .metric-pill{
    height:28px!important;
    padding:0 5px!important;
  }
  .admin-shell .metric-pill em{
    font-size:9px!important;
  }
  .admin-shell .metric-pill b{
    font-size:10.5px!important;
  }
  .admin-shell .value-pill,
  .admin-shell .badge,
  .admin-shell .share-pill{
    min-width:54px!important;
    height:32px!important;
    padding:0 10px!important;
    font-size:11.5px!important;
  }
}


/* Report list final layout: identity + centered metric capsules + share capsule. */
.admin-shell .today-report-list .list-row--report,
.admin-shell .report-day-list .list-row--report,
.admin-shell .report-stage-list .list-row--report{
  min-height:66px!important;
  padding:11px 12px!important;
  grid-template-columns:minmax(118px,1fr) 62px!important;
  column-gap:8px!important;
}

.admin-shell .report-list-main strong{
  display:grid!important;
  grid-template-columns:minmax(54px,74px) repeat(3, minmax(48px,56px))!important;
  align-items:center!important;
  column-gap:6px!important;
  width:100%!important;
}

.admin-shell .report-name{
  min-width:0!important;
  width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:14px!important;
  font-weight:840!important;
}

.admin-shell .report-metrics-grid,
.admin-shell .list-row--stage-report .report-metrics-grid{
  display:contents!important;
}

.admin-shell .metric-pill{
  width:100%!important;
  min-width:0!important;
  height:30px!important;
  padding:0 5px!important;
  border-radius:999px!important;
  justify-content:center!important;
  gap:3px!important;
  background:rgba(238,247,251,.64)!important;
  border:1px solid rgba(143,184,207,.16)!important;
}

.admin-shell .metric-pill em{
  font-size:9px!important;
  font-weight:700!important;
}

.admin-shell .metric-pill b{
  font-size:11px!important;
  font-weight:840!important;
}

.admin-shell .report-list-main small{
  max-width:74px!important;
  margin-top:6px!important;
  font-size:10.5px!important;
}

.admin-shell .list-row--report > .value-pill,
.admin-shell .list-row--report > .badge,
.admin-shell .list-row--report > .share-pill{
  width:62px!important;
  min-width:62px!important;
  height:34px!important;
  padding:0 8px!important;
  justify-self:end!important;
}

@media(max-width:390px){
  .admin-shell .today-report-list .list-row--report,
  .admin-shell .report-day-list .list-row--report,
  .admin-shell .report-stage-list .list-row--report{
    grid-template-columns:minmax(108px,1fr) 58px!important;
    column-gap:7px!important;
    padding-left:11px!important;
    padding-right:11px!important;
  }
  .admin-shell .report-list-main strong{
    grid-template-columns:minmax(48px,64px) repeat(3, minmax(43px,50px))!important;
    column-gap:5px!important;
  }
  .admin-shell .report-name{
    font-size:13.5px!important;
  }
  .admin-shell .metric-pill{
    height:28px!important;
    padding:0 4px!important;
  }
  .admin-shell .metric-pill em{
    font-size:8.5px!important;
  }
  .admin-shell .metric-pill b{
    font-size:10.5px!important;
  }
  .admin-shell .report-list-main small{
    max-width:64px!important;
  }
  .admin-shell .list-row--report > .value-pill,
  .admin-shell .list-row--report > .badge,
  .admin-shell .list-row--report > .share-pill{
    width:58px!important;
    min-width:58px!important;
    height:32px!important;
  }
}


/* Report list final alignment pass: centered capsule row with store caption below. */
.admin-shell .today-report-list .list-row--report,
.admin-shell .report-day-list .list-row--report,
.admin-shell .report-stage-list .list-row--report{
  min-height:72px!important;
  padding-top:12px!important;
  padding-bottom:12px!important;
  align-items:center!important;
}

.admin-shell .report-list-main{
  display:grid!important;
  align-content:center!important;
  row-gap:7px!important;
}

.admin-shell .report-list-main strong{
  min-height:34px!important;
  align-items:center!important;
}

.admin-shell .report-name{
  align-self:center!important;
  line-height:34px!important;
}

.admin-shell .metric-pill,
.admin-shell .list-row--report > .value-pill,
.admin-shell .list-row--report > .badge,
.admin-shell .list-row--report > .share-pill{
  height:34px!important;
  align-self:center!important;
}

.admin-shell .metric-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}

.admin-shell .report-list-main small{
  margin-top:0!important;
  transform:translateY(2px)!important;
  align-self:start!important;
  color:var(--ink-soft)!important;
}

@media(max-width:390px){
  .admin-shell .today-report-list .list-row--report,
  .admin-shell .report-day-list .list-row--report,
  .admin-shell .report-stage-list .list-row--report{
    min-height:70px!important;
    padding-top:11px!important;
    padding-bottom:11px!important;
  }
  .admin-shell .report-list-main{
    row-gap:6px!important;
  }
  .admin-shell .report-list-main strong{
    min-height:32px!important;
  }
  .admin-shell .report-name{
    line-height:32px!important;
  }
  .admin-shell .metric-pill,
  .admin-shell .list-row--report > .value-pill,
  .admin-shell .list-row--report > .badge,
  .admin-shell .list-row--report > .share-pill{
    height:32px!important;
  }
}


/* Report row correction: keep store full in identity column and center metric group vertically. */
.admin-shell .today-report-list .list-row--report,
.admin-shell .report-day-list .list-row--report,
.admin-shell .report-stage-list .list-row--report{
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:10px!important;
  min-height:72px!important;
}

.admin-shell .report-list-main{
  display:grid!important;
  grid-template-rows:auto auto!important;
  align-content:center!important;
  row-gap:6px!important;
  min-width:0!important;
}

.admin-shell .report-list-main strong{
  display:grid!important;
  grid-template-columns:minmax(52px,72px) repeat(3,54px)!important;
  align-items:center!important;
  column-gap:6px!important;
  min-height:32px!important;
}

.admin-shell .report-name{
  width:auto!important;
  min-width:0!important;
  max-width:72px!important;
  line-height:1.2!important;
}

.admin-shell .metric-pill{
  height:32px!important;
}

.admin-shell .list-row--report > .value-pill,
.admin-shell .list-row--report > .badge,
.admin-shell .list-row--report > .share-pill{
  width:60px!important;
  min-width:60px!important;
  height:32px!important;
  align-self:center!important;
}

.admin-shell .report-list-main small{
  max-width:none!important;
  width:100%!important;
  margin-top:0!important;
  transform:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  line-height:1.25!important;
}

@media(max-width:390px){
  .admin-shell .today-report-list .list-row--report,
  .admin-shell .report-day-list .list-row--report,
  .admin-shell .report-stage-list .list-row--report{
    grid-template-columns:minmax(0,1fr) auto!important;
    column-gap:8px!important;
    min-height:70px!important;
  }
  .admin-shell .report-list-main strong{
    grid-template-columns:minmax(48px,62px) repeat(3,48px)!important;
    column-gap:5px!important;
  }
  .admin-shell .report-name{
    max-width:62px!important;
  }
  .admin-shell .metric-pill,
  .admin-shell .list-row--report > .value-pill,
  .admin-shell .list-row--report > .badge,
  .admin-shell .list-row--report > .share-pill{
    height:30px!important;
  }
  .admin-shell .list-row--report > .value-pill,
  .admin-shell .list-row--report > .badge,
  .admin-shell .list-row--report > .share-pill{
    width:56px!important;
    min-width:56px!important;
  }
}


/* Report row rollback: use compact text metrics, keep store name visible. */
.admin-shell .today-report-list .list-row--report,
.admin-shell .report-day-list .list-row--report,
.admin-shell .report-stage-list .list-row--report{
  min-height:64px!important;
  padding:11px 14px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:12px!important;
}

.admin-shell .report-list-main{
  display:grid!important;
  row-gap:5px!important;
  min-width:0!important;
}

.admin-shell .report-list-main strong{
  display:flex!important;
  align-items:baseline!important;
  gap:8px!important;
  min-height:0!important;
  line-height:1.25!important;
}

.admin-shell .report-name{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  overflow:visible!important;
  color:var(--ink)!important;
  font-size:14px!important;
  font-weight:840!important;
  line-height:1.25!important;
}

.admin-shell .report-inline-metrics{
  display:inline!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:var(--ink-soft)!important;
  font-size:10.5px!important;
  font-weight:720!important;
  line-height:1.25!important;
}

.admin-shell .report-list-main small{
  max-width:none!important;
  width:100%!important;
  margin-top:0!important;
  transform:none!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:var(--ink-soft)!important;
  font-size:10.5px!important;
  line-height:1.25!important;
}

.admin-shell .list-row--report > .value-pill,
.admin-shell .list-row--report > .badge,
.admin-shell .list-row--report > .share-pill{
  width:58px!important;
  min-width:58px!important;
  height:32px!important;
  padding:0 10px!important;
  align-self:center!important;
}

@media(max-width:390px){
  .admin-shell .today-report-list .list-row--report,
  .admin-shell .report-day-list .list-row--report,
  .admin-shell .report-stage-list .list-row--report{
    min-height:62px!important;
    padding:10px 12px!important;
    column-gap:10px!important;
  }
  .admin-shell .report-name{
    font-size:13.5px!important;
  }
  .admin-shell .report-inline-metrics,
  .admin-shell .report-list-main small{
    font-size:10px!important;
  }
  .admin-shell .list-row--report > .value-pill,
  .admin-shell .list-row--report > .badge,
  .admin-shell .list-row--report > .share-pill{
    width:56px!important;
    min-width:56px!important;
    height:31px!important;
  }
}


/* Report row right-side pill strip: metrics and share centered between two identity lines. */
.admin-shell .today-report-list .list-row--report,
.admin-shell .report-day-list .list-row--report,
.admin-shell .report-stage-list .list-row--report{
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  min-height:64px!important;
  padding:10px 12px!important;
  column-gap:8px!important;
}

.admin-shell .report-list-main{
  display:grid!important;
  row-gap:5px!important;
  min-width:0!important;
  align-content:center!important;
}

.admin-shell .report-list-main strong{
  display:block!important;
  min-height:0!important;
  line-height:1.2!important;
}

.admin-shell .report-name{
  display:block!important;
  max-width:none!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  line-height:1.2!important;
}

.admin-shell .report-list-main small{
  max-width:none!important;
  transform:none!important;
  margin-top:0!important;
}

.admin-shell .report-pill-strip{
  display:grid!important;
  grid-template-columns:repeat(3,44px) 58px!important;
  align-items:center!important;
  gap:5px!important;
  align-self:center!important;
}

.admin-shell .report-pill-strip .metric-pill,
.admin-shell .report-pill-strip .value-pill,
.admin-shell .report-pill-strip .badge,
.admin-shell .report-pill-strip .share-pill{
  width:100%!important;
  min-width:0!important;
  height:30px!important;
  padding:0 5px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
}

.admin-shell .report-pill-strip .metric-pill{
  gap:2px!important;
  background:rgba(238,247,251,.66)!important;
  border:1px solid rgba(143,184,207,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.58)!important;
}

.admin-shell .report-pill-strip .metric-pill em{
  font-style:normal!important;
  color:var(--ink-soft)!important;
  font-size:8.5px!important;
  font-weight:700!important;
}

.admin-shell .report-pill-strip .metric-pill b{
  color:var(--ink)!important;
  font-size:10px!important;
  font-weight:840!important;
  letter-spacing:0!important;
}

.admin-shell .report-pill-strip .value-pill,
.admin-shell .report-pill-strip .badge,
.admin-shell .report-pill-strip .share-pill{
  font-size:11px!important;
  font-weight:840!important;
}

@media(max-width:390px){
  .admin-shell .today-report-list .list-row--report,
  .admin-shell .report-day-list .list-row--report,
  .admin-shell .report-stage-list .list-row--report{
    min-height:62px!important;
    padding:10px 10px!important;
    column-gap:6px!important;
  }
  .admin-shell .report-pill-strip{
    grid-template-columns:repeat(3,40px) 54px!important;
    gap:4px!important;
  }
  .admin-shell .report-pill-strip .metric-pill,
  .admin-shell .report-pill-strip .value-pill,
  .admin-shell .report-pill-strip .badge,
  .admin-shell .report-pill-strip .share-pill{
    height:28px!important;
    padding:0 4px!important;
  }
  .admin-shell .report-pill-strip .metric-pill em{
    font-size:8px!important;
  }
  .admin-shell .report-pill-strip .metric-pill b,
  .admin-shell .report-pill-strip .value-pill,
  .admin-shell .report-pill-strip .badge,
  .admin-shell .report-pill-strip .share-pill{
    font-size:10px!important;
  }
}


/* Global visual final pass: keep the approved row structure and align shared admin surfaces. */
.admin-shell .admin-main{
  gap:12px!important;
  padding-bottom:98px!important;
}

.admin-shell .section-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:12px!important;
  margin:2px 4px 0!important;
  padding:4px 0 0!important;
}

.admin-shell .section-head strong{
  color:var(--ink)!important;
  font-size:16px!important;
  font-weight:840!important;
  letter-spacing:0!important;
  line-height:1.24!important;
}

.admin-shell .section-head span{
  color:var(--ink-soft)!important;
  font-size:11px!important;
  font-weight:680!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}

.admin-shell .today-alert-list,
.admin-shell .today-report-list,
.admin-shell .report-day-list,
.admin-shell .report-stage-list{
  overflow:hidden!important;
  border-radius:24px!important;
  border:1px solid rgba(255,255,255,.54)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.58),rgba(255,255,255,.28))!important;
  box-shadow:0 18px 38px rgba(57,113,143,.09), inset 0 1px 0 rgba(255,255,255,.58)!important;
}

.admin-shell .today-report-list .list-row--report,
.admin-shell .report-day-list .list-row--report,
.admin-shell .report-stage-list .list-row--report,
.admin-shell .achievement-report-list .list-row--report{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  min-height:74px!important;
  padding:10px 12px 9px!important;
  column-gap:8px!important;
  row-gap:8px!important;
  border-bottom-color:rgba(132,166,188,.10)!important;
}

.admin-shell .today-report-list .list-row--report:last-child,
.admin-shell .report-day-list .list-row--report:last-child,
.admin-shell .report-stage-list .list-row--report:last-child,
.admin-shell .achievement-report-list .list-row--report:last-child{
  border-bottom:0!important;
}

.admin-shell .report-list-main{
  display:grid!important;
  align-content:center!important;
  row-gap:5px!important;
  min-width:0!important;
}

.admin-shell .report-list-main strong{
  display:block!important;
  min-height:0!important;
  line-height:1.2!important;
}

.admin-shell .report-name{
  display:block!important;
  max-width:none!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:var(--ink)!important;
  font-size:14px!important;
  font-weight:840!important;
  line-height:1.2!important;
}

.admin-shell .report-list-main small{
  width:100%!important;
  max-width:none!important;
  margin-top:0!important;
  transform:none!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:var(--ink-soft)!important;
  font-size:10.5px!important;
  font-weight:620!important;
  line-height:1.25!important;
}

.admin-shell .report-pill-strip{
  display:grid!important;
  grid-template-columns:repeat(3,44px) 58px!important;
  align-items:center!important;
  justify-content:end!important;
  gap:5px!important;
  align-self:center!important;
}

.admin-shell .report-pill-strip .metric-pill,
.admin-shell .report-pill-strip .value-pill,
.admin-shell .report-pill-strip .badge,
.admin-shell .report-pill-strip .share-pill{
  width:100%!important;
  min-width:0!important;
  height:30px!important;
  padding:0 5px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
}

.admin-shell .report-pill-strip .metric-pill{
  gap:2px!important;
  background:rgba(238,247,251,.70)!important;
  border:1px solid rgba(143,184,207,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.60)!important;
}

.admin-shell .report-pill-strip .metric-pill em{
  font-style:normal!important;
  color:var(--ink-soft)!important;
  font-size:8.5px!important;
  font-weight:700!important;
}

.admin-shell .report-pill-strip .metric-pill b{
  color:var(--ink)!important;
  font-size:10px!important;
  font-weight:840!important;
  letter-spacing:0!important;
}

.admin-shell .report-pill-strip .value-pill,
.admin-shell .report-pill-strip .badge,
.admin-shell .report-pill-strip .share-pill{
  font-size:11px!important;
  font-weight:840!important;
}

.admin-shell .report-brand-line{
  grid-column:1 / -1!important;
  display:grid!important;
  grid-template-columns:repeat(8,minmax(0,1fr))!important;
  gap:4px!important;
  width:100%!important;
  align-items:center!important;
}

.admin-shell .report-brand-line span,
.admin-shell .brand-summary-strip__body span{
  min-width:0!important;
  height:22px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  border-radius:999px!important;
  background:rgba(247,252,254,.62)!important;
  border:1px solid rgba(138,176,198,.13)!important;
  color:var(--ink-soft)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.56)!important;
  white-space:nowrap!important;
}

.admin-shell .report-brand-line em,
.admin-shell .brand-summary-strip__body em{
  font-style:normal!important;
  font-size:8.5px!important;
  font-weight:720!important;
  color:rgba(82,111,130,.82)!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.admin-shell .report-brand-line b,
.admin-shell .brand-summary-strip__body b{
  font-size:9.5px!important;
  font-weight:850!important;
  color:var(--ink)!important;
  letter-spacing:0!important;
}

.admin-shell .brand-summary-strip{
  padding:10px 12px!important;
  border-radius:22px!important;
  display:grid!important;
  gap:8px!important;
  border:1px solid rgba(255,255,255,.52)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.56),rgba(255,255,255,.28))!important;
  box-shadow:0 14px 30px rgba(57,113,143,.07), inset 0 1px 0 rgba(255,255,255,.60)!important;
}

.admin-shell .brand-summary-strip__head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
}

.admin-shell .brand-summary-strip__head strong{
  font-size:12px!important;
  font-weight:840!important;
  color:var(--ink)!important;
}

.admin-shell .brand-summary-strip__head span{
  font-size:10.5px!important;
  font-weight:700!important;
  color:var(--ink-soft)!important;
}

.admin-shell .brand-summary-strip__body{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:5px!important;
}

.admin-shell .report-date-panel,
.admin-shell .report-mini-hero{
  border-radius:24px!important;
}

.admin-shell .report-date-panel--compact{
  min-height:58px!important;
}

.admin-shell .report-mini-hero{
  min-height:104px!important;
}

@media(max-width:390px){
  .admin-shell .admin-main{
    gap:11px!important;
    padding-bottom:94px!important;
  }

  .admin-shell .today-report-list .list-row--report,
  .admin-shell .report-day-list .list-row--report,
  .admin-shell .report-stage-list .list-row--report{
    min-height:62px!important;
    padding:10px!important;
    column-gap:6px!important;
  }

  .admin-shell .report-pill-strip{
    grid-template-columns:repeat(3,40px) 54px!important;
    gap:4px!important;
  }

  .admin-shell .report-pill-strip .metric-pill,
  .admin-shell .report-pill-strip .value-pill,
  .admin-shell .report-pill-strip .badge,
  .admin-shell .report-pill-strip .share-pill{
    height:28px!important;
    padding:0 4px!important;
  }

  .admin-shell .report-pill-strip .metric-pill em{
    font-size:8px!important;
  }

  .admin-shell .report-pill-strip .metric-pill b,
  .admin-shell .report-pill-strip .value-pill,
  .admin-shell .report-pill-strip .badge,
  .admin-shell .report-pill-strip .share-pill{
    font-size:10px!important;
  }
}


/* Achievement page alignment: reuse the finalized today/report rhythm. */
.admin-shell .admin-hero--achievement .admin-hero__grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}

.admin-shell .admin-hero--achievement .admin-hero__metric strong{
  white-space:nowrap!important;
}

.admin-shell .achievement-status-card{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
  min-height:76px!important;
  padding:13px 14px!important;
  border-radius:24px!important;
}

.admin-shell .achievement-status-card .panel-title{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
}

.admin-shell .achievement-status-card .panel-title strong{
  color:var(--ink)!important;
  font-size:14px!important;
  font-weight:840!important;
  letter-spacing:0!important;
  line-height:1.2!important;
}

.admin-shell .achievement-status-card .panel-title .badge{
  width:auto!important;
  min-width:48px!important;
  height:26px!important;
  padding:0 10px!important;
  font-size:10px!important;
}

.admin-shell .achievement-status-card__main p{
  margin:6px 0 3px!important;
  color:var(--ink)!important;
  font-size:13.5px!important;
  font-weight:760!important;
  line-height:1.3!important;
}

.admin-shell .achievement-status-card__main small{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:var(--ink-soft)!important;
  font-size:10.5px!important;
  line-height:1.3!important;
}

.admin-shell .achievement-status-card__button{
  width:auto!important;
  min-width:52px!important;
  height:30px!important;
  min-height:30px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  font-size:12px!important;
  font-weight:840!important;
  line-height:30px!important;
  color:var(--ink)!important;
  background:rgba(238,247,251,.72)!important;
  border:1px solid rgba(143,184,207,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.62)!important;
}

.admin-shell .achievement-summary-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
}

.admin-shell .achievement-summary-grid .summary-card{
  min-height:68px!important;
  padding:12px!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.52),rgba(255,255,255,.24))!important;
  border:1px solid rgba(255,255,255,.50)!important;
  box-shadow:0 12px 24px rgba(57,113,143,.06), inset 0 1px 0 rgba(255,255,255,.54)!important;
}

.admin-shell .achievement-summary-grid .summary-card span{
  color:var(--ink-soft)!important;
  font-size:10.5px!important;
  font-weight:680!important;
}

.admin-shell .achievement-summary-grid .summary-card strong{
  margin-top:6px!important;
  color:var(--ink)!important;
  font-size:20px!important;
  font-weight:860!important;
  line-height:1!important;
}

.admin-shell .achievement-report-list{
  overflow:hidden!important;
  border-radius:24px!important;
  border:1px solid rgba(255,255,255,.54)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.58),rgba(255,255,255,.28))!important;
  box-shadow:0 18px 38px rgba(57,113,143,.09), inset 0 1px 0 rgba(255,255,255,.58)!important;
}

.admin-shell .achievement-report-list .list-row--achievement-report{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  min-height:64px!important;
  padding:10px 12px!important;
  column-gap:8px!important;
  border-bottom-color:rgba(132,166,188,.10)!important;
}

.admin-shell .achievement-report-list .list-row--achievement-report:last-child{
  border-bottom:0!important;
}

@media(max-width:390px){
  .admin-shell .achievement-status-card{
    min-height:78px!important;
    padding:12px!important;
    gap:10px!important;
  }

  .admin-shell .achievement-status-card__button{
    width:58px!important;
    min-width:58px!important;
    height:40px!important;
    font-size:12px!important;
  }

  .admin-shell .achievement-summary-grid{
    gap:7px!important;
  }

  .admin-shell .achievement-summary-grid .summary-card{
    min-height:64px!important;
    padding:10px!important;
    border-radius:18px!important;
  }

  .admin-shell .achievement-summary-grid .summary-card strong{
    font-size:18px!important;
  }

  .admin-shell .achievement-report-list .list-row--achievement-report{
    min-height:62px!important;
    padding:10px!important;
    column-gap:6px!important;
  }
}


/* Manage page alignment: match the finalized admin card/list rhythm. */
.admin-shell .manage-action-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}

.admin-shell .manage-action-card{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  column-gap:10px!important;
  row-gap:3px!important;
  min-height:78px!important;
  padding:13px!important;
  border-radius:24px!important;
  text-align:left!important;
  background:linear-gradient(145deg,rgba(255,255,255,.58),rgba(255,255,255,.28))!important;
  border:1px solid rgba(255,255,255,.54)!important;
  box-shadow:0 16px 32px rgba(57,113,143,.08), inset 0 1px 0 rgba(255,255,255,.58)!important;
}

.admin-shell .manage-action-card .action-card__icon{
  grid-row:1 / span 2!important;
  width:38px!important;
  height:38px!important;
  border-radius:15px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}

.admin-shell .manage-action-card .action-card__icon svg{
  width:19px!important;
  height:19px!important;
}

.admin-shell .manage-action-card strong{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:var(--ink)!important;
  font-size:13.5px!important;
  font-weight:840!important;
  line-height:1.2!important;
}

.admin-shell .manage-action-card small{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:var(--ink-soft)!important;
  font-size:10.5px!important;
  font-weight:620!important;
  line-height:1.25!important;
}

.admin-shell .manage-people-list{
  overflow:hidden!important;
  border-radius:24px!important;
  border:1px solid rgba(255,255,255,.54)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.58),rgba(255,255,255,.28))!important;
  box-shadow:0 18px 38px rgba(57,113,143,.09), inset 0 1px 0 rgba(255,255,255,.58)!important;
}

.admin-shell .manage-people-list .list-row--manage{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) auto!important;
  align-items:center!important;
  min-height:62px!important;
  padding:10px 12px!important;
  column-gap:10px!important;
  border-bottom-color:rgba(132,166,188,.10)!important;
}

.admin-shell .manage-people-list .list-row--manage:last-child{
  border-bottom:0!important;
}

.admin-shell .manage-avatar{
  width:38px!important;
  height:38px!important;
  border-radius:15px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:14px!important;
  font-weight:840!important;
  flex:0 0 auto!important;
}

.admin-shell .manage-person-main{
  display:grid!important;
  row-gap:5px!important;
  min-width:0!important;
}

.admin-shell .manage-person-main strong{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:var(--ink)!important;
  font-size:14px!important;
  font-weight:840!important;
  line-height:1.2!important;
}

.admin-shell .manage-person-main small{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:var(--ink-soft)!important;
  font-size:10.5px!important;
  font-weight:620!important;
  line-height:1.25!important;
}

.admin-shell .manage-role-badge{
  width:52px!important;
  min-width:52px!important;
  height:30px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:11px!important;
  font-weight:840!important;
}

@media(max-width:390px){
  .admin-shell .manage-action-grid{
    gap:8px!important;
  }

  .admin-shell .manage-action-card{
    grid-template-columns:34px minmax(0,1fr)!important;
    min-height:74px!important;
    padding:11px!important;
    column-gap:8px!important;
  }

  .admin-shell .manage-action-card .action-card__icon,
  .admin-shell .manage-avatar{
    width:34px!important;
    height:34px!important;
    border-radius:14px!important;
  }

  .admin-shell .manage-action-card strong,
  .admin-shell .manage-person-main strong{
    font-size:13.5px!important;
  }

  .admin-shell .manage-action-card small,
  .admin-shell .manage-person-main small{
    font-size:10px!important;
  }

  .admin-shell .manage-people-list .list-row--manage{
    grid-template-columns:34px minmax(0,1fr) 50px!important;
    min-height:60px!important;
    padding:10px!important;
    column-gap:8px!important;
  }

  .admin-shell .manage-role-badge{
    width:50px!important;
    min-width:50px!important;
    height:28px!important;
    font-size:10px!important;
  }
}


/* Admin import draft sheets: frontend-only upload interfaces for target and microservice files. */
.admin-sheet .admin-import-sheet{
  display:grid!important;
  gap:12px!important;
  margin-top:14px!important;
}

.admin-sheet .admin-upload-box{
  position:relative!important;
  display:grid!important;
  gap:5px!important;
  min-height:86px!important;
  padding:16px!important;
  border-radius:24px!important;
  border:1px dashed rgba(92,184,232,.34)!important;
  background:linear-gradient(145deg,rgba(238,247,251,.68),rgba(255,255,255,.42))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.62)!important;
}

.admin-sheet .admin-upload-box input{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  opacity:0!important;
  cursor:pointer!important;
}

.admin-sheet .admin-upload-box__title{
  color:var(--ink)!important;
  font-size:14px!important;
  font-weight:840!important;
  line-height:1.2!important;
}

.admin-sheet .admin-upload-box small{
  color:var(--ink-soft)!important;
  font-size:11px!important;
  font-weight:620!important;
  line-height:1.35!important;
}

.admin-sheet .admin-import-fields{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

.admin-sheet .admin-import-fields div{
  min-height:62px!important;
}

.admin-sheet .admin-import-fields strong{
  font-size:12px!important;
  line-height:1.25!important;
}

.admin-sheet .admin-import-submit[disabled]{
  opacity:.62!important;
  filter:saturate(.6)!important;
  cursor:not-allowed!important;
}

.admin-sheet .admin-import-status{
  margin-top:0!important;
  overflow:hidden!important;
  border-radius:22px!important;
}

@media(max-width:390px){
  .admin-sheet .admin-import-fields{
    grid-template-columns:1fr!important;
  }

  .admin-sheet .admin-upload-box{
    min-height:78px!important;
    padding:14px!important;
  }
}


/* Admin front-end final visual pass: unify hero rhythm and close remaining visual drift. */
.admin-shell .admin-main{
  gap:12px!important;
  padding-bottom:98px!important;
}

.admin-shell .admin-topbar{
  min-height:64px!important;
  padding:10px 12px!important;
  border-radius:32px!important;
  box-shadow:0 18px 42px rgba(57,113,143,.10), inset 0 1px 0 rgba(255,255,255,.64)!important;
}

.admin-shell .admin-topbar__title strong{
  font-size:15px!important;
  font-weight:860!important;
  letter-spacing:0!important;
  line-height:1.2!important;
}

.admin-shell .admin-topbar__title span{
  font-size:10.5px!important;
  font-weight:650!important;
  line-height:1.25!important;
}

.admin-shell .admin-icon-btn{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
}

.admin-shell .admin-hero,
.admin-shell .report-mini-hero{
  position:relative!important;
  overflow:hidden!important;
  border-radius:26px!important;
  border:1px solid rgba(255,255,255,.50)!important;
  background:linear-gradient(135deg,#6fa7de 0%,#62bae6 42%,#68c7b6 100%)!important;
  box-shadow:0 18px 38px rgba(57,113,143,.14), inset 0 1px 0 rgba(255,255,255,.34)!important;
}

.admin-shell .admin-hero{
  min-height:144px!important;
  padding:16px!important;
}

.admin-shell .admin-hero__content{
  height:100%!important;
  display:grid!important;
  grid-template-rows:1fr auto!important;
  gap:18px!important;
}

.admin-shell .admin-hero__head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:14px!important;
}

.admin-shell .admin-hero__kicker{
  font-size:10.5px!important;
  font-weight:760!important;
  color:rgba(255,255,255,.70)!important;
  line-height:1.2!important;
}

.admin-shell .admin-hero__title{
  margin-top:7px!important;
  font-size:18px!important;
  font-weight:900!important;
  letter-spacing:0!important;
  line-height:1.2!important;
  color:#fff!important;
}

.admin-shell .admin-hero__share{
  font-size:44px!important;
  font-weight:900!important;
  letter-spacing:0!important;
  line-height:.95!important;
  color:#fff!important;
  text-align:right!important;
}

.admin-shell .admin-hero__share small{
  font-size:17px!important;
  margin-left:2px!important;
}

.admin-shell .admin-hero__note{
  margin-top:6px!important;
  text-align:right!important;
  font-size:10.5px!important;
  font-weight:700!important;
  color:rgba(255,255,255,.72)!important;
}

.admin-shell .admin-hero__grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  padding-top:12px!important;
  border-top:1px solid rgba(255,255,255,.20)!important;
}

.admin-shell .admin-hero__metric{
  min-width:0!important;
  padding:0 10px!important;
  border-right:1px solid rgba(255,255,255,.16)!important;
}

.admin-shell .admin-hero__metric:first-child{
  padding-left:0!important;
}

.admin-shell .admin-hero__metric:last-child{
  padding-right:0!important;
  border-right:0!important;
}

.admin-shell .admin-hero__metric span{
  font-size:10px!important;
  font-weight:700!important;
  color:rgba(255,255,255,.62)!important;
}

.admin-shell .admin-hero__metric strong{
  margin-top:4px!important;
  font-size:16px!important;
  font-weight:880!important;
  letter-spacing:0!important;
  line-height:1.1!important;
  color:#fff!important;
  white-space:nowrap!important;
}

.admin-shell .report-mini-hero{
  min-height:104px!important;
  padding:14px 16px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
}

.admin-shell .report-mini-hero__main{
  display:grid!important;
  gap:5px!important;
  min-width:0!important;
}

.admin-shell .report-mini-hero__main span{
  font-size:10.5px!important;
  font-weight:760!important;
  color:rgba(255,255,255,.70)!important;
}

.admin-shell .report-mini-hero__main strong{
  font-size:18px!important;
  font-weight:900!important;
  letter-spacing:0!important;
  line-height:1.18!important;
  color:#fff!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.admin-shell .report-mini-hero__main small{
  font-size:11px!important;
  font-weight:700!important;
  color:rgba(255,255,255,.72)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.admin-shell .report-mini-hero__share{
  width:92px!important;
  min-width:92px!important;
  height:62px!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.16)!important;
  border:1px solid rgba(255,255,255,.26)!important;
  display:grid!important;
  align-content:center!important;
  justify-items:center!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22)!important;
}

.admin-shell .report-mini-hero__share strong{
  font-size:24px!important;
  font-weight:900!important;
  line-height:1!important;
  color:#fff!important;
}

.admin-shell .report-mini-hero__share span{
  margin-top:4px!important;
  font-size:10px!important;
  font-weight:720!important;
  color:rgba(255,255,255,.72)!important;
}

.admin-shell .report-date-panel--compact{
  min-height:56px!important;
  border-radius:24px!important;
}

.admin-shell .achievement-status-card__button{
  width:auto!important;
  min-width:52px!important;
  height:30px!important;
  min-height:30px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  line-height:30px!important;
  font-size:12px!important;
  color:var(--ink)!important;
  background:rgba(238,247,251,.72)!important;
  border:1px solid rgba(143,184,207,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.62)!important;
}

.admin-shell .manage-action-card,
.admin-shell .manage-people-list,
.admin-shell .achievement-report-list,
.admin-shell .today-alert-list,
.admin-shell .today-report-list,
.admin-shell .report-day-list,
.admin-shell .report-stage-list{
  border-radius:24px!important;
}

.admin-shell .bottom-nav{
  border-radius:30px!important;
}

/* Admin brand visibility: keep the accepted report row, add a light full-brand layer. */
.admin-shell .today-report-list .list-row--report,
.admin-shell .report-day-list .list-row--report,
.admin-shell .report-stage-list .list-row--report,
.admin-shell .achievement-report-list .list-row--achievement-report{
  grid-template-columns:minmax(0,1fr) auto!important;
  row-gap:0!important;
  min-height:64px!important;
  padding-bottom:10px!important;
  border-bottom-color:rgba(92,128,151,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34)!important;
}

.admin-shell .report-brand-line{
  grid-column:1 / -1!important;
  display:none!important;
  grid-template-columns:minmax(0,1fr)!important;
  margin-top:5px!important;
  padding:8px 0 0!important;
  border-top:1px solid rgba(132,166,188,.10)!important;
  color:var(--ink-soft)!important;
}

.admin-shell .list-row--report.is-expanded .report-brand-line{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:5px!important;
}

.admin-shell .hero-brand-panel{
  display:none!important;
  padding:10px 12px!important;
  border-radius:22px!important;
  border:1px solid rgba(255,255,255,.54)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.58),rgba(255,255,255,.30))!important;
  box-shadow:0 14px 30px rgba(57,113,143,.07), inset 0 1px 0 rgba(255,255,255,.60)!important;
}

.admin-shell .hero-brand-panel.is-expanded{
  display:block!important;
}

.admin-shell .hero-brand-panel .report-brand-line{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:5px!important;
  margin-top:0!important;
  padding-top:0!important;
  border-top:0!important;
}

.admin-shell .hero-brand-panel .report-brand-matrix{
  background:rgba(247,252,254,.48)!important;
  border-color:rgba(138,176,198,.12)!important;
}

.admin-shell .report-brand-matrix{
  display:grid!important;
  gap:0!important;
  width:100%!important;
  padding:5px 6px!important;
  border-radius:14px!important;
  background:rgba(247,252,254,.38)!important;
  border:1px solid rgba(138,176,198,.10)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.46)!important;
}

.admin-shell .report-brand-matrix__row{
  display:grid!important;
  grid-template-columns:34px repeat(8,minmax(0,1fr))!important;
  align-items:center!important;
  min-height:22px!important;
  column-gap:2px!important;
}

.admin-shell .report-brand-matrix__row > em,
.admin-shell .report-brand-matrix__row > b{
  padding:0 2px!important;
  border-left:1px solid rgba(132,166,188,.08)!important;
}

.admin-shell .report-brand-matrix__row > em:first-of-type,
.admin-shell .report-brand-matrix__row > b:first-of-type{
  border-left:0!important;
}

.admin-shell .report-brand-matrix__row + .report-brand-matrix__row{
  border-top:1px solid rgba(132,166,188,.07)!important;
}

.admin-shell .report-brand-matrix__row > span{
  display:block!important;
  height:auto!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:9.6px!important;
  font-weight:820!important;
  color:var(--ink)!important;
  white-space:nowrap!important;
  line-height:1!important;
}

.admin-shell .report-brand-matrix__head > span{
  color:transparent!important;
}

.admin-shell .report-brand-matrix__head em,
.admin-shell .report-brand-matrix__row b{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-align:center!important;
  font-variant-numeric:tabular-nums!important;
  letter-spacing:0!important;
}

.admin-shell .report-brand-matrix__head em{
  font-style:normal!important;
  font-size:8.4px!important;
  font-weight:740!important;
  color:rgba(82,111,130,.64)!important;
}

.admin-shell .report-brand-matrix__row b{
  font-size:10.4px!important;
  font-weight:840!important;
  line-height:1!important;
}

.admin-shell .report-brand-matrix__row b.is-zero{
  color:rgba(91,119,136,.34)!important;
  font-weight:720!important;
}

.admin-shell .report-brand-matrix__row b.has-value{
  color:var(--ink)!important;
}

.admin-shell .report-brand-matrix__row > em:last-child,
.admin-shell .report-brand-matrix__row > b:last-child{
  color:var(--ink)!important;
  font-weight:880!important;
  background:rgba(255,255,255,.28)!important;
  border-radius:8px!important;
}

.admin-shell .report-brand-matrix__row > b:last-child.is-zero{
  color:var(--ink)!important;
  opacity:.58!important;
}

@media(max-width:390px){
  .admin-shell .today-report-list .list-row--report,
  .admin-shell .report-day-list .list-row--report,
  .admin-shell .report-stage-list .list-row--report,
  .admin-shell .achievement-report-list .list-row--achievement-report{
    min-height:62px!important;
    row-gap:0!important;
  }

  .admin-shell .list-row--report.is-expanded .report-brand-line{
    gap:4px!important;
  }

  .admin-shell .report-brand-line div{
    gap:0!important;
  }

  .admin-shell .report-brand-matrix{
    padding:5px!important;
    border-radius:13px!important;
  }

  .admin-shell .report-brand-matrix__row{
    grid-template-columns:31px repeat(8,minmax(0,1fr))!important;
    min-height:21px!important;
  }

  .admin-shell .report-brand-matrix__row > span{
    font-size:8.8px!important;
  }

  .admin-shell .report-brand-matrix__head em{
    font-size:7.7px!important;
  }

  .admin-shell .report-brand-matrix__row b{
    font-size:9.5px!important;
  }
}

@media(max-width:390px){
  .admin-shell .admin-main{
    gap:11px!important;
    padding-bottom:94px!important;
  }

  .admin-shell .admin-topbar{
    min-height:62px!important;
    padding:9px 10px!important;
  }

  .admin-shell .admin-hero{
    min-height:136px!important;
    padding:14px!important;
    border-radius:24px!important;
  }

  .admin-shell .admin-hero__content{
    gap:15px!important;
  }

  .admin-shell .admin-hero__title{
    font-size:17px!important;
  }

  .admin-shell .admin-hero__share{
    font-size:38px!important;
  }

  .admin-shell .admin-hero__metric{
    padding:0 7px!important;
  }

  .admin-shell .admin-hero__metric strong{
    font-size:14.5px!important;
  }

  .admin-shell .report-mini-hero{
    min-height:98px!important;
    padding:13px 14px!important;
    border-radius:24px!important;
    gap:10px!important;
  }

  .admin-shell .report-mini-hero__share{
    width:82px!important;
    min-width:82px!important;
    height:58px!important;
    border-radius:22px!important;
  }

  .admin-shell .report-mini-hero__main strong{
    font-size:16.5px!important;
  }
}


/* Shopper final alignment: reuse the accepted admin visual rhythm without changing workflow. */
body:not(.admin-shell) .shopper-main{
  background:transparent!important;
}

/* Admin launch polish: align hero typography without changing card sizes. */
.admin-shell .admin-hero__head{
  align-items:center!important;
}

.admin-shell .admin-hero__head > div:first-child,
.admin-shell .report-mini-hero__main{
  align-content:center!important;
}

.admin-shell .admin-hero__kicker,
.admin-shell .report-mini-hero__main span{
  letter-spacing:0!important;
}

.admin-shell .admin-hero__title,
.admin-shell .report-mini-hero__main strong{
  letter-spacing:0!important;
  text-wrap:balance!important;
}

.admin-shell .admin-hero__share,
.admin-shell .report-mini-hero__share{
  text-align:right!important;
}

.admin-shell .report-mini-hero__share{
  justify-items:end!important;
  padding-right:14px!important;
}

.admin-shell .report-mini-hero__share strong{
  letter-spacing:0!important;
}

.admin-shell .report-mini-hero__share span{
  text-align:right!important;
}

.admin-shell .achievement-status-card{
  align-items:center!important;
}

.admin-shell .achievement-status-card .panel-title{
  align-items:center!important;
}

.admin-shell .manage-action-card{
  align-items:center!important;
}

/* Admin hero balance: keep the approved size, but make the content use the full card width. */
.admin-shell .admin-hero__content{
  width:100%!important;
  max-width:none!important;
  justify-self:stretch!important;
}

.admin-shell .admin-hero__head{
  width:100%!important;
  grid-template-columns:minmax(0,1fr) minmax(72px,max-content)!important;
  justify-content:stretch!important;
}

.admin-shell .admin-hero__head > div:first-child{
  min-width:0!important;
  justify-self:start!important;
}

.admin-shell .admin-hero__head > div:last-child{
  justify-self:end!important;
  min-width:72px!important;
  display:grid!important;
  justify-items:end!important;
}

.admin-shell .admin-hero__share,
.admin-shell .admin-hero__note{
  width:100%!important;
  text-align:right!important;
}

.admin-shell .manage-action-card strong,
.admin-shell .manage-action-card small{
  letter-spacing:0!important;
}

body:not(.admin-shell) .shopper-shell{
  width:min(100%,480px)!important;
  padding:calc(var(--safe-top) + 76px) 15px calc(var(--safe-bottom) + 104px)!important;
}

body:not(.admin-shell) .shopper-stack{
  gap:12px!important;
}

body:not(.admin-shell) .topbar{
  top:calc(var(--safe-top) + 10px)!important;
  width:min(450px,calc(100vw - 30px))!important;
  min-height:64px!important;
  padding:10px 12px!important;
  border-radius:32px!important;
  border:1px solid rgba(255,255,255,.58)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.50),rgba(255,255,255,.18))!important;
  box-shadow:0 18px 42px rgba(57,113,143,.10), inset 0 1px 0 rgba(255,255,255,.64)!important;
}

body:not(.admin-shell) .topbar .topbar__title strong{
  font-size:15px!important;
  font-weight:860!important;
  letter-spacing:0!important;
  line-height:1.2!important;
}

body:not(.admin-shell) .topbar .topbar__title span{
  margin-top:3px!important;
  font-size:10.5px!important;
  font-weight:650!important;
  letter-spacing:0!important;
  line-height:1.25!important;
}

body:not(.admin-shell) .topbar .icon-button{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  border-radius:50%!important;
  color:#2f98d5!important;
  background:rgba(255,255,255,.16)!important;
  border:1px solid rgba(255,255,255,.34)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.48)!important;
}

body:not(.admin-shell) .shopper-daily-summary-card{
  position:relative!important;
  overflow:hidden!important;
  min-height:144px!important;
  padding:16px!important;
  border-radius:26px!important;
  border:1px solid rgba(255,255,255,.50)!important;
  color:#fff!important;
  background:linear-gradient(135deg,#6fa7de 0%,#62bae6 42%,#68c7b6 100%)!important;
  box-shadow:0 18px 38px rgba(57,113,143,.14), inset 0 1px 0 rgba(255,255,255,.34)!important;
}

body:not(.admin-shell) .shopper-daily-summary-card::before{
  content:""!important;
  position:absolute!important;
  inset:-26%!important;
  border-radius:inherit!important;
  background:radial-gradient(circle at 12% 8%,rgba(255,255,255,.35),transparent 24%),radial-gradient(circle at 92% 88%,rgba(255,255,255,.18),transparent 30%)!important;
  pointer-events:none!important;
}

body:not(.admin-shell) .shopper-daily-summary-card>*{
  position:relative!important;
  z-index:1!important;
}

body:not(.admin-shell) .shopper-daily-summary-card .shopper-status-head{
  margin:0 0 20px!important;
}

body:not(.admin-shell) .shopper-daily-summary-card .shopper-status-head strong{
  font-size:10.5px!important;
  font-weight:760!important;
  color:rgba(255,255,255,.70)!important;
  line-height:1.2!important;
}

body:not(.admin-shell) .shopper-daily-summary-main{
  display:grid!important;
  grid-template-columns:1.18fr repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  margin-top:0!important;
  padding-top:12px!important;
  border-top:1px solid rgba(255,255,255,.20)!important;
}

body:not(.admin-shell) .shopper-daily-summary-main article{
  min-width:0!important;
  padding:0 10px!important;
  border:0!important;
  border-right:1px solid rgba(255,255,255,.16)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body:not(.admin-shell) .shopper-daily-summary-main article:first-child{
  padding-left:0!important;
}

body:not(.admin-shell) .shopper-daily-summary-main article:last-child{
  padding-right:0!important;
  border-right:0!important;
}

body:not(.admin-shell) .shopper-daily-summary-main span{
  display:block!important;
  font-size:10px!important;
  font-weight:700!important;
  line-height:1.15!important;
  color:rgba(255,255,255,.62)!important;
}

body:not(.admin-shell) .shopper-daily-summary-main strong,
body:not(.admin-shell) .shopper-daily-summary-main article:first-child strong{
  display:block!important;
  margin-top:5px!important;
  font-size:16px!important;
  font-weight:880!important;
  letter-spacing:0!important;
  line-height:1.1!important;
  color:#fff!important;
  white-space:nowrap!important;
}

body:not(.admin-shell) .shopper-daily-summary-main article:first-child strong{
  font-size:22px!important;
}

body:not(.admin-shell) .shopper-date-bar,
body:not(.admin-shell) .shopper-editor,
body:not(.admin-shell) .shopper-history,
body:not(.admin-shell) .shopper-fusion-card{
  border-radius:24px!important;
  border:1px solid rgba(255,255,255,.58)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.58),rgba(246,251,253,.34))!important;
  box-shadow:0 14px 30px rgba(69,91,124,.08), inset 0 1px 0 rgba(255,255,255,.80)!important;
}

body:not(.admin-shell) .shopper-date-bar{
  min-height:76px!important;
  padding:0 14px!important;
  gap:12px!important;
}

body:not(.admin-shell) .shopper-date-bar-icon{
  width:44px!important;
  height:44px!important;
  border-radius:18px!important;
}

body:not(.admin-shell) .shopper-date-bar-copy small{
  font-size:10.5px!important;
  font-weight:700!important;
}

body:not(.admin-shell) .shopper-date-bar-copy strong{
  margin-top:4px!important;
  font-size:21px!important;
  font-weight:900!important;
  letter-spacing:0!important;
}

body:not(.admin-shell) .shopper-date-bar-status{
  min-height:34px!important;
  padding:0 11px!important;
  font-size:11px!important;
  font-weight:760!important;
  background:rgba(255,255,255,.44)!important;
}

body:not(.admin-shell) .shopper-editor{
  padding:14px!important;
}

body:not(.admin-shell) .shopper-entry-head{
  margin:0 2px 11px!important;
}

body:not(.admin-shell) .shopper-entry-head strong{
  font-size:16px!important;
  font-weight:860!important;
  letter-spacing:0!important;
}

body:not(.admin-shell) .shopper-entry-head small{
  font-size:11px!important;
  font-weight:650!important;
}

body:not(.admin-shell) .shopper-entry-segmented{
  min-height:48px!important;
  padding:4px!important;
  border-radius:24px!important;
  margin-bottom:10px!important;
}

body:not(.admin-shell) .shopper-entry-segmented .segmented__indicator{
  border-radius:20px!important;
}

body:not(.admin-shell) .shopper-entry-segmented button{
  min-height:40px!important;
  border-radius:20px!important;
  font-size:12px!important;
  font-weight:820!important;
}

body:not(.admin-shell) .shopper-brand-grid{
  gap:8px!important;
}

body:not(.admin-shell) .shopper-brand-row{
  min-height:58px!important;
  border-radius:18px!important;
  padding:0 7px 0 12px!important;
  border:1px solid rgba(143,184,207,.16)!important;
  background:rgba(255,255,255,.38)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.62)!important;
}

body:not(.admin-shell) .shopper-brand-row>span:first-child{
  font-size:13px!important;
  font-weight:860!important;
  letter-spacing:0!important;
}

body:not(.admin-shell) .stepper button{
  width:38px!important;
  height:38px!important;
}

body:not(.admin-shell) .stepper strong{
  width:22px!important;
  font-size:15px!important;
  font-weight:860!important;
}

body:not(.admin-shell) .shopper-fusion-inline{
  min-height:58px!important;
  border-radius:18px!important;
}

body:not(.admin-shell) .shopper-input-summary{
  border-radius:18px!important;
}

body:not(.admin-shell) .shopper-reference-head strong,
body:not(.admin-shell) .shopper-history-head strong{
  font-size:16px!important;
  font-weight:860!important;
  letter-spacing:0!important;
}

body:not(.admin-shell) .shopper-reference-section .shopper-hero{
  border-radius:26px!important;
  background:linear-gradient(135deg,#6fa7de 0%,#62bae6 42%,#68c7b6 100%)!important;
  box-shadow:0 18px 38px rgba(57,113,143,.14), inset 0 1px 0 rgba(255,255,255,.34)!important;
}

body:not(.admin-shell) .shopper-submit-panel{
  min-height:72px!important;
  padding:7px 8px 7px 13px!important;
  border-radius:30px!important;
  box-shadow:0 16px 34px rgba(66,92,114,.13), inset 0 1px 0 rgba(255,255,255,.86)!important;
}

body:not(.admin-shell) .shopper-submit-btn{
  min-height:54px!important;
  border-radius:999px!important;
  font-size:13px!important;
  font-weight:860!important;
}

@media(max-width:390px){
  body:not(.admin-shell) .shopper-shell{
    padding:calc(var(--safe-top) + 74px) 14px calc(var(--safe-bottom) + 100px)!important;
  }

  body:not(.admin-shell) .shopper-stack{
    gap:11px!important;
  }

  body:not(.admin-shell) .topbar{
    min-height:62px!important;
    padding:9px 10px!important;
  }

  body:not(.admin-shell) .shopper-daily-summary-card{
    min-height:136px!important;
    padding:14px!important;
    border-radius:24px!important;
  }

  body:not(.admin-shell) .shopper-daily-summary-main article{
    padding:0 7px!important;
  }

  body:not(.admin-shell) .shopper-daily-summary-main strong,
  body:not(.admin-shell) .shopper-daily-summary-main article:first-child strong{
    font-size:14.5px!important;
  }

  body:not(.admin-shell) .shopper-daily-summary-main article:first-child strong{
    font-size:19px!important;
  }

  body:not(.admin-shell) .shopper-date-bar{
    min-height:72px!important;
    padding:0 12px!important;
  }

  body:not(.admin-shell) .shopper-date-bar-copy strong{
    font-size:19px!important;
  }

  body:not(.admin-shell) .shopper-brand-grid{
    gap:7px!important;
  }

  body:not(.admin-shell) .shopper-brand-row{
    min-height:56px!important;
    padding-left:10px!important;
    padding-right:5px!important;
  }

  body:not(.admin-shell) .shopper-brand-row>span:first-child{
    font-size:12.5px!important;
  }

  body:not(.admin-shell) .stepper button{
    width:36px!important;
    height:36px!important;
  }
}


/* Shopper compact monthly hero: keep admin material, restore shopper-first hierarchy. */
body:not(.admin-shell) .shopper-daily-summary-card{
  min-height:106px!important;
  padding:12px 14px!important;
  border-radius:24px!important;
}

body:not(.admin-shell) .shopper-daily-summary-card .shopper-status-head{
  margin:0 0 11px!important;
}

body:not(.admin-shell) .shopper-daily-summary-card .shopper-status-head strong{
  font-size:10px!important;
}

body:not(.admin-shell) .shopper-daily-summary-main{
  padding-top:10px!important;
}

body:not(.admin-shell) .shopper-daily-summary-main article{
  padding:0 8px!important;
}

body:not(.admin-shell) .shopper-daily-summary-main span{
  font-size:9.5px!important;
}

body:not(.admin-shell) .shopper-daily-summary-main strong,
body:not(.admin-shell) .shopper-daily-summary-main article:first-child strong{
  margin-top:4px!important;
  font-size:14px!important;
}

body:not(.admin-shell) .shopper-daily-summary-main article:first-child strong{
  font-size:18px!important;
}

@media(max-width:390px){
  body:not(.admin-shell) .shopper-daily-summary-card{
    min-height:100px!important;
    padding:11px 13px!important;
  }

  body:not(.admin-shell) .shopper-daily-summary-card .shopper-status-head{
    margin-bottom:10px!important;
  }

  body:not(.admin-shell) .shopper-daily-summary-main{
    padding-top:9px!important;
  }

  body:not(.admin-shell) .shopper-daily-summary-main article{
    padding:0 6px!important;
  }

  body:not(.admin-shell) .shopper-daily-summary-main strong,
  body:not(.admin-shell) .shopper-daily-summary-main article:first-child strong{
    font-size:13px!important;
  }

  body:not(.admin-shell) .shopper-daily-summary-main article:first-child strong{
    font-size:17px!important;
  }
}


/* Shopper card spacing final pass: match the admin page rhythm. */
body:not(.admin-shell) .shopper-shell{
  padding-top:calc(var(--safe-top) + 88px)!important;
}

body:not(.admin-shell) .shopper-stack{
  gap:12px!important;
}

body:not(.admin-shell) .shopper-stack>.report-card,
body:not(.admin-shell) .shopper-stack>.content-card,
body:not(.admin-shell) .shopper-stack>.shopper-date-bar,
body:not(.admin-shell) .shopper-reference-section,
body:not(.admin-shell) .shopper-history-section{
  margin-top:0!important;
  margin-bottom:0!important;
}

body:not(.admin-shell) .shopper-editor{
  margin-top:0!important;
}

body:not(.admin-shell) .shopper-reference-section,
body:not(.admin-shell) .shopper-history-section{
  gap:8px!important;
}

@media(max-width:390px){
  body:not(.admin-shell) .shopper-shell{
    padding-top:calc(var(--safe-top) + 86px)!important;
  }

  body:not(.admin-shell) .shopper-stack{
    gap:11px!important;
  }
}


/* Shopper compact date and monthly summary: one-line utility rhythm. */
body:not(.admin-shell) .shopper-daily-summary-card{
  min-height:88px!important;
  padding:12px 13px!important;
  display:grid!important;
  grid-template-columns:78px minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:10px!important;
}

body:not(.admin-shell) .shopper-daily-summary-card .shopper-status-head{
  margin:0!important;
  min-width:0!important;
}

body:not(.admin-shell) .shopper-daily-summary-card .shopper-status-head strong{
  font-size:12px!important;
  font-weight:840!important;
  line-height:1.18!important;
  color:rgba(255,255,255,.86)!important;
}

body:not(.admin-shell) .shopper-daily-summary-main{
  min-width:0!important;
  padding-top:0!important;
  border-top:0!important;
  align-items:center!important;
}

body:not(.admin-shell) .shopper-daily-summary-main article{
  padding:0 7px!important;
}

body:not(.admin-shell) .shopper-daily-summary-main span{
  font-size:9px!important;
  line-height:1.1!important;
  color:rgba(255,255,255,.66)!important;
}

body:not(.admin-shell) .shopper-daily-summary-main strong,
body:not(.admin-shell) .shopper-daily-summary-main article:first-child strong{
  margin-top:4px!important;
  font-size:13px!important;
  line-height:1.08!important;
}

body:not(.admin-shell) .shopper-daily-summary-main article:first-child strong{
  font-size:16px!important;
}

body:not(.admin-shell) .shopper-date-bar{
  min-height:54px!important;
  padding:0 11px!important;
  border-radius:24px!important;
  gap:9px!important;
}

body:not(.admin-shell) .shopper-date-bar-icon{
  width:34px!important;
  height:34px!important;
  border-radius:14px!important;
}

body:not(.admin-shell) .shopper-date-bar-icon svg{
  width:16px!important;
  height:16px!important;
}

body:not(.admin-shell) .shopper-date-bar-copy{
  display:flex!important;
  align-items:baseline!important;
  gap:8px!important;
}

body:not(.admin-shell) .shopper-date-bar-copy small{
  flex:0 0 auto!important;
  font-size:10px!important;
  line-height:1!important;
}

body:not(.admin-shell) .shopper-date-bar-copy strong{
  margin-top:0!important;
  font-size:16px!important;
  line-height:1!important;
  font-weight:880!important;
}

body:not(.admin-shell) .shopper-date-bar-status{
  min-height:30px!important;
  padding:0 9px!important;
  gap:6px!important;
  font-size:10.5px!important;
}

body:not(.admin-shell) .shopper-date-bar-status i{
  width:7px!important;
  height:7px!important;
}

@media(max-width:390px){
  body:not(.admin-shell) .shopper-daily-summary-card{
    min-height:84px!important;
    padding:11px 12px!important;
    grid-template-columns:72px minmax(0,1fr)!important;
    column-gap:8px!important;
  }

  body:not(.admin-shell) .shopper-daily-summary-card .shopper-status-head strong{
    font-size:11px!important;
  }

  body:not(.admin-shell) .shopper-daily-summary-main article{
    padding:0 5px!important;
  }

  body:not(.admin-shell) .shopper-daily-summary-main span{
    font-size:8.5px!important;
  }

  body:not(.admin-shell) .shopper-daily-summary-main strong,
  body:not(.admin-shell) .shopper-daily-summary-main article:first-child strong{
    font-size:12px!important;
  }

  body:not(.admin-shell) .shopper-daily-summary-main article:first-child strong{
    font-size:15px!important;
  }

  body:not(.admin-shell) .shopper-date-bar{
    min-height:52px!important;
    padding:0 10px!important;
  }

  body:not(.admin-shell) .shopper-date-bar-copy{
    gap:6px!important;
  }

  body:not(.admin-shell) .shopper-date-bar-copy strong{
    font-size:15px!important;
  }

  body:not(.admin-shell) .shopper-date-bar-status{
    min-height:28px!important;
    padding:0 8px!important;
    font-size:10px!important;
  }
}


/* Shopper typography scale pass: make utility rows quieter than the entry area. */
body:not(.admin-shell) .shopper-daily-summary-card .shopper-status-head strong{
  font-size:11px!important;
  font-weight:820!important;
  letter-spacing:0!important;
  line-height:1.15!important;
}

body:not(.admin-shell) .shopper-daily-summary-main span{
  font-size:8.5px!important;
  font-weight:700!important;
  letter-spacing:0!important;
}

body:not(.admin-shell) .shopper-daily-summary-main strong,
body:not(.admin-shell) .shopper-daily-summary-main article:first-child strong{
  font-size:12px!important;
  font-weight:840!important;
  letter-spacing:0!important;
}

body:not(.admin-shell) .shopper-daily-summary-main article:first-child strong{
  font-size:14px!important;
}

body:not(.admin-shell) .shopper-date-bar-copy small{
  font-size:10px!important;
  font-weight:720!important;
  color:var(--ink-soft,#718096)!important;
}

body:not(.admin-shell) .shopper-date-bar-copy strong{
  font-size:14px!important;
  font-weight:840!important;
  letter-spacing:0!important;
}

body:not(.admin-shell) .shopper-date-bar-status{
  font-size:10px!important;
  font-weight:760!important;
}

body:not(.admin-shell) .shopper-entry-head strong{
  font-size:18px!important;
  font-weight:880!important;
}

body:not(.admin-shell) .shopper-entry-head small{
  font-size:11.5px!important;
  font-weight:700!important;
}

body:not(.admin-shell) .shopper-brand-row>span:first-child{
  font-size:13.5px!important;
  font-weight:860!important;
}

body:not(.admin-shell) .stepper strong{
  font-size:16px!important;
  font-weight:880!important;
}

@media(max-width:390px){
  body:not(.admin-shell) .shopper-daily-summary-card .shopper-status-head strong{
    font-size:10.5px!important;
  }

  body:not(.admin-shell) .shopper-daily-summary-main span{
    font-size:8px!important;
  }

  body:not(.admin-shell) .shopper-daily-summary-main strong,
  body:not(.admin-shell) .shopper-daily-summary-main article:first-child strong{
    font-size:11.5px!important;
  }

  body:not(.admin-shell) .shopper-daily-summary-main article:first-child strong{
    font-size:13.5px!important;
  }

  body:not(.admin-shell) .shopper-date-bar-copy strong{
    font-size:13.5px!important;
  }

  body:not(.admin-shell) .shopper-entry-head strong{
    font-size:17px!important;
  }
}


/* Shopper final hero system: compact two-tier cards with shared blue-green material. */
body:not(.admin-shell) .shopper-daily-summary-card{
  min-height:112px!important;
  padding:14px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:auto 1fr!important;
  align-items:stretch!important;
  gap:11px!important;
  border-radius:24px!important;
  background:linear-gradient(135deg,#6fa7de 0%,#62bae6 42%,#68c7b6 100%)!important;
  box-shadow:0 18px 38px rgba(57,113,143,.14), inset 0 1px 0 rgba(255,255,255,.34)!important;
}

body:not(.admin-shell) .shopper-daily-summary-card .shopper-status-head{
  margin:0!important;
}

body:not(.admin-shell) .shopper-daily-summary-card .shopper-status-head strong{
  font-size:11px!important;
  font-weight:820!important;
  color:rgba(255,255,255,.76)!important;
}

body:not(.admin-shell) .shopper-daily-summary-main{
  display:grid!important;
  grid-template-columns:1.12fr repeat(3,minmax(0,1fr))!important;
  align-items:end!important;
  gap:0!important;
  padding-top:11px!important;
  border-top:1px solid rgba(255,255,255,.20)!important;
}

body:not(.admin-shell) .shopper-daily-summary-main article{
  padding:0 10px!important;
  border-right:1px solid rgba(255,255,255,.16)!important;
}

body:not(.admin-shell) .shopper-daily-summary-main article:first-child{
  padding-left:0!important;
}

body:not(.admin-shell) .shopper-daily-summary-main article:last-child{
  padding-right:0!important;
  border-right:0!important;
}

body:not(.admin-shell) .shopper-daily-summary-main span{
  font-size:9.5px!important;
  font-weight:700!important;
  color:rgba(255,255,255,.64)!important;
}

body:not(.admin-shell) .shopper-daily-summary-main strong,
body:not(.admin-shell) .shopper-daily-summary-main article:first-child strong{
  margin-top:5px!important;
  font-size:15px!important;
  font-weight:880!important;
  color:#fff!important;
  line-height:1.05!important;
}

body:not(.admin-shell) .shopper-daily-summary-main article:first-child strong{
  font-size:19px!important;
}

body:not(.admin-shell) .shopper-reference-section .shopper-hero{
  border-radius:24px!important;
  border:1px solid rgba(255,255,255,.50)!important;
  background:linear-gradient(135deg,#6fa7de 0%,#62bae6 42%,#68c7b6 100%)!important;
  box-shadow:0 18px 38px rgba(57,113,143,.14), inset 0 1px 0 rgba(255,255,255,.34)!important;
  color:#fff!important;
}

body:not(.admin-shell) .shopper-reference-section .shopper-hero.shopper-achievement-hero{
  min-height:228px!important;
  padding:15px 14px!important;
  gap:9px!important;
}

body:not(.admin-shell) .shopper-reference-section .shopper-hero *,
body:not(.admin-shell) .shopper-reference-section .shopper-hero .shopper-kicker,
body:not(.admin-shell) .shopper-reference-section .shopper-hero-caption,
body:not(.admin-shell) .shopper-reference-section .shopper-achievement-top span,
body:not(.admin-shell) .shopper-reference-section .shopper-achievement-main small,
body:not(.admin-shell) .shopper-reference-section .shopper-achievement-row span,
body:not(.admin-shell) .shopper-reference-section .shopper-achievement-row small,
body:not(.admin-shell) .shopper-reference-section .shopper-achievement-pace span,
body:not(.admin-shell) .shopper-reference-section .shopper-achievement-forecast span{
  color:rgba(255,255,255,.74)!important;
}

body:not(.admin-shell) .shopper-reference-section .shopper-hero strong,
body:not(.admin-shell) .shopper-reference-section .shopper-hero b,
body:not(.admin-shell) .shopper-reference-section .shopper-share,
body:not(.admin-shell) .shopper-reference-section .shopper-share small{
  color:#fff!important;
}

body:not(.admin-shell) .shopper-reference-section .shopper-share{
  font-size:40px!important;
  font-weight:900!important;
  letter-spacing:0!important;
  text-shadow:none!important;
}

body:not(.admin-shell) .shopper-reference-section .shopper-achievement-main{
  padding-bottom:9px!important;
  border-bottom:1px solid rgba(255,255,255,.18)!important;
}

body:not(.admin-shell) .shopper-reference-section .shopper-achievement-metrics{
  gap:8px!important;
}

body:not(.admin-shell) .shopper-reference-section .shopper-achievement-metrics article{
  padding-bottom:8px!important;
  border-bottom:1px solid rgba(255,255,255,.14)!important;
}

body:not(.admin-shell) .shopper-reference-section .shopper-achievement-progress{
  background:rgba(255,255,255,.18)!important;
}

body:not(.admin-shell) .shopper-reference-section .shopper-achievement-progress em{
  background:rgba(255,255,255,.88)!important;
}

body:not(.admin-shell) .shopper-reference-section .shopper-achievement-coef{
  background:rgba(255,255,255,.14)!important;
  border-color:rgba(255,255,255,.22)!important;
}

@media(max-width:390px){
  body:not(.admin-shell) .shopper-daily-summary-card{
    min-height:108px!important;
    padding:13px!important;
    gap:10px!important;
  }

  body:not(.admin-shell) .shopper-daily-summary-main article{
    padding:0 7px!important;
  }

  body:not(.admin-shell) .shopper-daily-summary-main span{
    font-size:9px!important;
  }

  body:not(.admin-shell) .shopper-daily-summary-main strong,
  body:not(.admin-shell) .shopper-daily-summary-main article:first-child strong{
    font-size:13.5px!important;
  }

  body:not(.admin-shell) .shopper-daily-summary-main article:first-child strong{
    font-size:17px!important;
  }

  body:not(.admin-shell) .shopper-reference-section .shopper-hero.shopper-achievement-hero{
    min-height:216px!important;
    padding:14px!important;
  }

  body:not(.admin-shell) .shopper-reference-section .shopper-share{
    font-size:36px!important;
  }
}


/* Shopper history final pass: align list rows with the global pill-based status system. */
body:not(.admin-shell) .shopper-history-section{
  gap:8px!important;
}

body:not(.admin-shell) .shopper-history-head{
  margin:0 2px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
}

body:not(.admin-shell) .shopper-history-head strong{
  font-size:17px!important;
  font-weight:880!important;
  letter-spacing:0!important;
  color:var(--ink)!important;
}

body:not(.admin-shell) .shopper-history-head span{
  font-size:11px!important;
  font-weight:700!important;
  color:var(--ink-soft)!important;
}

body:not(.admin-shell) .shopper-history{
  overflow:hidden!important;
  border-radius:24px!important;
  border:1px solid rgba(255,255,255,.58)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.58),rgba(246,251,253,.34))!important;
  box-shadow:0 14px 30px rgba(69,91,124,.08), inset 0 1px 0 rgba(255,255,255,.80)!important;
}

body:not(.admin-shell) .shopper-history-row{
  display:grid!important;
  grid-template-columns:12px minmax(0,1fr) 58px!important;
  min-height:58px!important;
  align-items:center!important;
  gap:11px!important;
  padding:0 14px!important;
  border-bottom:1px solid rgba(143,184,207,.12)!important;
  background:transparent!important;
}

body:not(.admin-shell) .shopper-history-row:last-child{
  border-bottom:0!important;
}

body:not(.admin-shell) .shopper-history-row.is-missing{
  background:linear-gradient(90deg,rgba(217,96,92,.055),rgba(217,96,92,.012))!important;
}

body:not(.admin-shell) .shopper-history-state{
  width:10px!important;
  height:10px!important;
  border-radius:50%!important;
  color:transparent!important;
  background:#52b788!important;
  box-shadow:0 0 0 5px rgba(82,183,136,.10)!important;
}

body:not(.admin-shell) .shopper-history-state svg{
  display:none!important;
}

body:not(.admin-shell) .shopper-history-state.is-warning{
  background:#e45b5f!important;
  box-shadow:0 0 0 5px rgba(228,91,95,.10)!important;
}

body:not(.admin-shell) .shopper-history-copy{
  min-width:0!important;
  display:grid!important;
  gap:4px!important;
}

body:not(.admin-shell) .shopper-history-copy b{
  display:flex!important;
  min-width:0!important;
  align-items:center!important;
  gap:6px!important;
  color:var(--ink)!important;
  font-size:14px!important;
  font-weight:880!important;
  line-height:1.12!important;
}

body:not(.admin-shell) .shopper-history-copy b em{
  margin-left:0!important;
  padding:3px 6px!important;
  border-radius:999px!important;
  color:#2f98d5!important;
  background:rgba(92,184,232,.12)!important;
  font-size:9.5px!important;
  font-style:normal!important;
  font-weight:820!important;
  line-height:1!important;
}

body:not(.admin-shell) .shopper-history-copy small{
  margin-top:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:var(--ink-soft)!important;
  font-size:10.5px!important;
  font-weight:680!important;
  line-height:1.2!important;
}

body:not(.admin-shell) .shopper-history-pill{
  display:inline-flex!important;
  width:54px!important;
  height:30px!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  font-size:11px!important;
  font-weight:860!important;
  line-height:1!important;
  white-space:nowrap!important;
}

body:not(.admin-shell) .shopper-history-pill.is-submitted{
  color:#2f88c5!important;
  background:rgba(220,244,255,.72)!important;
  border:1px solid rgba(92,184,232,.18)!important;
}

body:not(.admin-shell) .shopper-history-pill.is-missing{
  color:#c84247!important;
  background:rgba(255,232,232,.76)!important;
  border:1px solid rgba(217,96,92,.16)!important;
}

body:not(.admin-shell) .shopper-history-toggle{
  min-height:42px!important;
  border-top:1px solid rgba(143,184,207,.12)!important;
  color:#2f98d5!important;
  font-size:12px!important;
  font-weight:860!important;
}

@media(max-width:390px){
  body:not(.admin-shell) .shopper-history-row{
    min-height:56px!important;
    grid-template-columns:10px minmax(0,1fr) 54px!important;
    gap:10px!important;
    padding:0 12px!important;
  }

  body:not(.admin-shell) .shopper-history-copy b{
    font-size:13.5px!important;
  }

  body:not(.admin-shell) .shopper-history-pill{
    width:52px!important;
    height:28px!important;
    font-size:10.5px!important;
  }
}


/* Shopper date panel from 8030 and history as light record cards. */
body:not(.admin-shell) .shopper-date-panel{
  display:flex!important;
  width:100%!important;
  min-height:58px!important;
  align-items:center!important;
  gap:10px!important;
  padding:0 13px!important;
  color:var(--ink)!important;
  text-align:left!important;
  border:1px solid rgba(255,255,255,.62)!important;
  border-radius:28px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.56),rgba(242,249,252,.34))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.76),0 10px 24px rgba(66,92,114,.075)!important;
  backdrop-filter:blur(24px) saturate(130%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(130%)!important;
  transition:transform .16s ease,box-shadow .22s ease,border-color .22s ease!important;
}

body:not(.admin-shell) .shopper-date-panel:active{
  transform:scale(.988)!important;
}

body:not(.admin-shell) .shopper-date-icon{
  display:grid!important;
  width:32px!important;
  height:32px!important;
  place-items:center!important;
  flex:0 0 auto!important;
  color:var(--accent-strong)!important;
  border-radius:50%!important;
  background:rgba(92,184,232,.14)!important;
}

body:not(.admin-shell) .shopper-date-icon svg,
body:not(.admin-shell) .shopper-date-chevron svg{
  width:17px!important;
  height:17px!important;
}

body:not(.admin-shell) .shopper-date-copy{
  display:block!important;
  min-width:0!important;
  flex:1!important;
}

body:not(.admin-shell) .shopper-date-copy small{
  display:block!important;
  color:var(--ink-soft)!important;
  font-size:11px!important;
  font-weight:650!important;
  line-height:1.15!important;
}

body:not(.admin-shell) .shopper-date-copy strong{
  display:block!important;
  margin-top:3px!important;
  overflow:hidden!important;
  color:var(--ink)!important;
  font-size:17px!important;
  font-weight:790!important;
  line-height:1.12!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

body:not(.admin-shell) .shopper-autosave-inline{
  display:flex!important;
  min-width:0!important;
  min-height:28px!important;
  align-items:center!important;
  gap:6px!important;
  flex:0 0 auto!important;
  padding:0 8px!important;
  border:1px solid rgba(255,255,255,.56)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.25)!important;
  color:var(--ink-soft)!important;
  font-size:10.5px!important;
  font-weight:670!important;
  white-space:nowrap!important;
  backdrop-filter:blur(18px) saturate(124%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(124%)!important;
}

body:not(.admin-shell) .shopper-autosave-inline i{
  width:7px!important;
  height:7px!important;
  flex:0 0 auto!important;
  border-radius:50%!important;
  background:currentColor!important;
  box-shadow:0 0 0 3px rgba(63,138,90,.10)!important;
}

body:not(.admin-shell) .shopper-autosave-inline.is-saved{color:var(--success)!important}
body:not(.admin-shell) .shopper-autosave-inline.is-loading{color:var(--accent-strong)!important}
body:not(.admin-shell) .shopper-autosave-inline.is-error{color:var(--danger)!important}
body:not(.admin-shell) .shopper-autosave-inline.is-warning{
  color:#b95e14!important;
  background:rgba(255,246,235,.64)!important;
  border-color:rgba(226,127,27,.20)!important;
}

body:not(.admin-shell) .shopper-date-chevron{
  display:grid!important;
  place-items:center!important;
  flex:0 0 auto!important;
  color:var(--ink-soft)!important;
}

body:not(.admin-shell) .shopper-history{
  padding:8px!important;
  border-radius:24px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.58),rgba(246,251,253,.34))!important;
}

body:not(.admin-shell) .shopper-history-list{
  display:grid!important;
  gap:8px!important;
}

body:not(.admin-shell) .shopper-history-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 54px!important;
  min-height:58px!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px 10px 10px 12px!important;
  border:1px solid rgba(143,184,207,.13)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.38)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.60)!important;
}

body:not(.admin-shell) .shopper-history-row.is-missing{
  background:linear-gradient(145deg,rgba(255,255,255,.45),rgba(255,238,238,.54))!important;
  border-color:rgba(217,96,92,.12)!important;
}

body:not(.admin-shell) .shopper-history-state{
  display:none!important;
}

body:not(.admin-shell) .shopper-history-copy b{
  font-size:13.5px!important;
}

body:not(.admin-shell) .shopper-history-copy small{
  font-size:10.5px!important;
}

body:not(.admin-shell) .shopper-history-pill{
  width:52px!important;
  height:28px!important;
  font-size:10.5px!important;
}

body:not(.admin-shell) .shopper-history-toggle{
  margin-top:8px!important;
  min-height:38px!important;
  border:1px solid rgba(92,184,232,.14)!important;
  border-radius:18px!important;
  background:rgba(220,244,255,.36)!important;
}

@media(max-width:390px){
  body:not(.admin-shell) .shopper-date-panel{
    min-height:58px!important;
    padding:0 12px!important;
    gap:9px!important;
  }

  body:not(.admin-shell) .shopper-date-copy strong{
    font-size:16.5px!important;
  }

  body:not(.admin-shell) .shopper-autosave-inline{
    font-size:10px!important;
    padding:0 8px!important;
  }

  body:not(.admin-shell) .shopper-history{
    padding:7px!important;
  }

  body:not(.admin-shell) .shopper-history-list{
    gap:7px!important;
  }

  body:not(.admin-shell) .shopper-history-row{
    min-height:56px!important;
    padding:9px 9px 9px 11px!important;
    border-radius:17px!important;
  }
}


/* Shopper editor-contained date panel. */
body:not(.admin-shell) .shopper-editor > .shopper-date-panel{
  margin:0 0 11px!important;
  min-height:56px!important;
  border-radius:22px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.52),rgba(238,247,251,.30))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 8px 18px rgba(66,92,114,.045)!important;
}

body:not(.admin-shell) .shopper-editor > .shopper-date-panel .shopper-date-icon{
  width:30px!important;
  height:30px!important;
}

body:not(.admin-shell) .shopper-editor > .shopper-date-panel .shopper-date-copy strong{
  font-size:16px!important;
}

body:not(.admin-shell) .shopper-editor > .shopper-entry-segmented{
  margin-top:0!important;
}

@media(max-width:390px){
  body:not(.admin-shell) .shopper-editor > .shopper-date-panel{
    margin-bottom:10px!important;
    min-height:54px!important;
  }

  body:not(.admin-shell) .shopper-editor > .shopper-date-panel .shopper-date-copy strong{
    font-size:15.5px!important;
  }
}


/* Shopper touch-target pass: make high-frequency input controls easier to tap. */
body:not(.admin-shell) .shopper-editor{
  padding:15px!important;
}

body:not(.admin-shell) .shopper-brand-grid{
  gap:8px!important;
}

body:not(.admin-shell) .shopper-brand-row{
  min-height:66px!important;
  padding:0 6px 0 12px!important;
  border-radius:20px!important;
  gap:4px!important;
}

body:not(.admin-shell) .shopper-brand-row>span:first-child{
  flex:1 1 auto!important;
  min-width:0!important;
  max-width:none!important;
  font-size:14px!important;
  font-weight:880!important;
}

body:not(.admin-shell) .shopper-brand-row .stepper{
  flex:0 0 auto!important;
  gap:4px!important;
}

body:not(.admin-shell) .stepper button{
  width:38px!important;
  height:38px!important;
  font-size:19px!important;
}

body:not(.admin-shell) .stepper strong{
  width:19px!important;
  font-size:17px!important;
  font-weight:900!important;
}

body:not(.admin-shell) .shopper-fusion-inline{
  min-height:66px!important;
  padding:8px 9px 8px 13px!important;
  border-radius:20px!important;
}

body:not(.admin-shell) .shopper-fusion-inline .shopper-fusion-copy strong{
  font-size:14px!important;
  font-weight:880!important;
}

body:not(.admin-shell) .shopper-fusion-inline .stepper button{
  width:42px!important;
  height:42px!important;
}

body:not(.admin-shell) .shopper-input-summary{
  min-height:66px!important;
  margin-top:10px!important;
}

@media(max-width:390px){
  body:not(.admin-shell) .shopper-editor{
    padding:14px!important;
  }

  body:not(.admin-shell) .shopper-brand-grid{
    gap:8px!important;
  }

  body:not(.admin-shell) .shopper-brand-row{
    min-height:64px!important;
    padding-left:12px!important;
    padding-right:5px!important;
    gap:3px!important;
  }

  body:not(.admin-shell) .shopper-brand-row>span:first-child{
    font-size:12.8px!important;
  }

  body:not(.admin-shell) .stepper button{
    width:37px!important;
    height:37px!important;
  }

  body:not(.admin-shell) .stepper strong{
    width:18px!important;
    font-size:16px!important;
  }

  body:not(.admin-shell) .shopper-fusion-inline{
    min-height:64px!important;
  }
}


/* Shopper achievement mini hero: concise top-level achievement snapshot. */
body:not(.admin-shell) .shopper-reference-section--hero{
  display:block!important;
  gap:0!important;
}

.admin-preview-list{
  max-height:270px!important;
  overflow:auto!important;
}

.admin-preview-row .list-main small{
  white-space:normal!important;
}

.admin-preview-issues{
  margin-top:12px!important;
}

body:not(.admin-shell) .shopper-reference-section--hero .shopper-hero.shopper-achievement-hero{
  min-height:132px!important;
  padding:12px 14px!important;
  border-radius:24px!important;
  display:grid!important;
  grid-template-rows:auto auto 1fr!important;
  gap:7px!important;
  color:#fff!important;
  background:linear-gradient(135deg,#6fa7de 0%,#62bae6 42%,#68c7b6 100%)!important;
  border:1px solid rgba(255,255,255,.50)!important;
  box-shadow:0 18px 38px rgba(57,113,143,.14), inset 0 1px 0 rgba(255,255,255,.34)!important;
}

body:not(.admin-shell) .shopper-reference-section--hero .shopper-hero::before{
  content:""!important;
  position:absolute!important;
  inset:-24%!important;
  border-radius:inherit!important;
  background:radial-gradient(circle at 12% 10%,rgba(255,255,255,.34),transparent 24%),radial-gradient(circle at 92% 86%,rgba(255,255,255,.16),transparent 30%)!important;
  pointer-events:none!important;
}

body:not(.admin-shell) .shopper-reference-section--hero .shopper-hero>*{
  position:relative!important;
  z-index:1!important;
}

body:not(.admin-shell) .shopper-mini-hero-top,
body:not(.admin-shell) .shopper-mini-hero-main{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
}

body:not(.admin-shell) .shopper-mini-hero-top span{
  color:rgba(255,255,255,.76)!important;
  font-size:10.5px!important;
  font-weight:780!important;
  line-height:1.1!important;
}

body:not(.admin-shell) .shopper-mini-hero-main small{
  display:block!important;
  color:rgba(255,255,255,.72)!important;
  font-size:10.5px!important;
  font-weight:720!important;
  line-height:1!important;
}

body:not(.admin-shell) .shopper-mini-hero-main strong{
  display:flex!important;
  align-items:flex-end!important;
  gap:2px!important;
  margin-top:3px!important;
  color:#fff!important;
  font-size:34px!important;
  font-weight:920!important;
  letter-spacing:0!important;
  line-height:.92!important;
}

body:not(.admin-shell) .shopper-mini-hero-main strong em{
  padding-bottom:3px!important;
  color:#fff!important;
  font-size:14px!important;
  font-style:normal!important;
  font-weight:860!important;
}

body:not(.admin-shell) .shopper-mini-hero-main>b{
  flex:0 0 auto!important;
  min-width:76px!important;
  height:36px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.24)!important;
  background:rgba(255,255,255,.15)!important;
  color:#fff!important;
  font-size:13.5px!important;
  font-weight:900!important;
}

body:not(.admin-shell) .shopper-mini-hero-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:7px!important;
}

body:not(.admin-shell) .shopper-mini-hero-grid article{
  min-width:0!important;
  padding:8px 9px!important;
  border-radius:16px!important;
  border:1px solid rgba(255,255,255,.18)!important;
  background:rgba(255,255,255,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16)!important;
}

body:not(.admin-shell) .shopper-mini-hero-grid span{
  display:block!important;
  color:rgba(255,255,255,.70)!important;
  font-size:9.5px!important;
  font-weight:720!important;
  line-height:1!important;
}

body:not(.admin-shell) .shopper-mini-hero-grid strong{
  display:block!important;
  margin-top:4px!important;
  color:#fff!important;
  font-size:13.5px!important;
  font-weight:900!important;
  line-height:1.05!important;
  white-space:nowrap!important;
}

body:not(.admin-shell) .shopper-mini-hero-grid small{
  display:block!important;
  margin-top:4px!important;
  color:rgba(255,255,255,.72)!important;
  font-size:9.5px!important;
  font-weight:700!important;
  line-height:1.1!important;
  white-space:nowrap!important;
}

body:not(.admin-shell) .shopper-mini-hero-empty{
  margin:0!important;
  color:rgba(255,255,255,.72)!important;
  font-size:10px!important;
  font-weight:720!important;
  line-height:1.2!important;
}

@media(max-width:390px){
  body:not(.admin-shell) .shopper-reference-section--hero .shopper-hero.shopper-achievement-hero{
    min-height:130px!important;
    padding:11px 12px!important;
    gap:6px!important;
  }

  body:not(.admin-shell) .shopper-mini-hero-main strong{
    font-size:31px!important;
  }

  body:not(.admin-shell) .shopper-mini-hero-main>b{
    min-width:70px!important;
    height:34px!important;
    font-size:12.5px!important;
  }

  body:not(.admin-shell) .shopper-mini-hero-grid{
    gap:7px!important;
  }

  body:not(.admin-shell) .shopper-mini-hero-grid article{
    padding:7px 8px!important;
  }

  body:not(.admin-shell) .shopper-mini-hero-grid strong{
    font-size:12.8px!important;
  }

  body:not(.admin-shell) .shopper-mini-hero-grid small{
    font-size:9px!important;
  }
}

/* Final admin hero balance: full-width head row, right-aligned share block. */
.admin-shell .admin-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-items:stretch!important;
}

.admin-shell .admin-hero__content{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  justify-self:stretch!important;
}

.admin-shell .admin-hero__head{
  width:100%!important;
  min-width:0!important;
  grid-template-columns:minmax(0,1fr) minmax(72px,max-content)!important;
  justify-content:stretch!important;
}

.admin-shell .admin-hero__head > div:first-child{
  min-width:0!important;
  justify-self:start!important;
}

.admin-shell .admin-hero__head > div:last-child{
  min-width:72px!important;
  justify-self:end!important;
  display:grid!important;
  justify-items:end!important;
}

.admin-shell .admin-hero__head > div:last-child{
  position:absolute!important;
  top:16px!important;
  right:18px!important;
}

.admin-shell .admin-hero__head > div:first-child{
  padding-right:0!important;
}

@media(max-width:390px){
  .admin-shell .admin-hero__head > div:last-child{
    top:14px!important;
    right:16px!important;
  }

  .admin-shell .admin-hero__head > div:first-child{
    padding-right:0!important;
  }
}

/* Global launch closeout: preserve layout, tighten readable labels and typography. */
body:not(.admin-shell) .topbar .topbar__title span,
.admin-shell .admin-topbar__title span{
  letter-spacing:0!important;
}

body:not(.admin-shell) .shopper-brand-row>span:first-child{
  flex:0 0 46px!important;
  min-width:46px!important;
  max-width:46px!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
  letter-spacing:0!important;
}

body:not(.admin-shell) .shopper-brand-row .stepper{
  margin-left:auto!important;
}

body:not(.admin-shell) .shopper-brand-row .stepper button{
  flex:0 0 auto!important;
}

.admin-shell .report-stage-date-switch .text-field{
  letter-spacing:0!important;
  font-weight:760!important;
  text-align:center!important;
  font-variant-numeric:tabular-nums!important;
}

.admin-shell .stage-date-field{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  min-width:0!important;
  height:44px!important;
  padding:0 10px!important;
  border:1px solid rgba(148,177,194,.16)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.42)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72)!important;
  overflow:hidden!important;
}

.admin-shell .stage-date-field span{
  color:var(--ink-strong)!important;
  font-size:13px!important;
  font-weight:820!important;
  letter-spacing:0!important;
  line-height:1!important;
  white-space:nowrap!important;
}

.admin-shell .stage-date-field .text-field{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  opacity:0!important;
  cursor:pointer!important;
}

.admin-shell .metric-pill,
.admin-shell .value-pill,
.admin-shell .badge{
  letter-spacing:0!important;
}

@media(max-width:390px){
  body:not(.admin-shell) .shopper-brand-row>span:first-child{
    flex-basis:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    font-size:12.6px!important;
  }

  body:not(.admin-shell) .shopper-brand-row .stepper{
    gap:2px!important;
  }
}