/* Secure staff workspace shown only after role verification. */
html.pa-staff-boot body > :not(#staffBoot):not(#managerDashboard) { display:none!important; }
#staffBoot { display:none; }
html.pa-staff-boot #staffBoot { position:fixed; inset:0; z-index:100; display:grid; place-items:center; padding:24px; background:#07090d; color:#eee; font:500 14px/1.5 Inter,system-ui,sans-serif; }
html.pa-staff-boot #managerDashboard { display:none!important; }
body.manager-mode > #slideshowBackground,body.manager-mode > nav:not(.manager-sidebar),body.manager-mode > header,body.manager-mode > section,body.manager-mode > #contact,body.manager-mode > footer,body.manager-mode > .lightbox,body.gestionnaire-mode > #slideshowBackground,body.gestionnaire-mode > nav:not(.manager-sidebar),body.gestionnaire-mode > header,body.gestionnaire-mode > section,body.gestionnaire-mode > #contact,body.gestionnaire-mode > footer,body.gestionnaire-mode > .lightbox { display:none!important; }
body.manager-mode > .manager-commandbar,body.gestionnaire-mode > .manager-commandbar { display:none!important; }
body.manager-mode,body.gestionnaire-mode { display:block!important; height:auto!important; min-height:100svh!important; overflow-x:hidden!important; overflow-y:auto!important; }
body.manager-mode #managerDashboard,body.gestionnaire-mode #managerDashboard { display:grid; }
.pa-dashboard { --dash-gold:#e8bd63; --dash-ink:#080b11; --dash-panel:#0e141d; --dash-border:rgba(177,196,220,.13); --dash-muted:#8d9aab; position:relative; z-index:2; min-height:100svh; grid-template-columns:236px minmax(0,1fr); background:radial-gradient(ellipse at 72% -10%,rgba(29,50,79,.26),transparent 55%),#080b11; color:#f6f7fa; font:400 13px/1.5 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.pa-dash-backdrop { display:none; }
.pa-dash-sidebar { position:sticky; top:0; display:flex; height:100svh; flex-direction:column; padding:20px 13px 14px; border-right:1px solid var(--dash-border); background:rgba(7,10,15,.97); }
.pa-dash-brand { display:flex; align-items:center; gap:10px; min-height:42px; padding:0 6px 17px; border-bottom:1px solid var(--dash-border); color:#fff; text-decoration:none; }
.pa-dash-brand img { width:37px; height:37px; border-radius:50%; object-fit:cover; background:#fff; }
.pa-dash-brand strong { display:block; font-size:14px; letter-spacing:.06em; }
.pa-dash-brand small { display:block; margin-top:1px; color:var(--dash-muted); font-size:7px; letter-spacing:.09em; }
.pa-dash-user { display:flex; align-items:center; gap:10px; margin:15px 2px 19px; padding:9px 7px; border:1px solid var(--dash-border); border-radius:11px; background:rgba(255,255,255,.025); }
.pa-dash-avatar { display:grid; width:34px; height:34px; flex:none; place-items:center; border:1px solid rgba(232,189,99,.65); border-radius:50%; background:linear-gradient(145deg,#273247,#111722); color:#f6d58e; font-size:11px; font-weight:700; }
.pa-dash-user strong,.pa-dash-user small { display:block; max-width:155px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pa-dash-user strong { font-size:11px; }
.pa-dash-user small { color:var(--dash-muted); font-size:9px; }
.pa-dash-nav { display:grid; gap:4px; }
.pa-dash-nav a { display:flex; min-height:37px; align-items:center; gap:11px; padding:0 10px; border:1px solid transparent; border-radius:8px; color:#aeb8c6; text-decoration:none; transition:background .18s,color .18s,border-color .18s; }
.pa-dash-nav a[hidden] { display:none; }
.pa-dash-nav a:hover,.pa-dash-nav a[aria-current="page"] { border-color:rgba(232,189,99,.22); background:linear-gradient(100deg,rgba(232,189,99,.2),rgba(232,189,99,.07)); color:#ffe0a0; }
.pa-dash-icon { display:grid; width:18px; flex:none; place-items:center; color:currentColor; font-size:15px; }
.pa-dash-nav a span:last-child { flex:1; }
.pa-dash-nav .pa-nav-badge { display:grid; min-width:17px; height:17px; place-items:center; padding:0 4px; border-radius:10px; background:#d94a50; color:#fff; font-size:9px; }
.pa-dash-sidebar-foot { display:flex; align-items:center; gap:9px; margin-top:auto; padding:12px 7px 0; border-top:1px solid var(--dash-border); color:#fff; }
.pa-dash-sidebar-foot img { width:46px; height:46px; border-radius:7px; object-fit:cover; }
.pa-dash-sidebar-foot strong,.pa-dash-sidebar-foot small { display:block; }
.pa-dash-sidebar-foot strong { font-size:10px; }
.pa-dash-sidebar-foot small { color:var(--dash-muted); font-size:9px; }
.pa-dash-main { min-width:0; }
.pa-dash-topbar { position:sticky; top:0; z-index:5; display:flex; height:59px; align-items:center; justify-content:space-between; gap:18px; padding:0 clamp(18px,3vw,34px); border-bottom:1px solid var(--dash-border); background:rgba(8,11,17,.86); backdrop-filter:blur(14px); }
.pa-dash-top-left,.pa-dash-top-right { display:flex; align-items:center; gap:12px; }
.pa-dash-search { display:flex; width:min(34vw,360px); height:34px; align-items:center; gap:9px; padding:0 11px; border:1px solid var(--dash-border); border-radius:8px; background:rgba(255,255,255,.035); color:#8f9daf; font-size:19px; }
.pa-dash-search:focus-within { border-color:rgba(232,189,99,.52); box-shadow:0 0 0 3px rgba(232,189,99,.08); }
.pa-dash-search input { width:100%; min-width:0; border:0; outline:0; background:transparent; color:#f6f7fa; font:inherit; font-size:10px; }
.pa-dash-search input::placeholder { color:#788596; opacity:1; }
.pa-dash-nav-empty { padding:10px; color:var(--dash-muted); font-size:9px; }
.pa-dash-crumb { color:var(--dash-muted); font-size:10px; letter-spacing:.1em; text-transform:uppercase; }
.pa-dash-top-action { display:grid; width:32px; height:32px; place-items:center; border:1px solid var(--dash-border); border-radius:9px; background:rgba(255,255,255,.03); color:#c7d0db; text-decoration:none; }
.pa-dash-top-action:hover { border-color:rgba(232,189,99,.5); color:var(--dash-gold); }
.pa-dash-message-action { position:relative; }
.pa-dash-message-dot { position:absolute; top:6px; right:6px; width:6px; height:6px; border:1px solid #080b11; border-radius:50%; background:#f06467; }
.pa-dash-profile { display:flex; align-items:center; gap:8px; padding:0 2px 0 7px; color:#edf1f5; text-decoration:none; }
.pa-dash-profile .pa-dash-avatar { width:30px; height:30px; }
.pa-dash-profile-copy strong,.pa-dash-profile-copy small { display:block; max-width:100px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pa-dash-profile-copy strong { font-size:9px; line-height:1.3; }
.pa-dash-profile-copy small { color:var(--dash-muted); font-size:8px; }
.pa-dash-profile-chevron { color:var(--dash-muted); font-size:13px; }
.pa-dash-mobile-menu { display:none; }
.pa-dash-content { width:min(1500px,100%); margin:auto; padding:25px clamp(16px,3vw,34px) 36px; }
.pa-dash-welcome { position:relative; display:flex; min-height:112px; align-items:center; justify-content:space-between; gap:20px; overflow:hidden; margin-bottom:16px; padding:22px 24px; border:1px solid rgba(232,189,99,.17); border-radius:13px; background:linear-gradient(90deg,rgba(9,13,20,.96),rgba(8,12,19,.68)),url("images/backgrounds/studio-1.jpg") center 48%/cover; box-shadow:0 12px 34px rgba(0,0,0,.17); }
.pa-dash-welcome:after { position:absolute; right:18%; bottom:-68px; width:240px; height:130px; border-radius:50%; background:rgba(232,189,99,.08); content:""; filter:blur(36px); }
.pa-dash-welcome-copy,.pa-dash-date { position:relative; z-index:1; }
.pa-dash-welcome h1 { margin:0; font-size:clamp(22px,3vw,30px); font-weight:650; letter-spacing:-.04em; }
.pa-dash-welcome h1 span { color:var(--dash-gold); }
.pa-dash-welcome p { margin:3px 0 0; color:#c0c6cf; font-size:11px; }
.pa-dash-date { min-width:100px; padding:9px 13px; border:1px solid rgba(232,189,99,.28); border-radius:9px; background:rgba(8,11,16,.62); text-align:center; }
.pa-dash-date strong,.pa-dash-date small { display:block; }
.pa-dash-date strong { color:#f1ce82; font-size:10px; }
.pa-dash-date small { margin-top:3px; color:#d2d6dd; font-size:9px; }
.pa-dash-metrics { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; margin-bottom:13px; }
.pa-dash-metric { position:relative; min-width:0; padding:13px 14px 12px; border:1px solid var(--dash-border); border-radius:10px; background:linear-gradient(135deg,rgba(19,28,40,.94),rgba(12,17,25,.97)); }
.pa-dash-metric-top { display:flex; align-items:center; gap:8px; color:#9caabd; font-size:9px; }
.pa-dash-metric-icon { display:grid; width:26px; height:26px; place-items:center; border-radius:8px; background:rgba(232,189,99,.13); color:#f0ca75; font-size:14px; }
.pa-dash-metric strong { display:block; margin:7px 0 0 34px; font-size:21px; font-weight:650; line-height:1; }
.pa-dash-metric small { display:block; margin:5px 0 0 34px; color:#7dca9e; font-size:9px; }
.pa-dash-panels { display:grid; grid-template-columns:minmax(0,1.07fr) minmax(0,.91fr) minmax(245px,.83fr); gap:11px; align-items:stretch; }
.pa-dash-panel { min-width:0; overflow:hidden; border:1px solid var(--dash-border); border-radius:11px; background:linear-gradient(150deg,rgba(16,23,32,.97),rgba(10,15,22,.97)); }
.pa-dash-panel-head { display:flex; min-height:43px; align-items:center; justify-content:space-between; gap:10px; padding:0 13px; border-bottom:1px solid var(--dash-border); }
.pa-dash-panel-head h2 { margin:0; font-size:10px; font-weight:650; }
.pa-dash-panel-head a { color:var(--dash-gold); font-size:9px; text-decoration:none; white-space:nowrap; }
.pa-dash-panel-body { padding:7px 12px 10px; }
.pa-dash-list { display:grid; gap:1px; margin:0; padding:0; list-style:none; }
.pa-dash-seat-list { display:grid; gap:7px; padding:10px 1px; }
.pa-dash-seat-list { grid-template-columns:repeat(4,minmax(0,1fr)); }
.pa-dash-seat-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:9px 10px; border:1px solid var(--dash-border); border-radius:8px; background:rgba(255,255,255,.025); }
.pa-dash-seat-row strong,.pa-dash-seat-row small { display:block; }
.pa-dash-seat-row strong { color:#e3e8ef; font-size:9px; font-weight:600; }
.pa-dash-seat-row small { margin-top:2px; color:var(--dash-muted); font-size:8px; }
.pa-dash-seat-count { color:#f1ce82; font-size:12px; font-weight:700; white-space:nowrap; }
.pa-dash-capacity-panel { grid-column:1/-1; }
.pa-dash-row { display:flex; min-height:45px; align-items:center; gap:9px; border-bottom:1px solid rgba(177,196,220,.08); }
.pa-dash-row:last-child { border-bottom:0; }
.pa-dash-row-icon { display:grid; width:29px; height:29px; flex:none; place-items:center; border:1px solid var(--dash-border); border-radius:9px; background:rgba(255,255,255,.035); color:#f0c86c; font-size:12px; }
.pa-dash-row-copy { min-width:0; flex:1; }
.pa-dash-row-copy strong,.pa-dash-row-copy small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pa-dash-row-copy strong { font-size:9px; font-weight:600; }
.pa-dash-row-copy small { color:var(--dash-muted); font-size:8px; }
.pa-dash-row time { flex:none; color:#758195; font-size:8px; }
.pa-dash-empty { padding:18px 8px; color:var(--dash-muted); font-size:10px; text-align:center; }
.pa-dash-status { flex:none; padding:3px 6px; border:1px solid rgba(52,205,157,.22); border-radius:20px; background:rgba(23,155,113,.15); color:#70d9b2; font-size:8px; }
.pa-dash-status.is-running { border-color:rgba(232,189,99,.2); background:rgba(232,189,99,.12); color:#efd183; }
.pa-dash-bars { display:grid; min-height:160px; grid-template-columns:repeat(4,minmax(0,1fr)); align-items:end; gap:9px; padding:15px 13px 11px; }
.pa-dash-chart-column { display:flex; min-width:0; height:125px; flex-direction:column; align-items:center; justify-content:flex-end; gap:7px; }
.pa-dash-chart-column strong { color:#f2f4f7; font-size:9px; font-weight:600; }
.pa-dash-chart-track { display:flex; width:100%; height:88px; align-items:flex-end; justify-content:center; border-bottom:1px solid rgba(177,196,220,.13); background:repeating-linear-gradient(to bottom,transparent 0,transparent 21px,rgba(177,196,220,.06) 22px); }
.pa-dash-chart-track i { display:block; width:min(22px,58%); min-height:3px; border-radius:5px 5px 1px 1px; background:linear-gradient(180deg,#ffdc81,#c7892d); box-shadow:0 0 15px rgba(232,189,99,.15); }
.pa-dash-chart-column:nth-child(2) .pa-dash-chart-track i { background:linear-gradient(180deg,#56c7ff,#297bd7); }
.pa-dash-chart-column:nth-child(3) .pa-dash-chart-track i { background:linear-gradient(180deg,#51dfb5,#179c83); }
.pa-dash-chart-column:nth-child(4) .pa-dash-chart-track i { background:linear-gradient(180deg,#e076ff,#8b55e3); }
.pa-dash-chart-column small { max-width:100%; overflow:hidden; color:#9ba8b8; font-size:8px; text-overflow:ellipsis; white-space:nowrap; }
.pa-dash-shortcuts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin-top:12px; }
.pa-dash-shortcut { display:flex; min-height:55px; align-items:center; gap:9px; padding:10px 12px; border:1px solid var(--dash-border); border-radius:10px; background:rgba(15,21,30,.9); color:#d6dce5; text-decoration:none; font-size:10px; transition:border .18s,transform .18s; }
.pa-dash-shortcut:hover { transform:translateY(-1px); border-color:rgba(232,189,99,.4); }
.pa-dash-shortcut b { color:#f2cd77; font-size:14px; }
.pa-dash-note { margin:13px 2px 0; color:#758195; font-size:9px; }
.pa-dash-role-views { display:none; }
body.gestionnaire-mode .pa-manager-view,body.manager-mode .pa-gestionnaire-view { display:none!important; }
body.gestionnaire-mode .pa-gestionnaire-view,body.manager-mode .pa-manager-view { display:block; }
body.manager-mode .pa-dash-shortcuts.pa-manager-view,body.gestionnaire-mode .pa-dash-shortcuts.pa-gestionnaire-view { display:grid; }
@media(max-width:1120px) { .pa-dashboard { grid-template-columns:205px minmax(0,1fr); } .pa-dash-panels { grid-template-columns:repeat(2,minmax(0,1fr)); } .pa-dash-panel:last-child { grid-column:1/-1; } .pa-dash-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:900px) { .pa-dash-search { display:none; } }
@media(max-width:760px) { .pa-dashboard { display:none!important; } html.pa-staff-boot #managerDashboard { display:none!important; } body.manager-mode #managerDashboard,body.gestionnaire-mode #managerDashboard { display:block!important; } .pa-dash-sidebar { position:fixed; z-index:12; inset:0 auto 0 0; width:min(270px,84vw); transform:translateX(-105%); transition:transform .2s ease; box-shadow:16px 0 45px rgba(0,0,0,.45); } .pa-dashboard.is-menu-open .pa-dash-sidebar { transform:translateX(0); } .pa-dash-backdrop { position:fixed; z-index:11; inset:0; display:none; background:rgba(0,0,0,.62); } .pa-dashboard.is-menu-open .pa-dash-backdrop { display:block; } .pa-dash-topbar { height:54px; padding-inline:14px; } .pa-dash-search { display:none; } .pa-dash-profile-copy,.pa-dash-profile-chevron { display:none; } .pa-dash-profile { padding:0; } .pa-dash-mobile-menu { display:grid; width:32px; height:32px; place-items:center; border:1px solid var(--dash-border); border-radius:8px; background:transparent; color:#e6eaf0; font-size:17px; } .pa-dash-content { padding:17px 13px 25px; } .pa-dash-welcome { min-height:100px; padding:18px 16px; } .pa-dash-welcome p { max-width:390px; } .pa-dash-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } .pa-dash-metric { padding:11px; } .pa-dash-panels { grid-template-columns:1fr; } .pa-dash-capacity-panel { grid-column:auto; } .pa-dash-seat-list { grid-template-columns:1fr; } .pa-dash-shortcuts { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:420px) { .pa-dash-date { min-width:79px; padding:7px 8px; } .pa-dash-date strong { font-size:9px; } .pa-dash-date small { font-size:8px; } .pa-dash-welcome { align-items:flex-start; } .pa-dash-welcome h1 { font-size:21px; } .pa-dash-shortcuts { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { .pa-dash-nav a,.pa-dash-shortcut,.pa-dash-sidebar { transition:none; } }
.pa-dash-preview-note{margin:0 0 11px;padding:8px 11px;border:1px solid rgba(232,189,99,.3);border-radius:8px;background:rgba(232,189,99,.08);color:#f2d79b;font-size:9px}.pa-dash-preview-note[hidden]{display:none}
.pa-dash-home-top{display:none}
.pa-dash-logout{display:flex;width:auto;min-width:32px;gap:6px;padding:0 9px;font-size:9px;white-space:nowrap;cursor:pointer}
@media(max-width:760px){.pa-dash-logout{width:32px;justify-content:center;padding:0}.pa-dash-logout span:last-child{display:none}}
@media(max-width:760px){body.manager-mode #managerDashboard{display:grid!important;grid-template-columns:minmax(0,1fr)}body.manager-mode #managerDashboard>.pa-dash-main{grid-column:1;min-width:0}body.gestionnaire-mode #managerDashboard{display:none!important}}
#managerDashboard > .pa-dash-sidebar > nav.pa-dash-nav { position:static; inset:auto; z-index:auto; width:auto; background:transparent; backdrop-filter:none; border:0; box-shadow:none; }
#managerDashboard section.pa-dash-welcome,#managerDashboard section.pa-dash-metrics,#managerDashboard section.pa-dash-panel { max-width:none; margin:0; padding:0; }
#managerDashboard section.pa-dash-welcome { margin:0 0 16px; padding:22px 24px; }
#managerDashboard section.pa-dash-metrics { margin:0 0 13px; }

/* Manager dashboard styling adapted from PA-Studio-Manager-HTML. */
#managerDashboard.pa-dashboard { --dash-gold:#e8b554; --dash-ink:#070b10; --dash-panel:#111922; --dash-border:#28313b; --dash-muted:#98a6b6; grid-template-columns:244px minmax(0,1fr); background:#070b10; }
#managerDashboard .pa-dash-sidebar { padding:19px 13px; background:#0c141d; }
#managerDashboard .pa-dash-brand { min-height:56px; margin:0 9px 24px; padding:0 0 16px; }
#managerDashboard .pa-dash-brand img { width:42px; height:42px; }
#managerDashboard .pa-dash-brand strong { color:var(--dash-gold); font-size:19px; }
#managerDashboard .pa-dash-user { margin:0 2px 18px; padding:10px 8px; }
#managerDashboard .pa-dash-nav a { min-height:42px; padding:0 13px; border-radius:9px; }
#managerDashboard .pa-dash-nav a[aria-current="page"] { background:linear-gradient(90deg,#f4c86d,#dda747); color:#17120a; }
#managerDashboard .pa-dash-main { min-width:0; }
#managerDashboard .pa-dash-topbar { height:72px; padding:0 28px; background:#0e151e; }
#managerDashboard .pa-dash-search { width:min(510px,60%); height:auto; padding:11px 13px; border-radius:9px; background:#17212d; }
#managerDashboard .pa-dash-content { width:min(1600px,100%); padding:22px 25px 40px; }
#managerDashboard section.pa-dash-welcome { min-height:160px; margin:0 0 18px; padding:28px; border-radius:12px; background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.25)),url("images/backgrounds/studio-1.jpg") center/cover; }
#managerDashboard .pa-dash-welcome h1 { font-size:32px; letter-spacing:0; }
#managerDashboard .pa-dash-welcome h1 span { color:var(--dash-gold); }
#managerDashboard section.pa-dash-metrics { grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:0 0 16px; }
#managerDashboard .pa-dash-metric { display:grid; grid-template-columns:auto minmax(0,1fr); grid-template-rows:auto auto auto; align-items:center; gap:1px 13px; padding:18px; border-radius:11px; background:var(--dash-panel); }
#managerDashboard .pa-dash-metric-top { display:contents; }
#managerDashboard .pa-dash-metric-icon { grid-column:1; grid-row:1 / 4; width:48px; height:48px; border-radius:9px; background:#3b2d20; color:var(--dash-gold); font-size:22px; }
#managerDashboard .pa-dash-metric-top > span:last-child { grid-column:2; grid-row:1; color:#d3dce4; font-size:11px; }
#managerDashboard .pa-dash-metric strong { grid-column:2; grid-row:2; margin:0; font-size:22px; }
#managerDashboard .pa-dash-metric small { grid-column:2; grid-row:3; margin:0; color:var(--dash-muted); }
#managerDashboard .pa-dash-panels { grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.5fr); gap:14px; align-items:stretch; }
#managerDashboard section.pa-dash-panel { padding:0; border-radius:11px; background:var(--dash-panel); }
#managerDashboard .pa-dash-panel-head { min-height:49px; padding:0 17px; }
#managerDashboard .pa-dash-panel-head h2 { font-size:13px; }
#managerDashboard .pa-dash-panel-body { padding:0 17px 15px; }
#managerDashboard .pa-dash-row { min-height:48px; }
#managerDashboard .pa-dash-bars { min-height:170px; }
#managerDashboard .pa-dash-seat-list { gap:9px; }
#managerDashboard .pa-dash-seat-row { min-height:55px; padding:10px 12px; }
#managerDashboard .pa-dash-finance-summary { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; padding:12px; }
#managerDashboard .pa-dash-finance-item { min-width:0; padding:10px 11px; border:1px solid var(--dash-border); border-radius:9px; background:rgba(255,255,255,.025); }
#managerDashboard .pa-dash-finance-item span,#managerDashboard .pa-dash-finance-item strong { display:block; overflow:hidden; text-overflow:ellipsis; }
#managerDashboard .pa-dash-finance-item span { color:var(--dash-muted); font-size:9px; line-height:1.3; }
#managerDashboard .pa-dash-finance-item strong { margin-top:5px; font-size:14px; font-weight:700; white-space:nowrap; }
#managerDashboard .pa-dash-finance-item.is-income strong { color:#70d9b2; }
#managerDashboard .pa-dash-finance-item.is-expense strong { color:#ffb2b5; }
@media(max-width:1200px) {
  #managerDashboard.pa-dashboard { grid-template-columns:205px minmax(0,1fr); }
  #managerDashboard section.pa-dash-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); }
  #managerDashboard .pa-dash-panels { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #managerDashboard .pa-dash-panel:last-child { grid-column:1/-1; }
}
@media(max-width:800px) and (min-width:761px) {
  #managerDashboard.pa-dashboard { grid-template-columns:72px minmax(0,1fr); }
  #managerDashboard .pa-dash-sidebar { padding:15px 7px; }
  #managerDashboard .pa-dash-brand { justify-content:center; margin:0 0 18px; padding-bottom:14px; }
  #managerDashboard .pa-dash-brand > span,#managerDashboard .pa-dash-user,#managerDashboard .pa-dash-sidebar-foot { display:none; }
  #managerDashboard .pa-dash-nav a { justify-content:center; padding:0 5px; }
  #managerDashboard .pa-dash-nav a span:last-child { display:none; }
  #managerDashboard .pa-dash-nav .pa-dash-icon { width:auto; }
  #managerDashboard .pa-dash-panels { grid-template-columns:1fr; }
  #managerDashboard .pa-dash-panel:last-child { grid-column:auto; }
  #managerDashboard section.pa-dash-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:760px) {
  #managerDashboard .pa-dash-topbar { height:58px; padding-inline:14px; }
  #managerDashboard .pa-dash-content { padding:17px 13px 28px; }
  #managerDashboard section.pa-dash-welcome { min-height:120px; padding:20px 18px; }
  #managerDashboard .pa-dash-welcome h1 { font-size:25px; }
  #managerDashboard .pa-dash-panels { gap:12px; }
  #managerDashboard section.pa-dash-panel { grid-column:auto; }
}
@media(max-width:450px) {
  #managerDashboard .pa-dash-topbar { gap:8px; padding-inline:10px; }
  #managerDashboard .pa-dash-top-right { gap:6px; }
  #managerDashboard section.pa-dash-metrics { gap:8px; }
  #managerDashboard .pa-dash-metric { gap:1px 8px; padding:11px 9px; }
  #managerDashboard .pa-dash-metric-icon { width:36px; height:36px; font-size:17px; }
  #managerDashboard .pa-dash-metric-top > span:last-child { font-size:9px; }
  #managerDashboard .pa-dash-metric strong { font-size:18px; }
  #managerDashboard .pa-dash-welcome { align-items:flex-start; }
  #managerDashboard .pa-dash-welcome h1 { font-size:21px; }
}
@media(min-width:1001px) {
  #managerDashboard section.pa-dash-metrics { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
#managerDashboard .pa-dash-metric [hidden] { display:none!important; }
#managerDashboard > .pa-dash-sidebar > nav.pa-dash-nav { background:transparent!important; }
#managerDashboard .pa-dash-search input { background:transparent!important; box-shadow:none!important; }
@media(min-width:761px) {
  #managerDashboard .pa-dash-topbar { height:56px; padding-inline:18px; }
  #managerDashboard .pa-dash-content { padding:11px 18px 16px; }
  #managerDashboard .pa-dash-preview-note { margin-bottom:7px; padding:5px 9px; font-size:8px; }
  #managerDashboard section.pa-dash-welcome { min-height:96px; margin-bottom:10px; padding:14px 18px; }
  #managerDashboard .pa-dash-welcome h1 { font-size:25px; }
  #managerDashboard .pa-dash-welcome p { font-size:10px; }
  #managerDashboard section.pa-dash-metrics { gap:8px; margin-bottom:10px; }
  #managerDashboard .pa-dash-metric { gap:1px 9px; padding:10px 11px; }
  #managerDashboard .pa-dash-metric-icon { width:34px; height:34px; font-size:18px; }
  #managerDashboard .pa-dash-metric strong { font-size:19px; }
  #managerDashboard .pa-dash-metric small { font-size:8px; }
  #managerDashboard .pa-dash-panels { gap:9px; }
  #managerDashboard .pa-dash-panel-head { min-height:37px; padding-inline:12px; }
  #managerDashboard .pa-dash-panel-head h2 { font-size:11px; }
  #managerDashboard .pa-dash-panel-body { padding:3px 11px 7px; }
  #managerDashboard .pa-dash-row { min-height:37px; gap:7px; }
  #managerDashboard .pa-dash-row-icon { width:24px; height:24px; }
  #managerDashboard .pa-dash-bars { min-height:132px; padding-block:8px; }
  #managerDashboard .pa-dash-chart-column { height:105px; }
  #managerDashboard .pa-dash-chart-track { height:72px; }
  #managerDashboard .pa-dash-seat-list { gap:6px; padding:7px 1px; }
  #managerDashboard .pa-dash-seat-row { min-height:42px; padding:6px 9px; }
  #managerDashboard .pa-dash-shortcuts { gap:7px; margin-top:8px; }
  #managerDashboard .pa-dash-shortcut { min-height:42px; padding:7px 9px; }
  #managerDashboard .pa-dash-note { margin-top:8px; font-size:8px; }
}
/* Match the reference ZIP's left navigation button rhythm and active state. */
@media(min-width:761px) {
  #managerDashboard .pa-dash-nav { display:flex; flex-direction:column; gap:5px; }
  #managerDashboard .pa-dash-nav a { min-height:0; padding:13px 14px; border:0; border-radius:9px; background:transparent; color:#d3dce4; }
  #managerDashboard .pa-dash-nav a[aria-current="page"],#managerDashboard .pa-dash-nav a:hover { background:linear-gradient(90deg,#f4c86d,#dda747); color:#17120a; }
}
@media(max-width:800px) and (min-width:761px) {
  #managerDashboard .pa-dash-nav a { min-height:42px; padding:0 5px; }
}
#managerDashboard .pa-dash-panels { align-items:stretch; }

/* Reflow the Manager dashboard for narrow phone screens. */
@media(max-width:760px) {
  #managerDashboard.pa-dashboard:not([hidden]) { display:grid!important; width:100%; min-height:100svh; height:auto; grid-template-columns:minmax(0,1fr); overflow:visible; }
  #managerDashboard > .pa-dash-main { grid-column:1; min-width:0; }
  #managerDashboard .pa-dash-topbar { position:sticky; top:0; z-index:10; height:58px; gap:9px; padding-inline:12px; }
  #managerDashboard .pa-dash-top-left { min-width:0; gap:8px; }
  #managerDashboard .pa-dash-home-top { display:flex; min-width:0; align-items:center; gap:7px; color:#f3f5f8; font-size:10px; font-weight:700; letter-spacing:.06em; text-decoration:none; white-space:nowrap; }
  #managerDashboard .pa-dash-home-top img { display:block; width:29px; height:29px; flex:none; border:1px solid rgba(232,189,99,.55); border-radius:50%; object-fit:cover; }
  #managerDashboard .pa-dash-crumb { display:none; }
  #managerDashboard .pa-dash-top-right { flex:none; gap:6px; }
  #managerDashboard #languageToggle { white-space:nowrap; line-height:1; }
  #managerDashboard .pa-dash-content { display:block; width:100%; max-width:100%; height:auto; min-height:0; overflow:visible; padding:14px 12px 28px; }
  #managerDashboard section.pa-dash-welcome { width:100%; min-height:118px; margin:0 0 12px; padding:17px 15px; }
  #managerDashboard section.pa-dash-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:0 0 12px; }
  #managerDashboard .pa-dash-metric { min-width:0; min-height:82px; gap:1px 8px; padding:11px 10px; }
  #managerDashboard .pa-dash-metric-icon { width:36px; height:36px; font-size:17px; }
  #managerDashboard .pa-dash-metric-top > span:last-child { font-size:10px; line-height:1.35; }
  #managerDashboard .pa-dash-metric strong { font-size:19px; }
  #managerDashboard .pa-dash-metric small { min-width:0; font-size:9px; line-height:1.3; overflow-wrap:anywhere; }
  body.manager-mode #managerDashboard section.pa-dash-metrics > .pa-dash-metric:nth-child(5) { grid-column:1/-1; }
  #managerDashboard .pa-dash-panels { display:grid; grid-template-columns:minmax(0,1fr); grid-auto-rows:auto; align-items:stretch; gap:11px; overflow:visible; }
  #managerDashboard section.pa-dash-panel { width:100%; min-width:0; min-height:0; grid-column:auto; }
  #managerDashboard .pa-dash-panel-head { min-height:46px; gap:8px; padding-inline:13px; }
  #managerDashboard .pa-dash-panel-head h2 { font-size:12px; line-height:1.35; }
  #managerDashboard .pa-dash-panel-body { padding:3px 12px 9px; }
  #managerDashboard .pa-dash-row { min-height:43px; }
  #managerDashboard .pa-dash-row-copy strong { font-size:10px; line-height:1.3; }
  #managerDashboard .pa-dash-row-copy small,#managerDashboard .pa-dash-row time { font-size:9px; }
  #managerDashboard .pa-dash-panel-head h2 { font-size:13px; }
  #managerDashboard .pa-dash-seat-row strong { font-size:10px; }
  #managerDashboard .pa-dash-seat-row small { font-size:9px; }
  #managerDashboard .pa-dash-weekly-panel { margin-top:11px!important; }
  #managerDashboard .pa-dash-weekly-content { min-height:0; padding:12px; }
  #managerDashboard .pa-dash-week-chart { gap:clamp(4px,2vw,8px); }
  #managerDashboard .pa-dash-week-day { min-width:0; }
  #managerDashboard .pa-dash-shortcuts.pa-manager-view { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:12px; }
}
@media(max-width:380px) {
  #managerDashboard .pa-dash-topbar { padding-inline:9px; }
  #managerDashboard .pa-dash-top-left { gap:6px; }
  #managerDashboard .pa-dash-home-top { gap:5px; font-size:9px; letter-spacing:.02em; }
  #managerDashboard .pa-dash-home-top img { width:26px; height:26px; }
  #managerDashboard .pa-dash-top-action { width:29px; height:29px; }
  #managerDashboard .pa-dash-top-right { gap:5px; }
  #managerDashboard .pa-dash-profile .pa-dash-avatar { width:28px; height:28px; }
  #managerDashboard section.pa-dash-welcome { flex-direction:column; gap:10px; }
  #managerDashboard .pa-dash-date { align-self:flex-start; }
  #managerDashboard .pa-dash-shortcuts.pa-manager-view { grid-template-columns:1fr; }
}
#managerDashboard .pa-dash-user .pa-dash-avatar { width:52px; height:52px; overflow:hidden; font-size:16px; }
#managerDashboard .pa-dash-avatar img { display:block; width:100%; height:100%; border-radius:inherit; object-fit:cover; }
#managerDashboard #managerTopAvatar { overflow:hidden; }
#managerDashboard #managerTopAvatar img { object-position:50% 76%; transform:scale(1.55); }
#managerDashboard #managerTopAvatar.manager-avatar-pathy img { object-position:50% 5%; transform:scale(1.25); }
#managerDashboard .pa-dash-dj-requests { position:relative; cursor:pointer; }
#managerDashboard .pa-dash-notification-badge { position:absolute; top:-4px; right:-4px; display:grid; min-width:16px; height:16px; place-items:center; padding:0 4px; border:1px solid #080b11; border-radius:10px; background:#d94a50; color:#fff; font-size:9px; font-weight:700; line-height:1; }
#managerDashboard .pa-dash-notification-badge[hidden] { display:none!important; }
#managerDashboard .pa-dash-request-mark { min-height:28px; margin-top:9px; padding:0 10px; border:1px solid rgba(232,189,99,.3); border-radius:7px; background:rgba(232,189,99,.08); color:#f1d391; font-size:10px; cursor:pointer; }
#managerDashboard .pa-dash-request-mark:hover { background:rgba(232,189,99,.18); }
#managerDashboard .pa-dash-user strong { font-size:12px; }
.pa-dash-nav .pa-nav-badge { flex:none; }
.pa-dash-nav .pa-nav-badge[hidden] { display:none!important; }
#managerDashboard .pa-dash-message-dialog { width:min(540px,calc(100vw - 28px)); max-width:none; max-height:calc(100dvh - 32px); margin:auto; padding:0; overflow:visible; border:1px solid rgba(232,189,99,.3); border-radius:15px; background:transparent; color:#f6f7fa; box-shadow:0 24px 90px rgba(0,0,0,.58); }
#managerDashboard .pa-dash-message-dialog::backdrop { background:rgba(2,5,9,.72); backdrop-filter:blur(4px); }
.pa-dash-message-window { display:grid; max-height:calc(100dvh - 32px); grid-template-rows:auto minmax(120px,1fr) auto; overflow:hidden; border-radius:inherit; background:linear-gradient(150deg,#121b26,#090e15); }
.pa-dash-message-header { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; padding:20px 22px 15px; border-bottom:1px solid rgba(177,196,220,.12); }
.pa-dash-message-kicker { color:#e8bd63; font-size:9px; font-weight:700; letter-spacing:.16em; }
.pa-dash-message-header h2 { margin:4px 0 0; font-size:19px; font-weight:650; }
.pa-dash-message-header p { margin:3px 0 0; color:#9caabd; font-size:11px; }
.pa-dash-message-close { display:grid; width:32px; height:32px; flex:none; place-items:center; border:1px solid rgba(177,196,220,.15); border-radius:9px; background:rgba(255,255,255,.035); color:#dce3ec; font-size:20px; line-height:1; cursor:pointer; }
#managerDashboard .pa-dash-profile-dialog { width:min(620px,calc(100vw - 28px)); }
.pa-dash-profile-window { max-height:calc(100dvh - 32px); overflow:auto; border-radius:inherit; background:linear-gradient(150deg,#121b26,#090e15); }
.pa-dash-profile-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:17px 20px 7px; }
.pa-dash-photo-option { display:grid; min-width:0; justify-items:start; align-content:start; gap:10px; padding:14px; border:1px solid rgba(177,196,220,.12); border-radius:12px; background:rgba(255,255,255,.025); }
.pa-dash-photo-avatar { display:grid; width:66px; height:66px; place-items:center; overflow:hidden; border:2px solid rgba(232,189,99,.7); border-radius:50%; background:linear-gradient(145deg,#273247,#111722); color:#f6d58e; font-weight:700; }
.pa-dash-photo-avatar img { width:100%; height:100%; border-radius:inherit; object-fit:cover; }
.pa-dash-photo-cover { display:block; width:100%; height:66px; border:1px solid rgba(177,196,220,.14); border-radius:9px; background:linear-gradient(90deg,rgba(0,0,0,.36),rgba(0,0,0,.12)),url("images/backgrounds/studio-1.jpg") center/cover; }
.pa-dash-photo-option h3 { margin:0; color:#f2f4f7; font-size:12px; }
.pa-dash-photo-option p { min-height:30px; margin:3px 0 0; color:var(--dash-muted); font-size:10px; line-height:1.45; }
.pa-dash-profile-pick { min-height:34px; padding:0 12px; border:1px solid rgba(232,189,99,.38); border-radius:9px; background:rgba(232,189,99,.09); color:#f3d68f; font:inherit; font-size:10px; font-weight:650; cursor:pointer; }
.pa-dash-profile-pick:hover { background:rgba(232,189,99,.16); }
.pa-dash-profile-status { min-height:20px; margin:4px 20px 18px; color:#95a3b5; font-size:10px; }
.pa-dash-profile-status.is-error { color:#ff9b9b; }
@media(max-width:560px) { .pa-dash-profile-options { grid-template-columns:1fr; padding:14px 15px 5px; } .pa-dash-photo-option { grid-template-columns:auto minmax(0,1fr); align-items:center; } .pa-dash-photo-option p { min-height:0; } .pa-dash-photo-option .pa-dash-profile-pick { grid-column:1/-1; } .pa-dash-cover-option .pa-dash-photo-cover { grid-column:1/-1; } .pa-dash-profile-status { margin:4px 15px 14px; } }
.pa-dash-message-close:hover { border-color:rgba(232,189,99,.5); color:#e8bd63; }
.pa-dash-message-list { display:grid; align-content:start; gap:9px; min-height:150px; max-height:min(56vh,440px); overflow:auto; padding:14px 18px; }
.pa-dash-message-empty { margin:0; padding:25px 12px; color:#9caabd; font-size:12px; text-align:center; }
.pa-dash-message-item { padding:11px 13px; border:1px solid rgba(177,196,220,.12); border-radius:10px; background:rgba(255,255,255,.035); }
.pa-dash-message-meta { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.pa-dash-message-meta strong { overflow:hidden; color:#f1d391; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.pa-dash-message-meta time { flex:none; color:#8d9aab; font-size:9px; }
.pa-dash-message-item p { margin:7px 0 0; color:#e0e5ec; font-size:12px; line-height:1.55; white-space:pre-wrap; overflow-wrap:anywhere; }
.pa-dash-message-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 18px; border-top:1px solid rgba(177,196,220,.12); }
.pa-dash-message-footer span { color:#8d9aab; font-size:9px; }
.pa-dash-message-footer button { min-height:34px; padding:0 14px; border:1px solid rgba(232,189,99,.35); border-radius:8px; background:rgba(232,189,99,.1); color:#f1d391; font-size:10px; cursor:pointer; }
.pa-dash-message-footer button:hover { background:rgba(232,189,99,.18); }
@media(max-width:520px) {
  #managerDashboard .pa-dash-message-dialog { width:calc(100vw - 20px); max-height:calc(100dvh - 24px); }
  .pa-dash-message-window { max-height:calc(100dvh - 24px); }
  .pa-dash-message-header { padding:16px 15px 12px; }
  .pa-dash-message-list { padding:12px; }
  .pa-dash-message-footer { align-items:flex-start; padding:11px 13px; }
}

#managerDashboard .pa-dash-weekly-panel { margin-top:15px!important; border-color:rgba(232,181,84,.24); box-shadow:0 16px 40px rgba(0,0,0,.18); }
#managerDashboard .pa-dash-weekly-head { min-height:58px; padding:9px 17px; }
#managerDashboard .pa-dash-weekly-head h2 { font-size:13px; }
#managerDashboard .pa-dash-weekly-head p { margin:3px 0 0; color:var(--dash-muted); font-size:9px; }
.pa-dash-week-range { flex:none; color:#aab6c5; font-size:9px; }
.pa-dash-weekly-content { display:block; min-height:183px; padding:14px 17px; }
.pa-dash-week-chart { display:grid; min-width:0; min-height:155px; grid-template-columns:repeat(7,minmax(0,1fr)); align-items:stretch; gap:8px; }
.pa-dash-week-day { display:grid; min-width:0; grid-template-rows:16px minmax(90px,1fr) 18px; justify-items:center; gap:4px; padding:0 3px; border-right:1px solid rgba(177,196,220,.07); }
.pa-dash-week-day:last-child { border-right:0; }
.pa-dash-week-day strong { color:#c5cfdb; font-size:10px; font-weight:550; text-transform:capitalize; }
.pa-dash-week-day-count { color:#8593a5; font-size:9px; font-weight:650; }
.pa-dash-week-track { position:relative; display:flex; width:100%; min-height:90px; align-items:flex-end; justify-content:center; overflow:hidden; border-bottom:1px solid rgba(177,196,220,.16); background:repeating-linear-gradient(to bottom,transparent 0,transparent 22px,rgba(177,196,220,.055) 23px); }
.pa-dash-week-bar { display:block; width:min(34px,56%); min-height:3px; border-radius:6px 6px 1px 1px; background:linear-gradient(180deg,#58cafa,#237dbb); box-shadow:0 0 18px rgba(57,167,227,.19); transition:height .25s ease,filter .25s ease; }
.pa-dash-week-day.is-peak .pa-dash-week-day-count { color:#f3d28d; }
.pa-dash-week-day.is-peak .pa-dash-week-day strong { color:#f3d28d; }
.pa-dash-week-day.is-peak .pa-dash-week-bar { background:linear-gradient(180deg,#ffe08f,#d29435); box-shadow:0 0 22px rgba(232,181,84,.24); }
.pa-dash-week-day.is-today strong { color:#e9bd64; }
.pa-dash-week-day.is-today .pa-dash-week-track { outline:1px solid rgba(232,181,84,.22); outline-offset:3px; }
@media(max-width:900px) { .pa-dash-weekly-content { padding:12px; } .pa-dash-week-chart { gap:4px; } }
@media(max-width:520px) { .pa-dash-weekly-head { align-items:flex-start; } .pa-dash-week-chart { min-height:145px; } .pa-dash-week-day { padding:0 1px; } .pa-dash-week-day strong { font-size:8px; } }
@media(prefers-reduced-motion:reduce) { .pa-dash-week-bar { transition:none; } }

@media(min-width:1121px) and (min-height:720px) and (max-height:859px) {
  body.manager-mode { height:100svh!important; min-height:0!important; overflow:hidden!important; }
  body.manager-mode #managerDashboard { height:100svh; min-height:0; overflow:hidden; }
  body.manager-mode #managerDashboard > .pa-dash-main { display:grid; height:100svh; min-height:0; grid-template-rows:56px minmax(0,1fr); overflow:hidden; }
  body.manager-mode #managerDashboard .pa-dash-topbar { position:static; height:56px; }
  body.manager-mode #managerDashboard .pa-dash-sidebar { padding-block:12px 10px; }
  body.manager-mode #managerDashboard .pa-dash-brand { min-height:48px; margin-bottom:14px; padding-bottom:10px; }
  body.manager-mode #managerDashboard .pa-dash-user { margin-bottom:10px; padding:7px 8px; }
  body.manager-mode #managerDashboard .pa-dash-nav { gap:2px; }
  body.manager-mode #managerDashboard .pa-dash-nav a { min-height:34px; }
  body.manager-mode #managerDashboard .pa-dash-content { display:grid; height:100%; min-height:0; grid-template-rows:65px 58px minmax(270px,1fr) 43px minmax(151px,.75fr); gap:7px; overflow:hidden; padding:8px 18px 10px; }
  body.manager-mode #managerDashboard section.pa-dash-welcome { min-height:0; margin:0; padding:9px 16px; }
  body.manager-mode #managerDashboard .pa-dash-welcome h1 { font-size:22px; }
  body.manager-mode #managerDashboard section.pa-dash-metrics { min-height:0; margin:0; }
  body.manager-mode #managerDashboard .pa-dash-metric { min-height:0; padding:5px 9px; align-content:center; }
  body.manager-mode #managerDashboard .pa-dash-metric-icon { width:22px; height:22px; }
  body.manager-mode #managerDashboard .pa-dash-metric strong { margin-top:2px; font-size:16px; }
  body.manager-mode #managerDashboard .pa-dash-metric small { max-width:100%; margin-top:2px; overflow:hidden; color:var(--dash-muted); font-size:7px; line-height:1; text-overflow:ellipsis; white-space:nowrap; }
  body.manager-mode #managerDashboard .pa-dash-panels { min-height:0; grid-template-rows:minmax(0,1fr) auto; gap:7px; overflow:hidden; }
  body.manager-mode #managerDashboard .pa-dash-panel { min-height:0; }
  body.manager-mode #managerDashboard .pa-dash-panel-head { min-height:32px; padding-inline:11px; }
  body.manager-mode #managerDashboard .pa-dash-panel-head h2 { font-size:10px; }
  body.manager-mode #managerDashboard .pa-dash-panel-body { padding:2px 10px 4px; }
  body.manager-mode #managerDashboard .pa-dash-row { min-height:25px; gap:6px; }
  body.manager-mode #managerDashboard .pa-dash-row-icon { width:21px; height:21px; }
  body.manager-mode #managerDashboard .pa-dash-row-copy strong { font-size:8px; }
  body.manager-mode #managerDashboard .pa-dash-row-copy small { font-size:7px; }
  body.manager-mode #managerDashboard .pa-dash-row time,body.manager-mode #managerDashboard .pa-dash-status { font-size:7px; }
  body.manager-mode #managerDashboard #managerStats .pa-dash-bars { min-height:68px; gap:4px; padding:4px 9px; }
  body.manager-mode #managerDashboard #managerStats .pa-dash-chart-column { height:58px; gap:2px; }
  body.manager-mode #managerDashboard #managerStats .pa-dash-chart-track { height:40px; }
  body.manager-mode #managerDashboard .pa-dash-seat-list { gap:5px; padding:4px 7px; }
  body.manager-mode #managerDashboard .pa-dash-seat-row { min-height:38px; padding:4px 7px; }
  body.manager-mode #managerDashboard .pa-dash-seat-row strong { font-size:8px; }
  body.manager-mode #managerDashboard .pa-dash-seat-row small { font-size:7px; }
  body.manager-mode #managerDashboard .pa-dash-shortcuts.pa-manager-view { grid-template-columns:repeat(6,minmax(0,1fr)); gap:6px; margin:0; }
  body.manager-mode #managerDashboard .pa-dash-shortcut { min-height:43px; gap:5px; padding:5px 8px; font-size:8px; }
  body.manager-mode #managerDashboard .pa-dash-weekly-panel { min-height:0; margin:0!important; }
  body.manager-mode #managerDashboard .pa-dash-weekly-head { min-height:40px; padding:5px 12px; }
  body.manager-mode #managerDashboard .pa-dash-weekly-content { min-height:0; height:calc(100% - 40px); padding:5px 10px; }
  body.manager-mode #managerDashboard .pa-dash-week-chart { height:100%; min-height:0; }
  body.manager-mode #managerDashboard .pa-dash-week-day { grid-template-rows:13px minmax(0,1fr) 14px; gap:2px; }
  body.manager-mode #managerDashboard .pa-dash-week-track { min-height:0; }
  body.manager-mode #managerDashboard .pa-dash-note { display:none!important; }
}

@media(min-width:1121px) and (min-height:860px) {
  body.manager-mode { height:100svh!important; min-height:0!important; overflow:hidden!important; }
  body.manager-mode #managerDashboard { height:100svh; min-height:0; overflow:hidden; }
  body.manager-mode #managerDashboard > .pa-dash-main { display:grid; height:100svh; min-height:0; grid-template-rows:59px minmax(0,1fr); overflow:hidden; }
  body.manager-mode #managerDashboard .pa-dash-topbar { position:static; }
  body.manager-mode #managerDashboard .pa-dash-content { display:grid; height:100%; min-height:0; grid-template-rows:76px 58px minmax(0,1fr) 42px 166px; gap:7px; overflow:hidden; padding:9px 18px 10px; }
  body.manager-mode #managerDashboard section.pa-dash-welcome { min-height:0; margin:0; padding:13px 18px; }
  body.manager-mode #managerDashboard section.pa-dash-metrics { min-height:0; margin:0; }
  body.manager-mode #managerDashboard .pa-dash-metric { min-height:0; padding:6px 10px; align-content:center; }
  body.manager-mode #managerDashboard .pa-dash-metric-icon { width:22px; height:22px; }
  body.manager-mode #managerDashboard .pa-dash-metric strong { margin-top:2px; font-size:17px; }
  body.manager-mode #managerDashboard .pa-dash-metric small { max-width:100%; margin-top:2px; overflow:hidden; color:var(--dash-muted); font-size:7px; line-height:1; text-overflow:ellipsis; white-space:nowrap; }
  body.manager-mode #managerDashboard .pa-dash-panels { min-height:0; grid-template-rows:minmax(0,1fr) auto; gap:9px; overflow:hidden; }
  body.manager-mode #managerDashboard .pa-dash-panel { min-height:0; }
  body.manager-mode #managerDashboard .pa-dash-row { min-height:29px; }
  body.manager-mode #managerDashboard .pa-dash-row-icon { width:23px; height:23px; }
  body.manager-mode #managerDashboard .pa-dash-row-copy strong { font-size:8px; }
  body.manager-mode #managerDashboard .pa-dash-row-copy small { font-size:7px; }
  body.manager-mode #managerDashboard .pa-dash-row time,body.manager-mode #managerDashboard .pa-dash-status { font-size:7px; }
  body.manager-mode #managerDashboard #managerStats .pa-dash-bars { min-height:78px; gap:5px; padding:6px 10px; }
  body.manager-mode #managerDashboard #managerStats .pa-dash-chart-column { height:66px; gap:3px; }
  body.manager-mode #managerDashboard #managerStats .pa-dash-chart-track { height:46px; }
  body.manager-mode #managerDashboard .pa-dash-seat-list { gap:5px; padding:6px 8px; }
  body.manager-mode #managerDashboard .pa-dash-seat-row { padding:6px 8px; }
  body.manager-mode #managerDashboard .pa-dash-shortcuts.pa-manager-view { grid-template-columns:repeat(6,minmax(0,1fr)); gap:7px; margin:0; }
  body.manager-mode #managerDashboard .pa-dash-shortcut { min-height:46px; gap:6px; padding:7px 9px; font-size:9px; }
  body.manager-mode #managerDashboard .pa-dash-weekly-panel { min-height:0; margin:0!important; }
  body.manager-mode #managerDashboard .pa-dash-weekly-head { min-height:48px; padding:7px 15px; }
  body.manager-mode #managerDashboard .pa-dash-weekly-content { min-height:0; height:calc(100% - 48px); padding:8px 13px; }
  body.manager-mode #managerDashboard .pa-dash-week-chart { height:100%; min-height:0; }
  body.manager-mode #managerDashboard .pa-dash-week-day { grid-template-rows:14px minmax(0,1fr) 15px; gap:3px; }
  body.manager-mode #managerDashboard .pa-dash-week-track { min-height:0; }
  body.manager-mode #managerDashboard .pa-dash-finance-summary { gap:6px; padding:7px; }
  body.manager-mode #managerDashboard .pa-dash-finance-item { padding:7px 8px; }
  body.manager-mode #managerDashboard .pa-dash-finance-item strong { margin-top:3px; font-size:11px; }
  body.manager-mode #managerDashboard .pa-dash-finance-item span { font-size:7px; }
  body.manager-mode #managerDashboard .pa-dash-note { display:none!important; }
}

/* Keep the dashboard readable on tablets and compact laptop windows. */
@media(min-width:761px) and (max-width:1120px) {
  body.manager-mode,body.gestionnaire-mode { height:auto!important; min-height:100svh!important; overflow-x:hidden!important; overflow-y:auto!important; }
  #managerDashboard.pa-dashboard { width:100%; height:auto; min-height:100svh; grid-template-columns:205px minmax(0,1fr); overflow:visible; }
  #managerDashboard > .pa-dash-main { min-width:0; }
  #managerDashboard .pa-dash-topbar { position:sticky; top:0; z-index:10; height:60px; padding-inline:16px; }
  #managerDashboard .pa-dash-content { display:block; width:100%; height:auto; min-height:0; overflow:visible; padding:20px 18px 30px; }
  #managerDashboard section.pa-dash-welcome { min-height:128px; margin:0 0 14px; padding:22px; }
  #managerDashboard .pa-dash-welcome h1 { font-size:clamp(24px,3vw,30px); }
  #managerDashboard section.pa-dash-metrics { grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:0 0 13px; }
  #managerDashboard section.pa-dash-metrics > .pa-dash-metric { grid-column:auto; }
  #managerDashboard .pa-dash-metric { min-width:0; min-height:84px; padding:12px; }
  #managerDashboard .pa-dash-metric-icon { width:36px; height:36px; }
  #managerDashboard .pa-dash-metric strong { font-size:19px; }
  #managerDashboard .pa-dash-metric-top > span:last-child { font-size:10px; line-height:1.3; }
  #managerDashboard .pa-dash-metric small { font-size:8px; }
  #managerDashboard .pa-dash-panels { grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch; gap:12px; overflow:visible; }
  #managerDashboard section.pa-dash-panel { min-width:0; min-height:0; }
  #managerDashboard .pa-dash-panels > #managerStats { grid-column:1/-1; }
  #managerDashboard .pa-dash-panels > #managerFinancePanel { grid-column:1/-1; }
  #managerDashboard .pa-dash-seat-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #managerDashboard .pa-dash-finance-summary { grid-template-columns:repeat(4,minmax(0,1fr)); }
  #managerDashboard .pa-dash-user { align-items:flex-start; }
  #managerDashboard .pa-dash-user > span:last-child { min-width:0; flex:1; }
  #managerDashboard .pa-dash-user strong,#managerDashboard .pa-dash-user small { max-width:100%; }
  #managerDashboard .pa-dash-user small { white-space:normal; line-height:1.25; }
  #managerDashboard .pa-dash-profile-copy { min-width:0; max-width:88px; }
  #managerDashboard .pa-dash-profile-copy strong,#managerDashboard .pa-dash-profile-copy small { max-width:88px; }
  #managerDashboard .pa-dash-profile-copy small { white-space:normal; line-height:1.15; }
  #managerDashboard .pa-dash-shortcuts.pa-manager-view { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
  #managerDashboard .pa-dash-weekly-panel { margin-top:13px!important; }
}

/* Keep the complete Manager overview on one desktop/tablet screen. */
@media(min-width:761px) and (min-height:860px) and (max-width:1120px) {
  body.manager-mode { height:100svh!important; min-height:0!important; overflow:hidden!important; }
  body.manager-mode #managerDashboard { height:100svh; min-height:0; overflow:hidden; }
  body.manager-mode #managerDashboard > .pa-dash-main { display:grid; height:100svh; min-height:0; grid-template-rows:56px minmax(0,1fr); overflow:hidden; }
  body.manager-mode #managerDashboard .pa-dash-topbar { position:static; height:56px; }
  body.manager-mode #managerDashboard .pa-dash-content { display:grid; height:100%; min-height:0; grid-template-rows:68px 58px minmax(0,1fr) 126px; gap:7px; overflow:hidden; padding:9px 12px 10px; }
  body.manager-mode #managerDashboard section.pa-dash-welcome { min-height:0; margin:0; padding:9px 13px; }
  body.manager-mode #managerDashboard .pa-dash-welcome h1 { font-size:clamp(19px,2.6vw,24px); }
  body.manager-mode #managerDashboard .pa-dash-welcome p { font-size:9px; }
  body.manager-mode #managerDashboard .pa-dash-date { padding:6px 8px; }
  body.manager-mode #managerDashboard section.pa-dash-metrics { min-height:0; margin:0; gap:7px; }
  body.manager-mode #managerDashboard .pa-dash-metric { min-height:0; padding:6px 8px; gap:1px 6px; }
  body.manager-mode #managerDashboard .pa-dash-metric-icon { width:27px; height:27px; font-size:14px; }
  body.manager-mode #managerDashboard .pa-dash-metric strong { font-size:16px; }
  body.manager-mode #managerDashboard .pa-dash-metric-top > span:last-child { font-size:8px; }
  body.manager-mode #managerDashboard .pa-dash-metric small { font-size:7px; }
  body.manager-mode #managerDashboard .pa-dash-panels { min-height:0; grid-template-columns:minmax(0,1fr) minmax(0,1.25fr); grid-template-rows:minmax(0,1fr) minmax(0,1fr) auto; gap:7px; overflow:hidden; }
  body.manager-mode #managerDashboard .pa-dash-panels > #managerStats { grid-column:1; }
  body.manager-mode #managerDashboard .pa-dash-panels > #managerFinancePanel { grid-column:2; }
  body.manager-mode #managerDashboard .pa-dash-panel { min-height:0; }
  body.manager-mode #managerDashboard .pa-dash-panel-head { min-height:31px; padding-inline:9px; }
  body.manager-mode #managerDashboard .pa-dash-panel-head h2 { font-size:9px; }
  body.manager-mode #managerDashboard .pa-dash-panel-head a { font-size:8px; }
  body.manager-mode #managerDashboard .pa-dash-panel-body { padding:1px 8px 4px; }
  body.manager-mode #managerDashboard .pa-dash-row { min-height:24px; gap:5px; }
  body.manager-mode #managerDashboard .pa-dash-row-icon { width:20px; height:20px; }
  body.manager-mode #managerDashboard .pa-dash-row-copy strong { font-size:7px; }
  body.manager-mode #managerDashboard .pa-dash-row-copy small,#managerDashboard .pa-dash-row time,#managerDashboard .pa-dash-status { font-size:6px; }
  body.manager-mode #managerDashboard #managerStats .pa-dash-bars { min-height:0; height:calc(100% - 62px); gap:4px; padding:3px 7px; }
  body.manager-mode #managerDashboard #managerStats .pa-dash-chart-column { height:100%; gap:2px; }
  body.manager-mode #managerDashboard #managerStats .pa-dash-chart-track { height:70%; }
  body.manager-mode #managerDashboard #managerStats .pa-dash-chart-column small { font-size:6px; }
  body.manager-mode #managerDashboard .pa-dash-finance-summary { grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px; padding:5px; }
  body.manager-mode #managerDashboard .pa-dash-finance-item { padding:5px 6px; }
  body.manager-mode #managerDashboard .pa-dash-finance-item span { font-size:7px; }
  body.manager-mode #managerDashboard .pa-dash-finance-item strong { margin-top:2px; font-size:9px; }
  body.manager-mode #managerDashboard .pa-dash-seat-list { grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; padding:4px; }
  body.manager-mode #managerDashboard .pa-dash-seat-row { min-height:29px; padding:4px 5px; gap:3px; }
  body.manager-mode #managerDashboard .pa-dash-seat-row strong { font-size:7px; }
  body.manager-mode #managerDashboard .pa-dash-seat-row small { font-size:6px; }
  body.manager-mode #managerDashboard .pa-dash-seat-count { font-size:8px; }
  body.manager-mode #managerDashboard .pa-dash-shortcuts.pa-manager-view { display:none!important; }
  body.manager-mode #managerDashboard .pa-dash-weekly-panel { min-height:0; margin:0!important; }
  body.manager-mode #managerDashboard .pa-dash-weekly-head { min-height:35px; padding:4px 10px; }
  body.manager-mode #managerDashboard .pa-dash-weekly-head h2 { font-size:9px; }
  body.manager-mode #managerDashboard .pa-dash-weekly-head p { margin:0; font-size:7px; }
  body.manager-mode #managerDashboard .pa-dash-weekly-content { min-height:0; height:calc(100% - 35px); padding:4px 9px; }
  body.manager-mode #managerDashboard .pa-dash-week-chart { height:100%; min-height:0; }
  body.manager-mode #managerDashboard .pa-dash-week-day { grid-template-rows:11px minmax(0,1fr) 11px; gap:2px; }
  body.manager-mode #managerDashboard .pa-dash-week-day strong { font-size:7px; }
  body.manager-mode #managerDashboard .pa-dash-week-track { min-height:0; }
  body.manager-mode #managerDashboard .pa-dash-note { display:none!important; }
}

/* Preserve the HTML hidden state against every dashboard breakpoint rule. */
body #managerDashboard[hidden] { display:none!important; }

/* Keep the approved Manager layout centered and the same readable width on very wide screens. */
@media (min-width:1121px) {
  #managerDashboard.pa-dashboard {
    width:min(100%,1600px);
    max-width:1600px;
    margin-inline:auto;
  }
}

/* Compact the original four cards and use the released dashboard space for live site panels. */
#managerDashboard .pa-dash-live-panels { display:grid; min-width:0; min-height:0; grid-template-columns:minmax(230px,.85fr) minmax(0,1.15fr); gap:14px; }
#managerDashboard .pa-dash-live-panel { display:block; min-width:0; min-height:0; }
#managerDashboard .pa-dash-live-panel .pa-dash-panel-head { min-height:42px; }
#managerDashboard .pa-dash-live-count { display:grid; min-width:24px; height:24px; place-items:center; padding:0 7px; border:1px solid rgba(52,205,157,.24); border-radius:20px; background:rgba(23,155,113,.15); color:#70d9b2; font-size:10px; font-weight:700; }
#managerDashboard .pa-dash-live-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-content:start; gap:6px; max-height:calc(100% - 42px); overflow:auto; padding:8px 12px; }
#managerDashboard .pa-dash-online-user { display:flex; min-width:0; min-height:42px; align-items:center; gap:8px; padding:6px 8px; border:1px solid var(--dash-border); border-radius:8px; background:rgba(255,255,255,.025); }
#managerDashboard .pa-dash-online-dot { width:8px; height:8px; flex:none; border-radius:50%; background:#35d79d; box-shadow:0 0 10px rgba(53,215,157,.35); }
#managerDashboard .pa-dash-online-copy { min-width:0; flex:1; }
#managerDashboard .pa-dash-online-copy strong,#managerDashboard .pa-dash-online-copy small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#managerDashboard .pa-dash-online-copy strong { color:#edf2f8; font-size:9px; font-weight:600; }
#managerDashboard .pa-dash-online-copy small,#managerDashboard .pa-dash-online-state { color:var(--dash-muted); font-size:8px; }
#managerDashboard .pa-dash-online-state { flex:none; color:#70d9b2; }
#managerDashboard .pa-dash-site-week-panel { display:flex; flex-direction:column; }
#managerDashboard .pa-dash-site-week-panel .pa-dash-weekly-head { flex:none; }
#managerDashboard .pa-dash-site-week-panel .pa-dash-weekly-content { min-height:0; flex:1; padding:5px 10px; }
#managerDashboard .pa-dash-site-week-panel .pa-dash-week-chart { height:100%; min-height:0; gap:4px; }
#managerDashboard .pa-dash-site-week-panel .pa-dash-week-day { grid-template-rows:13px minmax(0,1fr) 14px; gap:2px; }
#managerDashboard .pa-dash-site-week-panel .pa-dash-week-track { min-height:0; }
@media (min-width:1121px) and (min-height:860px) {
  body.manager-mode #managerDashboard .pa-dash-content { grid-template-rows:62px 50px 255px 150px 36px 150px 0 0; align-content:start; gap:6px; overflow:hidden; padding:8px 18px 10px; }
  body.manager-mode #managerDashboard .pa-dash-panels { min-height:0; grid-template-rows:minmax(0,1fr) 74px; gap:7px; overflow:hidden; }
  body.manager-mode #managerDashboard .pa-dash-panel-head { min-height:36px; padding-inline:12px; }
  body.manager-mode #managerDashboard .pa-dash-panel-head h2 { font-size:11px; }
  body.manager-mode #managerDashboard .pa-dash-panel-body { padding:2px 10px 4px; }
  body.manager-mode #managerDashboard .pa-dash-row { min-height:30px; }
  body.manager-mode #managerDashboard #managerStats .pa-dash-bars { min-height:88px; gap:5px; padding:5px 9px; }
  body.manager-mode #managerDashboard #managerStats .pa-dash-chart-column { height:72px; gap:3px; }
  body.manager-mode #managerDashboard #managerStats .pa-dash-chart-track { height:48px; }
  body.manager-mode #managerDashboard .pa-dash-seat-list { gap:4px; padding:3px 7px; }
  body.manager-mode #managerDashboard .pa-dash-seat-row { min-height:34px; padding:4px 7px; }
  body.manager-mode #managerDashboard .pa-dash-shortcuts.pa-manager-view { grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; margin:0; }
  body.manager-mode #managerDashboard .pa-dash-shortcut { min-height:36px; padding:4px 8px; }
  body.manager-mode #managerDashboard .pa-dash-weekly-panel { min-height:0; margin:0!important; }
  body.manager-mode #managerDashboard .pa-dash-weekly-head { min-height:38px; padding:4px 10px; }
  body.manager-mode #managerDashboard .pa-dash-weekly-content { min-height:0; height:calc(100% - 38px); padding:4px 9px; }
  body.manager-mode #managerDashboard .pa-dash-week-chart { height:100%; min-height:0; }
  body.manager-mode #managerDashboard .pa-dash-week-track { min-height:0; }
  body.manager-mode #managerDashboard .pa-dash-live-panels { gap:10px; }
  body.manager-mode #managerDashboard .pa-dash-live-panel .pa-dash-panel-head { min-height:35px; padding-inline:12px; }
  body.manager-mode #managerDashboard .pa-dash-live-list { max-height:calc(100% - 35px); gap:4px; padding:6px 9px; }
  body.manager-mode #managerDashboard .pa-dash-online-user { min-height:34px; padding:4px 7px; }
  body.manager-mode #managerDashboard .pa-dash-site-week-panel .pa-dash-weekly-head { min-height:38px; }
  body.manager-mode #managerDashboard .pa-dash-site-week-panel .pa-dash-weekly-content { height:auto; padding:4px 8px; }
  body.manager-mode #managerDashboard .pa-dash-site-week-panel .pa-dash-week-day { grid-template-rows:11px minmax(0,1fr) 11px; }
}
@media (min-width:1121px) and (min-height:720px) and (max-height:859px) {
  body.manager-mode #managerDashboard .pa-dash-content { grid-template-rows:56px 48px 220px 116px 34px 116px 0 0; align-content:start; gap:6px; overflow:hidden; padding:7px 16px 9px; }
  body.manager-mode #managerDashboard .pa-dash-panels { min-height:0; grid-template-rows:minmax(0,1fr) 68px; gap:6px; overflow:hidden; }
  body.manager-mode #managerDashboard .pa-dash-panel-head { min-height:32px; padding-inline:9px; }
  body.manager-mode #managerDashboard .pa-dash-panel-head h2 { font-size:10px; }
  body.manager-mode #managerDashboard .pa-dash-panel-body { padding:1px 8px 3px; }
  body.manager-mode #managerDashboard .pa-dash-row { min-height:26px; }
  body.manager-mode #managerDashboard #managerStats .pa-dash-bars { min-height:74px; padding:4px 7px; }
  body.manager-mode #managerDashboard #managerStats .pa-dash-chart-column { height:60px; }
  body.manager-mode #managerDashboard #managerStats .pa-dash-chart-track { height:40px; }
  body.manager-mode #managerDashboard .pa-dash-seat-list { gap:3px; padding:2px 5px; }
  body.manager-mode #managerDashboard .pa-dash-seat-row { min-height:31px; padding:3px 5px; }
  body.manager-mode #managerDashboard .pa-dash-shortcuts.pa-manager-view { grid-template-columns:repeat(4,minmax(0,1fr)); margin:0; }
  body.manager-mode #managerDashboard .pa-dash-shortcut { min-height:34px; padding:3px 7px; }
  body.manager-mode #managerDashboard .pa-dash-weekly-panel { min-height:0; margin:0!important; }
  body.manager-mode #managerDashboard .pa-dash-weekly-head { min-height:34px; padding:3px 9px; }
  body.manager-mode #managerDashboard .pa-dash-weekly-content { min-height:0; height:calc(100% - 34px); padding:3px 8px; }
  body.manager-mode #managerDashboard .pa-dash-week-chart { height:100%; min-height:0; }
  body.manager-mode #managerDashboard .pa-dash-week-track { min-height:0; }
  body.manager-mode #managerDashboard .pa-dash-live-panels { gap:8px; }
  body.manager-mode #managerDashboard .pa-dash-live-panel .pa-dash-panel-head { min-height:30px; padding-inline:9px; }
  body.manager-mode #managerDashboard .pa-dash-live-list { max-height:calc(100% - 30px); gap:3px; padding:4px 6px; }
  body.manager-mode #managerDashboard .pa-dash-online-user { min-height:29px; padding:3px 5px; }
  body.manager-mode #managerDashboard .pa-dash-online-state { display:none; }
  body.manager-mode #managerDashboard .pa-dash-site-week-panel .pa-dash-weekly-head { min-height:34px; }
  body.manager-mode #managerDashboard .pa-dash-site-week-panel .pa-dash-weekly-content { height:auto; padding:3px 6px; }
  body.manager-mode #managerDashboard .pa-dash-site-week-panel .pa-dash-week-day { grid-template-rows:10px minmax(0,1fr) 10px; }
}
@media (min-width:761px) and (max-width:1120px) and (min-height:860px) {
  body.manager-mode #managerDashboard .pa-dash-content { grid-template-rows:62px 54px minmax(250px,1fr) 145px 125px 0 0; gap:7px; }
  body.manager-mode #managerDashboard .pa-dash-live-panels { gap:9px; }
  body.manager-mode #managerDashboard .pa-dash-live-list { grid-template-columns:1fr; }
}
@media (max-width:760px) {
  #managerDashboard .pa-dash-live-panels { grid-template-columns:minmax(0,1fr); gap:12px; }
  #managerDashboard .pa-dash-live-panel { min-height:125px; }
  #managerDashboard .pa-dash-live-list { min-height:70px; max-height:170px; grid-template-columns:repeat(2,minmax(0,1fr)); }
  #managerDashboard .pa-dash-site-week-panel { min-height:185px; }
  #managerDashboard .pa-dash-site-week-panel .pa-dash-weekly-content { min-height:135px; }
}

/* Keep website activity directly below the live connections panel. */
@media (min-width:761px) {
  #managerDashboard .pa-dash-live-panels {
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:minmax(55px,.55fr) minmax(130px,1.45fr);
    gap:8px;
  }
}

/* Preserve the one-screen Manager overview while giving the weekly chart room. */
@media (min-width:1121px) and (min-height:860px) {
  body.manager-mode #managerDashboard .pa-dash-content {
    grid-template-rows:62px 50px 230px 218px 32px 128px 0 0;
  }
  body.manager-mode #managerDashboard .pa-dash-panels {
    grid-template-rows:minmax(0,1fr) 62px;
  }
  body.manager-mode #managerDashboard .pa-dash-live-panels {
    grid-template-rows:60px minmax(138px,1fr);
    gap:9px;
  }
}

@media (min-width:1121px) and (min-height:720px) and (max-height:859px) {
  body.manager-mode #managerDashboard .pa-dash-content {
    grid-template-rows:52px 46px 185px 190px 30px 102px 0 0;
  }
  body.manager-mode #managerDashboard .pa-dash-panels {
    grid-template-rows:minmax(0,1fr) 56px;
  }
  body.manager-mode #managerDashboard .pa-dash-live-panels {
    grid-template-rows:55px minmax(125px,1fr);
    gap:8px;
  }
}

@media (min-width:761px) and (max-width:1120px) and (min-height:860px) {
  body.manager-mode #managerDashboard .pa-dash-content {
    grid-template-rows:68px 58px minmax(0,1fr) 200px;
  }
}

/* Keep the welcome banner flush with the dashboard panels at every width. */
#managerDashboard .pa-dash-content > section.pa-dash-welcome {
  width:100%;
  max-width:none;
  min-width:0;
  grid-column:1 / -1;
  justify-self:stretch;
  box-sizing:border-box;
}

/* Use one steady rhythm between Manager dashboard zones. */
@media (min-width:761px) {
  #managerDashboard section.pa-dash-welcome { margin-bottom:8px; }
  #managerDashboard section.pa-dash-metrics { margin-bottom:8px; }
  #managerDashboard .pa-dash-panels { gap:8px; margin-bottom:8px; }
  #managerDashboard .pa-dash-live-panels { gap:8px; margin-bottom:8px; }
  #managerDashboard .pa-dash-shortcuts { gap:8px; margin:0 0 8px; }
  #managerDashboard .pa-dash-weekly-panel { margin-top:0!important; }
}

/* Grid-based one-screen layouts use the same 8px gap between every zone. */
@media (min-width:761px) and (min-height:860px) {
  body.manager-mode #managerDashboard .pa-dash-content { row-gap:8px; }
  body.manager-mode #managerDashboard section.pa-dash-welcome,
  body.manager-mode #managerDashboard section.pa-dash-metrics,
  body.manager-mode #managerDashboard .pa-dash-panels,
  body.manager-mode #managerDashboard .pa-dash-live-panels,
  body.manager-mode #managerDashboard .pa-dash-shortcuts,
  body.manager-mode #managerDashboard .pa-dash-weekly-panel { margin:0!important; }
}

@media (min-width:1121px) and (min-height:720px) and (max-height:859px) {
  body.manager-mode #managerDashboard .pa-dash-content {
    grid-template-rows:50px 44px 181px 187px 28px 99px 0 0;
    row-gap:8px;
  }
  body.manager-mode #managerDashboard section.pa-dash-welcome,
  body.manager-mode #managerDashboard section.pa-dash-metrics,
  body.manager-mode #managerDashboard .pa-dash-panels,
  body.manager-mode #managerDashboard .pa-dash-live-panels,
  body.manager-mode #managerDashboard .pa-dash-shortcuts,
  body.manager-mode #managerDashboard .pa-dash-weekly-panel { margin:0!important; }
}

/* Scrolling layouts keep matching 8px spaces between the same zones. */
@media (min-width:761px) and (max-width:1120px) and (max-height:859px) {
  #managerDashboard section.pa-dash-welcome { margin-bottom:8px; }
  #managerDashboard section.pa-dash-metrics { margin-bottom:8px; }
}

/* On phones, keep a consistent 12px rhythm between stacked sections. */
@media (max-width:760px) {
  #managerDashboard section.pa-dash-welcome { margin-bottom:12px; }
  #managerDashboard section.pa-dash-metrics { margin-bottom:12px; }
  #managerDashboard .pa-dash-panels { gap:12px; margin-bottom:12px; }
  #managerDashboard .pa-dash-live-panels { gap:12px; margin-bottom:12px; }
  #managerDashboard .pa-dash-shortcuts { gap:12px; margin:0 0 12px; }
  #managerDashboard .pa-dash-weekly-panel { margin-top:0!important; }
}

/* Let the staff and connected panels use the same full dashboard width as welcome. */
#managerDashboard .pa-dash-content > .pa-dash-metrics,
#managerDashboard .pa-dash-content > .pa-dash-panels,
#managerDashboard .pa-dash-content > .pa-dash-live-panels,
#managerDashboard .pa-dash-content > .pa-dash-shortcuts,
#managerDashboard .pa-dash-content > .pa-dash-weekly-panel {
  width:100%;
  max-width:none;
  min-width:0;
  grid-column:1 / -1;
  justify-self:stretch;
  box-sizing:border-box;
}

/* Keep the four primary dashboard cards balanced across the available row. */
@media (min-width:1121px) {
  #managerDashboard .pa-dash-panels {
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

/* Remove the narrower card cap from the full-width staff and live panels. */
#managerDashboard .pa-dash-panels > .pa-dash-capacity-panel,
#managerDashboard .pa-dash-live-panels > .pa-dash-live-panel {
  width:100%;
  max-width:none;
  min-width:0;
  justify-self:stretch;
  box-sizing:border-box;
}

/* Give the staff roster and connected-users panel equal, readable height. */
@media (min-width:1121px) and (min-height:860px) {
  body.manager-mode #managerDashboard .pa-dash-panels {
    grid-template-rows:minmax(0,1fr) 82px;
  }
  body.manager-mode #managerDashboard .pa-dash-live-panels {
    grid-template-rows:82px minmax(124px,1fr);
  }
}

@media (min-width:1121px) and (min-height:720px) and (max-height:859px) {
  body.manager-mode #managerDashboard .pa-dash-panels {
    grid-template-rows:minmax(0,1fr) 72px;
  }
  body.manager-mode #managerDashboard .pa-dash-live-panels {
    grid-template-rows:72px minmax(90px,1fr);
  }
}

@media (min-width:761px) and (max-width:1120px) and (min-height:860px) {
  body.manager-mode #managerDashboard .pa-dash-panels {
    grid-template-rows:minmax(0,1fr) 82px;
  }
  body.manager-mode #managerDashboard .pa-dash-live-panels {
    grid-template-rows:82px minmax(124px,1fr);
  }
}

/* Fill the available desktop height instead of leaving a blank strip below. */
@media (min-width:1121px) and (min-height:860px) {
  body.manager-mode #managerDashboard .pa-dash-content {
    grid-template-rows:62px 50px 275px 263px 37px 152px 0 0;
    align-content:stretch;
  }
}

@media (min-width:1121px) and (min-height:720px) and (max-height:859px) {
  body.manager-mode #managerDashboard .pa-dash-content {
    grid-template-rows:50px 44px minmax(181px,1.3fr) minmax(187px,1.4fr) 32px minmax(99px,1fr) 0 0;
    align-content:stretch;
  }
}

/* Keep the spacing between dashboard zones identical to the grid gap. */
@media (min-width:761px) {
  body.manager-mode #managerDashboard .pa-dash-content > .pa-dash-live-panels,
  body.manager-mode #managerDashboard .pa-dash-content > #djWeeklyPanel {
    margin-block:0!important;
  }
}

/* Shorten the activity cards so the two weekly charts have room to breathe. */
@media (min-width:761px) and (max-width:1120px) and (min-height:860px) {
  body.manager-mode #managerDashboard .pa-dash-content {
    grid-template-rows:68px 58px minmax(0,1fr) 244px 96px;
  }
  body.manager-mode #managerDashboard .pa-dash-panels {
    grid-template-rows:156px 132px auto;
    gap:8px;
  }
}