:root { --ink:#132238;--muted:#69788d;--line:#dfe6ee;--soft-line:#ebf0f5;--canvas:#f3f7fa;--surface:#fff;--nav:#07111f;--cyan:#12b8d2;--cyan-dark:#078ba7;--green:#19a974;--red:#df5b68;--shadow:0 18px 50px rgba(24,45,76,.08);--radius:18px; }
* { box-sizing:border-box; }
html { min-width:320px;background:var(--canvas); }
body { margin:0;color:var(--ink);background:var(--canvas);font-family:"Segoe UI Variable Text","Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased; }
button,input,textarea,select { font:inherit; } button { cursor:pointer; } button:disabled { cursor:not-allowed; } [hidden] { display:none!important; }
svg { fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.brand { display:inline-flex;flex-direction:column;align-items:flex-start;gap:12px;color:var(--ink);text-decoration:none;font-family:"Segoe UI Variable Display","Segoe UI",system-ui,sans-serif;font-size:20px;font-weight:800;letter-spacing:-.7px; }
.brand small,.mobile-brand small { display:block;margin-bottom:-3px;color:#7e90a9;font-size:8px;font-weight:700;letter-spacing:2.8px; }
.brand-light { color:#f4fbff; }
.brand-mark { display:inline-flex;align-items:center;justify-content:center; }
.brand-mark img { width:112px;height:112px;object-fit:contain; }
.eyebrow { display:block;margin-bottom:8px;color:var(--cyan-dark);font-family:"Segoe UI Variable Display","Segoe UI",system-ui,sans-serif;font-size:11px;font-weight:800;letter-spacing:1.7px;text-transform:uppercase; }
.eyebrow-light { display:inline-flex;align-items:center;gap:8px;color:#83e6f0; }.eyebrow-light i { width:20px;height:1px;background:#2ed7e7; }

/* Login */
.auth-shell { display:grid;grid-template-columns:minmax(440px,1.15fr) minmax(420px,.85fr);min-height:100vh;background:#fff; }
.auth-story { position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;min-height:100vh;padding:48px clamp(44px,6vw,92px);color:#eaf7ff;background:radial-gradient(circle at 75% 24%,rgba(35,197,218,.18),transparent 31%),radial-gradient(circle at 22% 82%,rgba(79,109,245,.2),transparent 35%),linear-gradient(140deg,#07111f 0%,#0b1b2d 55%,#0a2030 100%); }
.auth-story::before,.auth-story::after { position:absolute;content:"";border:1px solid rgba(94,205,225,.1);border-radius:50%; }.auth-story::before{width:520px;height:520px;top:-250px;right:-220px}.auth-story::after{width:680px;height:680px;bottom:-460px;left:-240px}
.auth-copy { position:relative;z-index:1;max-width:660px;margin:auto 0;padding:70px 0; }.auth-copy h1 { max-width:620px;margin:0 0 24px;color:#fff;font-family:"Segoe UI Variable Display","Segoe UI",system-ui,sans-serif;font-size:clamp(42px,5vw,72px);font-weight:700;line-height:1.02;letter-spacing:-3.4px; }.auth-copy p { max-width:570px;margin:0;color:#aebed0;font-size:18px;line-height:1.75; }
.signal-card { position:relative;z-index:1;width:min(100%,560px);padding:19px 22px 17px;border:1px solid rgba(130,205,220,.16);border-radius:16px;background:rgba(11,27,45,.68);box-shadow:0 22px 60px rgba(0,0,0,.2);backdrop-filter:blur(12px); }
.signal-top,.signal-meta { display:flex;align-items:center;justify-content:space-between;color:#b8c9d7;font-size:12px;font-weight:600; }.live-status { display:flex;align-items:center;gap:7px;color:#68e8bd; }.live-status i { width:7px;height:7px;border-radius:50%;background:#49daa9;box-shadow:0 0 0 5px rgba(73,218,169,.1); }
.waveform { display:flex;align-items:center;gap:7px;height:70px;margin:12px 0; }.waveform i { flex:1;max-width:5px;height:var(--h);border-radius:6px;background:linear-gradient(to top,#4d72f4,#27d5df);animation:wave 2.8s ease-in-out infinite; }.waveform i:nth-child(3n){animation-delay:-.7s}.waveform i:nth-child(2n){animation-delay:-1.3s}@keyframes wave{0%,100%{transform:scaleY(.72);opacity:.6}50%{transform:scaleY(1);opacity:1}}
.signal-meta { justify-content:flex-start;gap:24px;color:#70849a;font-size:10px;letter-spacing:.6px;text-transform:uppercase; }
.auth-form-wrap { display:grid;place-items:center;padding:48px clamp(30px,6vw,92px); }.login-card { width:min(100%,430px); }.mobile-brand { display:none;flex-direction:column;align-items:flex-start;gap:11px;margin-bottom:55px;font-family:"Segoe UI Variable Display","Segoe UI",system-ui,sans-serif;font-size:20px;font-weight:800; }.login-card h2 { margin:0 0 8px;font-family:"Segoe UI Variable Display","Segoe UI",system-ui,sans-serif;font-size:36px;letter-spacing:-1.5px; }.form-intro { margin:0 0 35px;color:var(--muted);font-size:15px; }.login-card label { margin-bottom:18px; }
.input-shell { position:relative;display:block; }.input-shell svg { position:absolute;z-index:1;top:50%;left:15px;width:19px;transform:translateY(-50%);color:#8b99aa; }.input-shell input { padding-left:46px; }
.remember { display:flex!important;align-items:center;gap:9px;color:#59687a;font-size:13px; }.remember input { width:16px;height:16px;margin:0;accent-color:var(--cyan-dark); }.button-wide { display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:8px;padding:14px 17px; }.button-wide svg { width:19px;transition:transform .2s ease; }.button-wide:hover svg { transform:translateX(3px); }.secure-note { display:flex;align-items:center;justify-content:center;gap:8px;margin:30px 0 0;color:#8a97a7;font-size:11px; }.secure-note svg { width:16px;color:var(--green); }.auth-link { display:block;width:100%;margin-top:14px;padding:4px 0;border:0;color:#167c95;background:transparent;box-shadow:none;font-size:12px;font-weight:600;text-align:center;text-decoration:none;cursor:pointer; }.auth-link:hover { text-decoration:underline; }#passwordResetForm .hint { margin-top:-4px;margin-bottom:16px; }.error.success { color:#167c56;border-color:#bfe3cf;background:#eef9f3; }

/* Dashboard */
.dashboard-shell { display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh; }.sidebar { position:sticky;top:0;display:flex;flex-direction:column;height:100vh;padding:30px 18px 20px;color:#c1cddd;background:radial-gradient(circle at 0 100%,rgba(25,148,179,.13),transparent 35%),var(--nav); }.sidebar-brand { padding:0 12px 29px;border-bottom:1px solid rgba(174,196,219,.1); }
.tab-nav { display:flex;flex:1;flex-direction:column;gap:5px;overflow-y:auto;padding-top:23px; }.nav-label { padding:0 13px 7px;color:#5f7187;font-size:9px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase; }.nav-label-secondary { margin-top:17px; }
.tab-button { position:relative;display:flex;align-items:center;gap:12px;width:100%;padding:11px 13px;border:0;border-radius:10px;color:#8293a8;background:transparent;font-size:13px;font-weight:600;text-align:left;transition:color .18s ease,background .18s ease,transform .18s ease; }.tab-button::before { position:absolute;left:-18px;width:3px;height:24px;border-radius:0 4px 4px 0;background:#2ed7e7;content:"";opacity:0;box-shadow:0 0 14px rgba(46,215,231,.5); }.tab-button svg { width:19px;height:19px; }.tab-button:hover { color:#d5e2ec;background:rgba(255,255,255,.035);transform:translateX(2px); }.tab-button.active { color:#effcff;background:linear-gradient(90deg,rgba(25,177,202,.17),rgba(25,177,202,.055)); }.tab-button.active::before { opacity:1; }.tab-button.active svg { color:#2ed7e7;filter:drop-shadow(0 0 5px rgba(46,215,231,.3)); }
.channel-dot { flex:0 0 auto;width:7px;height:7px;margin-left:auto;border-radius:50%;background:#526477;box-shadow:0 0 0 4px rgba(82,100,119,.08); }.channel-dot.active { background:#38d8a1;box-shadow:0 0 0 4px rgba(56,216,161,.1),0 0 9px rgba(56,216,161,.35); }.channel-dot.credit-empty { background:#e5a84d;box-shadow:0 0 0 4px rgba(229,168,77,.1); }
.sidebar-footer { padding-top:16px;border-top:1px solid rgba(174,196,219,.1); }.agent-state { display:flex;align-items:center;gap:10px;padding:10px 11px 14px; }.agent-state b,.agent-state small { display:block; }.agent-state b{color:#dce8f2;font-size:11px}.agent-state small{margin-top:2px;color:#607389;font-size:9px}.agent-orb{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(36,217,161,.09)}.agent-orb i{width:8px;height:8px;border-radius:50%;background:#38d8a1;box-shadow:0 0 0 5px rgba(56,216,161,.09),0 0 12px rgba(56,216,161,.4)}.agent-state.inactive .agent-orb{background:rgba(148,163,184,.12)}.agent-state.inactive .agent-orb i{background:#94a3b8;box-shadow:none}
.logout-button { display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;border-radius:9px;color:#6f8195;background:transparent;font-size:11px;font-weight:600; }.logout-button:hover { color:#d6e2ec;background:rgba(255,255,255,.04); }.logout-button svg{width:17px}
.workspace { min-width:0; }.topbar { display:flex;align-items:center;justify-content:space-between;height:94px;padding:0 clamp(25px,4.5vw,68px);border-bottom:1px solid var(--line);background:rgba(255,255,255,.88);backdrop-filter:blur(14px); }.topbar .eyebrow { margin-bottom:3px;color:#96a3b3;font-size:9px; }.topbar h1 { margin:0;font-family:"Segoe UI Variable Display","Segoe UI",system-ui,sans-serif;font-size:22px;letter-spacing:-.6px; }
.topbar-actions { display:flex;align-items:center;gap:10px; }.credit-widget { display:flex;align-items:center;gap:9px;padding:6px 10px 6px 7px;border:1px solid #cfe3e8;border-radius:13px;color:#315267;background:#f8fdfe;box-shadow:none;text-align:left; }.credit-widget:hover:not(:disabled){border-color:#a9d5de;background:#f1fbfc;box-shadow:0 8px 20px rgba(29,120,145,.09)}.credit-widget>span:nth-child(2){min-width:95px}.credit-widget small,.credit-widget b{display:block}.credit-widget small{color:#8094a3;font-size:8px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.credit-widget b{margin-top:1px;color:#16788f;font-size:12px}.credit-widget>svg{width:14px;color:#7c919f}.credit-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:#fff;background:linear-gradient(145deg,#11aec1,#426ce7)}.credit-icon svg{width:18px;color:#fff}.credit-popover{position:fixed;z-index:30;top:83px;right:clamp(25px,4.5vw,68px);width:min(380px,calc(100vw - 32px));padding:20px;border:1px solid #d8e4eb;border-radius:16px;background:#fff;box-shadow:0 24px 70px rgba(18,39,66,.2);animation:panelIn .2s ease both}.credit-popover-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.credit-popover h3{margin:0;font-size:17px}.credit-popover>p{margin:12px 0 16px;color:var(--muted);font-size:11px;line-height:1.55}.icon-button{display:grid;place-items:center;width:29px;height:29px;padding:0;border:1px solid var(--line);border-radius:8px;color:#718195;background:#fff;box-shadow:none;font-size:19px}.credit-packages{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.credit-packages a{padding:11px 8px;border:1px solid #dce7ed;border-radius:10px;color:#385269;background:#f9fcfd;text-align:center;text-decoration:none;transition:.18s ease}.credit-packages a:hover{border-color:#99d2dc;background:#effafb;transform:translateY(-1px)}.credit-packages b,.credit-packages span{display:block}.credit-packages b{color:#117d94;font-size:12px}.credit-packages span{margin-top:3px;color:#8899a8;font-size:8px}
.tenant-pill { display:flex;align-items:center;gap:10px;padding:7px 12px 7px 7px;border:1px solid var(--line);border-radius:13px;background:#fff; }.tenant-avatar { display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:#eefdff;background:linear-gradient(145deg,#0baabd,#4969e9);font-family:"Segoe UI Variable Display","Segoe UI",system-ui,sans-serif;font-size:13px;font-weight:800;box-shadow:0 6px 18px rgba(39,143,189,.22); }.tenant-pill small,.tenant-pill b{display:block}.tenant-pill small{color:#94a0ae;font-size:8px;letter-spacing:.6px;text-transform:uppercase}.tenant-pill b{max-width:190px;overflow:hidden;color:#344358;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.phone-widget { display:flex;align-items:center;gap:9px;padding:6px 12px 6px 7px;border:1px solid var(--line);border-radius:13px;background:#fff; }.phone-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:#5c6b7d;background:#eef1f5}.phone-icon svg{width:16px}.phone-widget small,.phone-widget b{display:block}.phone-widget small{color:#94a0ae;font-size:8px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.phone-widget b{margin-top:1px;color:#344358;font-size:12px;white-space:nowrap}.phone-widget b.muted{color:#a3adba;font-weight:600}
.content-area { max-width:1500px;margin:0 auto;padding:42px clamp(25px,4.5vw,68px) 70px; }.tab-panel { display:none;animation:panelIn .3s ease both; }.tab-panel.active{display:block}@keyframes panelIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.panel-heading { display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:25px; }.section-kicker { display:block;margin-bottom:7px;color:var(--cyan-dark);font-size:9px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase; }.panel-heading h2 { margin:0 0 7px;font-family:"Segoe UI Variable Display","Segoe UI",system-ui,sans-serif;font-size:clamp(23px,3vw,31px);letter-spacing:-1.1px; }.panel-heading p,.list-heading p,.subsection-heading p,.form-heading p { margin:0;color:var(--muted);font-size:13px;line-height:1.55; }.surface { border:1px solid var(--soft-line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow); }
.status-chip { display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:7px 11px;border:1px solid #d7e5ed;border-radius:99px;color:#4f6479;background:rgba(255,255,255,.75);font-size:10px;font-weight:700; }.status-chip i{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px rgba(18,184,210,.1)}.status-chip.success{color:#16815e;border-color:#d1ecdf}.status-chip.success i{background:var(--green);box-shadow:0 0 0 4px rgba(25,169,116,.1)}
.channel-control { display:flex;align-items:center;gap:17px;flex:0 0 auto;padding:10px 12px 10px 15px;border-radius:14px;box-shadow:0 8px 24px rgba(25,48,78,.05) }.channel-control b,.channel-control span{display:block}.channel-control b{font-size:11px}.channel-control div>span{margin-top:2px;color:#7d8d9f;font-size:9px}.switch{position:relative;display:inline-block!important;width:42px;height:24px;margin:0!important}.switch input{width:0;height:0;margin:0;opacity:0}.switch>span{position:absolute;inset:0;border-radius:99px;background:#c9d3dd;cursor:pointer;transition:.2s ease}.switch>span::before{position:absolute;width:18px;height:18px;top:3px;left:3px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(18,38,62,.2);content:"";transition:.2s ease}.switch input:checked+span{background:linear-gradient(135deg,#0da9be,#2c8ab2)}.switch input:checked+span::before{transform:translateX(18px)}.switch input:disabled+span{cursor:wait;opacity:.6}

/* Forms */
form label { display:block;color:#425268;font-size:11px;font-weight:700; } input,textarea,select { width:100%;margin-top:7px;padding:11px 13px;border:1px solid #d7e0e9;border-radius:10px;outline:none;color:var(--ink);background:#fbfdff;font-size:13px;font-weight:500;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease; } input::placeholder,textarea::placeholder{color:#a8b2be;font-weight:400}input:focus,textarea:focus,select:focus{border-color:#4ac0d2;background:#fff;box-shadow:0 0 0 3px rgba(18,184,210,.09)}textarea{resize:vertical;line-height:1.55}label>small{display:block;margin-top:6px;color:#9aa6b4;font-size:9px;font-weight:500}
button { padding:11px 16px;border:1px solid transparent;border-radius:9px;color:#fff;background:linear-gradient(135deg,var(--cyan-dark),#2388b9);box-shadow:0 7px 17px rgba(7,139,167,.16);font-size:11px;font-weight:700;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease; } button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.04);box-shadow:0 10px 22px rgba(7,139,167,.22)}button:active:not(:disabled){transform:translateY(0)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid rgba(18,184,210,.22);outline-offset:2px}button.link{padding:5px 7px;border:0;color:var(--red);background:transparent;box-shadow:none;text-decoration:none}.secondary-button{color:#167c95;border-color:#cfe6eb;background:#f2fbfc;box-shadow:none}.danger-button{padding:6px 10px;color:#bd4050;border-color:#f1ccd1;background:#fff5f6;box-shadow:none}.billing-type-switch{display:flex;gap:10px;margin-bottom:18px}.billing-type-switch .secondary-button.is-active{color:#fff;border-color:transparent;background:linear-gradient(135deg,var(--cyan-dark),#2388b9)}
.form-grid { display:grid;grid-template-columns:1fr 1fr;gap:21px 24px;padding:30px; }.span-2{grid-column:span 2}.form-actions{display:flex;align-items:center;padding-top:3px}.saved{display:inline-flex;align-items:center;gap:7px;margin-left:12px;color:#16815e;font-size:10px;font-weight:700}.saved i{width:6px;height:6px;border-radius:50%;background:var(--green)}.error{margin:12px 0 0;padding:9px 11px;border:1px solid #f3d0d4;border-radius:8px;color:#b83b4a;background:#fff5f6;font-size:10px}.hint{color:var(--muted);font-size:12px}
.pronunciation-overrides{display:flex;flex-direction:column;gap:8px}.pronunciation-rows{display:flex;flex-direction:column;gap:8px}.pronunciation-row{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:center}.pronunciation-row input{margin:0}

/* Services */
.table-surface { overflow:hidden;margin-bottom:22px; }.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:11px}th{padding:14px 16px;color:#8795a7;background:#f9fbfd;font-size:9px;font-weight:800;letter-spacing:.6px;text-align:left;text-transform:uppercase;white-space:nowrap}td{padding:15px 16px;border-top:1px solid var(--soft-line);color:#55657a;vertical-align:middle}td:nth-child(2){color:#26384f;font-weight:700}tbody tr{transition:background .16s ease}tbody tr:hover{background:#fbfdff}.type-badge{display:inline-block;padding:4px 8px;border-radius:7px;color:#396e9d;background:#eef6fc;font-size:9px;font-weight:700}.cache-meter{color:#137e68;font-weight:700;white-space:nowrap}
.add-service-form{padding:26px}.form-heading{display:flex;align-items:center;gap:12px;margin-bottom:20px}.form-heading h3,.list-heading h3,.subsection-heading h3{margin:0 0 3px;font-family:"Segoe UI Variable Display","Segoe UI",system-ui,sans-serif;font-size:15px}.form-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;color:#087e98;background:#e8f8fa;font-size:20px;font-weight:500}.service-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:18px}.service-fields .field-wide{grid-column:span 2}

/* Connections */
.connections-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.connection-card{display:flex;flex-direction:column;min-height:330px;padding:24px}.connection-card>p{min-height:54px;margin:16px 0 18px;color:var(--muted);font-size:11px;line-height:1.55}.connection-card form{display:flex;flex:1;flex-direction:column}.connection-card form>label{margin-bottom:13px}.connection-actions{display:flex;align-items:center;margin-top:auto;padding-top:14px}.connection-head{display:flex;align-items:center;gap:12px}.connection-head h3{margin:0 0 3px;font-family:"Segoe UI Variable Display","Segoe UI",system-ui,sans-serif;font-size:14px}.connection-logo{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;font-family:"Segoe UI Variable Display","Segoe UI",system-ui,sans-serif;font-size:14px;font-weight:800}.connection-logo svg{width:21px}.agenda-logo{color:#fff;background:linear-gradient(145deg,#546ef5,#374bc0)}.whatsapp-logo{color:#fff;background:linear-gradient(145deg,#32ce80,#159b5c)}.messenger-logo{color:#fff;background:linear-gradient(145deg,#9eacc0,#7e8da3)}
.mini-status{color:#16815e;font-size:9px;font-weight:700}.mini-status::before{display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:currentColor;content:""}.mini-status.disconnected,.mini-status.muted{color:#91a0b0}.connection-card.disabled{opacity:.66}.connection-card.disabled button{margin-top:auto;color:#7f8b9a;border-color:#dfe5ec;background:#f4f6f8;box-shadow:none}.integration-preview{max-height:112px;overflow:auto;margin-top:5px}.integration-preview ul{margin:7px 0 4px;padding-left:18px;color:#5e6e80;font-size:10px}.integration-preview li{margin-bottom:4px}

/* Activity */
.live-section{margin-bottom:28px;padding:23px}.subsection-heading,.list-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.subsection-heading{margin-bottom:17px}.list-heading{margin:28px 0 14px}.pulse-ring{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:rgba(18,184,210,.08)}.pulse-ring i,.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(18,184,210,.1);animation:pulse 1.8s ease infinite}@keyframes pulse{50%{box-shadow:0 0 0 9px rgba(18,184,210,0)}}
.live-call{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 15px;border:1px solid var(--soft-line);border-radius:11px;background:#fbfdff}.live-call+.live-call{margin-top:8px}.live-call div{min-width:0}.live-call b,.live-call small{display:block;overflow:hidden;text-overflow:ellipsis}.live-call b{font-size:12px}.live-call small{margin-top:3px;color:#8b98a8;font-size:9px}.live-monitor-controls{margin-top:15px;padding:15px;border:1px solid #cde9ed;border-radius:12px;background:#f1fbfc}.monitor-status{display:flex;align-items:center;gap:11px;margin-bottom:13px}.monitor-status b{color:#16768c;font-size:11px}.monitor-status button{margin-left:auto}.live-monitor-controls label{display:flex;align-items:center;gap:12px;margin-top:7px;color:#5d6f82;font-size:10px}.live-monitor-controls input[type="range"]{flex:1;margin:0;padding:0;accent-color:var(--cyan-dark);box-shadow:none}
.activity-list:empty::after,#liveCallsList .hint,.activity-list>.hint{display:block;padding:30px;border:1px dashed #ccd7e2;border-radius:14px;color:#8b98a8;background:rgba(255,255,255,.45);content:"Nu există activitate de afișat.";font-size:11px;text-align:center}.transcript-call{overflow:hidden;margin-bottom:10px;border:1px solid var(--soft-line);border-radius:13px;background:#fff;box-shadow:0 7px 25px rgba(25,48,78,.045);transition:border-color .18s ease,box-shadow .18s ease}.transcript-call[open]{border-color:#cbdde6;box-shadow:0 12px 34px rgba(25,48,78,.07)}.transcript-call>summary{position:relative;min-height:52px;padding:17px 42px 17px 18px;color:#56677b;font-size:10px;font-weight:600;cursor:pointer;list-style:none}.transcript-call>summary::-webkit-details-marker{display:none}.transcript-call>summary::after{position:absolute;top:50%;right:18px;width:7px;height:7px;border-right:1.5px solid #8796a8;border-bottom:1.5px solid #8796a8;content:"";transform:translateY(-68%) rotate(45deg);transition:transform .2s ease}.transcript-call[open]>summary::after{transform:translateY(-30%) rotate(225deg)}.transcript-call>:not(summary){margin-right:18px;margin-left:18px}.transcript-call>:last-child{margin-bottom:18px}
.transcript-cost{float:right;margin-right:12px;color:#16815e;font-size:9px;font-weight:800}.transcript-line{margin-top:8px!important;margin-bottom:8px!important;padding:10px 12px;border-radius:9px;color:#4d5e72;background:#f7f9fb;font-size:11px;line-height:1.55}.transcript-line b{color:#257da4}.transcript-line.assistant{background:#f2faf8}.transcript-line.assistant b,.transcript-line.assistant.cache-hit b{color:#16815e}.transcript-line.assistant.cache-live b{color:#c3515c}.record-delete{float:right;margin:-4px 0 0 10px}.connection-logo-pair{display:flex;gap:6px}.brand-icon{display:grid;place-items:center;color:#fff}.brand-icon svg{width:21px;fill:currentColor}.whatsapp-brand{background:#25d366}.messenger-brand{background:linear-gradient(200deg,#ff6968,#a334fa 45%,#0695ff)}.instagram-brand{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.app-logo{overflow:hidden;background:#fff;border:1px solid var(--soft-line)}.app-logo img{width:34px;height:34px}.message-channels{display:grid;gap:9px;padding:12px 14px}.message-channels-title{font-size:11px}.message-channel{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:10px}.channel-control .message-channel>.brand-icon{display:grid;width:26px;height:26px;margin:0;border-radius:8px;color:#fff}.message-channel .brand-icon svg{width:15px}.message-channel b{font-size:11px}.message-channel div>span{display:block;margin-top:1px;color:var(--muted);font-size:9px}.channel-badge{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:8px;border-radius:5px;vertical-align:middle}.channel-badge svg{width:11px}.whatsapp-manual{margin-top:14px;color:var(--muted);font-size:11px}.whatsapp-manual summary{cursor:pointer}.whatsapp-manual form{margin-top:12px}.transcript-line.staff{background:#f4f2fb}.transcript-line.staff b{color:#6a4fb3}.ai-paused-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px!important;padding:10px 12px;border:1px solid #e3dcf5;border-radius:9px;color:#5b4a8a;background:#f8f6fd;font-size:10px}.ai-paused-badge{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:20px;color:#5b4a8a;background:#ece6fa;font-size:8.5px;font-weight:800;vertical-align:middle}.whatsapp-session-separator{display:flex;justify-content:space-between;gap:16px;margin-top:14px!important;padding-top:14px;border-top:1px solid var(--soft-line);color:#758498;font-size:9px}.whatsapp-session-separator span{color:#16815e;font-weight:700;white-space:nowrap}.transcript-audio{display:flex;flex-wrap:wrap;gap:14px;padding:14px 0;border-top:1px solid var(--soft-line);border-bottom:1px solid var(--soft-line)}.transcript-audio label{flex:1 1 100%;color:#7a899a;font-size:9px}.transcript-audio audio{display:block;width:100%;max-width:560px;height:34px;margin-top:6px}.transcript-shadow{margin-top:13px!important;padding-top:10px;border-top:1px dashed #d9e0e7}.transcript-shadow summary{color:#929dac;font-size:9px;cursor:pointer}.transcript-line.shadow{color:#8895a5;background:#fafbfc;font-size:10px;font-style:italic}.info-banner{display:flex;align-items:flex-start;gap:11px;margin-bottom:18px;padding:12px 14px;border:1px solid #d9e9ee;border-radius:11px;color:#557080;background:#f5fbfc;font-size:10px;line-height:1.5}.info-banner svg{flex:0 0 auto;width:17px;color:#1599b3}

/* Pipeline timing debug (Telnyx -> STT -> LLM -> TTS -> Telnyx) */
.pipeline-timing{margin-top:13px!important;padding-top:10px;border-top:1px dashed #d9e0e7}.pipeline-timing summary{color:#929dac;font-size:9px;cursor:pointer}.pipeline-timing-body{margin-top:10px;overflow-x:auto}.pipeline-timing-table{width:100%;border-collapse:collapse;font-size:9.5px}.pipeline-timing-table th{padding:5px 8px;color:#8b98a8;font-weight:700;text-align:left;border-bottom:1px solid var(--soft-line)}.pipeline-timing-table td{padding:5px 8px;color:#4d5e72;border-bottom:1px solid #f0f3f6;white-space:nowrap}.pipeline-timing-table tr.stage-telnyx_in td:nth-child(2),.pipeline-timing-table tr.stage-telnyx_out td:nth-child(2){color:#8b98a8;font-weight:700}.pipeline-timing-table tr.stage-stt td:nth-child(2){color:#257da4;font-weight:700}.pipeline-timing-table tr.stage-llm td:nth-child(2){color:#8a5cc7;font-weight:700}.pipeline-timing-table tr.stage-tts td:nth-child(2){color:#16815e;font-weight:700}.pipeline-timing-table tr.phase-end td:last-child{color:#c3515c;font-weight:800}

/* Knowledge */
.knowledge-actions{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-bottom:22px}.upload-card{display:grid;grid-template-columns:auto 1fr;gap:0 13px;padding:22px}.upload-card .upload-icon{grid-row:span 2}.upload-card h3{margin:1px 0 3px;font-family:"Segoe UI Variable Display","Segoe UI",system-ui,sans-serif;font-size:13px}.upload-card p{margin:0;color:var(--muted);font-size:10px}.upload-card input{grid-column:1/-1;margin:18px 0 12px}.upload-card button{grid-column:1/-1;justify-self:start}.upload-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;color:#0f91aa;background:#eaf8fa}.upload-icon svg{width:19px}input[type="file"]{color:#758496;font-size:10px}input[type="file"]::file-selector-button{margin-right:10px;padding:7px 10px;border:0;border-radius:7px;color:#167b91;background:#e9f7f9;font-weight:700;cursor:pointer}.knowledgeText{display:block;width:calc(100% - 36px)!important;min-height:180px;margin:0 18px 12px!important;padding:13px;font-family:"Segoe UI Variable Text","Segoe UI",system-ui,sans-serif;font-size:11px;line-height:1.55}.knowledgeText:disabled{color:#9aa6b3}

@media(max-width:1120px){.connections-grid{grid-template-columns:1fr 1fr}.connection-card.disabled{min-height:220px}.service-fields{grid-template-columns:1fr 1fr}.service-fields .field-wide{grid-column:span 1}}
@media(max-width:880px),(max-width:1000px) and (max-height:520px) and (orientation:landscape){.auth-shell{display:block}.auth-story{display:none}.auth-form-wrap{min-height:100vh}.mobile-brand{display:flex}.dashboard-shell{display:block;padding-bottom:76px}.sidebar{position:fixed;z-index:20;top:auto;right:0;bottom:0;left:0;display:block;width:100%;height:70px;padding:7px 9px;border-top:1px solid rgba(255,255,255,.08)}.sidebar-brand,.sidebar-footer,.nav-label{display:none}.tab-nav{display:flex;flex-direction:row;gap:2px;overflow-x:auto;padding:0}.tab-button{flex:1 0 80px;flex-direction:column;justify-content:center;gap:3px;min-height:55px;padding:6px 5px;font-size:8px;text-align:center}.tab-button::before{top:-7px;left:50%;width:25px;height:3px;border-radius:0 0 4px 4px;transform:translateX(-50%)}.tab-button svg{width:18px;height:18px}.channel-dot{position:absolute;top:8px;right:14px;width:6px;height:6px}.topbar{height:78px}.content-area{padding-top:30px}.panel-heading{align-items:flex-start}.connections-grid{grid-template-columns:1fr}}
@media(max-width:620px){.auth-form-wrap{padding:35px 24px}.mobile-brand{margin-bottom:45px}.login-card h2{font-size:31px}.topbar{padding:0 18px}.topbar .eyebrow,.tenant-pill,.phone-widget{display:none}.topbar h1{font-size:17px}.credit-widget{padding:5px 8px 5px 5px}.credit-widget>span:nth-child(2){min-width:82px}.credit-widget svg{display:none}.credit-icon{width:30px;height:30px}.credit-popover{top:70px;right:16px}.content-area{padding:26px 16px 50px}.panel-heading{display:block}.panel-heading .status-chip,.channel-control{margin-top:14px}.panel-heading h2{font-size:23px}.form-grid{display:block;padding:21px}.form-grid label{margin-bottom:17px}.form-actions{margin-top:20px}.service-fields{display:block}.service-fields label{margin-bottom:14px}.add-service-form{padding:21px}.connection-card{min-height:0;padding:21px}.connection-card>p{min-height:0}.knowledge-actions{grid-template-columns:1fr}.upload-card{padding:20px}.transcript-cost{float:none;display:block;margin:6px 0 0}.transcript-call>summary{padding-right:35px}.activity-list:empty::after,#liveCallsList .hint,.activity-list>.hint{padding:23px 14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Billing and AI preferences */
#tab-billing-plan > .surface { max-width: 580px; }
.billing-status, .billing-upgrade, .llm-settings { padding: 24px; margin-bottom: 20px; }
.billing-status p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.65; }
.billing-status strong { display: block; color: var(--green); margin-bottom: 4px; }
.llm-settings .form-heading { margin-bottom: 22px; }
.llm-settings select { margin-top: 9px; }
.llm-comparison { margin: 14px 0; color: var(--cyan-dark); font-size: 12px; font-weight: 600; line-height: 1.5; }
.llm-settings .hint { margin: 16px 0 20px; line-height: 1.6; }
.llm-actions { display: flex; flex-wrap: wrap; gap: 10px; }
#llmMessage { margin: 14px 0 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
#llmMessage:empty { display: none; }
.billing-upgrade .form-grid { padding: 0; }
.clients-search { margin-bottom: 16px; }
.clients-search input { width: 100%; max-width: 360px; padding: 11px 14px; border: 1px solid var(--soft-line); border-radius: 10px; font-size: 12px; }
#clientsMessage:empty { display: none; }
.client-card { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 15px 18px; margin-bottom: 10px; border: 1px solid var(--soft-line); border-radius: 13px; background: #fff; box-shadow: 0 7px 25px rgba(25,48,78,.045); }
.client-card-name { font-size: 12px; font-weight: 700; color: var(--ink); }
.client-card-name small { display: block; margin-top: 2px; font-size: 10px; font-weight: 500; color: #8b98a8; }
.client-card-meta { text-align: right; font-size: 10px; color: #8b98a8; }
.client-card-source { display: inline-block; margin-top: 4px; padding: 2px 8px; border-radius: 20px; font-size: 8.5px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; background: #eef3fb; color: #4b6a94; }
.client-card-wrap { margin-bottom: 10px; }
.client-card-wrap .client-card { margin-bottom: 0; }
.client-card-meta { display: flex; align-items: center; gap: 10px; }
.client-edit-toggle { padding: 4px 6px; font-size: 10px; }
.client-edit-form { padding: 18px; border: 1px solid var(--soft-line); border-top: 0; border-radius: 0 0 13px 13px; background: #fbfcfe; }
.client-edit-form .form-grid { padding: 0; grid-template-columns: 1fr 1fr; gap: 14px 18px; }
.client-edit-form .form-actions { padding-top: 14px; }
.client-edit-status { margin-left: 10px; }
@media(max-width: 560px) {
  .billing-status, .billing-upgrade, .llm-settings { padding: 20px; }
}

.session-loading { min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--muted); }
.tab-panel[aria-busy="true"] { opacity:.5; }
#dashboardStatus { margin-bottom:20px;color:var(--muted); }

/* Solicitări - coada de cereri care nu sunt programări */
.request-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.request-filter{padding:7px 14px;border:1px solid var(--line);border-radius:20px;color:var(--muted);background:#fff;font-size:10px;font-weight:700;letter-spacing:.03em;transition:border-color .16s ease,color .16s ease,background .16s ease}
.request-filter:hover{border-color:#bcd4e4;color:#3d5570}
.request-filter.is-active{border-color:var(--cyan-dark);color:#fff;background:var(--cyan-dark)}
.request-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;align-items:start}
.request-grid>.hint{grid-column:1/-1;display:block;padding:30px;border:1px dashed #ccd7e2;border-radius:14px;color:#8b98a8;background:rgba(255,255,255,.45);font-size:11px;text-align:center}
.request-card{display:flex;flex-direction:column;gap:11px;padding:17px 18px;border:1px solid var(--soft-line);border-left:3px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 7px 25px rgba(25,48,78,.045)}
/* Severity-style rail: state readable before any text is */
.request-card.is-nou{border-left-color:var(--cyan-dark)}
.request-card.is-in_lucru{border-left-color:#e0a32c}
.request-card.is-rezolvat{border-left-color:var(--green);background:#fbfdfc}
.request-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.request-card>header>div{display:flex;flex-wrap:wrap;align-items:center;gap:7px;min-width:0}
.request-kind{color:var(--ink);font-size:12px;font-weight:700;letter-spacing:-.2px;text-transform:capitalize}
.request-status{padding:2px 8px;border-radius:20px;color:#4b6a94;background:#eef3fb;font-size:8.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.request-card.is-rezolvat .request-status{color:#137e52;background:#e6f5ee}
.request-card>header>time{color:#8b98a8;font-size:9px;font-weight:600;white-space:nowrap}
.request-summary{margin:0;color:#47586e;font-size:12px;line-height:1.55}
.request-details{display:grid;gap:6px;margin:0;padding:11px 12px;border-radius:9px;background:#f9fbfd}
.request-details>div{display:flex;gap:8px;font-size:10px;line-height:1.45}
.request-details dt{flex:0 0 38%;color:#8795a7;font-weight:700;text-transform:capitalize;overflow-wrap:anywhere}
.request-details dd{flex:1;margin:0;color:#42536a;overflow-wrap:anywhere}
.request-who{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:#8b98a8;font-size:9.5px}
.request-who strong{color:#26384f;font-size:10.5px}
.request-note{margin:0;padding:10px 12px;border-left:2px solid #dbe4ee;border-radius:0 8px 8px 0;color:#5d6f82;background:#fbfcfe;font-size:10.5px;line-height:1.5}
.request-card>footer{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:2px}
.request-advance{padding:7px 13px;border:0;border-radius:9px;color:#fff;background:var(--cyan-dark);font-size:10px;font-weight:700}
.request-advance:disabled{opacity:.55}
.request-card.is-rezolvat .request-advance{color:#5d6f82;background:#eef3f7}
.request-note-toggle{padding:4px 6px;font-size:10px}
.request-note-form{display:flex;flex-direction:column;gap:9px;padding-top:4px}
.request-note-form label{color:#8795a7;font-size:9.5px;font-weight:700}
.request-note-form small{font-weight:500;text-transform:none}
.request-note-form textarea{width:100%;margin-top:6px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;color:var(--ink);font-size:11px;resize:vertical}
.request-note-form button{align-self:flex-start;padding:6px 12px;border:1px solid var(--line);border-radius:8px;color:#3d5570;background:#fff;font-size:10px;font-weight:700}
@media(max-width:560px){.request-grid{grid-template-columns:1fr}}
.transcript-call-outbound{border-color:#ecc99a;background:#fffaf2}.transcript-call-outbound[open]{border-color:#dba45c}.transcript-call-outbound>summary{background:linear-gradient(90deg,#ffefd6,#fffaf2);color:#6b4a1d}.call-direction-badge{display:inline-block;margin-right:9px;padding:3px 9px;border-radius:20px;background:#f0a948;color:#3f2503;font-size:8.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;vertical-align:middle}.transcript-call-outbound .transcript-line.assistant{background:#fff1dc}.transcript-call-outbound .transcript-line.assistant b{color:#b0621a}.transcript-call-outbound .transcript-line.user{background:#fff9ee}
button.is-saved { background:var(--green)!important;border-color:var(--green)!important;box-shadow:0 7px 17px rgba(25,169,116,.28)!important;transition:background .2s; }


/* Account card inside "Abonament și cont" */
.account-form { max-width:440px; }
.account-form label { display:block;margin-bottom:17px; }
.account-form .form-actions { margin-top:6px; }
.account-logout { margin-top:22px;padding-top:18px;border-top:1px solid var(--soft-line); }

/* Phone nav: the bottom bar scrolls sideways, so show that more tabs exist - narrower tabs so the next one peeks in,
   and three dots at the edge that scroll on when tapped (see initNavScrollDots). */
@media(max-width:880px),(max-width:1000px) and (max-height:520px) and (orientation:landscape){
  .tab-nav { scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch; }
  .tab-nav::-webkit-scrollbar { display:none; }
  .tab-button { flex:0 0 68px;scroll-snap-align:start; }
  .tab-nav .nav-scroll { position:sticky;z-index:3;display:block;flex:0 0 0;align-self:stretch;width:0;min-width:0;height:auto;min-height:0;margin:0;padding:0;border:0;background:none;box-shadow:none;pointer-events:none; }
  .tab-nav .nav-scroll-start { left:0;margin-right:-2px; }
  .tab-nav .nav-scroll-end { right:0;margin-left:-2px; }
  /* No box: a glow in the bar colour keeps the dots readable over a label behind them. */
  .tab-nav .nav-scroll > span { position:absolute;top:50%;display:grid;place-items:center;width:18px;height:44px;color:rgba(255,255,255,.92);filter:drop-shadow(0 0 2px var(--nav)) drop-shadow(0 0 5px var(--nav));opacity:0;transform:translateY(-50%);transition:opacity .15s ease; }
  .tab-nav .nav-scroll-start > span { left:0; }
  .tab-nav .nav-scroll-end > span { right:0; }
  .tab-nav .nav-scroll svg { width:8px;height:30px;fill:currentColor; }
  .tab-nav.has-more-right .nav-scroll-end,.tab-nav.has-more-left .nav-scroll-start { pointer-events:auto; }
  .tab-nav.has-more-right .nav-scroll-end > span,.tab-nav.has-more-left .nav-scroll-start > span { opacity:1; }
  /* Sideways phone: the rail scrolls down, the dots lie across it at the bottom (top once at the end). */
  .tab-nav.is-vertical .nav-scroll { width:auto;height:0; }
  .tab-nav.is-vertical .nav-scroll-start { top:0;left:auto;margin:0 0 -2px; }
  .tab-nav.is-vertical .nav-scroll-end { right:auto;bottom:0;margin:-2px 0 0; }
  .tab-nav.is-vertical .nav-scroll > span { right:0;left:0;width:auto;height:18px;transform:none; }
  .tab-nav.is-vertical .nav-scroll-start > span { top:0; }
  .tab-nav.is-vertical .nav-scroll-end > span { top:auto;bottom:0; }
  .tab-nav.is-vertical .nav-scroll svg { transform:rotate(90deg); }
}
.nav-scroll { display:none; }
/* Landscape phone (also 881-1000px wide, which the 880px rules above now cover too): a bottom bar plus a tall header leave almost no room to scroll, so the nav becomes a slim rail on
   the left and the header shrinks. */
@media(max-width:1000px) and (max-height:520px) and (orientation:landscape){
  .dashboard-shell { padding-bottom:0;padding-left:66px; }
  .sidebar { top:0;right:auto;bottom:0;left:0;width:66px;height:auto;padding:6px 4px;border-top:0;border-right:1px solid rgba(255,255,255,.08);overflow:hidden; }
  .tab-nav { flex-direction:column;gap:2px;height:100%;overflow-x:hidden;overflow-y:auto;padding-bottom:0; }
  .tab-button { flex:0 0 auto;width:100%;min-height:50px; }
  .tab-button::before { top:50%;left:-4px;width:3px;height:22px;border-radius:0 4px 4px 0;transform:translateY(-50%); }
  .topbar { height:54px; }
  .topbar .eyebrow { display:none; }
  .topbar h1 { font-size:16px; }
  .content-area { padding-top:16px; }
}
.invoices-card{padding:0;overflow:hidden}.invoices-frame{display:block;width:100%;height:calc(100vh - 190px);min-height:640px;border:0}.invoices-card>#invoicesMessage{padding:18px;margin:0}
.tab-button[hidden]{display:none!important}
.billing-company-form{margin-top:18px}

/* Connection cards: same skeleton everywhere - head, fixed-height description, body, and an action bar pinned to the bottom with the destructive action always on the right. */
.connection-card>.connection-desc{min-height:34px;margin:14px 0 16px}.connection-body{display:flex;flex:1;flex-direction:column;gap:12px}.connection-body[hidden]{display:none}.connection-body>label{margin-bottom:0}.connection-body .hint{margin:0;line-height:1.55}.connection-body .error{margin:0}.connection-detail{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border:1px solid var(--soft-line);border-radius:10px;background:#f9fbfd;font-size:11px}.connection-detail span{color:var(--muted);font-size:10px}.connection-detail strong{overflow-wrap:anywhere}.connection-card .connection-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto;padding-top:16px;border-top:1px solid var(--soft-line)}.connection-card .connection-actions[hidden]{display:none}.connection-card .connection-actions .danger-button{margin-left:auto;padding:11px 16px}.connection-card .connection-actions .saved{margin-left:0}.button-link{display:inline-flex;align-items:center;padding:11px 16px;border:1px solid transparent;border-radius:9px;font-size:11px;font-weight:700;text-decoration:none}.inline-actions{display:flex;align-items:center;gap:10px;margin-top:12px}.whatsapp-manual{margin-top:0}
.connection-body .hint a{color:#167c95;font-weight:600}
.connection-option{display:flex;flex-direction:column;gap:5px}.connection-option[hidden]{display:none}.connection-option b{font-size:11px}.option-divider{display:flex;align-items:center;gap:12px;color:#91a0b0;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.option-divider[hidden]{display:none}.option-divider::before,.option-divider::after{flex:1;height:1px;background:var(--soft-line);content:""}.whatsapp-manual summary{font-size:11px;font-weight:700;color:var(--text,#1d2330)}
.connection-help{padding:10px 12px;border:1px solid var(--soft-line);border-radius:10px;background:#f9fbfd;font-size:10.5px;line-height:1.55;color:#4d5e72}.connection-help summary{cursor:pointer;font-size:11px;font-weight:700;color:#167c95}.connection-help ul{margin:6px 0 8px;padding-left:17px}.connection-help li{margin-bottom:4px}.connection-help p{margin:8px 0 0}
.message-channel.not-connected .brand-icon{filter:grayscale(1);opacity:.45}.message-channel.not-connected b{color:#91a0b0}.message-channel.not-connected .switch{opacity:.4}
.choice-list{display:grid;gap:8px}.choice-list[hidden]{display:none}.choice-card{display:flex;align-items:flex-start;gap:10px;margin:0;padding:11px 12px;border:1px solid var(--soft-line);border-radius:10px;cursor:pointer;transition:border-color .15s,background .15s}.choice-card[hidden]{display:none}.choice-card:hover{border-color:#cbdde6}.choice-card:has(input:checked){border-color:#25d366;background:#f3fcf6}.choice-card input{width:15px;height:15px;margin:1px 0 0;accent-color:#1f9d55}.choice-card span{display:flex;flex-direction:column;gap:2px}.choice-card b{font-size:11px}.choice-card em{font-style:normal;font-weight:600;color:#56677b}.choice-card small{color:var(--muted);font-size:10px}
.connection-detail strong+span{margin-top:6px}.connection-detail [hidden]{display:none}

/* The topbar holds the page title; panels open with kicker + description only. */
.panel-heading .section-kicker+p{margin-top:2px}

/* Menu lights: blinking while something is happening (see setActivityLights). */
.channel-dot.attention { background:#f5b942;box-shadow:0 0 0 4px rgba(245,185,66,.12),0 0 9px rgba(245,185,66,.45); }
.channel-dot.live,.channel-dot.attention { animation:nav-light-blink 1.1s ease-in-out infinite; }
@keyframes nav-light-blink { 50% { opacity:.25;box-shadow:none; } }

/* Channel LEDs (see setChannelLed): amber = some channels down, red = none works. */
.channel-dot.degraded { background:#f5a524;box-shadow:0 0 0 4px rgba(245,165,36,.12),0 0 9px rgba(245,165,36,.4); }
.channel-dot.down { background:#ef5b6b;box-shadow:0 0 0 4px rgba(239,91,107,.12),0 0 9px rgba(239,91,107,.45); }
.agent-state.warning .agent-orb { background:rgba(245,165,36,.12); }
.agent-state.warning .agent-orb i { background:#f5a524;box-shadow:0 0 0 5px rgba(245,165,36,.1),0 0 12px rgba(245,165,36,.4); }