:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f6f4ef;color:#1e2626}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,textarea{font:inherit}a{color:inherit}.app-shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}.sidebar{background:#111b1d;color:#f8f5ed;display:grid;grid-template-rows:auto 1fr;gap:26px;padding:24px 18px}.brand{color:inherit;display:grid;gap:5px;padding:0 8px;text-decoration:none}.brand strong{font-size:22px;line-height:1}.brand span{color:#b9c5c1;font-size:12px}.nav{align-content:start;gap:4px}.nav,.nav a{display:grid}.nav a{border-radius:8px;color:#dce5e2;grid-template-columns:24px 1fr;gap:10px;padding:10px 12px;text-decoration:none}.nav a.is-active{background:#203033;color:#fff}.main,.page{min-width:0}.page{display:grid;gap:18px;padding:28px}.page-header{align-items:end;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.eyebrow{color:#65716e;font-size:12px;font-weight:800;letter-spacing:0;margin:0 0 6px;text-transform:uppercase}h1,h2,h3,p{margin:0}h1{font-size:30px;line-height:1.1}h2{font-size:18px}h3{font-size:14px}.muted{color:#65716e;font-size:13px;line-height:1.45}.button{align-items:center;background:#173033;border:0;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:800;min-height:40px;padding:0 14px;text-decoration:none}.button.secondary{background:#fffdf8;border:1px solid #ccc4b6;color:#1e2626}.button.danger{background:#b42318;color:#fff}.button:disabled{cursor:wait;opacity:.6}.actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.conversation,.panel,.record,.summary-card{background:#fffdf8;border:1px solid #ded8cc;border-radius:8px}.panel{align-content:start;display:grid;gap:14px;min-width:0;padding:16px}.error-panel{border-color:#efbbb2}.panel-header{gap:12px;justify-content:space-between}.modal-backdrop,.panel-header{align-items:center;display:flex}.modal-backdrop{background:#111b1d7a;inset:0;justify-content:center;padding:24px;position:fixed;z-index:20}.modal{background:#fffdf8;border:1px solid #ded8cc;border-radius:8px;box-shadow:0 18px 60px #111b1d38;display:grid;gap:16px;max-height:calc(100vh - 48px);max-width:560px;overflow:auto;padding:18px;width:min(100%,560px)}.modal-actions{justify-content:flex-end}.icon-button{align-items:center;background:#fffdf8;border:1px solid #ccc4b6;border-radius:8px;color:#1e2626;cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:22px;font-weight:700;height:36px;justify-content:center;line-height:1;width:36px}.create-host-form label{color:#65716e;display:grid;gap:8px;font-size:12px;font-weight:800;text-transform:uppercase}.create-host-form input,.create-host-form select,.create-host-form textarea{background:#fbf7ef;border:1px solid #ccc4b6;border-radius:8px;color:#1e2626;font-weight:400;min-height:42px;padding:10px;text-transform:none}.create-host-form textarea{min-height:84px;resize:vertical}.form-row{display:grid;gap:12px;grid-template-columns:1fr 1fr}.pagination{align-items:center;display:flex;gap:12px;justify-content:flex-end}.summary-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.summary-card{display:grid;gap:6px;padding:14px}.summary-card span{color:#65716e;font-size:12px;font-weight:800;text-transform:uppercase}.summary-card strong{font-size:24px;line-height:1}.escalation{border-top:1px solid #ece6dc;display:grid;gap:6px;padding:12px 0}.escalation-head{align-items:center;display:flex;gap:8px}.escalation-quote{border-left:3px solid #ccc4b6;color:#3a4442;font-style:italic;padding-left:10px}.escalation-meta{font-size:11px}.search-input{background:#fbf7ef;border:1px solid #ccc4b6;border-radius:8px;color:#1e2626;margin-bottom:14px;padding:10px;width:100%}.data-table{border-collapse:collapse;width:100%}.data-table td,.data-table th{border-bottom:1px solid #ece6dc;padding:12px 8px;text-align:left;vertical-align:top}.data-table th{color:#65716e;font-size:11px;text-transform:uppercase}.data-table td{font-size:13px}.row-link{color:#173033;text-decoration:none}.row-link:hover{text-decoration:underline}.status{border-radius:999px;display:inline-flex;font-size:12px;font-weight:800;padding:3px 8px}.status.good{background:#dff3eb;color:#086253}.status.warn{background:#fff0cc;color:#8a5a00}.status.bad{background:#fbe0dc;color:#9d2b1f}.status.neutral{background:#e9ece7;color:#44504d}.detail-grid{align-items:start;display:grid;gap:16px;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr)}.stack{align-content:start;gap:14px}.kv,.stack{display:grid}.kv{gap:9px}.kv-row{display:grid;gap:8px;grid-template-columns:112px minmax(0,1fr)}.kv-row span{color:#65716e;font-size:12px;font-weight:800}.record-list{display:grid;gap:10px}.record{display:grid;gap:8px;padding:12px}.clickable-record{color:inherit;text-decoration:none}.clickable-record:hover{border-color:#0f766e}.record-top{align-items:center;display:flex;gap:8px;justify-content:space-between}.tabs{border-bottom:1px solid #ded8cc;display:flex;gap:6px}.tab{background:transparent;border:0;border-bottom:3px solid transparent;color:#58635f;cursor:pointer;font-weight:800;padding:9px 10px}.tab.is-active{border-color:#0f766e;color:#102224}.kb-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.kb-card{background:#fbf7ef;border:1px solid #e6dfd4;border-radius:8px;display:grid;gap:7px;padding:12px}.conversation{display:grid;grid-template-rows:auto minmax(260px,1fr);min-height:460px}.conversation-page{grid-template-rows:auto auto minmax(0,1fr);height:100vh;overflow:hidden}.conversation-layout{display:grid;gap:16px;grid-template-columns:minmax(280px,.5fr) minmax(0,1.5fr);grid-template-rows:minmax(0,1fr);height:100%;min-height:0}.conversation-layout>aside{height:100%;min-height:0;overflow-y:auto}.conversation-full{grid-template-rows:auto minmax(460px,1fr) auto;height:100%;min-height:0}.conversation-header{align-items:start;border-bottom:1px solid #ece6dc;display:flex;gap:12px;justify-content:space-between;padding:14px}.transcript{align-content:start;min-height:0;overflow:auto}.composer,.transcript{display:grid;gap:10px;padding:14px}.composer{border-top:1px solid #ece6dc}.composer textarea{background:#fbf7ef;border:1px solid #ccc4b6;border-radius:8px;min-height:84px;padding:10px;resize:vertical}.form-error{align-self:center;color:#9d2b1f;font-size:13px;font-weight:800}.bubble{border-radius:8px;display:grid;gap:5px;max-width:76%;padding:10px 12px;white-space:pre-wrap}.bubble.host{background:#dff3eb;justify-self:end}.bubble.agent{background:#f4eee4;justify-self:start}.rich-card{align-items:center;background:#fff;border:1px solid rgba(15,118,110,.25);border-radius:8px;color:inherit;display:flex;gap:10px;padding:8px 10px;text-decoration:none}.rich-card-icon{font-size:20px;line-height:1}.rich-card-body{display:grid;gap:2px;min-width:0}.rich-card-link{color:#0f766e;font-size:12px;font-weight:700}.quote{border-left:3px solid #0f766e;background:#0f766e14;border-radius:4px;display:grid;gap:3px;padding:6px 9px}.quote-role{color:#4b5754;font-size:11px;font-weight:800;text-transform:uppercase}.message-meta{color:#6b746f;font-size:11px;overflow-wrap:anywhere}.attachment-grid{display:grid;gap:8px}.attachment-grid.trailing{max-width:76%;justify-self:start}.attachment-card{background:#fffdf8;border:1px solid #ded8cc;border-radius:8px;display:grid;gap:6px;padding:8px}.attachment-title{font-weight:800;overflow-wrap:anywhere}.attachment-meta{font-size:11px}.attachment-card img{border:1px solid #ded8cc;border-radius:6px;display:block;max-height:320px;max-width:100%;-o-object-fit:contain;object-fit:contain}.attachment-card audio{width:100%}.attachment-link{color:#0f766e;font-weight:800}.attachment-extracted{font-size:12px}.writing-dots{align-items:center;display:inline-flex;gap:4px;height:18px}.writing-dots span{animation:writing-dot 1.2s ease-in-out infinite;background:#7a8580;border-radius:999px;display:inline-block;height:6px;width:6px}.writing-dots span:nth-child(2){animation-delay:.16s}.writing-dots span:nth-child(3){animation-delay:.32s}@keyframes writing-dot{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.back-link{color:#173033;font-size:13px;font-weight:800;text-decoration:none}.back-link:hover{text-decoration:underline}@media(max-width:980px){.app-shell,.conversation-layout,.detail-grid,.kb-grid,.summary-grid{grid-template-columns:1fr}.sidebar{grid-template-rows:auto}.conversation-page{height:auto;overflow:visible}.conversation-layout{grid-template-rows:auto;height:auto}.conversation-layout>aside{height:auto;overflow:visible}.conversation-full{grid-template-rows:auto auto auto;height:auto}.transcript{overflow:visible}}.composer .actions{flex-wrap:wrap}.composer .button{max-width:100%}