:root{--bg:#0b1020;--panel:#111936;--panel2:#172044;--text:#f6f8ff;--muted:#aeb8d6;--accent:#4da3ff;--danger:#ff5b6e;--ok:#33d17a;--line:#2a3768}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--accent)}.wrap{max-width:1180px;margin:0 auto;padding:24px}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.brand{font-size:22px;font-weight:800}.card{background:linear-gradient(180deg,var(--panel),#0e1530);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 20px 60px rgba(0,0,0,.25);margin-bottom:16px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}label{display:block;font-size:13px;color:var(--muted);margin:0 0 6px}input,select,textarea{width:100%;background:#071028;color:var(--text);border:1px solid var(--line);border-radius:12px;padding:11px 12px;font-size:15px}textarea{min-height:120px;resize:vertical}.btn{border:0;border-radius:12px;padding:11px 15px;font-weight:700;cursor:pointer;background:var(--accent);color:#041126;margin:4px}.btn.secondary{background:#253363;color:var(--text)}.btn.danger{background:var(--danger);color:#fff}.btn.ok{background:var(--ok);color:#03120a}.muted{color:var(--muted)}.small{font-size:12px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;border:1px solid var(--line);background:#0a1430;color:var(--muted);border-radius:999px;padding:4px 10px;font-size:12px}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid var(--line);padding:10px;text-align:left;vertical-align:top}.hidden{display:none!important}.status{font-size:13px;color:var(--muted)}.liveBox{height:72vh;overflow-y:auto;display:flex;flex-direction:column;justify-content:flex-end}.translation{font-size:52px;line-height:1.18;font-weight:800;letter-spacing:-.02em}.original{font-size:22px;color:var(--muted);line-height:1.35;margin-bottom:18px}.displayBody{background:#02040b}.displayWrap{max-width:1600px;margin:0 auto;padding:44px}.audienceWrap{max-width:860px;margin:0 auto;padding:18px}.audienceText{font-size:32px;line-height:1.25;font-weight:750}.captionBox{background:rgba(0,0,0,.78);min-height:100vh;display:flex;align-items:flex-end;padding:24px}.captionText{font-size:44px;line-height:1.18;font-weight:800;text-shadow:0 2px 12px #000}.qr{max-width:170px;border-radius:10px;background:white;padding:8px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.toast{position:fixed;right:16px;bottom:16px;background:#102052;border:1px solid var(--line);border-radius:12px;padding:10px 14px;color:var(--text);z-index:99}.langtag{font-size:12px;color:var(--muted);text-transform:uppercase;margin-bottom:6px}@media(max-width:800px){.grid,.grid3{grid-template-columns:1fr}.translation{font-size:34px}.displayWrap{padding:20px}.captionText{font-size:30px}.top{align-items:flex-start;flex-direction:column}}

.btn.active-mode{outline:2px solid #4ade80; box-shadow:0 0 0 3px rgba(74,222,128,.18);}


.live-status{font-weight:800;text-transform:none}
.live-status.stopped{background:#1f2937;color:#d1d5db;border-color:#374151}
.live-status.starting{background:#78350f;color:#fef3c7;border-color:#f59e0b}
.live-status.active{background:#064e3b;color:#d1fae5;border-color:#10b981}
.live-status.error{background:#7f1d1d;color:#fee2e2;border-color:#ef4444}
.btn.active-mode{outline:3px solid #4ade80; box-shadow:0 0 0 4px rgba(74,222,128,.22);}

.translationGrid{display:grid;gap:18px;width:100%;align-items:stretch}
.translationColumn{border:1px solid var(--line);border-radius:16px;background:#071028;padding:18px;min-height:220px;display:flex;flex-direction:column;justify-content:flex-start}
.columnTranslation{font-size:clamp(28px,3.3vw,52px);line-height:1.18;font-weight:800;letter-spacing:-.02em;white-space:pre-wrap}
@media(max-width:1100px){.translationGrid{grid-template-columns:1fr!important}.translationColumn{min-height:160px}.columnTranslation{font-size:34px}}

/* v0.9.7 - Professional operator console */
.operatorBody{background:radial-gradient(circle at top left,#14234d 0,#0b1020 36%,#050814 100%);min-height:100vh}
.operatorShell{display:grid;grid-template-columns:310px minmax(0,1fr);min-height:100vh}
.operatorSidebar{border-right:1px solid rgba(77,163,255,.18);background:rgba(5,8,20,.72);backdrop-filter:blur(14px);padding:22px;position:sticky;top:0;height:100vh;overflow:auto}
.operatorLogo{display:flex;align-items:center;gap:12px;margin-bottom:24px}.logoMark{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--ok));display:flex;align-items:center;justify-content:center;color:#03120a;font-weight:900;letter-spacing:-.06em}.operatorNav{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.operatorNav a{display:block;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#071028;text-decoration:none}.sidePanel{border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgba(23,32,68,.9),rgba(7,16,40,.9));padding:14px;margin-bottom:14px}.sidePanel.compact{padding:12px}.sideTitle{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.sideEventName{font-size:18px;font-weight:850;line-height:1.2}.miniMeta{font-size:12px;color:var(--muted);margin-top:7px}.statusStack{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.statusDot{width:12px;height:12px;border-radius:99px;display:inline-block;background:#6b7280;box-shadow:0 0 0 4px rgba(107,114,128,.12)}.statusDot.starting{background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.18)}.statusDot.active{background:#10b981;box-shadow:0 0 0 4px rgba(16,185,129,.18)}.statusDot.error{background:#ef4444;box-shadow:0 0 0 4px rgba(239,68,68,.18)}.statusDot.stopped{background:#6b7280}.statusDetails{font-size:12px;line-height:1.75;margin-top:10px}.linkBox{white-space:pre-wrap;word-break:break-word;max-height:180px;overflow:auto}.operatorMain{padding:26px;min-width:0}.operatorHeader{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}.operatorHeader h1{margin:.1rem 0;font-size:34px;letter-spacing:-.04em}.eyebrow{font-size:12px;color:var(--ok);text-transform:uppercase;letter-spacing:.14em;font-weight:800}.operatorSubtitle{margin:4px 0 0}.operatorActions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:720px}.primaryAction{font-size:15px}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.btn.compactBtn{padding:10px 12px;white-space:nowrap}.operatorStatusCards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.statCard{border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(17,25,54,.95),rgba(7,16,40,.95));padding:15px;min-height:116px}.statLabel{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:800}.statValue{font-size:24px;line-height:1.1;font-weight:900;margin-top:10px}.statValue.smallValue{font-size:16px;line-height:1.25;word-break:break-word}.statHint{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.3}.operatorGrid{display:grid;grid-template-columns:minmax(420px,.9fr) minmax(420px,1.1fr);gap:16px}.proCard{margin-bottom:16px}.cardTitleRow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.cardTitleRow h3{margin:0}.settingsGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.settingsGrid.oneTwo{grid-template-columns:1.2fr .8fr}.inlineControl{display:flex;gap:8px;align-items:center}.inlineControl select{min-width:0}.checkPanel{border:1px solid var(--line);border-radius:14px;background:#071028;padding:10px}.checkPanel label{display:flex;gap:8px;align-items:flex-start;margin:0 0 9px;color:var(--text)}.checkPanel label:last-child{margin-bottom:0}.checkPanel input{width:auto;margin-top:2px}.operatorNote{border-left:3px solid var(--accent);background:rgba(77,163,255,.08);border-radius:12px;padding:11px 12px;color:var(--muted);font-size:13px;line-height:1.45}.previewCard{display:flex;flex-direction:column}.previewBlock{border:1px solid var(--line);border-radius:16px;background:#071028;padding:14px;margin-bottom:12px;min-height:120px}.previewBlock.translationPreview{flex:1;min-height:190px}.previewLabel{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:800;margin-bottom:8px}.proOriginal{font-size:20px;margin:0}.proTranslation{font-size:26px}.operatorHistory{max-height:300px;overflow:auto;border:1px solid var(--line);border-radius:14px;background:#071028;padding:12px}.operatorHistory:empty:before{content:'Nu există încă segmente în istoric.';color:var(--muted)}
@media(max-width:1200px){.operatorShell{grid-template-columns:1fr}.operatorSidebar{position:relative;height:auto}.operatorHeader{flex-direction:column}.operatorActions{justify-content:flex-start}.operatorStatusCards{grid-template-columns:repeat(2,minmax(0,1fr))}.operatorGrid{grid-template-columns:1fr}}
@media(max-width:720px){.operatorMain{padding:16px}.operatorStatusCards,.settingsGrid,.settingsGrid.oneTwo{grid-template-columns:1fr}.operatorHeader h1{font-size:28px}.operatorActions .btn{width:100%}.inlineControl{flex-direction:column;align-items:stretch}.operatorStatusCards{gap:10px}}