:root{
  --bg:#f4f6fb;--surface:#fff;--surface-2:#f8f9fd;--ink:#141b2d;--muted:#6f7b94;--line:#e5e9f2;
  --primary:#6557f5;--primary-2:#8b7cff;--primary-soft:#efedff;--success:#18a879;--success-soft:#e8faf4;
  --warning:#e89a19;--warning-soft:#fff5df;--danger:#e94f64;--danger-soft:#fff0f2;--info:#2e9be8;--info-soft:#eaf6ff;
  --sidebar:#101625;--sidebar-2:#151e32;--shadow:0 14px 40px rgba(31,42,74,.08);--shadow-lg:0 30px 90px rgba(19,28,55,.18);
  --radius:18px;--radius-sm:12px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--ink);font-size:14px}a{color:inherit}button,input,select,textarea{font:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:272px;background:linear-gradient(180deg,var(--sidebar),var(--sidebar-2));color:#fff;position:fixed;inset:0 auto 0 0;padding:20px 15px;display:flex;flex-direction:column;z-index:1040;transition:transform .25s ease;box-shadow:14px 0 40px rgba(4,9,20,.08)}.brand{display:flex;align-items:center;gap:12px;padding:2px 9px 22px;text-decoration:none}.brand-mark{width:43px;height:43px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#7b69ff,#49c6f8);box-shadow:0 12px 34px rgba(101,87,245,.42);font-size:22px;color:#fff}.brand strong,.brand small{display:block}.brand strong{font-size:18px;letter-spacing:-.02em}.brand small{color:#94a1b8;font-size:10px;letter-spacing:.16em;text-transform:uppercase;margin-top:2px}.workspace-card{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);border-radius:15px;padding:12px;margin:0 2px 15px}.workspace-logo{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(76,221,170,.15);color:#66e7ba;font-weight:800}.workspace-card small,.workspace-card strong{display:block}.workspace-card small{font-size:10px;color:#8e9bb2}.workspace-card strong{font-size:12px;max-width:145px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-section{padding:12px 12px 7px;color:#687891;font-size:9px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.nav{gap:4px;overflow:auto;padding-right:2px}.nav-link{display:flex;align-items:center;gap:12px;padding:10px 13px;border-radius:12px;color:#9aa7bb;font-weight:550;font-size:13px;position:relative;text-decoration:none}.nav-link:hover{color:#fff;background:rgba(255,255,255,.055)}.nav-link.active{color:#fff;background:linear-gradient(90deg,rgba(101,87,245,.28),rgba(101,87,245,.08));box-shadow:inset 3px 0 #8b7cff}.nav-link i{font-size:19px;width:20px;text-align:center}.sidebar-footer{margin-top:auto;padding-top:16px}.user-mini{display:flex;align-items:center;gap:10px;padding:13px 10px;border-top:1px solid rgba(255,255,255,.08)}.avatar{width:39px;height:39px;border-radius:12px;background:linear-gradient(135deg,#7d6cff,#46c4f6);display:grid;place-items:center;font-weight:800}.user-mini div{min-width:0;flex:1}.user-mini strong,.user-mini small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-mini strong{font-size:12px}.user-mini small{color:#8f9db3;font-size:10px}.user-mini a{color:#8996aa;font-size:18px}.main{margin-left:272px;width:calc(100% - 272px);min-width:0}.topbar{min-height:82px;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 28px;position:sticky;top:0;z-index:1020}.topbar h1{font-size:21px;margin:0;font-weight:800;letter-spacing:-.02em}.topbar p{margin:3px 0 0;color:var(--muted);font-size:11px}.topbar-actions{display:flex;align-items:center;gap:9px}.global-search{position:relative}.global-search i{position:absolute;left:13px;top:11px;color:#8994a8}.global-search input{width:260px;height:41px;border:1px solid var(--line);background:#f9fafc;border-radius:12px;padding:0 14px 0 38px;outline:0}.global-search input:focus{border-color:#aaa1ff;box-shadow:0 0 0 3px rgba(101,87,245,.1)}.health-pill{background:var(--success-soft);color:#13795b;border-radius:999px;padding:9px 12px;font-size:11px;font-weight:800}.health-pill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--success);margin-right:6px}.icon-btn{border:1px solid var(--line);background:#fff;border-radius:11px;width:40px;height:40px;display:inline-grid;place-items:center;padding:0;color:#5e6980}.icon-btn:hover{background:#f7f8fb;color:var(--primary)}.content{padding:25px 28px 42px;max-width:1800px;margin:auto}.demo-banner{display:flex;gap:10px;padding:12px 15px;border:1px solid #dcd7ff;background:#f2efff;border-radius:13px;color:#5d4ee0;margin-bottom:20px;font-size:12px}.panel,.card-saas{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel{padding:21px}.panel.compact{padding:16px}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.panel-header h2,.panel-header h3{font-size:16px;font-weight:800;margin:0;letter-spacing:-.015em}.panel-header p{color:var(--muted);font-size:11px;margin:5px 0 0}.section-title{font-size:15px;font-weight:800;margin:0}.section-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--primary);font-weight:800}.btn{border-radius:11px;font-weight:700;min-height:40px;font-size:13px}.btn-sm{min-height:34px}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));border:0;box-shadow:0 9px 22px rgba(101,87,245,.24)}.btn-primary:hover{filter:brightness(.98);transform:translateY(-1px)}.btn-soft{background:var(--primary-soft);color:#5548d8;border:1px solid #ddd8ff}.btn-danger-soft{background:var(--danger-soft);color:#c73b50;border:1px solid #ffdce2}.form-label{font-size:11px;font-weight:750;color:#47536a;margin-bottom:7px}.form-hint{display:block;color:#8a95aa;font-size:10px;margin-top:5px}.form-control,.form-select{border-radius:11px;border-color:var(--line);min-height:43px;background-color:#fff;color:var(--ink);font-size:13px}.form-control:focus,.form-select:focus{border-color:#9d92ff;box-shadow:0 0 0 3px rgba(101,87,245,.12)}textarea.form-control{padding:11px 13px}.input-group-text{border-color:var(--line);background:#f8f9fc}.metric-card{padding:18px;height:100%}.metric-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-size:21px}.metric-card small{color:var(--muted);font-weight:600}.metric-card h3{font-size:26px;margin:10px 0 4px;font-weight:850}.metric-change{font-size:10px;color:var(--success);font-weight:800}.table{margin:0}.table th{font-size:10px;text-transform:uppercase;letter-spacing:.055em;color:#8792a6;border-bottom-color:var(--line);font-weight:800;padding:12px}.table td{vertical-align:middle;border-color:#f0f2f7;font-size:12px;padding:13px 12px}.table tbody tr:hover{background:#fafbfe}.table-action{white-space:nowrap}.badge-soft{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:800;text-transform:capitalize}.badge-active,.badge-ready,.badge-completed{background:var(--success-soft);color:#13795b}.badge-draft,.badge-pending,.badge-processing{background:var(--warning-soft);color:#98620b}.badge-inactive,.badge-disabled,.badge-archived{background:#eef1f5;color:#637087}.badge-paused,.badge-stale{background:var(--info-soft);color:#237ebd}.badge-error,.badge-critical{background:var(--danger-soft);color:#c53e52}.badge-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.progress{height:7px;border-radius:999px;background:#edf0f5;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#6557f5,#4bc5f3);border-radius:999px}.search-row{display:flex;gap:10px;flex-wrap:wrap}.search-row .form-control{max-width:330px}.empty-state{text-align:center;padding:55px 24px;color:var(--muted)}.empty-state i{font-size:48px;color:#b8b1ff;display:block;margin-bottom:12px}.empty-state h4{color:var(--ink);font-size:16px;font-weight:800}.modal-content{border:0;border-radius:21px;box-shadow:var(--shadow-lg);overflow:hidden}.modal-header,.modal-footer{border-color:var(--line);padding:17px 20px}.modal-body{padding:20px}.modal-title{font-size:16px;font-weight:800}.modal-backdrop.show{opacity:.42}.dropdown-menu{border:1px solid var(--line);border-radius:13px;box-shadow:0 18px 50px rgba(20,29,52,.14);padding:7px;min-width:190px}.dropdown-item{border-radius:8px;padding:9px 10px;font-size:12px;display:flex;gap:9px;align-items:center}.dropdown-item:hover{background:#f4f3ff;color:#5548d8}.dropdown-item i{font-size:16px}.project-card{padding:18px;height:100%;transition:.2s}.project-card:hover,.agent-card:hover{transform:translateY(-3px);box-shadow:0 20px 46px rgba(31,42,74,.12)}.project-head{display:flex;gap:12px;align-items:center}.project-logo{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:var(--primary-soft);color:#5e4fe4;font-weight:850;overflow:hidden;flex:0 0 auto}.project-logo img{width:100%;height:100%;object-fit:cover}.project-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:10px}.agent-card{padding:18px;height:100%;transition:.2s}.agent-orb{width:50px;height:50px;border-radius:15px;background:linear-gradient(135deg,#6557f5,#4fc6f2);display:grid;place-items:center;color:#fff;font-size:23px;box-shadow:0 10px 24px rgba(101,87,245,.25)}.agent-orb.green{background:linear-gradient(135deg,#17a778,#56d6af)}.agent-orb.orange{background:linear-gradient(135deg,#ef9f22,#ffc26b)}.agent-orb.blue{background:linear-gradient(135deg,#2c8fe3,#57c9f6)}.agent-orb.pink{background:linear-gradient(135deg,#e85c9b,#ff9cc7)}.agent-orb.gray{background:linear-gradient(135deg,#69758c,#9ba6b8)}.agent-meta{display:flex;justify-content:space-between;gap:10px;margin-top:15px;font-size:10px;color:var(--muted)}.channel-list{display:flex;gap:5px;flex-wrap:wrap}.channel-chip{padding:5px 7px;border-radius:8px;background:#f3f5f9;color:#637087;font-size:9px;font-weight:750}.summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.summary-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:15px;display:flex;align-items:center;gap:12px}.summary-card .mini-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-size:19px}.summary-card strong,.summary-card span{display:block}.summary-card strong{font-size:19px}.summary-card span{font-size:10px;color:var(--muted)}
/* Agent studio */
.studio-shell{max-width:1500px;margin:auto}.studio-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:17px;padding:13px 16px;margin-bottom:16px;position:sticky;top:95px;z-index:1010;box-shadow:0 12px 35px rgba(31,42,74,.08)}.studio-title{display:flex;align-items:center;gap:12px;min-width:0}.studio-title h2{font-size:15px;margin:0;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-title p{margin:3px 0 0;color:var(--muted);font-size:10px}.studio-actions{display:flex;gap:8px;align-items:center}.builder-nav{background:#fff;border:1px solid var(--line);border-radius:16px;padding:8px;display:flex;gap:7px;margin-bottom:16px;overflow:auto;box-shadow:var(--shadow)}.builder-tab{border:0;background:transparent;border-radius:11px;padding:10px 13px;display:flex;align-items:center;gap:8px;color:#667187;font-size:11px;font-weight:750;white-space:nowrap}.builder-tab span{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:#eef1f6;font-size:10px}.builder-tab.active{background:var(--primary-soft);color:#5548d8}.builder-tab.active span{background:var(--primary);color:#fff}.builder-pane{display:none}.builder-pane.active{display:block;animation:fadeIn .2s ease}.builder-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,.75fr);gap:17px}.builder-stack{display:grid;gap:17px}.setting-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px;box-shadow:var(--shadow)}.setting-card h3{font-size:15px;font-weight:850;margin:0}.setting-card .card-subtitle{font-size:10px;color:var(--muted);margin:5px 0 17px}.code-editor{min-height:310px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.6;background:#fbfcfe}.field-count{text-align:right;color:#919bae;font-size:9px;margin-top:4px}.switch-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 0;border-bottom:1px solid #f0f2f6}.switch-row:last-child{border:0}.switch-row strong{display:block;font-size:11px}.switch-row small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.form-switch .form-check-input{width:2.25em;height:1.2em;cursor:pointer}.form-check-input:checked{background-color:var(--primary);border-color:var(--primary)}.range-row{display:grid;grid-template-columns:1fr 58px;gap:12px;align-items:center}.range-value{background:#f4f3ff;color:#5548d8;border-radius:9px;padding:7px 5px;text-align:center;font-size:10px;font-weight:800}.model-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.model-option{position:relative}.model-option input{position:absolute;opacity:0;pointer-events:none}.model-option label{display:block;border:1px solid var(--line);border-radius:13px;padding:12px;cursor:pointer;min-height:75px}.model-option label strong{display:block;font-size:11px}.model-option label small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.model-option input:checked+label{border-color:#9389ff;background:var(--primary-soft);box-shadow:0 0 0 2px rgba(101,87,245,.1)}.voice-preview{display:flex;align-items:center;gap:10px;background:#f8f9fc;border:1px solid var(--line);border-radius:12px;padding:10px;margin-top:10px}.voice-wave{display:flex;gap:2px;height:20px;align-items:center}.voice-wave i{display:block;width:2px;border-radius:2px;background:var(--primary);animation:wave 1.1s infinite ease-in-out}.voice-wave i:nth-child(2){animation-delay:.1s}.voice-wave i:nth-child(3){animation-delay:.2s}.voice-wave i:nth-child(4){animation-delay:.3s}.voice-wave i:nth-child(5){animation-delay:.4s}.knowledge-picker{display:grid;gap:9px}.knowledge-option{position:relative}.knowledge-option input{position:absolute;opacity:0}.knowledge-option label{border:1px solid var(--line);border-radius:13px;padding:12px;display:flex;align-items:center;gap:11px;cursor:pointer}.knowledge-option label>i{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--info-soft);color:var(--info);font-size:17px}.knowledge-option label strong,.knowledge-option label small{display:block}.knowledge-option label strong{font-size:11px}.knowledge-option label small{font-size:9px;color:var(--muted);margin-top:2px}.knowledge-option input:checked+label{border-color:#9389ff;background:var(--primary-soft)}.knowledge-option input:disabled+label{opacity:.48;cursor:not-allowed}.selection-counter{font-size:10px;color:var(--muted)}.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tool-tile{position:relative}.tool-tile input{position:absolute;opacity:0}.tool-tile label,.tool-tile>span{border:1px solid var(--line);border-radius:13px;padding:12px;display:flex;align-items:flex-start;gap:10px;cursor:pointer;height:100%}.tool-tile i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#f2f4f8;color:#647087;font-size:16px;flex:0 0 auto}.tool-tile strong,.tool-tile small{display:block}.tool-tile strong{font-size:11px}.tool-tile small{font-size:9px;color:var(--muted);margin-top:3px}.tool-tile input:checked+label{border-color:#9389ff;background:var(--primary-soft)}.tool-tile input:checked+label i{background:var(--primary);color:#fff}.day-picker{display:flex;gap:7px;flex-wrap:wrap}.day-option{position:relative}.day-option input{position:absolute;opacity:0}.day-option label{width:42px;height:37px;border-radius:10px;border:1px solid var(--line);display:grid;place-items:center;cursor:pointer;font-size:10px;font-weight:800}.day-option input:checked+label{background:var(--primary);color:#fff;border-color:var(--primary)}.quality-list{display:grid;gap:9px}.quality-item{display:flex;align-items:center;gap:9px;font-size:10px;color:#5f6b81}.quality-item i{width:23px;height:23px;border-radius:8px;display:grid;place-items:center}.quality-item.pass i{background:var(--success-soft);color:var(--success)}.quality-item.warn i{background:var(--warning-soft);color:var(--warning)}.quality-score{display:flex;align-items:center;justify-content:space-between;background:#f8f9fc;border:1px solid var(--line);border-radius:13px;padding:12px;margin-top:14px}.quality-score strong{font-size:20px}.deploy-card{background:linear-gradient(135deg,#141d31,#222c48);color:#fff;border:0}.deploy-card .card-subtitle{color:#9ba8bd}.deploy-card .quality-item{color:#c6cfdd}.sticky-save-mobile{display:none}
/* knowledge */
.knowledge-hero{background:linear-gradient(135deg,#171f34,#2a3453);color:#fff;border-radius:20px;padding:22px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;position:relative;overflow:hidden}.knowledge-hero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-80px;top:-120px;background:rgba(101,87,245,.35);filter:blur(4px)}.knowledge-hero h2{font-size:22px;font-weight:850;margin:0;position:relative;z-index:1}.knowledge-hero p{color:#b4bfd1;margin:6px 0 0;font-size:11px;position:relative;z-index:1}.knowledge-hero .btn{position:relative;z-index:1}.kb-card{padding:17px;height:100%}.kb-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--info-soft);color:var(--info);font-size:20px}.kb-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.kb-stat{background:#f8f9fc;border-radius:10px;padding:9px;text-align:center}.kb-stat strong,.kb-stat span{display:block}.kb-stat strong{font-size:13px}.kb-stat span{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.source-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#f1f3f8;color:#647188;font-size:17px}.upload-zone{border:1.5px dashed #cdd2df;border-radius:14px;padding:25px;text-align:center;background:#fafbfe;cursor:pointer;transition:.2s}.upload-zone:hover,.upload-zone.dragging{border-color:#8f84ff;background:var(--primary-soft)}.upload-zone i{font-size:34px;color:var(--primary)}.upload-zone strong,.upload-zone span{display:block}.upload-zone strong{font-size:12px;margin-top:7px}.upload-zone span{font-size:9px;color:var(--muted);margin-top:3px}.source-type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.source-type{position:relative}.source-type input{position:absolute;opacity:0}.source-type label{border:1px solid var(--line);border-radius:11px;padding:10px;text-align:center;cursor:pointer;display:block}.source-type label i{display:block;font-size:18px;margin-bottom:4px}.source-type label span{font-size:9px;font-weight:800}.source-type input:checked+label{background:var(--primary-soft);border-color:#948aff;color:#5548d8}
/* contacts */
.contact-avatar{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:var(--primary-soft);color:#594bdc;font-weight:850}.tag-chip{display:inline-flex;padding:4px 7px;border-radius:7px;background:#f0f2f6;color:#657087;font-size:8px;font-weight:700;margin:2px}.score-ring{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--primary) var(--score,0%),#edf0f5 0);position:relative}.score-ring:after{content:"";position:absolute;inset:4px;background:#fff;border-radius:50%}.score-ring strong{position:relative;z-index:1;font-size:9px}.filter-bar{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:17px}.filter-group{display:flex;gap:9px;flex-wrap:wrap}.filter-group .form-control{min-width:250px}.filter-group .form-select{width:auto;min-width:145px}
/* auth */
.auth-body{background:#0e1526}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.auth-visual{position:relative;padding:45px 6vw;color:#fff;overflow:hidden;background:radial-gradient(circle at 20% 20%,rgba(101,87,245,.38),transparent 35%),linear-gradient(145deg,#10182b,#111827)}.auth-glow{position:absolute;width:440px;height:440px;border-radius:50%;background:rgba(39,196,255,.14);filter:blur(30px);right:-130px;bottom:-120px}.auth-brand{display:flex;gap:12px;align-items:center;text-decoration:none}.auth-brand strong,.auth-brand small{display:block}.auth-brand small{color:#aab4c8}.auth-copy{position:absolute;left:6vw;right:6vw;top:50%;transform:translateY(-45%);max-width:620px}.eyebrow{font-size:10px;letter-spacing:.18em;color:#a79eff;font-weight:850}.auth-copy h1{font-size:clamp(38px,4vw,62px);line-height:1.04;margin:18px 0;letter-spacing:-.04em}.auth-copy p{font-size:16px;color:#b4bfd1;max-width:550px;line-height:1.6}.auth-stats{display:flex;gap:35px;margin-top:40px}.auth-stats strong,.auth-stats span{display:block}.auth-stats strong{font-size:21px}.auth-stats span{font-size:10px;color:#96a4bb}.auth-form-wrap{display:grid;place-items:center;background:#fff;padding:30px}.auth-form{width:min(420px,100%)}.auth-form h2{font-weight:850;font-size:29px;letter-spacing:-.03em}.auth-form>p{color:var(--muted)}.input-icon{position:relative}.input-icon>i{position:absolute;left:14px;top:13px;color:#8994a8}.input-icon .form-control{padding-left:42px;height:49px}.password-toggle{position:absolute;right:8px;top:6px;border:0;background:transparent;width:36px;height:36px}.secure-note{text-align:center!important;font-size:10px!important;margin-top:20px;color:#8792a7!important}.mobile-logo{display:none}
.chat-playground{height:360px;overflow:auto;background:#f7f8fc;border:1px solid var(--line);border-radius:14px;padding:15px;display:flex;flex-direction:column;gap:10px}.chat-message{max-width:78%;padding:10px 12px;border-radius:13px;font-size:12px;line-height:1.5}.chat-message.agent{background:#fff;border:1px solid var(--line);align-self:flex-start}.chat-message.user{background:var(--primary);color:#fff;align-self:flex-end}.sidebar-backdrop{display:none}.hidden{display:none!important}@keyframes fadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes wave{0%,100%{height:5px}50%{height:19px}}
@media(max-width:1199px){.builder-grid{grid-template-columns:1fr}.summary-strip{grid-template-columns:repeat(2,1fr)}.source-type-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:991px){.sidebar{transform:translateX(-105%)}.sidebar.open{transform:translateX(0)}.main{margin-left:0;width:100%}.sidebar-backdrop.show{display:block;position:fixed;inset:0;background:rgba(15,23,42,.56);z-index:1030}.global-search,.health-pill{display:none}.content{padding:19px 15px 35px}.topbar{padding:14px 15px;min-height:72px}.auth-shell{grid-template-columns:1fr}.auth-visual{display:none}.mobile-logo{display:block;color:var(--primary);font-weight:850;margin-bottom:30px}.studio-toolbar{top:80px}.tool-grid{grid-template-columns:1fr 1fr}}
@media(max-width:767px){.summary-strip{grid-template-columns:1fr 1fr}.studio-toolbar{position:static;align-items:flex-start}.studio-actions .btn span{display:none}.model-card-grid,.tool-grid{grid-template-columns:1fr}.setting-card{padding:16px}.knowledge-hero{align-items:flex-start;flex-direction:column}.filter-group{width:100%}.filter-group>*{width:100%!important;min-width:0!important}.topbar-actions .icon-btn{display:none}.sticky-save-mobile{display:flex;position:fixed;left:0;right:0;bottom:0;background:rgba(255,255,255,.95);backdrop-filter:blur(14px);padding:10px 14px;border-top:1px solid var(--line);z-index:1050;gap:8px}.content{padding-bottom:82px}}
@media(max-width:576px){.topbar p{display:none}.topbar h1{font-size:17px}.summary-strip{grid-template-columns:1fr}.auth-form-wrap{padding:22px}.builder-tab{padding:9px}.builder-tab b{display:none}.kb-stats{grid-template-columns:repeat(3,1fr)}.studio-title p{display:none}}

/* urgent voice, live transcript and operations hotfix · 2026-07-29 */
.table-responsive,.data-table-stage,.panel:has(>table),.panel:has(>.table-responsive){min-height:45vh}.table-responsive,.data-table-stage{padding-bottom:140px;overflow-x:auto}.table-responsive .dropdown-menu,.data-table-stage .dropdown-menu{z-index:1085}.table td{min-height:52px}.short-id{font-size:.65em;color:var(--muted);font-weight:700}.quick-actions{display:flex;align-items:center;gap:6px}.quick-action{height:40px;min-width:40px;padding:0 11px;border:1px solid transparent;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;font-size:10px;font-weight:800;white-space:nowrap;transition:.18s}.quick-action i{font-size:17px}.quick-action:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(31,42,74,.10)}.pastel-green{background:#e8faf4;color:#127c5a;border-color:#d2f4e7}.pastel-blue{background:#eaf6ff;color:#237dbb;border-color:#d8eeff}.pastel-violet{background:#efedff;color:#594bdc;border-color:#ded9ff}.pastel-rose{background:#fff0f4;color:#c6426f;border-color:#ffe0e9}.pastel-amber{background:#fff5df;color:#9a650b;border-color:#ffe9bd}.quick-call-modal .modal-kicker{display:block;color:var(--primary);font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;margin-bottom:3px}.quick-call-modal .modal-header{align-items:flex-start}.knowledge-option .knowledge-check{margin-left:auto!important;background:#f0f2f6!important;color:#a2acbd!important;opacity:.45;transition:.18s}.knowledge-option input:checked+label .knowledge-check{background:var(--primary)!important;color:#fff!important;opacity:1;box-shadow:0 7px 16px rgba(101,87,245,.24)}.voice-test-card{padding:16px;border:1px solid #dfe7f3;border-radius:14px;background:linear-gradient(135deg,#f8fbff,#f6f3ff)}.voice-test-card strong,.voice-test-card small{display:block}.voice-test-card small{font-size:10px;color:var(--muted);margin-top:3px}.btn-soft-info{background:var(--info-soft);color:#237ebd;border:1px solid #d7edff}.playground-health{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:#f8f9fc;color:#667187;font-size:10px;margin-bottom:12px}.playground-health i{font-size:16px}.playground-health[data-state="ok"]{background:var(--success-soft);border-color:#cef0e4;color:#14785b}.playground-health[data-state="warn"]{background:var(--warning-soft);border-color:#ffe8b8;color:#96610b}.playground-health[data-state="loading"]{background:var(--info-soft);border-color:#d5edff;color:#237ebd}.spin{animation:spin .8s linear infinite}.conversation-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;background:linear-gradient(135deg,#fff,#f8f7ff);border:1px solid var(--line);border-radius:18px;margin-bottom:20px}.conversation-summary h2{font-size:21px;font-weight:850;margin:6px 0 3px}.conversation-summary p{margin:0;color:var(--muted);font-size:11px}.channel-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:9px;font-weight:850;text-transform:uppercase}.summary-kpis{display:grid;grid-template-columns:repeat(4,minmax(78px,1fr));gap:8px}.summary-kpis>div{padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:center}.summary-kpis strong,.summary-kpis span{display:block}.summary-kpis strong{font-size:15px}.summary-kpis span{font-size:8px;color:var(--muted);text-transform:uppercase;margin-top:2px}.live-transcript-panel{min-height:570px}.live-status{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:7px 10px;background:#eef1f5;color:#667187;font-size:9px;font-weight:850;text-transform:capitalize}.live-status i{width:7px;height:7px;border-radius:50%;background:currentColor}.live-status[data-status="in_progress"]{background:var(--success-soft);color:#14795b}.live-status[data-status="in_progress"] i{animation:pulse 1.3s infinite}.live-transcript{min-height:390px;max-height:58vh;overflow:auto;padding:8px 4px;display:flex;flex-direction:column;gap:11px}.transcript-line{max-width:86%;padding:11px 13px;border-radius:14px;background:#f6f7fa;align-self:flex-start}.transcript-line.agent{align-self:flex-end;background:var(--primary-soft)}.transcript-line span{display:block;color:#7b879c;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.transcript-line p{font-size:12px;line-height:1.5;margin:0;white-space:pre-wrap}.transcript-line.partial{opacity:.72;border:1px dashed #b8b1ff}.live-partials{display:flex;flex-direction:column;gap:8px}.typing-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;margin-left:7px;animation:pulse 1s infinite}.live-empty{height:290px;display:grid;place-items:center;align-content:center;gap:10px;color:#8a95a8}.live-empty i{font-size:34px;color:#a69dff}.event-timeline{display:grid;gap:13px}.event-row{display:grid;grid-template-columns:125px 10px 1fr;gap:10px;align-items:flex-start}.event-row time{font-size:9px;color:var(--muted)}.event-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);margin-top:4px}.event-row strong{font-size:10px}.event-row p{margin:3px 0 0;color:var(--muted);font-size:9px;word-break:break-word}.provider-row{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid #f0f2f6;font-size:11px}.provider-row span{color:var(--muted)}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:.45;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}
@media(max-width:1500px){.quick-action span{display:none}.quick-action{padding:0;width:40px}.global-search input{width:210px}}
@media(max-width:1199px){.quick-actions{display:none}.conversation-summary{align-items:flex-start;flex-direction:column}.summary-kpis{width:100%}}
@media(max-width:767px){.summary-kpis{grid-template-columns:repeat(2,1fr)}.conversation-summary{padding:16px}.live-transcript-panel{min-height:520px}.table-responsive,.data-table-stage,.panel:has(>table),.panel:has(>.table-responsive){min-height:52vh}}

/* agent flow, rules and audio tabs · 2026-07-29 */
.builder-nav-wide .builder-tab{flex:1;justify-content:center;min-width:150px}.flow-builder-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.flow-builder-head h4{font-size:13px;font-weight:850;margin:0 0 4px}.flow-question-list{display:grid;gap:10px}.flow-question-row{display:grid;grid-template-columns:34px 30px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:14px;background:#fbfcfe;transition:.18s}.flow-question-row:hover{border-color:#cfcaff;box-shadow:0 8px 20px rgba(31,42,74,.06)}.flow-question-row.dragging{opacity:.55;border-color:var(--primary);background:var(--primary-soft)}.flow-drag{width:32px;height:38px;border:0;background:transparent;color:#8b96aa;cursor:grab;font-size:18px}.flow-drag:active{cursor:grabbing}.flow-number{width:27px;height:27px;border-radius:9px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-size:10px;font-weight:850}.flow-question-fields{display:grid;gap:9px}.flow-actions{display:flex;gap:5px}.flow-actions .icon-btn{width:32px;height:32px}.flow-actions .icon-btn:disabled{opacity:.3;pointer-events:none}.flow-disabled{opacity:.55}.rules-editor{min-height:230px}.setting-card h4{font-weight:850}.builder-nav-wide{scrollbar-width:thin}
@media(max-width:900px){.flow-builder-head{flex-direction:column}.flow-builder-head>div:last-child{width:100%;justify-content:space-between}.flow-question-row{grid-template-columns:28px 26px minmax(0,1fr)}.flow-question-fields{grid-template-columns:1fr}.flow-actions{grid-column:3;justify-content:flex-end}.builder-nav-wide .builder-tab{min-width:120px}}
@media(max-width:576px){.flow-question-row{grid-template-columns:24px 24px minmax(0,1fr);padding:9px}.flow-drag{width:24px}.flow-question-fields select{font-size:10px}.flow-actions .icon-btn{width:30px;height:30px}}