:root{--navy:#0b1e3a;--navy-600:#112b57;--ink:#121826;--text:#2a3342;--muted:#5a6b84;--line:#e6eaf2;--line-2:#cbd5e1;--bg:#f3f6fb;--white:#fff;--accent:#0b5fff;--tab-active:#e7eef7;--tab-border:#9db6dc;--tab-bg:#f6f8fb;--warn:#fff7e7;--warn-border:#e6d3a1;--info:#eef4ff;--info-border:#c9d7ff}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--text);background:var(--bg);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;font-size:14px}.container{max-width:1200px;margin:0 auto;padding:0 16px}.app{min-height:100%}.app-shell{padding-bottom:24px}:root{--scrollbar-gutter:16px}.container.match-gutter{padding-right:calc(16px + var(--scrollbar-gutter))}.app-header{background:var(--navy);color:#fff}.header-inner{justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.brand img{width:auto;height:30px}.title{letter-spacing:.2px;font-size:18px;font-weight:700}.banner{border-radius:10px;margin:12px auto;padding:10px 14px;font-size:14px}.banner.warn{background:var(--warn);border:1px solid var(--warn-border);color:#5a4600}.legend{border:1px solid var(--info-border);background:var(--info);color:#1b2a4a;border-radius:10px;margin:8px auto;padding:8px 12px;line-height:1.35}.legend strong{font-weight:700}.legend em{font-style:italic}.kpis-compact{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px;display:grid}.kpi{background:var(--white);border:1px solid var(--line);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex;box-shadow:0 4px 14px #0d1e3a0f}.kpi .label{color:var(--navy);opacity:.9;font-weight:600}.kpi .count{color:var(--ink);font-size:22px;font-weight:700}.kpi-red{background:#fff1f1}.kpi-amber{background:#fff8e6}.kpi-green{background:#eefbef}.top-row{justify-content:space-between;align-items:center;margin:14px auto 8px;display:flex}.tabs{gap:8px;display:flex}.tab.pill{background:var(--tab-bg);color:var(--navy);cursor:pointer;border:1px solid #d5dbe7;border-radius:999px;padding:6px 12px;font-weight:600}.tab.pill.active{background:var(--tab-active);border-color:var(--tab-border);color:var(--navy)}.tab.pill:hover{border-color:#b7c6dd}.filters{align-items:center;gap:10px;margin-left:auto;display:flex}.filters .since{color:var(--muted);align-items:center;gap:8px;font-weight:600;display:flex}.filters select{border:1px solid var(--line-2);color:var(--ink);background:#fff;border-radius:10px;padding:6px 10px}.table-pane{scrollbar-gutter:stable;border-radius:12px;max-height:420px;overflow:auto}.table{border-collapse:separate;border-spacing:0 6px;table-layout:fixed;width:100%}.table th,.table td{vertical-align:middle;background:#fff;padding:8px 10px;font-size:13px}.table th{color:var(--muted);text-align:left;background:#f8fafd;font-weight:700}.ta-right{text-align:right}.table tbody tr td:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}.table tbody tr td:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}.table .mono{color:var(--navy);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.table .truncate{white-space:nowrap;text-overflow:ellipsis;max-width:0;overflow:hidden}.table .nowrap{white-space:nowrap}.wrap-2{-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;line-height:1.25;display:-webkit-box;overflow:hidden}.table .subject.wrap-3{-webkit-line-clamp:3;white-space:normal;-webkit-box-orient:vertical;line-height:1.25;display:-webkit-box;overflow:hidden}.row{cursor:pointer}.row:hover td{background:#f6f8fb}.row-open td{background:#eef4ff}.expand td{background:#fff}.expand-inner{grid-template-columns:repeat(3,1fr);gap:12px;padding:10px;display:grid}.expand-inner .span-2{grid-column:span 2}.muted{color:var(--muted);margin-bottom:4px;font-size:12px}.empty{color:var(--muted);text-align:center;padding:18px 0}.pill{background:#eef2f8;border-radius:999px;padding:4px 8px;display:inline-block}.pill-yellow{color:#5a4600;background:#fff4cc}.pill-orange{color:#6a3b00;background:#ffe1c4}.pill-red{color:#6b0000;background:#ffd6d6}.agent-below{margin-top:12px}.agent-card{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;height:320px;display:flex;box-shadow:0 4px 14px #0d1e3a0f}.agent-header{border-bottom:1px solid var(--line);border-top-left-radius:16px;border-top-right-radius:16px;align-items:center;gap:10px;padding:10px 12px;display:flex}.agent-header .dot{background:#00a36f;border-radius:50%;width:10px;height:10px}.agent-title{color:var(--navy);font-weight:700}.agent-menu{color:#7a869a;margin-left:auto;font-weight:700}.agent-body{flex:1;padding:10px;overflow:auto}.bubble{border-radius:16px;max-width:80%;margin:6px 0;padding:8px 10px;font-size:13px;line-height:1.35;box-shadow:0 1px 4px #0000000f}.bubble.user{background:var(--accent);color:#fff;border-bottom-right-radius:6px;margin-left:auto}.bubble.assistant{color:#0b1e3a;background:#f2f5fa;border-bottom-left-radius:6px;margin-right:auto}.agent-footer{border-top:1px solid var(--line);gap:8px;padding:8px;display:flex}.agent-footer input{border:1px solid var(--line-2);border-radius:12px;flex:1;padding:8px 10px;font-size:13px}.agent-footer button{background:var(--navy-600);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:8px 12px;font-weight:600}.agent-error{color:#b00020;padding:6px 10px;font-size:12px}@media (width<=760px){.kpis-compact{grid-template-columns:1fr}.top-row{flex-direction:column;align-items:stretch;gap:10px}.filters{justify-content:flex-end;margin-left:0}.expand-inner{grid-template-columns:1fr}}.table th.ta-right{text-align:right}:root{--accent:#e6f0ff}.bubble.user{background:var(--accent);color:#0b1e3a}