:root { --ink:#182128; --muted:#738087; --line:#e5e9e8; --bg:#f4f7f6; --teal:#0d8f7c; --teal-dark:#096c60; --teal-soft:#e7f6f2; --blue:#3975d5; --amber:#e89432; --green:#2f9f73; --red:#c94b53; --shadow:0 18px 50px rgba(25,57,52,.09); }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--bg); font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif; font-size:14px; }
button,input,select,textarea { font:inherit; }
button { cursor:pointer; }
.app-shell { min-height:100vh; display:grid; grid-template-columns:230px 1fr; }
.sidebar { position:fixed; inset:0 auto 0 0; width:230px; padding:25px 18px; color:#e9f7f3; background:linear-gradient(180deg,#123c36,#0d2f2c 70%,#092724); display:flex; flex-direction:column; z-index:5; }
.brand { display:flex; align-items:center; gap:12px; padding:2px 7px 28px; }
.brand-mark,.mini-avatar,.qa-avatar { display:grid; place-items:center; color:white; background:linear-gradient(145deg,#2cc2a8,#0d8f7c); font-family:Georgia,serif; font-weight:800; }
.brand-mark { width:38px; height:38px; border-radius:13px; box-shadow:0 9px 24px rgba(22,197,165,.22); }
.brand strong,.brand span { display:block; }.brand strong { font-size:14px; }.brand span { margin-top:3px; color:#88aea8; font-size:8px; letter-spacing:1.2px; }
.sidebar nav { display:grid; gap:5px; }
.nav-item { width:100%; border:0; border-radius:10px; padding:11px 13px; color:#92b6b0; background:transparent; display:flex; align-items:center; gap:11px; text-align:left; font-weight:600; font-size:13px; transition:.15s; }
.nav-item:hover,.nav-item.active { color:white; background:rgba(255,255,255,.09); }.nav-item.active { box-shadow:inset 3px 0 #41d4ba; }
.sidebar-note { margin-top:auto; padding:14px; border:1px solid rgba(255,255,255,.09); border-radius:12px; color:#88aaa5; background:rgba(255,255,255,.045); font-size:10px; line-height:1.7; }.sidebar-note b { color:#d8ebe8; }.sidebar-note p { margin:5px 0 0; }
.operator { display:flex; align-items:center; gap:10px; padding:17px 7px 0; margin-top:14px; border-top:1px solid rgba(255,255,255,.07); }.operator>div { width:31px; height:31px; display:grid; place-items:center; border-radius:50%; color:#0b5d50; background:#c9efe7; font-size:10px; font-weight:800; }.operator span,.operator b,.operator small { display:block; }.operator b { font-size:11px; }.operator small { margin-top:2px; color:#739d96; font-size:9px; }
main { grid-column:2; min-width:0; padding:0 38px 50px; }
.topbar { height:106px; display:flex; align-items:center; justify-content:space-between; gap:20px; }.topbar p { margin:0 0 6px; color:#8a9698; font-size:8px; letter-spacing:1.7px; }.topbar h1 { margin:0; font-size:22px; }.top-actions { display:flex; align-items:center; gap:11px; }
.chip,.status { display:inline-flex; align-items:center; justify-content:center; border-radius:999px; padding:5px 9px; font-size:9px; font-weight:750; white-space:nowrap; }.chip { color:#5d6a6d; background:white; border:1px solid var(--line); }.chip.demo { color:#95611d; background:#fff7e9; border-color:#f2d7a7; }.chip.live { color:#087260; background:#e8f8f4; border-color:#b9e7dd; }
.primary,.secondary,.light-button,.mini-button,.text-button { border:0; border-radius:9px; font-weight:700; }
.primary { padding:10px 16px; color:white; background:var(--teal); box-shadow:0 7px 18px rgba(13,143,124,.17); }.primary:hover { background:var(--teal-dark); }.primary:disabled { opacity:.55; cursor:wait; }.primary.wide { width:100%; padding:12px; }
.secondary { padding:9px 13px; color:#536064; background:white; border:1px solid #dfe5e3; }.light-button { padding:10px 15px; color:#126e61; background:white; }.text-button { padding:3px; color:var(--teal); background:none; font-size:11px; }.mini-button { padding:5px 9px; color:var(--teal-dark); background:var(--teal-soft); font-size:9px; }
.panel { display:none; }.panel.active { display:block; }
.hero { position:relative; overflow:hidden; min-height:285px; padding:38px 43px; border-radius:24px; color:white; background:linear-gradient(115deg,#0f8c79 0%,#087665 58%,#07594f 100%); box-shadow:0 20px 55px rgba(10,98,84,.17); display:grid; grid-template-columns:1.35fr 1fr; }.hero::after { content:""; position:absolute; width:380px; height:380px; right:-110px; top:-160px; border-radius:50%; border:65px solid rgba(255,255,255,.055); }.hero h2 { margin:12px 0; font-size:31px; line-height:1.35; letter-spacing:-.8px; }.hero p { max-width:560px; margin:0 0 22px; color:#ccebe5; font-size:12px; line-height:1.75; }.hero-label { padding:5px 9px; border:1px solid rgba(255,255,255,.22); border-radius:999px; color:#d5f3ed; background:rgba(255,255,255,.08); font-size:8px; letter-spacing:1.4px; }
.hero-scene { position:relative; min-height:210px; }.hero-orb { position:absolute; width:100px; height:100px; right:88px; top:55px; display:grid; place-items:center; border-radius:31px; font-size:48px; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.2); transform:rotate(-5deg); }.bubble { position:absolute; z-index:2; padding:11px 13px; border-radius:13px; color:#24655b; background:rgba(255,255,255,.95); box-shadow:0 14px 30px rgba(4,59,51,.18); font-size:10px; }.bubble span { display:block; margin-top:4px; color:#6d8d88; font-size:9px; }.b1 { left:0; top:25px; transform:rotate(-4deg); }.b2 { right:0; bottom:23px; transform:rotate(4deg); }
.stat-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:18px 0; }.stat-grid article { padding:18px; background:white; border:1px solid var(--line); border-radius:16px; display:flex; align-items:center; gap:13px; }.stat-grid i { flex:none; width:39px; height:39px; display:grid; place-items:center; border-radius:12px; font-style:normal; font-weight:800; }.stat-grid i.teal { color:var(--teal); background:var(--teal-soft); }.stat-grid i.blue { color:var(--blue); background:#edf3fd; }.stat-grid i.amber { color:var(--amber); background:#fff4e7; }.stat-grid i.green { color:var(--green); background:#eaf7f1; }.stat-grid small,.stat-grid strong,.stat-grid span { display:block; }.stat-grid small { color:#798487; font-size:9px; }.stat-grid strong { margin:2px 0; font-size:24px; }.stat-grid span { color:#a4adae; font-size:8px; }
.surface { background:white; border:1px solid var(--line); border-radius:17px; box-shadow:0 5px 18px rgba(26,52,48,.025); }.two-col { display:grid; grid-template-columns:1.4fr .8fr; gap:18px; }.surface-head { padding:20px 21px 13px; display:flex; align-items:flex-start; justify-content:space-between; gap:13px; }.surface-head h3 { margin:0 0 4px; font-size:14px; }.surface-head p { margin:0; color:var(--muted); font-size:9px; }
.table-wrap { padding:0 16px 17px; overflow:auto; }table { width:100%; border-collapse:collapse; font-size:10px; }th { padding:9px 8px; color:#98a1a3; text-align:left; border-bottom:1px solid var(--line); font-weight:650; }td { padding:12px 8px; color:#657175; border-bottom:1px solid #f0f2f2; vertical-align:middle; }td b,td small { display:block; }td b { max-width:260px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#273136; font-size:11px; }td small { margin-top:3px; color:#9ba4a5; font-size:8px; }.empty { padding:35px!important; text-align:center; color:#a0aaab; }
.status { color:#657276; background:#eef1f1; }.status.sent,.status.success { color:#167254; background:#e8f6ef; }.status.failed,.status.partial_failed { color:#a43e46; background:#fdecee; }.status.scheduled { color:#3568b5; background:#ebf1fc; }.status.ready { color:#90601f; background:#fff4e3; }
.quick-topics { display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:0 18px 18px; }.quick-topics button { padding:11px; text-align:left; border:1px solid #e7edeb; border-radius:11px; color:#394548; background:#fafcfc; }.quick-topics span,.quick-topics b,.quick-topics small { display:block; }.quick-topics span { color:var(--teal); font-size:8px; }.quick-topics b { margin:4px 0; font-size:10px; }.quick-topics small { color:#9aa4a5; font-size:7px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.split-layout,.settings-layout { display:grid; grid-template-columns:minmax(430px,.85fr) minmax(440px,1.15fr); gap:18px; align-items:start; }.form-card { padding:25px; }.section-kicker { color:var(--teal); font-size:8px; letter-spacing:1.5px; font-weight:800; }.form-card h2 { margin:7px 0 5px; font-size:21px; }.lead { margin:0 0 22px; color:var(--muted); font-size:10px; line-height:1.7; }
label { display:grid; gap:7px; margin-bottom:13px; color:#4e5a5e; font-size:10px; font-weight:650; }input,select,textarea { width:100%; padding:10px 11px; color:#273236; background:#fff; border:1px solid #dfe5e3; border-radius:9px; outline:none; font-size:11px; }textarea { resize:vertical; line-height:1.55; }input:focus,select:focus,textarea:focus { border-color:#58b8aa; box-shadow:0 0 0 3px rgba(13,143,124,.07); }label small { color:#8d989b; font-size:8px; font-weight:400; }.field-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.search-row { display:grid; grid-template-columns:1fr auto; gap:8px; }.hidden { display:none!important; }.notice { margin:4px 0 16px; padding:11px; color:#6e7b79; background:#f4f9f7; border:1px solid #e2efeb; border-radius:9px; font-size:9px; line-height:1.6; }
.user-results { min-height:52px; margin:-2px 0 14px; padding:8px; border:1px dashed #d8e1df; border-radius:10px; background:#fafcfc; display:flex; gap:7px; align-items:center; flex-wrap:wrap; }.user-results>span { color:#95a09f; font-size:9px; }.user-results button { display:flex; align-items:center; gap:8px; padding:7px 9px; border:1px solid #dfe5e3; border-radius:9px; color:#4a575a; background:white; }.user-results button.selected { border-color:#4bb8a7; background:#edfaf6; }.user-results i { width:25px; height:25px; display:grid; place-items:center; border-radius:50%; color:white; background:var(--teal); font-style:normal; font-size:9px; }.user-results b,.user-results small { display:block; text-align:left; }.user-results b { font-size:9px; }.user-results small { color:#9ba4a4; font-size:7px; }.list-card { min-height:470px; }
.editor-layout { display:grid; grid-template-columns:minmax(520px,1fr) minmax(360px,.68fr); gap:20px; align-items:start; }.content-form { padding-bottom:30px; }.preview-wrap { position:sticky; top:18px; }.preview-title { padding:0 3px 9px; display:flex; justify-content:space-between; color:#657173; font-size:10px; }.preview-title i { width:7px; height:7px; display:inline-block; border-radius:50%; margin-right:6px; background:#2fb989; box-shadow:0 0 0 3px #dff4ed; }.phone { overflow:hidden; border:1px solid #dde4e2; border-radius:18px; background:#edf1f1; box-shadow:var(--shadow); }.chat-head { height:65px; padding:14px 16px; display:flex; align-items:center; gap:7px; background:white; border-bottom:1px solid #e1e6e5; }.chat-head b { font-size:13px; }.chat-head span { padding:2px 5px; border-radius:5px; color:#147260; background:#e5f6f1; font-size:7px; }.chat-body { min-height:630px; padding:18px 12px; display:flex; align-items:flex-start; gap:8px; }.mini-avatar { flex:none; width:31px; height:31px; border-radius:50%; font-size:13px; }.card-preview { flex:1; overflow:hidden; background:white; border:1px solid #e0e5e4; border-radius:10px; box-shadow:0 2px 7px rgba(31,49,46,.05); }.card-preview header { padding:15px; color:#0c5f54; background:linear-gradient(130deg,#dff5ef,#c9eee5); border-bottom:1px solid #bde5da; }.card-preview header b,.card-preview header span { display:block; }.card-preview header b { font-size:14px; }.card-preview header span { margin-top:5px; color:#318476; font-size:8px; }.preview-body { padding:12px 14px; }.preview-body .welcome { color:#4b5a5d; font-size:8px; line-height:1.6; }.preview-row { padding:8px 0; border-top:1px solid #edf0f0; }.preview-row b { font-size:9px; }.preview-row p { margin:4px 0 0; color:#778386; font-size:7px; line-height:1.6; }.preview-actions { display:flex; gap:6px; margin:10px 0; }.preview-actions span { flex:1; padding:7px; border-radius:6px; text-align:center; color:white; background:var(--teal); font-size:7px; }.preview-actions span+span { color:var(--teal); background:var(--teal-soft); }.preview-body>small { display:block; padding:8px; color:#7e8a8c; background:#f4f6f6; border-radius:7px; font-size:7px; line-height:1.5; }
.knowledge-layout { display:grid; grid-template-columns:minmax(520px,1.25fr) minmax(350px,.75fr); gap:18px; align-items:start; }.knowledge-list { min-height:670px; }.compact-input { max-width:230px; padding:8px 9px; }.knowledge-items { display:grid; gap:8px; padding:0 17px 17px; }.knowledge-item { width:100%; display:grid; grid-template-columns:auto 1fr auto; gap:11px; padding:13px; text-align:left; border:1px solid #e5eae9; border-radius:11px; color:#344044; background:#fff; }.knowledge-item:hover { border-color:#8acfc4; background:#fbfefd; }.knowledge-item .category { align-self:start; padding:4px 6px; border-radius:6px; color:var(--teal); background:var(--teal-soft); font-size:8px; }.knowledge-item b { font-size:11px; }.knowledge-item p { margin:5px 0; color:#718083; font-size:9px; line-height:1.5; }.knowledge-item small { color:#99a2a3; font-size:8px; }.knowledge-item i { color:#8ca09d; font-size:8px; font-style:normal; }.sticky-card { position:sticky; top:18px; }.checks { display:flex; gap:18px; margin:4px 0 16px; }.checks label,.toggle { display:flex; align-items:flex-start; gap:8px; }.checks input,.toggle input { width:16px; height:16px; margin:0; accent-color:var(--teal); }.button-row { display:flex; justify-content:flex-end; gap:8px; }
.qa-layout { display:grid; grid-template-columns:minmax(430px,.8fr) minmax(460px,1.2fr); gap:18px; align-items:start; }.qa-demo { overflow:hidden; border-radius:19px; background:#eef2f1; border:1px solid #dae1df; box-shadow:var(--shadow); }.qa-head { height:70px; padding:13px 16px; display:flex; align-items:center; gap:10px; background:white; border-bottom:1px solid #e2e7e6; }.qa-avatar { width:39px; height:39px; border-radius:50%; }.qa-head b,.qa-head span { display:block; }.qa-head b { font-size:13px; }.qa-head span { margin-top:3px; color:#8f9a9c; font-size:8px; }.qa-messages { height:510px; overflow:auto; padding:18px; display:flex; flex-direction:column; gap:10px; }.bot-msg,.user-msg { max-width:84%; padding:11px 13px; border-radius:12px; font-size:10px; line-height:1.65; }.bot-msg { align-self:flex-start; color:#4b585b; background:white; border-top-left-radius:3px; }.bot-msg b { display:block; margin-bottom:4px; }.bot-msg p { margin:0; }.user-msg { align-self:flex-end; color:white; background:var(--teal); border-top-right-radius:3px; }.answer-links { display:flex; gap:6px; flex-wrap:wrap; margin-top:8px; }.answer-links a { padding:4px 7px; border-radius:6px; color:#176f61; background:#e8f6f2; text-decoration:none; font-size:8px; }.qa-input { display:grid; grid-template-columns:1fr auto; gap:8px; padding:12px; background:white; }.qa-input input { margin:0; }.qa-log-list { display:grid; gap:8px; padding:0 17px 17px; }.qa-log-list article { padding:12px; border:1px solid #e8eceb; border-radius:10px; }.qa-log-list article div { display:flex; justify-content:space-between; gap:12px; }.qa-log-list b { font-size:10px; }.qa-log-list span { color:#9aa4a5; font-size:8px; }.qa-log-list p { margin:6px 0 0; color:#758184; font-size:9px; line-height:1.6; }.error-text { color:var(--red); }
.full-card { min-height:600px; }.settings-stack { display:grid; gap:18px; }.setup-card { padding:23px; }.setup-card h3 { margin:0 0 17px; }.setup-card ol { margin:0; padding-left:22px; display:grid; gap:16px; }.setup-card li { padding-left:4px; }.setup-card b,.setup-card span { display:block; }.setup-card b { font-size:11px; }.setup-card span { margin-top:4px; color:var(--muted); font-size:9px; line-height:1.6; word-break:break-all; }.safety { padding:19px; color:#725729; background:#fffaf0; border-color:#f0dfbc; }.safety b { font-size:11px; }.safety p { margin:6px 0 0; color:#927a4e; font-size:9px; line-height:1.7; }.toggle { padding:12px; border:1px solid #dce9e6; border-radius:10px; background:#f7fbfa; }.toggle span,.toggle b,.toggle small { display:block; }.toggle small { margin-top:3px; }
.toast { position:fixed; right:28px; bottom:25px; z-index:20; padding:11px 15px; border-radius:9px; color:white; background:#1d292b; box-shadow:var(--shadow); transform:translateY(20px); opacity:0; pointer-events:none; transition:.2s; font-size:10px; }.toast.show { opacity:1; transform:translateY(0); }.toast.error { background:#a63e46; }
@media (max-width:1050px) { .app-shell { grid-template-columns:78px 1fr; }.sidebar { width:78px; padding:23px 11px; }.brand { justify-content:center; padding-bottom:25px; }.brand>div:last-child,.nav-item span,.sidebar-note,.operator span { display:none; }.nav-item { justify-content:center; font-size:17px; }.operator { justify-content:center; }.hero { grid-template-columns:1fr; }.hero-scene { position:absolute; right:10px; top:40px; width:300px; opacity:.35; }.stat-grid { grid-template-columns:1fr 1fr; }.editor-layout,.knowledge-layout,.qa-layout,.split-layout,.settings-layout { grid-template-columns:1fr; }.preview-wrap,.sticky-card { position:static; }.phone { max-width:520px; }.two-col { grid-template-columns:1fr; } }
@media (max-width:720px) { .app-shell { display:block; }.sidebar { position:fixed; inset:auto 0 0; width:100%; height:64px; padding:7px 10px; flex-direction:row; }.brand,.sidebar-note,.operator { display:none; }.sidebar nav { width:100%; display:flex; justify-content:space-between; }.nav-item { width:auto; flex:1; font-size:15px; padding:9px 4px; }.nav-item:nth-child(n+5) { display:none; }main { padding:0 13px 82px; }.topbar { height:82px; }.topbar p { display:none; }.topbar h1 { font-size:19px; }.top-actions .primary { display:none; }.hero { padding:29px 23px; min-height:300px; }.hero h2 { font-size:25px; }.hero-scene { display:none; }.stat-grid { grid-template-columns:1fr 1fr; }.stat-grid article { padding:14px; }.field-grid { grid-template-columns:1fr; }.form-card { padding:19px; }.quick-topics { grid-template-columns:1fr; }.chat-body { min-height:540px; }.surface-head { flex-direction:column; }.compact-input { max-width:none; } }

/* Employee question operations */
.source-tip { margin:12px 0 16px; padding:11px; color:#725729; background:#fff8e9; border:1px solid #f0dcae; border-radius:9px; font-size:9px; line-height:1.6; }
.knowledge-tester { margin:3px 0 15px; padding:13px; border:1px dashed #cfdedb; border-radius:11px; background:#f8fbfa; }.knowledge-tester>b { font-size:10px; }.knowledge-tester>p { margin:4px 0 9px; color:#8b9799; font-size:8px; }.knowledge-tester textarea { margin-bottom:8px; background:white; }.test-results { display:grid; gap:5px; margin-top:9px; }.test-results article { padding:7px 8px; border-left:3px solid #cfdbd8; border-radius:6px; background:white; }.test-results article.high { border-color:var(--green); }.test-results article.medium { border-color:var(--amber); }.test-results article.low,.test-results article.none { border-color:var(--red); }.test-results b,.test-results span { display:block; }.test-results b { font-size:8px; }.test-results span { margin-top:2px; color:#8a9597; font-size:7px; }
.qa-ops-stats { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-bottom:16px; }.qa-ops-stats article { padding:17px 18px; border:1px solid var(--line); border-radius:15px; background:white; }.qa-ops-stats small,.qa-ops-stats strong,.qa-ops-stats span { display:block; }.qa-ops-stats small { color:#7f8a8c; font-size:9px; }.qa-ops-stats strong { margin:5px 0 3px; color:#213034; font-size:24px; }.qa-ops-stats span { color:#a1aaac; font-size:8px; }
#panel-qa .qa-layout { grid-template-columns:minmax(360px,.68fr) minmax(560px,1.32fr); }.question-inbox { min-height:593px; }.qa-filters { padding:0 17px 12px; display:flex; align-items:center; gap:6px; flex-wrap:wrap; }.qa-filter,.plain-button { border:0; border-radius:7px; padding:6px 9px; color:#718083; background:#f0f3f2; font-size:8px; }.qa-filter.active { color:white; background:var(--teal); }.qa-filters input { flex:1; min-width:160px; padding:7px 9px; margin-left:3px; }
#panel-qa .qa-log-list { max-height:505px; overflow:auto; }.qa-log-list article.pending { border-left:3px solid var(--amber); }.qa-log-list article.resolved { border-left:3px solid var(--green); }.qa-log-list article.ignored { opacity:.72; }.qa-log-head { display:flex!important; justify-content:space-between!important; gap:12px!important; }.qa-log-head>div:first-child { min-width:0; }.qa-log-list b,.qa-log-list span { display:block; }.qa-log-list span { margin-top:3px; }.qa-badges { flex:none; display:flex!important; gap:5px!important; }.qa-badges i { height:21px; padding:5px 7px; border-radius:999px; font-size:7px; font-style:normal; white-space:nowrap; }.confidence.high { color:#167254; background:#e8f6ef; }.confidence.medium { color:#8c601f; background:#fff3df; }.confidence.low,.confidence.none { color:#a43e46; background:#fdecee; }.review { color:#667477; background:#eff2f2; }.review.resolved { color:#167254; background:#e8f6ef; }.review.pending { color:#8c601f; background:#fff3df; }.review-note { display:block; margin-top:7px; padding:6px 8px; color:#687779; background:#f4f7f6; border-radius:6px; font-size:8px; }.qa-actions { display:flex!important; justify-content:flex-start!important; gap:6px!important; margin-top:9px; flex-wrap:wrap; }.qa-actions .plain-button { padding:5px 8px; }.qa-actions .ignore-question { color:#9b5c63; background:#fdf0f1; }
.qa-insight-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:18px; margin-top:18px; }.insight-list { padding:0 17px 17px; display:grid; gap:7px; }.insight-list button { width:100%; padding:10px; display:grid; grid-template-columns:25px 1fr auto; align-items:center; gap:9px; text-align:left; color:#445154; background:#fbfcfc; border:1px solid #e8eceb; border-radius:9px; }.insight-list button>i { width:23px; height:23px; display:grid; place-items:center; color:var(--teal); background:var(--teal-soft); border-radius:7px; font-size:8px; font-style:normal; }.insight-list b,.insight-list small { display:block; }.insight-list b { font-size:9px; }.insight-list small { margin-top:3px; color:#9aa4a5; font-size:7px; }.insight-list strong { color:#607073; font-size:8px; }.category-bars { padding:0 19px 20px; display:grid; gap:12px; }.category-bars>div>span { display:flex; justify-content:space-between; margin-bottom:5px; }.category-bars b { font-size:9px; }.category-bars small { color:#97a1a3; font-size:8px; }.category-bars i { height:7px; display:block; overflow:hidden; border-radius:99px; background:#eef2f1; }.category-bars em { height:100%; display:block; border-radius:99px; background:linear-gradient(90deg,#20ad96,#5fcdbb); }.privacy-note { margin-top:14px; padding:10px 13px; color:#70807d; background:#edf6f3; border:1px solid #d9ebe6; border-radius:10px; font-size:9px; }
@media (max-width:1050px) { .qa-ops-stats { grid-template-columns:1fr 1fr; } #panel-qa .qa-layout,.qa-insight-grid { grid-template-columns:1fr; } }