:root{font-family:Inter,Microsoft YaHei UI,PingFang SC,system-ui,sans-serif;color:#172033;background:#f6f8fb;font-synthesis:none;text-rendering:optimizeLegibility;--charcoal: #111923;--main: #f6f8fb;--surface: #ffffff;--border: #e5e9f0;--text: #172033;--muted: #667085;--danger: #e9272f;--healthy: #16a765;--rule: #2563eb}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;background:var(--main)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.56}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:2px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.app-frame{min-height:100vh;display:grid;grid-template-columns:208px minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:208px;display:flex;flex-direction:column;color:#f8fafc;background:var(--charcoal);border-right:1px solid #273240}.brand{height:96px;display:flex;align-items:center;gap:11px;padding:0 22px;font-size:21px;font-weight:700;letter-spacing:-.4px;white-space:nowrap}.brand svg{width:27px;height:27px;color:#8bb6ff}.sidebar nav{display:flex;flex-direction:column;gap:7px;padding:15px 10px}.sidebar nav a{min-height:54px;display:flex;align-items:center;gap:14px;padding:0 18px;border-radius:8px;color:#e8edf4;font-size:16px;font-weight:500;text-decoration:none;transition:background-color .15s ease,color .15s ease}.sidebar nav a:hover{background:#1d2936}.sidebar nav a.active{color:#fff;background:#303d4d;box-shadow:inset 3px 0 #6da1ff}.sidebar nav svg{width:23px;height:23px;stroke-width:1.9}.collapse-button{margin:auto 10px 20px;min-height:58px;display:flex;align-items:center;gap:13px;padding:0 18px;color:#e8edf4;background:transparent;border:0;border-top:1px solid #293442;font-size:15px}.collapse-button svg{width:22px}.workspace{min-width:0;grid-column:2}.topbar{height:98px;position:sticky;top:0;z-index:15;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 30px;background:#fffffffa;border-bottom:1px solid var(--border)}.topbar-statuses,.topbar-actions{display:flex;align-items:center;gap:18px}.mode-chip,.service-state{min-height:46px;display:inline-flex;align-items:center;gap:10px;padding:0 15px;border:1px solid #dfe5ee;border-radius:8px;background:#fff;font-size:15px;font-weight:600;white-space:nowrap}.mode-chip svg{width:20px}.mode-simulation{color:var(--rule);background:#f2f6ff;border-color:#d8e4fb}.mode-real{color:var(--danger);background:#fff5f5;border-color:#facfd1}.mode-unknown{color:#687386;background:#f7f8fa}.status-dot{width:9px;height:9px;flex:0 0 auto;display:inline-block;border-radius:50%;background:currentColor}.service-state.connection-ready{color:#25603f}.service-state.connection-ready .status-dot{color:var(--healthy)}.service-state.connection-degraded{color:#8a4b08;border-color:#edc58f;background:#fff8eb}.service-state.connection-degraded .status-dot{color:#c9660b}.service-state.connection-loading{color:#536174}.service-state.connection-error,.service-state.connection-stale{color:#9b2530}.service-state.connection-error .status-dot,.service-state.connection-stale .status-dot{color:var(--danger)}.service-state small{padding-left:8px;border-left:1px solid #edc7cb;font-size:11px;font-weight:500}.auto-label{display:flex;flex-direction:column;gap:2px;font-size:13px;font-weight:500;white-space:nowrap}.auto-label strong{color:#27364f;font-size:12px}.stop-metadata{max-width:170px;color:var(--muted);font-size:11px;line-height:1.35}.switch{width:50px;height:29px;padding:3px;border:0;border-radius:999px;background:#c6ccd5;transition:background-color .15s ease}.switch-unknown{display:inline-block;opacity:.55}.switch span{width:23px;height:23px;display:block;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0f172a40;transition:transform .15s ease}.switch.is-on{background:var(--healthy)}.switch.is-on span{transform:translate(21px)}.danger-button,.resume-button{height:48px;display:inline-flex;align-items:center;gap:9px;padding:0 20px;border:0;border-radius:8px;color:#fff;font-size:16px;font-weight:700;box-shadow:0 5px 14px #e9272f2e}.danger-button{background:var(--danger)}.danger-button:hover{background:#cf2028}.resume-button{background:var(--healthy);box-shadow:0 5px 14px #16a76529}.danger-button svg,.resume-button svg{width:20px}.control-error,.dashboard-error{display:flex;align-items:center;gap:8px;color:#a21d25;background:#fff2f2;border-bottom:1px solid #facfd1;font-size:14px}.control-error{min-height:42px;padding:0 30px}main{min-width:0}.dashboard-page{max-width:1580px;margin:0 auto;padding:14px 20px 28px}.placeholder-page h1{margin:0;color:#111827;font-size:24px;line-height:1.2;letter-spacing:-.45px}.placeholder-page p{margin:7px 0 0;color:var(--muted);font-size:14px}.dashboard-error{min-height:42px;margin:-8px 0 16px;padding:0 14px;border:1px solid #facfd1;border-radius:8px}.dashboard-error svg{width:18px}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric-card{min-height:148px;display:flex;align-items:center;gap:18px;padding:23px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 2px 8px #18233209}.metric-icon{width:60px;height:60px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%}.metric-icon svg{width:31px;height:31px;stroke-width:2}.metric-green{color:#09944d;background:#e9f8ef}.metric-blue{color:var(--rule);background:#edf3ff}.metric-violet{color:#7c3ed1;background:#f3edfc}.metric-copy{min-width:0;display:flex;flex-direction:column}.metric-copy p{margin:0 0 7px;color:#485166;font-size:14px}.metric-copy strong{color:#111827;font-size:clamp(23px,2vw,30px);line-height:1.2;letter-spacing:-.5px;white-space:nowrap}.metric-copy span{margin-top:10px;color:var(--muted);font-size:12px;white-space:nowrap}.dashboard-content{display:grid;grid-template-columns:minmax(0,2.65fr) minmax(280px,.95fr);gap:16px;align-items:stretch}.panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 2px 8px #18233208;overflow:hidden}.panel-heading{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px;border-bottom:1px solid var(--border)}.panel-heading h2{margin:0;color:#1b2435;font-size:17px;letter-spacing:-.2px}.panel-heading>span{color:var(--muted);font-size:13px}.replies-panel{min-width:0;min-height:535px;display:flex;flex-direction:column}.table-scroll{min-width:0;overflow-x:auto}table{width:100%;min-width:790px;border-collapse:collapse;table-layout:fixed;font-size:13px}th{height:48px;padding:0 12px;color:#5e687a;background:#fbfcfe;border-bottom:1px solid var(--border);text-align:left;font-weight:600}td{height:51px;padding:0 12px;color:#354052;border-bottom:1px solid #edf0f4;vertical-align:middle}tbody tr:hover{background:#fafcff}.reply-row{cursor:pointer}.reply-row:focus-visible{position:relative;z-index:1;background:#f2f6ff;outline-offset:-3px}th:nth-child(1){width:116px}th:nth-child(2){width:92px}th:nth-child(3){width:150px}th:nth-child(4){width:178px}th:nth-child(5){width:94px}th:nth-child(6){width:78px}th:nth-child(7){width:70px}.nowrap,.account-cell{white-space:nowrap}.account-cell{color:#27364f;font-weight:600}.truncate-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-tag{display:inline-flex;align-items:center;min-height:25px;padding:0 8px;border-radius:5px;font-size:12px;font-weight:600;white-space:nowrap}.source-rule{color:#1f5dd4;background:#edf4ff}.source-deepseek{color:#7a36c7;background:#f5effd}.source-fallback{color:#ad6514;background:#fff5e7}.sent-state{display:inline-flex;align-items:center;gap:7px;color:#344054;white-space:nowrap}.sent-state .status-dot{color:var(--healthy);width:8px;height:8px}.table-footer{min-height:51px;display:flex;align-items:center;margin-top:auto;padding:0 20px;color:var(--muted);font-size:13px;background:#fff}.empty-state{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted)}.empty-state svg{width:37px;height:37px;margin-bottom:12px;color:#aeb8c7}.empty-state.data-unknown svg{color:#9aa4b2}.empty-state strong{color:#4b5668;font-size:15px}.empty-state span{margin-top:7px;font-size:12px}.dashboard-rail{display:grid;grid-template-rows:minmax(250px,1fr) minmax(250px,1fr);gap:16px}.warnings-panel,.api-panel{min-height:0}.warning-list{padding:7px 18px}.warning-row{min-height:43px;display:flex;align-items:center;gap:10px;color:#465166;border-bottom:1px solid #f0f2f6;font-size:13px}.warning-row:last-child{border:0}.warning-dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:var(--danger);box-shadow:0 0 0 3px #fff0f0}.rail-empty{min-height:185px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted)}.rail-empty svg{width:32px;height:32px;margin-bottom:10px;color:var(--healthy)}.rail-empty.rail-unknown svg{color:#9aa4b2}.rail-empty strong{color:#425067;font-size:14px}.rail-empty span{margin-top:6px;font-size:12px}.api-call-count{padding:19px 20px 8px}.api-call-count>span{color:var(--muted);font-size:13px}.api-call-count strong{display:block;margin-top:5px;color:#182235;font-size:27px;letter-spacing:-.4px}.api-call-count p{margin:8px 0 0;color:var(--muted);font-size:12px}.api-data-note{min-height:96px;display:flex;align-items:center;gap:12px;margin:8px 20px 20px;padding:16px;color:var(--muted);background:#f7f9fc;border:1px solid #edf0f5;border-radius:8px}.api-data-note svg{width:24px;height:24px;color:#8a96a8}.api-data-note strong,.api-data-note span{display:block}.api-data-note strong{color:#465166;font-size:13px}.api-data-note span{margin-top:4px;font-size:12px}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:20px;background:#1119237a}.confirm-dialog{width:min(440px,100%);padding:27px;background:#fff;border-radius:12px;box-shadow:0 24px 70px #1119233d}.dialog-icon{width:44px;height:44px;display:grid;place-items:center;color:var(--healthy);background:#e9f8ef;border-radius:50%}.dialog-icon svg{width:22px}.confirm-dialog h2{margin:17px 0 8px;font-size:20px}.confirm-dialog p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.primary-button,.secondary-button{min-height:40px;padding:0 17px;border-radius:7px;font-size:14px;font-weight:600}.primary-button{color:#fff;background:var(--healthy);border:1px solid var(--healthy)}.secondary-button{color:#344054;background:#fff;border:1px solid #d7dde6}.placeholder-page{padding:34px}.faq-page{max-width:1580px;margin:0 auto;padding:20px 24px 32px}.faq-title-row{min-height:50px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.faq-title-row>div{display:flex;align-items:baseline;gap:15px}.faq-title-row h1{margin:0;color:#111827;font-size:25px;line-height:1.25;letter-spacing:-.45px}.faq-title-row span{color:var(--muted);font-size:14px}.icon-button{width:38px;height:38px;display:grid;place-items:center;color:#526075;background:#fff;border:1px solid #dbe1ea;border-radius:7px}.icon-button svg{width:18px}.faq-toolbar{min-height:54px;display:flex;align-items:flex-start;gap:14px}.primary-blue-button,.secondary-action,.delete-outline-button,.dialog-danger-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;border-radius:7px;font-size:14px;font-weight:600}.primary-blue-button{color:#fff;background:#0b5ee8;border:1px solid #0b5ee8;box-shadow:0 3px 8px #0b5ee824}.primary-blue-button:hover{background:#0754d4}.secondary-action{color:#273246;background:#fff;border:1px solid #d9e0e9;cursor:pointer}.secondary-action:hover{background:#f8faff;border-color:#c8d2df}.secondary-action[aria-disabled=true]{cursor:not-allowed;opacity:.56}.primary-blue-button svg,.secondary-action svg,.delete-outline-button svg{width:18px;height:18px}.faq-feedback{min-height:38px;display:flex;align-items:center;margin:2px 0 12px;padding:0 13px;border-radius:6px;font-size:13px}.faq-feedback.error{color:#a21d25;background:#fff2f2;border:1px solid #facfd1}.faq-feedback.success{color:#12653e;background:#edf9f2;border:1px solid #c7ead5}.faq-workspace{min-height:640px;display:grid;grid-template-columns:minmax(380px,2fr) minmax(560px,3fr);gap:16px;align-items:stretch}.faq-list-panel,.faq-editor{min-width:0;background:#fff;border:1px solid #e2e7ef;border-radius:8px;box-shadow:0 2px 8px #18233206;overflow:hidden}.faq-list-panel{display:flex;flex-direction:column}.faq-search{min-height:65px;display:flex;align-items:center;gap:9px;margin:0;padding:11px 14px;border-bottom:1px solid #e8ecf2}.faq-search svg{width:18px;color:#8a95a6}.faq-search input{width:100%;height:40px;padding:0 4px;color:#263146;background:transparent;border:0;outline:0;font-size:14px}.faq-search:focus-within{box-shadow:inset 0 -2px #4d83e9}.faq-table-scroll{min-width:0;overflow-x:auto}.faq-table{min-width:0;table-layout:fixed}.faq-table th{height:43px;padding:0 10px;font-size:12px}.faq-table td{height:50px;padding:0 10px;font-size:12px}.faq-table th:nth-child(1){width:31%}.faq-table th:nth-child(2){width:19%}.faq-table th:nth-child(3){width:14%}.faq-table th:nth-child(4){width:36%}.faq-table tbody tr.selected{background:#f0f5ff;box-shadow:inset 3px 0 #1769ee}.faq-table td:first-child button{max-width:100%;padding:0;overflow:hidden;color:#26364e;background:transparent;border:0;text-align:left;text-overflow:ellipsis;white-space:nowrap}.faq-table tr.selected td:first-child button{color:#0b5ee8;font-weight:600}.faq-status,.faq-state-badge{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.faq-status i,.faq-state-badge i{width:7px;height:7px;display:inline-block;border-radius:50%;background:currentColor}.faq-status.enabled,.faq-state-badge.enabled{color:#138b52}.faq-status.disabled,.faq-state-badge.disabled{color:#7f8998}.faq-keyword-summary{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.faq-state{min-height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:25px;color:#778195;font-size:13px;text-align:center}.faq-state strong{color:#435069;font-size:15px}.faq-state button{margin-top:8px;padding:7px 14px;color:#155bd7;background:#fff;border:1px solid #cbd7e8;border-radius:6px}.faq-editor{display:flex;flex-direction:column}.faq-editor-heading{min-height:55px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #e6eaf0}.faq-editor-heading h2{margin:0;color:#202b3e;font-size:16px}.faq-state-badge{min-height:29px;padding:0 10px;background:#eef9f2;border:1px solid #d1eadb;border-radius:5px;font-size:12px}.faq-state-badge.disabled{background:#f4f5f7;border-color:#e3e6eb}.faq-editor form{display:flex;flex-direction:column;flex:1;padding:17px 20px 0}.faq-field{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:start;gap:11px;margin:0 0 15px;padding:0;color:#303b4f;border:0;font-size:13px}.faq-field>span,.faq-field>label,.faq-field>legend{padding-top:10px;font-weight:600}.faq-field b{color:#e2333c}.faq-field input:not([type=radio]),.faq-field textarea{width:100%;min-height:40px;padding:9px 12px;color:#2f3a4d;background:#fff;border:1px solid #d9e0e9;border-radius:6px;outline:0;font-size:13px;resize:vertical}.faq-field textarea{min-height:128px;line-height:1.65}.faq-field input:focus,.faq-field textarea:focus{border-color:#4f83e5;box-shadow:0 0 0 3px #2563eb1a}.inline-field{display:flex;align-items:center}.inline-field>span{width:101px;flex:0 0 auto;padding:0}.inline-field .switch{width:42px;height:24px;padding:3px}.inline-field .switch span{width:18px;height:18px}.inline-field .switch.is-on span{transform:translate(18px)}.inline-field em{color:#4b5565;font-style:normal}fieldset.faq-field{grid-template-columns:112px minmax(0,1fr)}fieldset.faq-field legend{float:left;width:112px;padding:9px 0 0}fieldset.faq-field label{grid-column:2;display:flex;align-items:center;gap:8px;padding:6px 0;font-weight:500}fieldset.faq-field label+label{margin-top:-5px}fieldset.faq-field input{accent-color:#1769ee}fieldset.faq-field small{color:#8a94a5;font-weight:400}.chip-input{min-height:43px;display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:5px 42px 5px 7px;position:relative;border:1px solid #d9e0e9;border-radius:6px}.chip-input:focus-within{border-color:#4f83e5;box-shadow:0 0 0 3px #2563eb1a}.chip-input input{width:150px!important;min-width:110px;flex:1;min-height:29px!important;padding:0 4px!important;border:0!important;box-shadow:none!important}.keyword-chip{min-height:29px;display:inline-flex;align-items:center;gap:3px;padding:0 4px 0 9px;color:#36445b;background:#f0f3f7;border-radius:4px;font-size:12px}.keyword-chip button{width:22px;height:22px;display:grid;place-items:center;padding:0;color:#778295;background:transparent;border:0}.keyword-chip svg{width:13px}.chip-count{position:absolute;right:9px;bottom:8px;color:#909aaa;font-size:11px}.priority-field{grid-template-columns:112px 150px minmax(0,1fr);align-items:center}.priority-field input{max-width:150px}.priority-field small{align-self:center;color:#8a94a5;font-size:12px}.faq-form-actions{min-height:71px;display:flex;align-items:center;gap:13px;margin:auto -20px 0;padding:12px 20px;border-top:1px solid #e6eaf0}.delete-outline-button{color:#e2333c;background:#fff;border:1px solid #f1b8bc}.delete-outline-button:hover{background:#fff5f5}.editor-empty{min-height:520px}.confirm-dialog .dialog-copy{color:var(--muted);font-size:14px;line-height:1.7}.confirm-dialog .dialog-copy p{margin:0}.dialog-danger-button{color:#fff;background:#e2333c;border:1px solid #e2333c}.operations-page{max-width:1580px;margin:0 auto;padding:22px 24px 34px}.operations-page>h1,.page-title h1{margin:0;color:#111827;font-size:25px;line-height:1.25;letter-spacing:-.45px}.page-title{min-height:54px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.page-title>div{display:flex;align-items:baseline;gap:14px}.page-title span{color:var(--muted);font-size:14px}.operations-panel{min-width:0;background:#fff;border:1px solid #e2e7ef;border-radius:8px;box-shadow:0 2px 8px #18233206;overflow:hidden}.operation-feedback{min-height:40px;display:flex;align-items:center;gap:8px;margin:0 0 12px;padding:8px 13px;border-radius:6px;font-size:13px}.operation-feedback.error{color:#a21d25;background:#fff2f2;border:1px solid #facfd1}.operation-feedback.success{color:#12653e;background:#edf9f2;border:1px solid #c7ead5}.operation-feedback svg{width:17px}.page-mode-banner{min-height:42px;display:flex;align-items:center;gap:9px;margin:14px 0;padding:8px 13px;border-radius:7px;font-size:12px}.page-mode-banner svg{width:17px;flex:0 0 auto}.page-mode-banner strong{font-size:13px}.page-mode-banner.mode-simulation{color:#995508;background:#fff8e8;border:1px solid #f2d49a}.page-mode-banner.mode-real{color:#a91e27;background:#fff2f2;border:1px solid #facfd1}.page-mode-banner.mode-pending{color:#667085;background:#f4f6f8;border:1px solid #e1e5eb}.accounts-table{min-width:860px;table-layout:auto}.accounts-table th:nth-child(n),.events-table th:nth-child(n){width:auto}.accounts-table td:first-child strong,.accounts-table td:first-child small{display:block}.accounts-table td:first-child small{margin-top:4px;color:#8490a3;font-size:11px}.binding-summary strong,.binding-summary small{display:block;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.binding-summary small{margin:3px 0;color:var(--muted);font-size:11px}.binding-summary .text-action{padding:0;color:#2563eb;background:transparent;border:0;font-size:12px;cursor:pointer}.binding-row>td{padding:0!important;background:#f7f9fc}.binding-panel{padding:18px 20px 20px;border-top:1px solid #dfe5ee}.binding-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.binding-panel h2{margin:0;font-size:16px}.binding-panel header p{margin:5px 0 0;color:var(--muted);font-size:12px}.binding-panel .icon-action{width:34px;height:34px;display:inline-grid;place-items:center;color:#667085;background:#fff;border:1px solid var(--border);border-radius:6px}.binding-panel .icon-action svg{width:16px}.binding-stopped{margin-top:14px;padding:10px 12px;color:#92400e;background:#fff7ed;border:1px solid #fed7aa;border-radius:6px;font-size:13px}.binding-search{display:grid;grid-template-columns:minmax(260px,1fr) auto;align-items:end;gap:12px;margin-top:16px}.binding-search label,.binding-specs label{display:flex;flex-direction:column;gap:6px;color:#4b5565;font-size:12px;font-weight:600}.binding-search input,.binding-specs select{min-height:38px;padding:7px 10px;background:#fff;border:1px solid #d9e0e9;border-radius:6px}.candidate-list{display:grid;gap:8px;margin:16px 0 0;padding:12px;border:1px solid #dfe5ee;border-radius:6px}.candidate-list legend{padding:0 5px;color:#4b5565;font-size:12px;font-weight:700}.candidate-list label{display:flex;align-items:flex-start;gap:9px;padding:9px;background:#fff;border:1px solid #e5e9f0;border-radius:6px;cursor:pointer}.candidate-list input{margin-top:3px}.candidate-list strong,.candidate-list small{display:block}.candidate-list small{margin-top:3px;color:var(--muted);font-size:11px}.binding-specs{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;align-items:end;gap:12px;margin-top:14px}.binding-specs .binding-enabled{flex-direction:row;align-items:center;min-height:38px}.binding-panel>footer{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.state-dot{width:8px;height:8px;display:inline-block;margin-right:8px;border-radius:50%;background:#94a3b8}.state-online{background:var(--healthy)}.state-paused{background:#f59e0b}.state-error{background:var(--danger)}.text-danger{color:#d5252d!important}.compact-empty{height:180px!important;color:#7a8597;text-align:center}.simulation-area{display:grid;grid-template-columns:minmax(260px,.65fr) minmax(560px,1.7fr);gap:20px;margin-top:22px;align-items:start}.simulation-banner,.real-mode-banner{display:flex;align-items:flex-start;gap:10px;padding:16px;border-radius:8px;font-size:14px;line-height:1.6}.simulation-banner{color:#a15b08;background:#fff8e8;border:1px solid #f4d494}.simulation-banner svg{width:19px;flex:0 0 auto;margin-top:2px}.real-mode-banner{margin-top:18px;color:#a91e27;background:#fff2f2;border:1px solid #facfd1}.injection-panel{padding:20px}.injection-panel h2{margin:0 0 18px;font-size:17px}.injection-panel form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.injection-panel label,.filter-strip label{display:flex;flex-direction:column;gap:7px;color:#4b5565;font-size:13px;font-weight:600}.injection-panel input,.injection-panel select,.injection-panel textarea,.filter-strip input,.filter-strip select,.settings-form input,.settings-form textarea{width:100%;min-height:40px;padding:8px 11px;color:#2f3a4d;background:#fff;border:1px solid #d9e0e9;border-radius:6px;outline:none;font-size:13px}.injection-panel textarea{min-height:92px;resize:vertical}.injection-panel .wide{grid-column:1 / -1}.form-actions{display:flex;justify-content:flex-end}.filter-strip{display:grid;grid-template-columns:minmax(160px,.75fr) minmax(150px,.65fr) minmax(220px,1.3fr);gap:18px;margin:18px 0;padding:14px 16px;background:#fff;border:1px solid #e4e8ef;border-radius:8px}.filter-search span{position:relative}.filter-search svg{width:17px;position:absolute;right:11px;top:11px;color:#8290a3}.filter-search input{padding-right:36px}.conversation-split{display:grid;grid-template-columns:minmax(470px,42fr) minmax(560px,58fr);gap:16px;align-items:start}.conversation-list table{min-width:550px;table-layout:fixed}.conversation-list th:nth-child(n){width:auto}.conversation-list th:nth-child(1){width:17%}.conversation-list th:nth-child(2){width:32%}.conversation-list th:nth-child(3){width:21%}.conversation-list th:nth-child(4){width:14%}.conversation-list th:nth-child(5){width:16%}.conversation-list td{height:57px;padding-left:10px;padding-right:10px}.conversation-list td:nth-child(2) strong,.conversation-list td:nth-child(2) span{display:block}.conversation-list td:nth-child(2) strong{margin-bottom:4px;font-size:12px}.selected-row{background:#eef5ff!important;box-shadow:inset 3px 0 #1769ee}.pagination{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;color:var(--muted);font-size:13px;border-top:1px solid #e8ecf2}.pagination>div{display:flex;align-items:center;gap:8px}.pagination button{width:34px;height:34px;display:grid;place-items:center;padding:0;color:#4d5b70;background:#fff;border:1px solid #d9e0e9;border-radius:6px}.pagination svg{width:17px}.conversation-detail{min-width:0;display:grid;gap:14px}.message-detail{padding:19px}.message-detail header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid #e7ebf1}.message-detail h2{margin:0 0 7px;font-size:18px}.message-detail header small{color:var(--muted);font-size:12px;overflow-wrap:anywhere}.message-detail h3{margin:18px 0 9px;color:#263146;font-size:14px}.message-detail h3 small{color:var(--muted);font-weight:500}.pause-control{display:flex;align-items:center;gap:9px;color:#526075;font-size:13px;white-space:nowrap}.pause-control .switch{flex:0 0 auto}.message-box,.reply-box{padding:14px 16px;color:#263146;background:#f7f8fb;border-radius:7px;line-height:1.6}.reply-box{background:#eff5ff;border:1px solid #d6e4fb}.message-box small,.reply-box small{display:block;margin-top:9px;color:#7a8699;font-size:11px}.trace-panel ol{margin:0;padding:14px 20px 6px 38px;list-style:none}.trace-panel li{min-height:64px;position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:5px 0 17px 10px;border-left:1px solid #d8dee8}.trace-panel li:last-child{border-left-color:transparent}.trace-dot{width:10px;height:10px;position:absolute;left:-5.5px;top:8px;border-radius:50%;background:#2563eb}.trace-error{background:var(--danger)}.trace-warning{background:#f59e0b}.trace-panel li strong,.trace-panel li span{display:block}.trace-panel li strong{color:#245bc8;font-size:13px}.trace-panel li span,.trace-panel time{margin-top:5px;color:var(--muted);font-size:12px}.trace-panel footer{min-height:46px;display:flex;justify-content:space-between;gap:14px;padding:14px 20px;color:#5c687a;border-top:1px solid #e7ebf1;font-size:12px}.trace-panel footer span{display:inline-flex;align-items:center;gap:5px}.trace-panel footer svg{width:15px}.detail-empty{min-height:350px;display:grid;place-items:center;color:var(--muted)}.events-table{min-width:950px;table-layout:auto}.events-table td{height:auto;min-height:51px;padding-top:12px;padding-bottom:12px}.events-table th:first-child{width:145px!important}.event-level{padding:3px 7px;border-radius:5px;background:#edf3ff;font-size:11px}.level-error{color:#b4232b;background:#fff0f0}.level-warning{color:#a15b08;background:#fff7e6}.metadata{display:block;max-width:430px;color:#596579;white-space:pre-wrap;overflow-wrap:anywhere}.settings-page{max-width:1040px}.settings-page>h1{margin-bottom:18px}.settings-form{overflow:visible}.settings-form fieldset{margin:0;padding:22px;border:0;border-bottom:1px solid #e5e9f0}.settings-form legend{padding:0;color:#1e293b;font-size:17px;font-weight:700}.settings-form fieldset label{display:grid;grid-template-columns:240px minmax(0,1fr);align-items:center;gap:18px;margin-top:17px;color:#475569;font-size:13px;font-weight:600}.settings-form textarea{min-height:90px;resize:vertical}.key-status{display:flex;align-items:center;gap:14px;padding:20px 22px;color:#145d3c;background:#f0faf4;border-bottom:1px solid #d8eee1}.key-status>svg{width:25px}.key-status strong,.key-status span{display:block}.key-status span{margin-top:4px;color:#547060;font-size:12px}.settings-mode{display:grid;grid-template-columns:170px auto minmax(0,1fr);align-items:center;gap:14px;padding:18px 22px;font-size:13px}.settings-mode small{color:var(--muted)}.mode-inline{width:max-content;padding:5px 9px;border-radius:5px;color:#1f5dd4;background:#edf4ff}.mode-inline.mode-real{color:#b4232b;background:#fff0f0}.settings-form>footer{display:flex;justify-content:flex-end;padding:16px 22px;border-top:1px solid #e5e9f0}.settings-form fieldset label>small{grid-column:2;margin-top:-12px;color:#667085;font-size:11px;font-weight:400}.resume-consent{display:flex;align-items:flex-start;gap:9px;margin-top:18px;color:#344054;font-size:13px;line-height:1.55}.resume-consent input{margin-top:3px;accent-color:var(--healthy)}@media(max-width:1180px){.conversation-split,.simulation-area{grid-template-columns:minmax(0,1fr)}}@media(max-width:820px){.operations-page{padding:18px 14px 28px}.filter-strip{grid-template-columns:1fr;gap:11px}.injection-panel form{grid-template-columns:1fr}.injection-panel .wide{grid-column:auto}.settings-form fieldset label{grid-template-columns:1fr;gap:7px}.settings-form fieldset label>small{grid-column:1;margin-top:0}.settings-mode{grid-template-columns:1fr}.conversation-split{display:block}.conversation-detail{margin-top:14px}.topbar-actions{flex-wrap:wrap;justify-content:flex-end}.stop-metadata{max-width:100%}.binding-search,.binding-specs{grid-template-columns:1fr}.binding-specs .binding-enabled{min-height:auto}}@media(max-width:520px){.operations-page>h1,.page-title h1{font-size:22px}.page-title{align-items:center}.simulation-banner{font-size:13px}.message-detail header{flex-direction:column}.pagination{padding:8px 10px;flex-wrap:wrap}.topbar-statuses,.topbar-actions{width:100%;justify-content:space-between}.auto-label{display:none}}@media(max-width:1120px){.faq-workspace{grid-template-columns:minmax(320px,1fr) minmax(470px,1.45fr)}.faq-field,fieldset.faq-field{grid-template-columns:96px minmax(0,1fr)}fieldset.faq-field legend{width:96px}.priority-field{grid-template-columns:96px 140px minmax(0,1fr)}}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #1d4ed8!important;outline-offset:2px;box-shadow:0 0 0 2px #fff,0 0 0 5px #1d4ed852!important}@media(max-width:1180px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-content{grid-template-columns:minmax(0,1fr)}.dashboard-rail{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}}@media(max-width:820px){.app-frame{display:block}.sidebar{position:static;width:100%;min-height:auto}.brand{height:70px}.sidebar nav{flex-direction:row;overflow-x:auto;padding:8px 10px 13px}.sidebar nav a{min-width:max-content;min-height:45px;padding:0 14px}.collapse-button{display:none}.workspace{width:100%}.topbar{height:auto;min-height:82px;position:sticky;top:0;flex-wrap:wrap;padding:14px 18px}.topbar-statuses,.topbar-actions{gap:9px}.auto-label{font-size:11px}.auto-label strong{font-size:10px}.dashboard-page{padding:20px 14px 30px}.dashboard-rail{grid-template-columns:1fr}.faq-page{padding:18px 14px 28px}.faq-toolbar{flex-wrap:wrap}.faq-workspace{grid-template-columns:minmax(0,1fr);min-height:0}.faq-list-panel,.faq-editor{min-height:440px}.faq-editor{min-height:610px}.faq-table{min-width:630px}}@media(max-width:520px){.metrics-grid{grid-template-columns:1fr}.metric-card{min-height:126px}.mode-chip,.service-state{min-height:40px;padding:0 10px;font-size:13px}.danger-button,.resume-button{height:42px;padding:0 13px;font-size:14px}.faq-title-row h1{font-size:22px}.faq-toolbar>*{flex:1;padding:0 10px}.faq-field,fieldset.faq-field{display:flex;flex-direction:column;gap:6px}.priority-field{display:flex}.faq-field>span,.faq-field>label,.faq-field>legend,fieldset.faq-field legend{width:auto;padding:0}fieldset.faq-field label{margin:0!important;padding:5px 0}.inline-field{flex-direction:row}.inline-field>span{width:96px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
