/* Dashboard demo. Light product surface, one accent, consistent 8px rhythm. */

html:not(.home-xav) .dash-page{padding:clamp(40px,5vw,64px) 0 clamp(56px,7vw,84px)}
html:not(.home-xav) .dash-hero{max-width:880px;margin-bottom:clamp(26px,3.5vw,40px)}
html:not(.home-xav) .dash-kicker{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--accent-hover)}
html:not(.home-xav) .dash-kicker::before{content:"";width:28px;height:1px;background:var(--accent);flex:none}
html:not(.home-xav) .dash-hero h1{margin:16px 0 0;max-width:17ch;font-family:var(--font-d);font-size:clamp(40px,4.8vw,60px);font-weight:700;line-height:1.04;letter-spacing:-.055em;color:var(--ink)}
html:not(.home-xav) .dash-hero p{margin:18px 0 0;max-width:64ch;color:var(--muted);font-size:17px;line-height:1.65}
html:not(.home-xav) .dash-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:24px}
html:not(.home-xav) .dash-text-link{font-size:13px;font-weight:600;color:var(--ink);border-bottom:1px solid var(--line-strong);padding-bottom:2px}
html:not(.home-xav) .dash-text-link:hover{color:var(--accent-hover);border-color:var(--accent)}
html:not(.home-xav) .dash-disclaimer{margin:12px 0 0;font-size:11.5px;line-height:1.5;color:var(--muted-2)}

html:not(.home-xav) .dash-frame{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 30px 60px -50px rgba(17,35,43,.5)}
html:not(.home-xav) .dash-chrome{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:13px 20px;background:#F7FAFA;border-bottom:1px solid var(--line)}
html:not(.home-xav) .dash-chrome-left,html:not(.home-xav) .dash-chrome-right{display:flex;align-items:center;gap:10px;min-width:0}
html:not(.home-xav) .dash-chrome-left{font-size:12px;color:var(--muted)}
html:not(.home-xav) .dash-mark{font-weight:700;color:var(--ink)}
html:not(.home-xav) .dash-slash{color:var(--line-strong)}
html:not(.home-xav) .dash-chrome-right{font-size:11px;color:var(--muted-2)}
html:not(.home-xav) .dash-updated{display:inline-flex;align-items:center;gap:6px;color:var(--ok)}
html:not(.home-xav) .dash-updated::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--ok)}

html:not(.home-xav) .dash-canvas{padding:clamp(18px,2.4vw,28px);background:#F2F7F7}
html:not(.home-xav) .dash-topline{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:16px}
html:not(.home-xav) .dash-eyebrow{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2)}
html:not(.home-xav) .dash-topline h2{margin:4px 0 0;font-family:var(--font-d);font-size:23px;font-weight:700;letter-spacing:-.035em;color:var(--ink)}
html:not(.home-xav) .dash-period{flex:none;padding:7px 12px;border:1px solid var(--line);background:var(--surface);font-size:11px;color:var(--muted)}

