/* Shared type scale for dashboard and its working pages. */
.dashboard .loyalty-panel{container-type:inline-size}
#dashboardView .loyalty-returning-metrics{min-width:0;gap:12px 20px}
#dashboardView .loyalty-returning-metrics>span{min-width:0}
#dashboardView .loyalty-segments>summary .loyalty-returning-metrics strong{flex-wrap:wrap;white-space:normal;gap:3px 8px}
#dashboardView .loyalty-returning-metrics strong small{white-space:nowrap}
@container(max-width:740px){
 #dashboardView .loyalty-segments>summary{grid-template-columns:minmax(0,1fr) auto;gap:14px 12px}
 #dashboardView .loyalty-returning-heading{grid-column:1;grid-row:1}
 #dashboardView .loyalty-segments>summary .loyalty-returning-heading>strong{white-space:normal}
 #dashboardView .loyalty-returning-metrics{grid-column:1 / -1;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
 #dashboardView .loyalty-segments>summary>.loyalty-segments-action{grid-column:2;grid-row:1}
}
.dashboard .data-refresh { display:inline-flex; align-items:center; gap:9px; min-height:34px; color:#9fb0b7; font-family:inherit; font-size:12px; font-weight:500; line-height:1.45; letter-spacing:0; }
.dashboard .refresh-bird { flex:0 0 auto; width:25px; height:24px; overflow:visible; color:#8db8ff; animation:refreshBirdFloat 1.8s ease-in-out infinite; }
.dashboard .refresh-bird-wing { transform-origin:18px 16px; animation:refreshBirdFlap .65s ease-in-out infinite; }
.dashboard .refresh-bird-wing.rear { animation-delay:-.12s; }
@keyframes refreshBirdFloat { 0%,100%{transform:translate(-2px,1px) rotate(-3deg)} 50%{transform:translate(2px,-2px) rotate(3deg)} }
@keyframes refreshBirdFlap { 0%,100%{transform:rotate(-18deg) scaleY(1)} 50%{transform:rotate(30deg) scaleY(.3)} }
.dashboard .data-refresh > span { font:inherit; color:inherit; letter-spacing:inherit; }
.dashboard .data-refresh-area { grid-column:1 / -1; display:flex; align-items:center; justify-content:center; min-height:140px; }
@media(prefers-reduced-motion:reduce){.dashboard .refresh-bird,.dashboard .refresh-bird-wing{animation:none}}
.dashboard { font-family: Manrope, Arial, sans-serif; font-size: 14px; line-height: 1.45; }
.dashboard button,.dashboard input,.dashboard select { font-family: inherit; }
.dashboard .hero h1 { font-weight: 700; letter-spacing: -.025em; line-height: 1.2; }
.dashboard .panel h2,.dashboard .panel-heading h2,.dashboard .history-toggle strong { font-size: 16px; font-weight: 700; line-height: 1.35; letter-spacing: -.015em; }
#dashboardView .metric > p { color: var(--text); font-size: 16px; font-weight: 700; line-height: 1.35; letter-spacing: -.015em; }
#dashboardView .metric > strong,
#dashboardView .metric .metric-value-row > strong { font-size: clamp(20px,1.85vw,32px); font-weight: 700; line-height: 1.15; letter-spacing: -.035em; font-variant-numeric: tabular-nums; }
#dashboardView .metric .metric-value-row .metric-forecast { font-size: clamp(17px,1.3vw,23px); font-weight: 700; line-height: 1.15; letter-spacing: -.025em; font-variant-numeric: tabular-nums; }
#dashboardView .metric .metric-plan,
#dashboardView .metric .metric-history-line,
#dashboardView .metric .revenue-forecast-label,
#dashboardView .metric .revenue-forecast-value,
#dashboardView .metric .loyalty-detail,
#dashboardView .metric .loyalty-previous { font-size: 12px; font-weight: 400; line-height: 1.45; letter-spacing: 0; }
#dashboardView .loyalty-segments > summary .loyalty-returning-heading > strong { font-size: 16px; font-weight: 700; letter-spacing: -.015em; line-height: 1.35; }
#dashboardView .loyalty-returning-heading small { font-size: 12px; font-weight: 400; }
#dashboardView .loyalty-segments > summary .loyalty-returning-metrics strong { font-size: 24px; font-weight: 700; letter-spacing: -.025em; line-height: 1.2; font-variant-numeric: tabular-nums; }
#dashboardView .loyalty-segments > summary .loyalty-returning-metrics strong small { font-size: 11px; font-weight: 600; letter-spacing: 0; }
#dashboardView .loyalty-returning-metrics > span > span { font-size: 11px; font-weight: 400; line-height: 1.4; }
.dashboard .panel-heading p,.dashboard .barista-detail,.dashboard .recommendation-item p { font-size: 12px; font-weight: 400; line-height: 1.5; letter-spacing: 0; }
.dashboard .recommendation-item h3 { font-size: 14px; font-weight: 600; line-height: 1.4; letter-spacing: 0; }
.dashboard .barista-line span { font-size: 15px; font-weight: 600; letter-spacing: 0; }
.dashboard .barista-line strong { font-size: 15px; font-weight: 700; font-variant-numeric: tabular-nums; }
.dashboard .baristas-overall > div > span { font-size: 14px; font-weight: 600; }
.dashboard .baristas-overall .conversion-target > strong { font-size: 28px; font-weight: 700; letter-spacing: -.025em; font-variant-numeric: tabular-nums; }
.dashboard .baristas-overall .conversion-target-label { font-size: 13px; font-weight: 400; }
.dashboard .baristas-caption,.dashboard .recommendations-caption,.dashboard .records-caption,.dashboard .barista-level { font-size: 11px; font-weight: 600; letter-spacing: 0; text-transform: none; }
.dashboard .kiosk-average-title,.dashboard .kiosk-average-grid span,.dashboard .kiosk-month-row span { font-size: 12px; font-weight: 600; letter-spacing: 0; }
.dashboard .kiosk-average-grid strong { font-size: 23px; font-weight: 700; letter-spacing: -.025em; }
.dashboard .recommendations-list{display:block;margin-top:10px}
.dashboard .shift-focus-category{color:#9a89ff;font-size:12px;font-weight:700}
.dashboard .shift-focus h3{font-size:20px;line-height:1.3;margin:5px 0 8px}
.dashboard .shift-focus p{font-size:13px;line-height:1.5;color:var(--muted);margin:0}
.dashboard .shift-focus .shift-focus-support{margin-top:10px;padding-top:8px;border-top:1px solid var(--line);font-size:12px}
.dashboard .kiosk-month-row strong { font-size: 14px; font-weight: 700; }
.dashboard .kiosk-winner { font-size: 18px; font-weight: 700; letter-spacing: -.015em; }
.dashboard .record-item h3 { color: #aeb9b8; font-size: 12px; font-weight: 400; line-height: 1.45; letter-spacing: 0; }
.dashboard .records-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));row-gap:18px}
td.dessert-order.is-scheduled{font-size:12px!important;font-weight:600!important;line-height:1.4;white-space:nowrap;letter-spacing:0}
#dessertDays th.dessert-weekend{background:#ffad5912;color:#ffbc78}
#dessertDays .dessert-weekend .dessert-day-week{color:#ffbc78;font-weight:700}
#dessertDays th.dessert-weekend,#dessertRows td.dessert-weekend{border-left:2px solid #ffbc7899;border-right:2px solid #ffbc7899}
#dessertDays th.dessert-weekend+th.dessert-weekend,#dessertRows td.dessert-weekend+td.dessert-weekend{border-left:0}
#dessertDays th.dessert-weekend:has(+th.dessert-weekend),#dessertRows td.dessert-weekend:has(+td.dessert-weekend){border-right:0}
.dashboard .barista-row.is-epic{background:transparent;box-shadow:none}
.dashboard .barista-row.is-epic .barista-level,.dashboard .barista-row.is-epic .barista-line>strong,.dashboard .baristas-overall strong.is-epic{color:#ffda85;text-shadow:0 0 7px #ffc85a99,0 0 18px #b974ff88}
.dashboard .barista-row.is-epic .barista-track i{background:linear-gradient(90deg,#ffd36a,#ff83b5,#ff9a42,#ffd36a);background-size:300% 100%;box-shadow:0 0 10px #ffc45a88;animation:epicFlow 4s linear infinite}
.dashboard .baristas-legend .is-epic i{background:linear-gradient(135deg,#ffd36a,#ff83b5,#ff9a42);box-shadow:0 0 8px #ffc45a66}
@keyframes epicFlow{from{background-position:0% 50%}to{background-position:300% 50%}}
@media(prefers-reduced-motion:reduce){.dashboard .barista-row.is-epic .barista-track i{animation:none}}
.dashboard .record-item{container-type:inline-size}
.dashboard .record-item{display:grid;grid-template-rows:subgrid;grid-row:span 5;align-content:start}
.dashboard .record-title{grid-row:1;align-content:start;align-items:start}
.dashboard .record-item>strong{grid-row:2;align-self:baseline}
.dashboard .record-item>p{grid-row:3}
.dashboard .record-item>.record-change{grid-row:4}
.dashboard .record-item>.record-open{grid-row:5;justify-self:start}
.dashboard .metric strong.kitchen-is-loading{font-size:12px;font-weight:400;letter-spacing:0;min-height:54px;display:flex;align-items:center}
.dashboard .kitchen-revenue-pair [hidden]{display:none!important}
.dashboard .records-grid strong { color: #57b5ff; font-size: clamp(20px,min(1.85vw,14cqi),32px); font-weight: 700; line-height: 1.15; letter-spacing: -.035em; font-variant-numeric: tabular-nums; }
.dashboard .record-item p,.dashboard .records-caption,.dashboard .history-toggle small { font-size: 12px; font-weight: 400; line-height: 1.45; letter-spacing: 0; text-transform: none; }
.dashboard .history-action { font-size: 12px; font-weight: 600; line-height: 1.45; letter-spacing: 0; }
.dashboard .records-caption { display:flex; flex-wrap:wrap; gap:6px 0; white-space:normal; justify-content:flex-end; }
.dashboard .records-caption > span + span { margin-left:10px; padding-left:10px; border-left:1px solid #526571; }
@media(max-width:880px){
  #dashboardView .metric > strong,#dashboardView .metric .metric-value-row > strong { font-size: clamp(22px,5.1vw,32px); }
  #dashboardView .metric .metric-value-row .metric-forecast { font-size: clamp(17px,3.6vw,23px); }
  #dashboardView .metric > p { font-size: 16px; }
  .dashboard .records-grid strong { font-size: clamp(22px,5.1vw,32px); }
  #dashboardView .metric .loyalty-detail { white-space: normal; }
}