@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{color:#0f172a;font-synthesis:none;--navy:#0f172a;--blue:#0369a1;--teal:#0f766e;--border:#dce3ea;--muted:#64748b;--surface:#fff;background:#f4f7fa;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}.shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}aside{color:#cbd5e1;background:#0c1729;flex-direction:column;width:240px;height:100vh;padding:24px 16px;display:flex;position:fixed}.brand{align-items:center;gap:12px;padding:0 8px 28px;display:flex}.brand .mark{color:#fff;background:#0e7490;border-radius:10px;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.brand strong{color:#fff;font-size:15px;display:block}.brand small{color:#94a3b8;text-transform:uppercase;letter-spacing:.07em;font-size:10px}nav{gap:6px;display:grid}nav button{color:#94a3b8;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;padding:11px 12px;display:flex}nav button svg{width:18px}nav button:hover,nav button.active{color:#fff;background:#17243a}.sidebar-note{background:#142238;border:1px solid #24354d;border-radius:10px;gap:10px;margin-top:auto;padding:12px;display:flex}.sidebar-note svg{color:#2dd4bf;width:18px}.sidebar-note strong,.sidebar-note span{font-size:11px;display:block}.sidebar-note span{color:#7f91a8;margin-top:3px}main{grid-column:2;min-width:0;padding:0 32px 20px}header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:94px;margin-bottom:24px;display:flex}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.02em;margin-bottom:5px;font-size:22px}header p,.section-head p{color:var(--muted);margin:0;font-size:13px}.badge{border:1px solid var(--border);color:#475569;text-transform:capitalize;white-space:nowrap;background:#f8fafc;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:11px;font-weight:600;display:inline-flex}.badge.info{color:#075985;background:#eff6ff;border-color:#bfdbfe}.badge.success{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.badge.warning{color:#a16207;background:#fffbeb;border-color:#fde68a}.badge.danger{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.dot{background:currentColor;border-radius:50%;width:7px;height:7px}.metrics{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.metric{border:1px solid var(--border);background:#fff;border-radius:12px;padding:17px;position:relative}.metric-icon{color:#0e7490;background:#eef6f8;border-radius:8px;place-items:center;width:31px;height:31px;display:grid;position:absolute;top:15px;right:15px}.metric-icon svg{width:16px}.metric>span,.metric>small{color:var(--muted);font-size:11px;display:block}.metric>strong{letter-spacing:-.04em;margin:13px 0 5px;font-size:24px;display:block}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;box-shadow:0 1px 2px #0f172a08}.section-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.section-head h2,.section-head h3{margin-bottom:5px;font-size:16px}.table-wrap{margin:0 -20px -20px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:#64748b;border-block:1px solid var(--border);text-transform:uppercase;letter-spacing:.06em;background:#f8fafc;padding:10px 14px;font-size:10px}td{color:#334155;border-bottom:1px solid #edf1f5;padding:13px 14px}tbody tr{transition:background .15s}tbody tr:hover{cursor:pointer;background:#f8fafc}td small{color:#94a3b8;margin-top:4px;display:block}td svg{color:#94a3b8;width:16px}.loading,.alert{border:1px solid var(--border);background:#fff;border-radius:10px;align-items:center;gap:10px;padding:18px;display:flex}.loading svg,.primary:disabled svg{animation:1s linear infinite spin}.alert{color:#9a3412;background:#fff7ed;border-color:#fed7aa;margin-bottom:18px}.alert button{margin-left:auto}.back{color:#475569;background:0 0;border:0;align-items:center;gap:8px;margin-bottom:16px;padding:4px;display:flex}.back svg{width:16px}.detail-grid{grid-template-columns:1.2fr .8fr;gap:16px;display:grid}.hero-card{grid-column:1/-1;grid-template-columns:1fr 1fr auto;align-items:center;display:grid}.hero-card h2{margin:12px 0 4px;font-size:24px}.balance span,.balance small{color:var(--muted);font-size:11px;display:block}.balance strong{margin:5px 0;font-size:25px;display:block}.primary,.secondary,.danger-button{border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:11px 14px;font-size:12px;font-weight:600;display:inline-flex}.primary{background:var(--blue);color:#fff}.primary:hover{background:#075985}.primary:disabled{opacity:.55;cursor:not-allowed}.primary svg,.secondary svg{width:16px}.secondary{border:1px solid var(--border);color:#334155;background:#f8fafc}.facts h3,.timeline h3,.inspector h3,.telemetry h3{margin-bottom:16px;font-size:13px}.facts dl,.outcome dl{grid-template-columns:1fr 1fr;gap:14px;margin:0;display:grid}.facts dt,.outcome dt{text-transform:uppercase;color:#94a3b8;letter-spacing:.05em;font-size:10px}.facts dd,.outcome dd{margin:4px 0 0;font-size:12px;font-weight:600}.facts dd small{color:var(--muted);margin-top:3px;font-weight:400;display:block}.timeline-row{border-top:1px solid #edf1f5;gap:11px;padding:12px 0;display:flex}.timeline-row svg{color:#0e7490;width:17px}.timeline-row strong{font-size:12px}.timeline-row p{color:var(--muted);margin:3px 0;font-size:11px}.empty{color:var(--muted);font-size:12px}.conversation-grid{grid-template-columns:minmax(0,1.6fr) 330px;gap:16px;display:grid}.transcript{padding:0;overflow:hidden}.callbar{border-bottom:1px solid var(--border);align-items:center;gap:11px;height:68px;padding:13px 16px;display:flex}.call-icon{color:#047857;background:#ecfdf5;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.call-icon svg{width:17px}.callbar strong,.callbar span{font-size:12px;display:block}.callbar span{color:var(--muted);margin-top:4px;font-size:10px}.callbar i{background:#10b981;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.callbar .badge{margin-left:auto}.messages{background:#f8fafc;height:430px;padding:20px;overflow:auto}.message{max-width:78%;margin-bottom:16px}.message.customer{margin-left:auto}.message small{color:#64748b;margin-bottom:4px;font-size:9px;display:block}.message p{border:1px solid var(--border);background:#fff;border-radius:4px 12px 12px;margin:0;padding:11px 13px;font-size:12px;line-height:1.55}.message.customer p{color:#fff;background:#0f4c6e;border:0;border-radius:12px 4px 12px 12px}.message>span{color:#94a3b8;margin-top:3px;font-size:9px;display:block}.suggestions{border-top:1px solid var(--border);gap:6px;padding:10px 14px;display:flex;overflow:auto}.suggestions button{color:#475569;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:999px;padding:7px 10px;font-size:10px}.suggestions button:hover{color:#0369a1;border-color:#0284c7}.composer{border-top:1px solid var(--border);gap:8px;padding:12px 14px;display:flex}.composer input{border:1px solid #cbd5e1;border-radius:8px;outline:none;flex:1;padding:10px 12px;font-size:12px}.composer input:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0ea5e920}.composer button{background:var(--blue);color:#fff;border:0;border-radius:8px;width:40px}.composer button:disabled{opacity:.4}.composer svg{width:16px}.inspector{width:auto;height:auto;color:inherit;background:0 0;gap:12px;padding:0;display:flex;position:static}.inspector .card{width:100%}.inspector p{color:#475569;font-size:12px;line-height:1.55}.decision{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;gap:9px;padding:10px;display:flex}.decision svg{color:#0369a1;width:17px}.decision strong,.decision span{font-size:10px;display:block}.decision span{margin-top:3px;font-weight:400;line-height:1.45}.fact-list{margin:0;padding:0;list-style:none}.fact-list li{border-top:1px solid #edf1f5;justify-content:space-between;padding:8px 0;font-size:10px;display:flex}.guard{border-top:1px solid #edf1f5;gap:8px;padding:8px 0;display:flex}.guard svg{color:#0f766e;width:16px}.guard strong,.guard span{font-size:10px;display:block}.guard span{color:var(--muted);margin-top:3px}.muted{color:var(--muted)!important}.danger-button{color:#fff;background:#991b1b;width:100%;margin-top:auto}.report-grid{grid-template-columns:1fr 1.25fr;gap:16px;display:grid}.outcome h2{text-transform:capitalize;margin:10px 0}.outcome>p{color:#475569;font-size:12px;line-height:1.6}.outcome dl{border-top:1px solid var(--border);padding-top:16px}.email pre{white-space:pre-wrap;border:1px solid var(--border);background:#f8fafc;border-radius:8px;margin:14px 0 0;padding:14px;font-family:Inter,sans-serif;font-size:11px;line-height:1.7}.email-meta{grid-template-columns:55px 1fr;gap:7px;font-size:11px;display:grid}.email-meta span{color:var(--muted)}.telemetry{grid-column:1/-1}.telemetry>div{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.evaluation-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.evaluation-head h2{margin:12px 0 5px;font-size:20px}.evaluation-head p{color:var(--muted);font-size:12px}.eval-metrics .metric>strong{font-size:22px}.case-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.case{border:1px solid #e6ebf0;border-radius:8px;gap:8px;padding:10px;display:flex}.case svg{color:#059669;flex:none;width:15px}.case strong,.case span{font-size:10px;display:block}.case span{color:var(--muted);margin-top:3px}.empty-state{text-align:center;padding:60px}.empty-state>svg{color:#94a3b8;width:35px}.empty-state p{color:var(--muted);font-size:12px}footer{color:#94a3b8;text-align:center;border-top:1px solid var(--border);margin-top:28px;padding-top:16px;font-size:9px}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width<=1000px){.metrics{grid-template-columns:repeat(2,1fr)}.conversation-grid,.report-grid{grid-template-columns:1fr}.case-grid{grid-template-columns:repeat(2,1fr)}.inspector{grid-template-columns:repeat(2,1fr);display:grid}.danger-button{grid-column:1/-1}.hero-card{grid-template-columns:1fr 1fr}.hero-card button{grid-column:1/-1;margin-top:15px}}@media (width<=700px){.shell{display:block}.shell>aside{width:100%;height:auto;padding:14px;position:static}.brand{padding-bottom:12px}nav{display:flex}.sidebar-note{display:none}main{padding:0 14px 16px}header{height:auto;padding:18px 0}.metrics,.detail-grid,.facts dl,.telemetry>div,.case-grid,.inspector{grid-template-columns:1fr}.hero-card{display:block}.balance{margin:18px 0}.conversation-grid{display:block}.inspector{margin-top:12px}.messages{height:380px}.report-grid{display:block}.report-grid>*{margin-bottom:12px}}