html:not(.home-xav) .dash-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
html:not(.home-xav) .dash-kpi{display:flex;flex-direction:column;min-height:128px;padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:8px}
html:not(.home-xav) .dash-kpi.is-primary{background:var(--ink);border-color:var(--ink);color:#FBFDFC}
html:not(.home-xav) .dash-kpi-label{font-size:10px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--muted-2)}
html:not(.home-xav) .dash-kpi-value{margin-top:9px;font-family:var(--font-d);font-size:clamp(26px,2.5vw,34px);font-weight:700;line-height:1;letter-spacing:-.045em;color:var(--ink);font-variant-numeric:tabular-nums}
html:not(.home-xav) .dash-kpi-value span{font-size:15px;font-weight:500;letter-spacing:-.02em;color:var(--muted)}
html:not(.home-xav) .dash-kpi-meta{margin-top:auto;padding-top:10px;font-size:11.5px;line-height:1.45;color:var(--muted)}
html:not(.home-xav) .dash-kpi-meta b{font-weight:700;color:var(--ink)}
html:not(.home-xav) .dash-kpi.is-primary .dash-kpi-label{color:#AFC1C4}
html:not(.home-xav) .dash-kpi.is-primary .dash-kpi-value{color:#FBFDFC}
html:not(.home-xav) .dash-kpi.is-primary .dash-kpi-value span,html:not(.home-xav) .dash-kpi.is-primary .dash-kpi-meta{color:#B7C6C8}
html:not(.home-xav) .dash-kpi.is-primary .dash-kpi-meta b{color:#FBFDFC}
html:not(.home-xav) .dash-progress{height:4px;margin-top:12px;background:rgba(255,255,255,.16);border-radius:999px;overflow:hidden}
html:not(.home-xav) .dash-progress span{display:block;height:100%;background:var(--accent);border-radius:999px}

html:not(.home-xav) .dash-main{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:12px;margin-top:12px}
html:not(.home-xav) .dash-lower{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,.9fr);gap:12px;margin-top:12px}
html:not(.home-xav) .dash-card{min-width:0;padding:18px 20px;background:var(--surface);border:1px solid var(--line);border-radius:8px}
html:not(.home-xav) .dash-card-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px}
html:not(.home-xav) .dash-card-head h3{margin:0;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
html:not(.home-xav) .dash-card-head span{font-size:11px;color:var(--muted);white-space:nowrap}
html:not(.home-xav) .dash-bookings,html:not(.home-xav) .dash-wait,html:not(.home-xav) .dash-bars,html:not(.home-xav) .dash-metrics,html:not(.home-xav) .dash-distribution{list-style:none;margin:0;padding:0}
html:not(.home-xav) .dash-bookings li{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--line2)}
html:not(.home-xav) .dash-bookings li:first-child{border-top:0}
html:not(.home-xav) .dash-bookings time{font-size:11.5px;font-weight:650;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
html:not(.home-xav) .dash-bookings time span{margin-left:3px;font-size:9px;font-weight:600;color:var(--muted)}
html:not(.home-xav) .dash-appt{display:flex;flex-direction:column;min-width:0}
html:not(.home-xav) .dash-appt strong{font-size:13.5px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html:not(.home-xav) .dash-appt span{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html:not(.home-xav) .dash-pill{padding:4px 8px;border:1px solid transparent;border-radius:999px;font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
html:not(.home-xav) .dash-pill.new{background:var(--accent-soft);border-color:#F2CDBF;color:var(--accent-hover)}
html:not(.home-xav) .dash-pill.confirmed{background:var(--ok-soft);border-color:#BFDCCB;color:var(--ok)}
html:not(.home-xav) .dash-pill.pending{background:var(--warn-soft);border-color:#EBD6A4;color:var(--warn)}
html:not(.home-xav) .dash-card-foot{margin:10px 0 0;padding-top:10px;border-top:1px solid var(--line2);font-size:11px;line-height:1.5;color:var(--muted)}

html:not(.home-xav) .dash-wait li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--line2)}
html:not(.home-xav) .dash-wait li:first-child{border-top:0}
html:not(.home-xav) .dash-wait div{min-width:0}
html:not(.home-xav) .dash-wait strong{display:block;font-size:13px;font-weight:600;line-height:1.35;color:var(--ink)}
html:not(.home-xav) .dash-wait span{display:block;margin-top:2px;font-size:11px;line-height:1.4;color:var(--muted)}
html:not(.home-xav) .dash-wait b{flex:none;font-size:11.5px;font-weight:650;color:var(--ink);white-space:nowrap}

html:not(.home-xav) .dash-bars li{display:grid;grid-template-columns:106px minmax(0,1fr) 58px;align-items:center;gap:10px;padding:7px 0;font-size:11.5px}
html:not(.home-xav) .dash-bar-label{color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html:not(.home-xav) .dash-bar{height:6px;background:var(--line2);border-radius:999px;overflow:hidden}
html:not(.home-xav) .dash-bar i{display:block;height:100%;background:var(--ink);border-radius:999px}
html:not(.home-xav) .dash-bar-value{text-align:right;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}

html:not(.home-xav) .dash-metrics li{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:8px 0;border-top:1px solid var(--line2);font-size:12.5px;color:var(--muted)}
html:not(.home-xav) .dash-metrics li:first-child{border-top:0}
html:not(.home-xav) .dash-metrics strong{font-size:13px;font-weight:650;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}

html:not(.home-xav) .dash-rating{display:flex;align-items:baseline;gap:6px}
html:not(.home-xav) .dash-rating strong{font-family:var(--font-d);font-size:38px;font-weight:700;line-height:1;letter-spacing:-.04em;color:var(--ink)}
html:not(.home-xav) .dash-rating span{font-size:12px;color:var(--muted)}
html:not(.home-xav) .dash-review-meta{margin:6px 0 12px;font-size:11.5px;color:var(--muted)}
html:not(.home-xav) .dash-distribution li{display:grid;grid-template-columns:14px minmax(0,1fr) 22px;align-items:center;gap:9px;padding:3px 0;font-size:10.5px;color:var(--muted)}
html:not(.home-xav) .dash-star{color:var(--ink)}
html:not(.home-xav) .dash-review-bar{height:4px;background:var(--line2);border-radius:999px;overflow:hidden}
html:not(.home-xav) .dash-review-bar i{display:block;height:100%;background:var(--accent);border-radius:999px}
html:not(.home-xav) .dash-review-count{text-align:right;font-variant-numeric:tabular-nums}

html:not(.home-xav) .dash-caption{padding:12px 20px;border-top:1px solid var(--line);background:var(--surface);font-size:11px;line-height:1.5;color:var(--muted)}
html:not(.home-xav) .dash-close{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-top:24px;padding:22px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}
html:not(.home-xav) .dash-close div{display:flex;flex-direction:column;gap:4px}
html:not(.home-xav) .dash-close strong{font-size:16px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}
html:not(.home-xav) .dash-close span{font-size:13px;line-height:1.55;color:var(--muted);max-width:62ch}

@media(max-width:1080px){
  html:not(.home-xav) .dash-lower{grid-template-columns:1fr 1fr}
  html:not(.home-xav) .dash-lower .dash-card:last-child{grid-column:1/-1}
  html:not(.home-xav) .dash-distribution{max-width:360px}
}
@media(max-width:900px){
  html:not(.home-xav) .dash-kpis{grid-template-columns:1fr 1fr}
  html:not(.home-xav) .dash-main{grid-template-columns:1fr}
}
@media(max-width:680px){
  html:not(.home-xav) .dash-chrome{flex-direction:column;align-items:flex-start;gap:6px}
  html:not(.home-xav) .dash-canvas{padding:18px}
  html:not(.home-xav) .dash-kpis,html:not(.home-xav) .dash-lower{grid-template-columns:1fr}
  html:not(.home-xav) .dash-lower .dash-card:last-child{grid-column:auto}
  html:not(.home-xav) .dash-bookings li{grid-template-columns:64px minmax(0,1fr) auto;gap:8px}
  html:not(.home-xav) .dash-close{flex-direction:column;align-items:flex-start;gap:16px}
}
@media(max-width:420px){
  html:not(.home-xav) .dash-card{padding:16px}
  html:not(.home-xav) .dash-bookings li{grid-template-columns:58px minmax(0,1fr) auto}
  html:not(.home-xav) .dash-pill{padding:4px 6px;font-size:8.5px}
  html:not(.home-xav) .dash-topline{flex-direction:column;align-items:flex-start;gap:8px}
}