:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e8edf4;background:#111318;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#111318}button,input,select{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}.sidebar{display:flex;flex-direction:column;border-right:1px solid #292e38;padding:24px 14px;background:#17191f}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.01em}.brand-mark{color:#8d7bff;font-size:21px}.sidebar nav{display:grid;gap:5px;margin-top:38px}.nav-item{display:flex;width:100%;align-items:center;border:0;border-radius:8px;background:transparent;color:#97a1b1;padding:11px 13px;text-align:left}.nav-item:hover,.nav-item.active{color:#fff;background:#252a35}.nav-item.active{box-shadow:inset 3px 0 #8d7bff}.nav-item.disabled{cursor:not-allowed;opacity:.55;justify-content:space-between}.nav-item small{color:#7c8492}.sidebar-footer{display:grid;gap:8px;margin-top:auto;color:#758092;font-size:12px}.online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#55c886;margin-right:6px}.user-name{color:#d9deea;font-size:13px}.link-button,.back-button{border:0;padding:0;color:#a79cff;background:transparent;text-align:left}.main-content{min-width:0;padding:30px clamp(20px,4vw,60px) 60px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{margin:0 0 7px;color:#7f899b;font-size:11px;font-weight:700;letter-spacing:.12em}h1,h2,h3{margin:0;letter-spacing:-.025em}h1{font-size:clamp(25px,3vw,35px)}h2{font-size:25px}h3{font-size:18px}.freshness,.section-meta{color:#8994a4;font-size:12px}.freshness{white-space:nowrap}.page-section{display:grid;gap:18px}.filter-bar{display:flex;flex-wrap:wrap;align-items:end;gap:10px;border:1px solid #292e38;border-radius:10px;background:#171a20;padding:13px}label{display:grid;gap:6px;min-width:130px;color:#8e99aa;font-size:11px;font-weight:600}label input,label select{min-height:36px;border:1px solid #343b48;border-radius:6px;background:#11141a;color:#e7ecf6;padding:7px 9px}label input:focus,label select:focus,button:focus-visible{outline:2px solid #8d7bff;outline-offset:2px}.checkbox{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:8px;min-height:36px;padding:0 4px}.checkbox input{width:15px;height:15px}.filter-actions{display:flex;gap:8px;margin-left:auto}.primary,.secondary,.load-more{min-height:36px;border-radius:6px;padding:8px 14px}.primary{border:1px solid #9585ff;background:#806cf4;color:#fff}.primary:disabled{cursor:wait;opacity:.6}.secondary{border:1px solid #3b4351;background:#212631;color:#e8edf4}.load-more{justify-self:center;border:1px solid #3b4351;background:#202530;color:#cdd5e2}.state{display:flex;min-height:120px;align-items:center;justify-content:center;gap:13px;border:1px dashed #343b48;border-radius:10px;color:#9aa5b5;padding:25px}.state-error{color:#ff9b9b;border-color:#6b3d49}.state button{border:1px solid #835360;border-radius:6px;background:#301e26;color:#ffb7b7;padding:7px 11px}.section-meta{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-meta h2{color:#f1f4f9;font-size:19px}.table-wrap{overflow-x:auto;border:1px solid #292e38;border-radius:10px;background:#171a20}table{width:100%;border-collapse:collapse;min-width:680px}th,td{border-bottom:1px solid #292e38;padding:13px 15px;text-align:left;vertical-align:middle}th{color:#7f899b;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}td{color:#d9dfea;font-size:13px}tbody tr{transition:background .15s ease}tbody tr:hover,tbody tr:focus{outline:none;background:#202530}tbody tr:last-child td{border-bottom:0}.muted{color:#8994a4}.tag,.count,.status-pill{display:inline-flex;width:fit-content;align-items:center;border-radius:999px;background:#293040;color:#c7d0df;padding:3px 8px;font-size:11px;margin-left:7px}.tag.warn{background:#473728;color:#ffc77e;margin-left:0}.count{min-width:28px;justify-content:center;margin-left:0;background:#1e4737;color:#81e5b1}.count.warn{background:#4b3925;color:#ffc678}.preview-cell{max-width:380px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.back-button{margin-bottom:4px}.card-summary{display:flex;justify-content:space-between;gap:20px;border:1px solid #292e38;border-radius:10px;background:#171a20;padding:22px}.summary-metrics{display:flex;align-items:center;gap:24px;color:#8994a4;font-size:12px}.summary-metrics strong{display:block;color:#f2f5fa;font-size:25px}.phone-list{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.phone-list .label{min-width:auto;display:inline}.timeline{display:grid;gap:14px}.conversation-group{display:grid;gap:7px}.conversation-group>h4{margin:0 4px;color:#8994a4;font-size:12px;font-weight:700;letter-spacing:.04em}.timeline-item{overflow:hidden;border:1px solid #292e38;border-radius:9px;background:#171a20}.timeline-head{display:grid;grid-template-columns:150px 105px 70px minmax(160px,1fr) 110px 130px auto 20px;align-items:center;gap:10px;width:100%;border:0;background:transparent;color:#dce2ec;padding:14px;text-align:left}.timeline-head:hover{background:#202530}.timeline-head time,.channel,.direction{color:#8994a4;font-size:12px}.preview{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.availability{color:#70d7a0;font-size:11px}.availability-pending,.availability-temporarily_unavailable{color:#ffca79}.availability-source_missing,.availability-unavailable,.availability-invalid{color:#ff9c9c}.timeline-detail{border-top:1px solid #292e38;background:#14171c;padding:16px}.timeline-detail p{margin:0 0 14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.timeline-detail dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 14px;color:#8994a4;font-size:12px}.timeline-detail dt{color:#657083}.timeline-detail audio{display:block;width:min(100%,560px);margin:15px 0}.timeline-detail a{color:#a79cff}.system-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.status-card{border:1px solid #292e38;border-radius:10px;background:#171a20;padding:18px}.status-card-head{display:flex;justify-content:space-between;color:#dce2ec;font-weight:600}.status-pill{margin:0;background:#1e4737;color:#81e5b1}.status-card>strong{display:block;margin-top:18px;font-size:31px}.status-card dl{display:flex;gap:18px;margin:20px 0 0}.status-card dl div{display:grid;gap:5px}.status-card dt{color:#7f899b;font-size:11px}.status-card dd{margin:0;color:#e8edf4}.danger{color:#ff9d9d!important}.state-dot{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#8994a4}.state-dot-running{background:#ffca79}.state-dot-processed{background:#70d7a0}.state-dot-error{background:#ff8585}.state-dot-retry_wait{background:#a79cff}.status-pill-unknown{background:#3a414d;color:#d7dee8}.status-pill-healthy{background:#184b3a;color:#70d7a0}.status-pill-degraded{background:#3f3b1f;color:#ffca79}.status-pill-error{background:#57282d;color:#ff8585}.table-wrap .muted{max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-item{display:inline-block;margin:0 8px 4px 0;color:#aeb8c8;font-size:11px}.binding-panel{display:grid;gap:13px;border:1px solid #4f486f;border-radius:10px;background:#1c1a29;padding:18px}.query-form{display:grid;gap:10px;border:1px solid #292e38;border-radius:10px;background:#171a20;padding:15px}.query-form label{width:100%}.query-form textarea{width:100%;resize:vertical;border:1px solid #343b48;border-radius:6px;background:#11141a;color:#e7ecf6;padding:9px;line-height:1.45}.query-form textarea:focus{outline:2px solid #8d7bff;outline-offset:2px}.query-examples{margin:0;font-size:12px;line-height:1.45}.query-form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.query-result{display:grid;gap:14px}.query-meta{border:1px solid #292e38;border-radius:8px;background:#171a20;padding:12px 14px}.query-meta h3{margin-bottom:8px;font-size:15px}.query-meta dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px 16px;margin:0}.query-meta dl>div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #292e38;padding:5px 0}.query-meta dt{color:#8994a4}.query-meta dd{margin:0;color:#dce2ec;overflow-wrap:anywhere;text-align:right}.query-status{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;border-radius:8px;background:#1f2937;color:#dce2ec;padding:12px 14px}.query-status-partial{background:#473728;color:#ffd18e}.query-status-ambiguous,.query-status-unsupported,.query-status-capability_unavailable{background:#3b2a37;color:#ffc0d7}.aggregate-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.aggregate-card{display:grid;gap:8px;border:1px solid #292e38;border-radius:8px;background:#171a20;padding:14px}.aggregate-card strong{font-size:24px;color:#f2f5fa;overflow-wrap:anywhere}.candidate-list,.source-refs{display:grid;gap:8px}.candidate-list h3,.source-refs h3,.query-items h3{font-size:15px}.candidate{display:flex;justify-content:space-between;gap:12px;border:1px solid #3b4351;border-radius:7px;background:#171a20;padding:10px 12px}.source-refs ul{display:grid;gap:6px;margin:0;padding:0;list-style:none}.source-refs li{display:flex;justify-content:space-between;gap:12px;border:1px solid #292e38;border-radius:7px;background:#171a20;color:#cfd7e4;padding:9px 12px;font-size:12px}.source-refs time{color:#8994a4}.binding-fields{display:flex;flex-wrap:wrap;gap:12px}.binding-fields label{min-width:180px}.binding-actions{display:flex;flex-wrap:wrap;gap:8px}.preview-json{overflow:auto;max-height:180px;margin:0;border-radius:6px;background:#11131a;color:#b9c5d8;padding:12px;font-size:11px}.action-message{border-radius:6px;background:#233c34;color:#9ee8bd;padding:9px;font-size:13px}.login-page{display:grid;min-height:100vh;place-items:center;background:radial-gradient(circle at 50% 20%,#25213c 0,#111318 50%)}.login-card{display:grid;gap:15px;width:min(390px,calc(100% - 32px));border:1px solid #343b48;border-radius:12px;background:#171a20;padding:28px;box-shadow:0 20px 60px #07080b99}.login-card h1{margin-top:12px}.error-text{border-radius:6px;background:#3b202a;color:#ffb1b1;padding:9px;font-size:13px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:2;flex-direction:row;align-items:center;gap:16px;padding:11px 16px}.sidebar nav{display:flex;margin:0;overflow-x:auto}.sidebar-footer{display:none}.main-content{padding:24px 16px 50px}.page-header{align-items:flex-start;flex-direction:column}.timeline-head{grid-template-columns:1fr auto}.timeline-head time,.timeline-head .channel,.timeline-head .direction{display:none}.system-grid{grid-template-columns:1fr}}
