/* 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 #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-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-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}}