:root{--bg: #f4f2ec;--panel: #ffffff;--ink: #1c1a15;--muted: #6f6a5e;--line: #e2ddd1;--accent: #0e7a5f;--accent-ink: #ffffff;--danger: #b3372f;--warn: #a06a00;--info: #2b5f8a;--radius: 10px;--font-ar: "Amiri", "Scheherazade New", "Noto Naskh Arabic", "Segoe UI", serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--ink)}.ar{font-family:var(--font-ar)}button{font:inherit;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:var(--radius);padding:8px 14px;cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}button.danger{color:var(--danger);border-color:var(--danger)}button.warn{color:var(--warn);border-color:var(--warn)}select,input[type=text]{font:inherit;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.regie{max-width:1000px;margin:0 auto;padding:16px;display:flex;flex-direction:column;gap:16px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.topbar h1{font-size:20px;margin:0}.topbar .status{font-size:13px;color:var(--muted)}.topbar .status.ok:before{content:"● ";color:var(--accent)}.topbar .status.ko:before{content:"● ";color:var(--danger)}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.card h2{margin:0 0 12px;font-size:15px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.setup{display:flex;flex-direction:column;gap:12px;max-width:560px}.setup .participants{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px;max-height:300px;overflow-y:auto}.setup label.pick{display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:var(--radius);padding:6px 10px;cursor:pointer}.setup label.pick:has(input:checked){border-color:var(--accent);background:#eef7f3}.current-turn{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.current-turn .who{flex:1;min-width:220px}.current-turn .name-ar{font-family:var(--font-ar);font-size:34px;line-height:1.3}.current-turn .name-fr{font-size:18px;color:var(--muted)}.current-turn .chrono{font-variant-numeric:tabular-nums;font-size:30px;font-weight:600}.current-turn .actions{display:flex;gap:8px;flex-wrap:wrap}.current-turn.idle{color:var(--muted)}.roster{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;border-radius:8px;background:var(--ink);color:#fff;font-weight:700;font-variant-numeric:tabular-nums;font-size:17px}.queue-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}.qcell{display:flex;align-items:center;gap:8px;min-width:0;padding:5px 8px;background:var(--panel);border:1px solid var(--line);border-radius:8px;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.qcell:hover{border-color:var(--accent)}.qcell.sel{border-color:var(--accent);box-shadow:0 0 0 2px #0e7a5f40}.qcell.dragging{opacity:.6;border-style:dashed}.qcell .pos{flex:none;min-width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;background:#ece6d6;color:#6a5a2a;font-weight:800;border-radius:6px;font-variant-numeric:tabular-nums;font-size:14px}.qcell .nm{flex:1;min-width:0;text-align:center;font-family:var(--font-ar);font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qcell.s-active{border-color:var(--accent);background:#eafaf4}.qcell.s-active .pos{background:var(--accent);color:#fff}.qcell.s-done{opacity:.4}.qcell.s-absent{background:#fbecea;border-color:var(--danger)}.qcell.s-redo{background:#fdf3e2;border-color:var(--warn)}.qcell.s-exempt,.qcell.s-frozen{border-style:dashed;opacity:.7}.selbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#f0efe8;border:1px solid var(--line);border-radius:8px;padding:6px 10px;margin-bottom:8px}.selbar .sel-name{font-family:var(--font-ar);font-size:18px;font-weight:700}.selbar .sel-actions{display:flex;gap:6px;margin-inline-start:auto;flex-wrap:wrap}.selbar .sel-actions button{padding:4px 10px;font-size:13px}.chip{font-size:12px;padding:3px 10px;border-radius:999px;border:1px solid var(--line);white-space:nowrap}.chip.waiting{color:var(--info);border-color:var(--info)}.chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.chip.done{color:var(--muted)}.chip.absent{color:var(--danger);border-color:var(--danger)}.chip.redo{color:var(--warn);border-color:var(--warn)}.chip.exempt{color:var(--muted);border-style:dashed}.chip.frozen{color:var(--info);border-style:dashed}.queue-row.is-done{opacity:.5}.hint{font-size:12px;color:var(--muted)}.addbar{display:flex;gap:8px;align-items:center;margin-top:12px;flex-wrap:wrap}.bot-banner{display:flex;flex-direction:column;gap:10px;border-inline-start:6px solid var(--line)}.bot-banner .bot-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.bot-banner.phase-active{border-inline-start-color:var(--accent)}.bot-banner.phase-waiting_admission{border-inline-start-color:var(--warn);background:#fdf6e7}.bot-banner.phase-retry_wait,.bot-banner.phase-ensuring,.bot-banner.phase-joining{border-inline-start-color:var(--info)}.bot-banner.phase-broken{border-inline-start-color:var(--danger);background:#fbeeee}.chip.bot-phase.phase-active{background:var(--accent);border-color:var(--accent);color:#fff}.chip.bot-phase.phase-waiting_admission{color:var(--warn);border-color:var(--warn);font-weight:700}.chip.bot-phase.phase-broken{background:var(--danger);border-color:var(--danger);color:#fff;font-weight:700}.timeout-banner{display:flex;align-items:center;gap:12px;border-color:var(--warn);background:#fdf6e7;flex-wrap:wrap}.ops-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.ops-row{display:flex;align-items:center;gap:10px;padding:6px 10px;border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap}.ops-row .pseudo{font-weight:600;min-width:140px}.chrono-over{color:var(--warn);font-weight:700}.escalations{border-color:var(--info);background:#eef4f9}.escalation{display:flex;flex-direction:column;gap:6px;padding:8px 0}.escalation+.escalation{border-top:1px solid var(--line)}.esc-options{display:flex;gap:8px;flex-wrap:wrap}.log-panel{max-height:220px;overflow-y:auto;background:#1c1a15;color:#d8d4c8;border-radius:var(--radius);padding:10px 12px;font-family:Consolas,monospace;font-size:12.5px;line-height:1.6}.log-line.log-warning{color:#e5b567}.log-line.log-error{color:#f08a7f;font-weight:600}.log-ts{color:#8a8778}.display{height:100%;background:#10130f;color:#f7f5ee;display:flex;flex-direction:column;padding:3vh 4vw;gap:2vh;overflow:hidden}.display .brand{display:flex;align-items:center;justify-content:center;gap:3vw;border-bottom:2px solid #2c3328;padding-bottom:1.2vh}.display .brand-logo{height:8.5vh;width:auto;flex:none;filter:drop-shadow(0 0 1.2vh rgba(233,200,119,.25))}.display .brand-names{text-align:center}.display .brand-ar{font-family:var(--font-ar);font-size:4.4vh;font-weight:700;color:#e9c877;line-height:1.15}.display .brand-fr{font-size:2.1vh;color:#b8b4a5;letter-spacing:.04em}.display .now{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3vh;text-align:center;border:2px solid #3a4a3f;border-radius:18px;background:linear-gradient(180deg,#1a2016,#12160f);padding:1.1vh 2vw}.display .now .tag{font-size:2.2vh;color:#7fc9a7;letter-spacing:.12em}.display .now .name-ar{font-family:var(--font-ar);font-size:5.6vh;line-height:1.1;font-weight:700;color:#fff8e6;max-width:92vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.display .now .idle-msg{font-size:3vh;color:#8a8778;font-family:var(--font-ar)}.display .now .corrector{display:inline-flex;align-items:center;gap:.8vw;margin-top:.4vh;padding:.5vh 1.6vw;border-radius:999px;background:#d4a85324;border:1px solid rgba(212,168,83,.45)}.display .now .corrector-tag{font-size:1.7vh;letter-spacing:.1em;color:#d4a853}.display .now .corrector-name{font-family:var(--font-ar);font-size:2.8vh;font-weight:700;color:#f6e6c2}.display .conf-hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4vh;text-align:center;border:2px solid #3a4a3f;border-radius:18px;background:linear-gradient(180deg,#201a16,#12160f);padding:2vh 3vw}.display .conf-hero .tag{font-size:2.6vh;color:#d4a853;letter-spacing:.14em}.display .conf-hero .name-ar{font-family:var(--font-ar);font-size:8vh;line-height:1.1;font-weight:800;color:#fff8e6;max-width:94vw}.display .conf-hero .idle-msg{font-size:4vh;color:#8a8778;font-family:var(--font-ar)}.display .conf-hero .conf-sub{font-size:2.4vh;color:#7fc9a7;letter-spacing:.08em}.mode-switch{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-inline-start:6px solid var(--accent)}.mode-switch.conf{border-inline-start-color:var(--warn);background:#fdf6e7}.display .order{flex:1;min-height:0;display:flex;flex-direction:column}.display .board-title{font-size:2.3vh;color:#d9b96a;letter-spacing:.06em;margin-bottom:.8vh;font-weight:600}.display .board-title .count{color:#8a8778;font-weight:400}.display .order-list{list-style:none;margin:0;padding:0;flex:1;min-height:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-rows:40px;gap:6px;align-content:start;overflow:hidden}.display .order-list li{display:flex;align-items:center;gap:8px;min-width:0;background:#171c14;border:1px solid #2c3328;border-radius:9px;padding:0 10px;font-size:clamp(14px,2.1vh,20px)}.display .order-list li .nm{font-family:var(--font-ar);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.display .order-list li.on-deck{border-color:#d9b96a;background:#1e2015}.display .order-list .rank{min-width:28px;height:24px;flex:none;display:inline-flex;align-items:center;justify-content:center;background:#d9b96a;color:#10130f;font-weight:800;border-radius:6px;font-variant-numeric:tabular-nums;font-size:clamp(12px,1.8vh,16px)}.display .profs{flex:none;display:flex;align-items:center;flex-wrap:wrap;gap:.8vw;border-top:1px solid #2c3328;padding-top:1vh}.display .board-title.inline{margin:0;flex:none}.display .profs-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.7vw}.display .profs-list li{background:#171c14;border:1px solid #3a4a3f;border-radius:999px;padding:.4vh 1.2vw;font-family:var(--font-ar);font-size:2.3vh}.display .muted{color:#8a8778}@keyframes pop-in{0%{transform:translateY(1.5vh) scale(.985);opacity:.2}to{transform:none;opacity:1}}.pop-in{animation:pop-in .6s ease-out}@media (prefers-reduced-motion: reduce){.pop-in{animation:none}}