/* Régie Chinwa Live — identité opérateur distincte du site public. */
body:has(.staff-workspace){background:#050a10;color:#eef7f6}
.staff-workspace{--staff-bg:#050a10;--staff-panel:#09131d;--staff-panel-2:#0c1924;--staff-line:#203746;--staff-muted:#91a7b5;--staff-accent:#2ad6c5;--staff-accent-strong:#65eadc;--staff-accent-soft:rgba(42,214,197,.11);--staff-amber:var(--staff-accent);background:var(--staff-bg);color:#eef7f6;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important}
.staff-workspace h1,.staff-workspace h2,.staff-workspace h3,.staff-workspace .staff-topbar strong,.staff-workspace .studio-placeholder strong{font-family:"Montserrat","Helvetica Neue",Helvetica,Arial,sans-serif!important;letter-spacing:-.025em}
.staff-workspace .staff-sidebar{background:#06101a;border-color:var(--staff-line)}
.staff-workspace .staff-brand{color:#f3f7f6;letter-spacing:.08em}.staff-workspace .staff-brand em{color:var(--staff-accent);font-style:normal}
.staff-workspace .staff-nav button{color:#a9bec9;border-color:transparent}.staff-workspace .staff-nav button:hover{background:#0c1c28;color:#fff}.staff-workspace .staff-nav button.active{border-color:var(--staff-accent);background:linear-gradient(90deg,var(--staff-accent-soft),rgba(42,214,197,.025));color:#fff}.staff-workspace .staff-nav button.active svg{color:var(--staff-accent)}
.staff-workspace .staff-topbar{background:rgba(5,10,16,.94);border-color:var(--staff-line);backdrop-filter:blur(14px)}.staff-workspace .staff-topbar .badge{border-color:#2e5361;background:#0b2029;color:var(--staff-accent-strong)}
.staff-workspace .staff-main,.staff-workspace .staff-view{background:var(--staff-bg)}.staff-workspace .staff-eyebrow,.staff-workspace .eyebrow{color:var(--staff-accent);letter-spacing:.18em}
.staff-workspace .staff-status-strip,.staff-workspace .staff-card,.staff-workspace .preview-card,.staff-workspace .staff-control-card,.staff-workspace .staff-panel{border-color:var(--staff-line);background:linear-gradient(145deg,#0b1721 0%,#071019 100%);box-shadow:0 18px 45px rgba(0,0,0,.2)}
.staff-workspace .staff-status-strip{box-shadow:none}.staff-workspace .staff-status-strip>div+div{border-color:var(--staff-line)}.staff-workspace .staff-card:hover{border-color:#376176;transform:translateY(-1px)}
.staff-workspace .quick-live{border-color:#29615f;background:radial-gradient(circle at 86% 10%,rgba(42,214,197,.13),transparent 35%),linear-gradient(145deg,#0d1d27,#071019)}
.staff-workspace .button.primary,.staff-workspace button.primary,.staff-workspace .staff-primary-action{border-color:var(--staff-accent);background:var(--staff-accent);color:#03100f;box-shadow:0 8px 26px rgba(42,214,197,.14);font-weight:750}.staff-workspace .button.primary:hover,.staff-workspace button.primary:hover,.staff-workspace .staff-primary-action:hover{background:var(--staff-accent-strong);border-color:var(--staff-accent-strong)}
.staff-workspace .button.secondary,.staff-workspace button.secondary{border-color:#355160;background:#0a151f;color:#eaf4f4}.staff-workspace .status-dot.live,.staff-workspace .signal-good{background:var(--staff-accent);box-shadow:0 0 0 4px rgba(42,214,197,.12)}
.staff-workspace .chip.good{border-color:#28625e;background:#0a2525;color:#83f2e5}.staff-workspace .chip.warn{border-color:#6c552d;background:#241c0c;color:#f3c56f}.staff-workspace .chip.danger{border-color:#67343c;background:#251116;color:#ff9aa5}
.staff-workspace .staff-step-number{border-color:#35616e;background:#0b2029;color:var(--staff-accent-strong)}.staff-workspace .staff-step.is-active .staff-step-number{background:var(--staff-accent);color:#03100f}.staff-workspace .staff-step.is-active{border-color:#2a665f;background:var(--staff-accent-soft)}
.staff-workspace video,.staff-workspace .studio-placeholder{background:#020609}.staff-workspace :focus-visible{outline:3px solid rgba(42,214,197,.62);outline-offset:3px}
@media(max-width:900px){.staff-workspace .staff-sidebar{background:#06101a}.staff-workspace .staff-mobile-nav{min-height:68px;border-color:var(--staff-line);background:rgba(6,16,26,.97);backdrop-filter:blur(16px)}.staff-workspace .staff-mobile-nav button{min-height:60px;color:#9fb3be;font-size:10px;line-height:1.15}.staff-workspace .staff-mobile-nav button.active{color:var(--staff-accent-strong);background:var(--staff-accent-soft)}.staff-workspace .staff-content{padding-bottom:86px}.staff-workspace .preview-card,.staff-workspace .studio-preview{aspect-ratio:16/9;min-height:0}}
@media(max-width:560px){.staff-workspace .staff-topbar{min-height:58px;padding:10px 14px}.staff-workspace .staff-topbar strong{font-size:17px}.staff-workspace .staff-content{padding:16px 14px 90px}.staff-workspace .staff-view>header h1{font-size:clamp(26px,8vw,34px);line-height:1.02}.staff-workspace .staff-view>header p{font-size:13px;line-height:1.45}.staff-workspace .staff-card,.staff-workspace .staff-control-card,.staff-workspace .staff-panel{padding:17px;border-radius:14px}.staff-workspace .staff-status-strip{grid-template-columns:1fr 1fr;border-radius:12px}.staff-workspace .staff-status-strip>div{min-height:58px;padding:11px 12px}.staff-workspace .staff-status-strip>div:nth-child(3){border-left:0;border-top:1px solid var(--staff-line)}.staff-workspace .staff-status-strip>div:nth-child(4){border-top:1px solid var(--staff-line)}.staff-workspace .button,.staff-workspace button{min-height:46px}.staff-workspace .preview-card,.staff-workspace .studio-preview{width:100%;aspect-ratio:16/9;height:auto!important}}

.payment-settings-card{margin-top:22px}.payment-settings-card>p{max-width:760px}.payment-settings-card form{display:grid;gap:18px;margin-top:24px}.provider-config{padding:22px;border:1px solid var(--staff-line);border-radius:14px;background:#0b1622}.provider-config-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.provider-config-head .check{margin:0}.provider-config-head .check span{display:grid;gap:4px}.provider-config-head small,.approval-box small{display:block;color:var(--staff-muted);font-weight:400;line-height:1.45}.payment-settings-card input[type=password]{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.03em}.payment-settings-card code{overflow-wrap:anywhere}.approval-box{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:18px;border:1px solid #d7a43b66;border-radius:12px;background:#d7a43b0d}.approval-box input{margin-top:3px}.approval-box span{display:grid;gap:4px}.payment-settings-card .staff-alert{margin:18px 0 0}
@media(max-width:700px){.provider-config{padding:17px}.provider-config-head{align-items:flex-start}.payment-settings-card .fields-row{grid-template-columns:1fr}.payment-settings-card .primary{width:100%}}

/* Régie Prime Infini 2026 — finition opérateur */
.staff-workspace{--staff-bg:#07080d;--staff-panel:#10131b;--staff-panel-2:#151925;--staff-line:#282e3b;--staff-muted:#98a2b3;--staff-accent:#ffb547;--staff-accent-strong:#ffd08a;--staff-accent-soft:rgba(255,181,71,.1);background:radial-gradient(circle at 78% -10%,rgba(113,60,180,.15),transparent 32%),radial-gradient(circle at 15% 22%,rgba(255,181,71,.07),transparent 28%),var(--staff-bg)}
.staff-workspace{grid-template-columns:248px minmax(0,1fr)}
.staff-workspace .staff-sidebar{width:auto;min-width:0;padding:26px 16px 20px;background:linear-gradient(180deg,#10131b 0%,#090b11 100%);box-shadow:18px 0 50px rgba(0,0,0,.18)}
.staff-workspace .staff-brand{display:block;min-width:0;overflow:hidden;padding:4px 14px 34px;color:#fff;text-decoration:none;letter-spacing:0}.staff-workspace .staff-brand span{display:block;overflow:hidden;font-family:Georgia,serif;font-size:19px;line-height:1.08;letter-spacing:.025em;white-space:nowrap;color:#fff}.staff-workspace .staff-brand small{display:block;margin-top:7px;overflow:hidden;font:700 9px/1.2 Arial,sans-serif;letter-spacing:.2em;white-space:nowrap;color:var(--staff-accent)}
.staff-workspace .staff-nav{gap:8px}.staff-workspace .staff-nav button{grid-template-columns:30px 1fr;min-height:54px;padding:12px 14px;border:1px solid transparent;border-radius:12px;font-weight:650;transition:.2s ease}.staff-workspace .staff-nav button b{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#171b25;font-size:15px;filter:saturate(.75)}.staff-workspace .staff-nav button:hover{transform:translateX(2px);background:#171b25}.staff-workspace .staff-nav button.active{border-color:#4d3b25;background:linear-gradient(90deg,rgba(255,181,71,.16),rgba(255,181,71,.025));box-shadow:inset 3px 0 var(--staff-accent)}.staff-workspace .staff-nav button.active b{background:var(--staff-accent);filter:none}
.staff-sidebar-foot{display:grid;gap:12px;margin-top:auto}.staff-system{display:flex;align-items:center;gap:8px;padding:11px 12px;border:1px solid var(--staff-line);border-radius:10px;color:var(--staff-muted);font-size:11px}.staff-system i{width:8px;height:8px;border-radius:50%;background:#6a7280}.staff-system i.on{background:#43d18d;box-shadow:0 0 0 4px rgba(67,209,141,.12)}.staff-workspace .staff-exit{margin:0;border-radius:10px;text-align:left;padding:0 14px}
.staff-workspace .staff-topbar{height:72px;padding:0 32px;background:rgba(7,8,13,.84);border-color:var(--staff-line)}.staff-workspace .staff-topbar strong{font-size:19px;letter-spacing:-.01em}.staff-operator{padding:8px 12px;border:1px solid var(--staff-line);border-radius:999px;background:#11141c;color:#dfe4eb!important;font-size:12px}
.staff-workspace .staff-content{max-width:1500px;padding:34px 38px 64px}.staff-workspace .staff-title{margin-bottom:30px}.staff-workspace .staff-title h1{font-size:clamp(32px,4vw,55px);max-width:900px}.staff-workspace .staff-title p:last-child{max-width:680px;margin:10px 0 0;color:var(--staff-muted)}
.staff-workspace .analytics-grid{gap:14px;margin-bottom:18px}.staff-workspace .analytics-card{position:relative;overflow:hidden;min-height:146px;padding:21px;border:1px solid var(--staff-line);border-radius:16px;background:linear-gradient(150deg,#171b25,#0e1118);box-shadow:0 18px 45px rgba(0,0,0,.17);transition:.2s ease}.staff-workspace .analytics-card:hover{transform:translateY(-2px);border-color:#55462f}.staff-workspace .analytics-card::after{content:"";position:absolute;right:-35px;bottom:-45px;width:105px;height:105px;border-radius:50%;background:var(--staff-accent-soft)}.staff-workspace .analytics-card span{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#c1c8d2}.staff-workspace .analytics-card strong{display:block;margin:14px 0 5px;font-size:36px;line-height:1;color:#fff}.staff-workspace .analytics-card small{position:relative;z-index:1;color:var(--staff-muted)}.staff-workspace .analytics-card.primary-metric{border-color:#624a29;background:linear-gradient(145deg,#261d13,#12141b)}
.staff-workspace .status-strip{overflow:hidden;border-radius:15px;background:#10131b}.staff-workspace .status-strip article{min-height:78px;padding:17px 18px 17px 46px}.staff-workspace .status-strip i{left:21px;top:25px}.staff-workspace .status-strip strong{font-size:14px;color:#f3f5f7}
.staff-workspace .staff-card,.staff-workspace .preview-card,.staff-workspace .staff-control-card,.staff-workspace .staff-panel{border-radius:16px;background:linear-gradient(150deg,#151923 0%,#0d1017 100%);box-shadow:0 20px 50px rgba(0,0,0,.2)}.staff-workspace .staff-card:hover{border-color:#494f5d}.staff-workspace .quick-live{border-color:#644b2b;background:radial-gradient(circle at 90% 5%,rgba(255,181,71,.18),transparent 38%),linear-gradient(150deg,#201a13,#10131a)}
.staff-workspace .card-head h2,.staff-workspace .section-head h2{color:#fff}.staff-workspace .staff-chip{border-radius:999px;padding:6px 10px;letter-spacing:.045em}.staff-workspace .staff-chip.test{border-color:#604a2d;background:#211a10;color:#ffc96f}.staff-workspace .staff-chip.good{border-color:#235d48;background:#10251d;color:#78e4b4}.staff-workspace .staff-chip.warn{border-color:#6d5025;background:#271d0d;color:#ffd080}
.staff-workspace .button.primary,.staff-workspace button.primary,.staff-workspace .staff-primary-action{min-height:46px;border-radius:11px;background:linear-gradient(135deg,#ffb547,#f59a23);box-shadow:0 12px 28px rgba(245,154,35,.18)}.staff-workspace .button.secondary,.staff-workspace button.secondary,.staff-workspace .danger{min-height:44px;border-radius:11px}.staff-workspace .danger{border-color:#72343d;background:#251116;color:#ff9ca8}.staff-workspace .danger:hover{background:#8e2535;color:#fff}
.staff-workspace .studio-screen{overflow:hidden;border-radius:14px;border:1px solid #2d3340;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 18px 50px rgba(0,0,0,.28)}.staff-workspace .broadcast-flow{border-top:0;border-left:4px solid var(--staff-accent)}.staff-workspace .broadcast-main-actions{display:grid;gap:10px}.staff-workspace .camera-screen-actions button{backdrop-filter:blur(12px)}
.staff-workspace .live-comments{display:grid;gap:12px}.staff-workspace .live-comments-list{display:grid;gap:8px;max-height:360px;overflow:auto}.staff-workspace .live-comment{padding:11px 12px;border:1px solid var(--staff-line);border-radius:11px;background:#0b0e14}.staff-workspace .live-comment.pending{border-color:#694f2c;background:#18130d}.staff-workspace .live-comment>div:first-child{display:flex;justify-content:space-between;gap:10px;color:var(--staff-muted);font-size:10px}.staff-workspace .live-comment strong{color:#fff;font-size:12px}.staff-workspace .live-comment p{margin:5px 0 0;color:#dce2e9;font-size:12px;line-height:1.4}.staff-workspace .live-comment .actions{margin-top:8px}
.staff-workspace input,.staff-workspace select{min-height:48px;border-radius:10px!important;background:#0b0e14!important;border-color:#343a47!important}.staff-workspace input:focus,.staff-workspace select:focus{border-color:var(--staff-accent)!important;box-shadow:0 0 0 3px var(--staff-accent-soft)}.staff-workspace .provider-config,.staff-workspace .approval-box{border-radius:14px;background:#0e1118}
.staff-workspace :focus-visible{outline:3px solid rgba(255,181,71,.55);outline-offset:3px}
@media(max-width:900px){.staff-workspace{grid-template-columns:1fr}.staff-workspace .staff-sidebar{padding:6px 8px}.staff-sidebar-foot{display:none}.staff-workspace .staff-nav button{transform:none!important}.staff-workspace .staff-nav button b{width:25px;height:25px;font-size:14px;background:transparent}.staff-workspace .staff-content{padding:24px 18px 92px}.staff-workspace .analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.staff-workspace .staff-topbar{height:58px}.staff-operator{display:none}.staff-workspace .staff-content{padding:16px 12px 82px}.staff-workspace .analytics-grid{grid-template-columns:1fr 1fr;gap:9px}.staff-workspace .analytics-card{min-height:118px;padding:15px}.staff-workspace .analytics-card strong{font-size:29px}.staff-workspace .analytics-card small{font-size:10px}.staff-workspace .staff-card{border-radius:14px}.staff-workspace .staff-nav button{padding:3px 1px}.staff-workspace .staff-nav button span{font-size:7px}}

/* Mobile : conserver toutes les commandes de la régie. */
.staff-mobile-tools{display:none}
@media(max-width:900px){
  .staff-workspace .staff-topbar{position:sticky;top:0;z-index:45;gap:8px}
  .staff-workspace .staff-brand{display:none!important}
  .staff-workspace .staff-sidebar{height:74px;overflow:visible;padding:6px 7px}
  .staff-workspace .staff-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;width:100%}
  .staff-workspace .staff-title{display:flex!important;margin:0 0 18px;padding:0 2px}
  .staff-workspace .staff-title h1{font-size:clamp(25px,7vw,34px);margin:4px 0 0}
  .staff-workspace .staff-title p:last-child{display:none}
  .staff-mobile-tools{display:flex;align-items:center;gap:7px;margin-left:auto}
  .staff-mobile-tools span{display:flex;align-items:center;gap:6px;color:var(--staff-muted);font-size:10px;white-space:nowrap}
  .staff-mobile-tools i{width:7px;height:7px;border-radius:50%;background:#6a7280}
  .staff-mobile-tools i.on{background:#43d18d;box-shadow:0 0 0 3px rgba(67,209,141,.12)}
  .staff-workspace .staff-mobile-tools button{width:38px;min-height:38px;padding:0;border:1px solid var(--staff-line);border-radius:10px;background:#131721;color:#fff}
  .staff-workspace .staff-nav button span{font-size:10px!important;line-height:1.15}
  .staff-workspace .staff-nav button b{display:block!important}
  .staff-workspace .flow-advanced{display:block}
  .staff-workspace .flow-advanced summary{min-height:44px;display:flex;align-items:center;color:#dce2e9;font-size:13px}
  .staff-workspace .direct-controls,.staff-workspace .broadcast-main-actions,.staff-workspace .switch-row,.staff-workspace .flow-advanced .actions{width:100%}
  .staff-workspace .flow-advanced .actions{display:grid;grid-template-columns:1fr;gap:8px}
}
@media(max-width:560px){
  .staff-workspace .staff-topbar{height:auto;min-height:62px;padding:9px 12px}
  .staff-workspace .staff-topbar>div:first-child{display:grid;gap:2px}
  .staff-workspace .staff-topbar strong{font-size:15px}
  .staff-workspace .staff-topbar .staff-chip{font-size:8px;padding:3px 6px}
  .staff-mobile-tools span{font-size:0}
  .staff-mobile-tools span i{display:block}
  .staff-workspace .staff-title .eyebrow{font-size:9px}
  .staff-workspace .staff-title>.staff-chip{display:inline-flex!important;font-size:8px}
  .staff-workspace .staff-content{padding-top:16px}
}

/* Expérience de direct compacte et premium sur téléphone. */
@media(max-width:560px){
  .staff-page[data-staff-view="direct"] .staff-title{display:none!important}
  .staff-page[data-staff-view="direct"] .staff-content{padding-top:12px}
  .staff-page[data-staff-view="direct"] .section-head{align-items:center;margin:0 0 10px;padding:0 2px}
  .staff-page[data-staff-view="direct"] .section-head .eyebrow{display:none}
  .staff-page[data-staff-view="direct"] .section-head h2{font-size:20px;letter-spacing:-.02em}
  .staff-page[data-staff-view="direct"] .preview-card .card-head{min-height:34px}
  .staff-page[data-staff-view="direct"] .preview-card .eyebrow{display:none}
  .staff-page[data-staff-view="direct"] .preview-card .card-head h2{font-size:18px}
  .staff-page[data-staff-view="direct"] .preview-card{padding:12px}
  .staff-page[data-staff-view="direct"] .preview-card .studio-screen{margin-top:8px;border-radius:12px;aspect-ratio:16/10}
  .staff-page[data-staff-view="direct"] .preview-card .staff-feedback{margin-bottom:0}
  .staff-page[data-staff-view="direct"] .direct-controls{display:flex;flex-direction:column;gap:10px}
  .staff-page[data-staff-view="direct"] .broadcast-flow{order:0}
  .staff-page[data-staff-view="direct"] .live-guests{order:1;border-color:#684d2c;background:radial-gradient(circle at 92% 8%,rgba(255,181,71,.16),transparent 42%),linear-gradient(150deg,#1c1813,#10131a)}
  .staff-page[data-staff-view="direct"] .live-comments{order:2}
  .staff-page[data-staff-view="direct"] .direct-controls>.staff-card:not(.broadcast-flow):not(.live-guests):not(.live-comments){order:3}
  .staff-page[data-staff-view="direct"] .fallback-panel{order:4}
  .staff-page[data-staff-view="direct"] .live-guests{padding:14px}
  .staff-page[data-staff-view="direct"] .live-guests .card-head{margin-bottom:10px}
  .staff-page[data-staff-view="direct"] .live-guests .eyebrow{display:none}
  .staff-page[data-staff-view="direct"] .live-guests h2{font-size:18px}
  .staff-page[data-staff-view="direct"] .live-guests>p:not(.micro){margin:0 0 10px;font-size:11px;line-height:1.4}
  .staff-page[data-staff-view="direct"] .live-guests>p.micro{display:none}
  .staff-page[data-staff-view="direct"] .guest-invite-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}
  .staff-page[data-staff-view="direct"] .guest-invite-form select{min-height:44px;margin:0;font-size:12px}
  .staff-page[data-staff-view="direct"] .guest-invite-form button{min-width:88px;min-height:44px;padding:8px 12px;font-size:12px}
  .staff-page[data-staff-view="direct"] .live-guest-list:has(.staff-empty){display:none}
  .staff-page[data-staff-view="direct"] .live-comments{padding:14px}
  .staff-page[data-staff-view="direct"] .live-comments .eyebrow{display:none}
  .staff-page[data-staff-view="direct"] .live-comments h2{font-size:18px}
  .staff-page[data-staff-view="direct"] .live-comments-list{max-height:230px}
  .staff-page[data-staff-view="direct"] .broadcast-flow .card-head h2,.staff-page[data-staff-view="direct"] .direct-controls>.staff-card .card-head h2{font-size:18px}
}