:root{--bg: #ece5dd;--panel: #f7f7f7;--header: #075e54;--header-text: #ffffff;--text: #111b21;--muted: #667781;--user: #d9fdd3;--agent: #ffffff;--live: #fff8d6;--line: #d1d7db;--ok: #25d366;--warn: #f5a623;--bad: #e53935;--off: #9aa5ab;--start: #1fa855;--end: #e53935;--urdu: "Noto Nastaliq Urdu", "Noto Naskh Arabic", serif;--urdu-size: 22px;--urdu-line: 2.15;color-scheme:light}:root[data-font=naskh]{--urdu: "Noto Naskh Arabic", "Noto Nastaliq Urdu", serif;--urdu-line: 1.75}:root[data-theme=dark]{--bg: #0b141a;--panel: #111b21;--header: #202c33;--header-text: #e9edef;--text: #e9edef;--muted: #8696a0;--user: #005c4b;--agent: #202c33;--live: #3b3a20;--line: #2a3942;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:15px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{display:flex;flex-direction:column;height:100%}header{background:var(--header);color:var(--header-text);padding:8px 16px;display:flex;flex-direction:column;gap:6px}.title{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.title strong{font-size:17px}nav{display:flex;gap:4px}.tab{background:transparent;border:0;color:var(--header-text);opacity:.75;padding:6px 12px;border-radius:16px;cursor:pointer;font-size:14px}.tab.active,.tab:hover{opacity:1;background:#ffffff26}.lamps{display:flex;gap:14px;flex-wrap:wrap;align-items:center;font-size:13px}.lamp{display:flex;align-items:center;gap:6px}.lamp .dot{width:10px;height:10px;border-radius:50%;background:var(--off);box-shadow:0 0 0 2px #ffffff40}.lamp-ok .dot{background:var(--ok)}.lamp-warn .dot{background:var(--warn)}.lamp-bad .dot{background:var(--bad)}.lamp-label{font-weight:600}.llm-select{max-width:260px;padding:2px 4px;border-radius:6px;border:1px solid rgba(255,255,255,.35);background:transparent;color:inherit;font-size:13px}.llm-select option{color:#111}.llm-select:disabled{opacity:.6}.lamp-detail{opacity:.75;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meter{display:flex;align-items:center;gap:6px}.meter-label{opacity:.85}.meter-bar{width:90px;height:8px;border-radius:4px;background:#ffffff40;overflow:hidden;display:inline-block}.meter-fill{display:block;height:100%;background:var(--ok);transition:width 80ms linear}main{flex:1;min-height:0;display:flex}.call{flex:1;display:flex;flex-direction:column;min-height:0}.chat{flex:1;overflow-y:auto;padding:16px max(16px,calc((100% - 900px)/2));display:flex;flex-direction:column;gap:8px}.empty{margin:auto;color:var(--muted);text-align:center;padding:24px}.row{display:flex}.row-user{justify-content:flex-end}.row-agent{justify-content:flex-start}.bubble{max-width:min(78%,680px);padding:6px 12px 4px;border-radius:10px;box-shadow:0 1px 1px #00000021}.bubble-user{background:var(--user);border-top-right-radius:2px}.bubble-agent{background:var(--agent);border-top-left-radius:2px}.bubble-live{background:var(--live)}.urdu{font-family:var(--urdu);font-size:var(--urdu-size);line-height:var(--urdu-line);white-space:pre-wrap;word-break:break-word;text-align:right}.meta{display:flex;justify-content:flex-end;gap:8px;color:var(--muted);font-size:11px;margin-top:2px}.badge{background:#0000000f;border-radius:8px;padding:0 6px}.controls{border-top:1px solid var(--line);background:var(--panel);padding:10px 16px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.call-state{flex:1;display:flex;align-items:center;gap:10px;min-width:200px}.state{text-transform:uppercase;font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px;background:var(--off);color:#fff}.state-listening{background:var(--ok)}.state-thinking{background:var(--warn)}.state-ready{background:#34b7f1}.state-loading{background:var(--warn)}.state-msg{color:var(--muted);font-size:13px}.speaking{color:var(--start);font-weight:600;font-size:13px}.source-note{color:var(--muted);font-size:12px}.buttons{display:flex;gap:8px}.btn{border:0;border-radius:22px;padding:10px 22px;font-size:15px;font-weight:600;cursor:pointer;color:#fff}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.start{background:var(--start)}.btn.end{background:var(--end)}.btn.mute{background:#54656f}.btn.mute.on{background:var(--warn)}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.btn.small{padding:4px 12px;font-size:13px}.rules{flex:1;overflow-y:auto;padding:16px max(16px,calc((100% - 900px)/2))}.rules-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.rules-head h2{margin:0}.rules-head .buttons{margin-left:auto}.editor{width:100%;min-height:55vh;margin-top:10px;padding:14px;border:1px solid var(--line);border-radius:8px;background:var(--agent);color:var(--text);resize:vertical;font-size:20px}.note{margin-top:8px;padding:8px 12px;border-radius:6px;background:var(--live)}.versions{list-style:none;padding:0}.versions li{display:flex;gap:16px;align-items:center;padding:6px 0;border-bottom:1px solid var(--line)}.muted{color:var(--muted)}.small{font-size:12px}.toast{position:fixed;top:52px;bottom:auto;z-index:30;left:50%;transform:translate(-50%);max-width:90%;padding:10px 16px;border-radius:8px;color:#fff;cursor:pointer;box-shadow:0 4px 12px #00000040}.toast-error{background:var(--bad)}.toast-info{background:#34495e}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center}.panel{background:var(--panel);color:var(--text);padding:20px;border-radius:12px;width:min(460px,92vw);display:flex;flex-direction:column;gap:12px}.panel h2{margin:0}.panel label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}.panel label.check{flex-direction:row;align-items:center;gap:8px;color:var(--text)}.panel input,.panel select{padding:8px;border-radius:6px;border:1px solid var(--line);background:var(--agent);color:var(--text);font-size:14px}.panel .buttons{justify-content:flex-end}@media(max-width:600px){.bubble{max-width:88%}:root{--urdu-size: 20px}.lamp-detail{display:none}}.profile-toggle{display:inline-flex;margin-left:16px;border:1px solid rgba(255,255,255,.4);border-radius:999px;overflow:hidden}.profile-toggle .seg{background:transparent;color:inherit;border:0;padding:5px 14px;font-size:13px;cursor:pointer}.profile-toggle .seg.active{background:#ffffffeb;color:#0b5e55;font-weight:600}.profile-toggle .seg:disabled{cursor:default}.profile-toggle .seg:disabled:not(.active){opacity:.55}.login{display:flex;align-items:center;justify-content:center;min-height:100%;padding:16px;background:linear-gradient(180deg,var(--header) 0 38%,var(--bg) 38% 100%)}.login-card{background:var(--panel);color:var(--text);width:min(400px,100%);padding:28px 24px;border-radius:16px;box-shadow:0 10px 30px #0000002e;display:flex;flex-direction:column;gap:12px}.login-brand{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:6px;text-align:center}.login-logo{width:56px;height:56px;border-radius:50%;background:var(--header);display:grid;place-items:center;font-size:26px}.login-brand h1{margin:0;font-size:21px;line-height:1.3}.login-label{font-weight:600;font-size:14px}.login input{padding:12px 14px;font-size:16px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--text)}.login input:focus{outline:2px solid var(--start);outline-offset:1px}.login input.invalid{border-color:var(--bad)}.login-error{color:var(--bad);font-size:14px;font-weight:600}.login-btn{width:100%;padding:12px;font-size:16px}.form-layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.form-panel{min-height:0;overflow-y:auto;padding:12px 16px;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:10px}.form-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.form-head .btn{margin-left:auto;text-decoration:none}.form-page{width:100%;background:#fff;border:1px solid var(--line);border-radius:6px}.form-fields{width:100%;border-collapse:collapse}.form-fields th,.form-fields td{border-bottom:1px solid var(--line);padding:2px 8px;text-align:right;font-size:18px;line-height:1.9}.form-fields th{width:40%;color:var(--muted);font-weight:400}.form-fields tr.current{background:var(--live)}.form-fields td.guessed{color:var(--muted)}@media(max-width:900px){.form-layout{display:flex;flex-direction:column;overflow-y:auto}.form-panel{flex:none;border-right:0;border-bottom:1px solid var(--line);overflow:visible}.form-layout .call{min-height:70vh}}header.bar{flex:none;flex-direction:row;align-items:center;justify-content:space-between;height:44px;padding:0 14px}header.bar strong{font-size:16px}.logout{background:none;border:1px solid rgba(255,255,255,.5);border-radius:6px;color:var(--header-text);padding:4px 10px;font-size:13px;cursor:pointer}.intake{flex:1;min-height:0;display:flex;flex-direction:column}.sheet{flex:1;min-height:0;overflow-y:auto;background:var(--panel);padding:6px max(12px,calc((100% - 760px)/2)) 12px}.sheet-head{display:flex;align-items:center;gap:8px}.sheet-head h1{flex:1;margin:0;font-family:var(--urdu);font-size:22px;font-weight:400;line-height:2;text-align:right}.hint{margin:6px 0;color:var(--muted);font-size:13px}.dock{flex:none;border-top:1px solid var(--line);background:var(--panel)}.live{max-height:16vh;overflow-y:auto;padding:2px max(14px,calc((100% - 760px)/2))}.live p[lang=ur]{margin:0;font-family:var(--urdu);font-size:18px;line-height:1.9;text-align:right}.live .pending{color:var(--muted)}.dock-row{display:flex;align-items:center;gap:8px;padding:8px max(12px,calc((100% - 760px)/2))}.dock-row .state-msg{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-fields td .tag{float:left;unicode-bidi:isolate;padding:0 8px;border-radius:10px;background:var(--live);color:var(--text);font-size:13px;line-height:1.6;vertical-align:middle}.intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#00000073;display:grid;place-items:center;padding:16px}.intro-box{position:relative;background:var(--panel);color:var(--text);width:min(440px,100%);padding:24px 22px 18px;border-radius:16px;box-shadow:0 10px 30px #0000004d}.intro-box h2{margin:0 32px 10px 0;font-size:19px;line-height:1.3}.intro-box p{margin:0 0 10px;line-height:1.5}.intro-box p.urdu{font-family:var(--urdu);font-size:18px;line-height:var(--urdu-line)}.intro-close{position:absolute;top:10px;right:10px;width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:24px;line-height:1;cursor:pointer}.intro-close:hover,.intro-close:focus-visible{background:var(--line);color:var(--text)}.sheet-head h1.en{font-family:inherit;font-size:19px;font-weight:600;line-height:1.6;text-align:left}.form-fields.ltr th,.form-fields.ltr td{text-align:left;font-size:16px;line-height:1.7;padding:6px 8px}.form-fields.ltr td .tag{float:right}.live p[lang=ur-Latn]{margin:0;font-size:16px;line-height:1.6}.state-recording{background:var(--bad);color:#fff}.state-transcribing,.state-filling{background:#f0b429;color:#1d2733}.meter{display:inline-block;height:6px;margin-left:8px;border-radius:3px;background:var(--bad);vertical-align:middle;transition:width .1s}.state-idle{background:#34b7f1}
