:root{color-scheme:light;--page-bg: #eef3f8;--grid-line: rgba(84, 118, 153, .1);--frame-bg: #f9fbfd;--panel-bg: rgba(255, 255, 255, .92);--panel-border: #d5e0ea;--panel-shadow: 0 24px 64px rgba(18, 39, 62, .08);--text-main: #132c46;--text-muted: #61758b;--accent: #0a66c2;--accent-soft: #e3effd;--tech-line: #c7d8eb;--success: #177245;--warning: #bc7a12;--surface-alt: #f4f8fc}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;color:var(--text-main);background:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px),linear-gradient(180deg,#f8fbfe 0%,var(--page-bg) 100%);background-size:32px 32px,32px 32px,auto}button,input,textarea,select{font:inherit}code{font-family:Consolas,Courier New,monospace}.page-shell{min-height:100vh;padding:24px}.desktop-frame{max-width:1480px;height:calc(100vh - 48px);margin:0 auto;display:grid;grid-template-rows:auto minmax(0,1fr);background:var(--frame-bg);border:1px solid var(--tech-line);box-shadow:0 30px 90px #0f22381a;overflow:hidden}.desktop-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 28px;background:linear-gradient(180deg,#fffffff0,#f7fbfff0);border-bottom:1px solid var(--tech-line)}.desktop-header h1,.error-card h1,.loading-card h2,.panel h2,.subpanel h3,.invite-card h3,.waiting-card h3{margin:0}.eyebrow{margin:0 0 6px;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:700;color:var(--text-muted)}.header-meta{display:flex;align-items:center;gap:12px}.status-badge,.panel-badge,.agent-status-control{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:10px 14px;border:1px solid var(--tech-line);background:#fff}.status-badge{color:var(--success);font-weight:700;background:#eff8f3}.panel-badge{color:var(--text-muted);font-size:.82rem;font-weight:700}.agent-status-control{padding-right:10px}.agent-status-control .label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.agent-status-control select{border:0;background:transparent;color:var(--text-main);font-weight:700;outline:none}.workspace-grid{display:grid;grid-template-columns:minmax(360px,1fr) minmax(0,2fr);gap:0;min-height:0;height:100%}.chat-panel,.workspace-side,.tab-shell,.tab-panel{min-height:0}.chat-panel,.workspace-side{height:100%}.chat-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;border-right:1px solid var(--tech-line)}.workspace-side{padding:18px;background:linear-gradient(180deg,#fbfdff,#f3f8fd);overflow:hidden}.panel{background:var(--panel-bg);border:0;box-shadow:none;padding:18px}.chat-heading,.panel-heading,.subpanel-header,.message-meta,.table-row,.detail-row,.composer-actions{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.panel-heading{margin-bottom:18px}.chat-prestage{min-height:0;display:grid;place-items:center;padding:24px 8px}.invite-card,.waiting-card,.workspace-locked-card{width:min(440px,100%);padding:24px;border:1px solid var(--panel-border);background:#fff}.invite-card p,.waiting-card p,.workspace-locked-card p{line-height:1.6}.chat-stream{min-height:0;overflow-y:auto;display:grid;align-content:start;gap:18px;padding-right:6px;padding-bottom:12px}.chat-bubble{position:relative;max-width:88%;padding:14px 16px;border:1px solid var(--panel-border);background:#fff}.chat-bubble:after{content:"";position:absolute;bottom:-10px;left:16px;width:16px;height:16px;background:inherit;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);color:var(--panel-border);clip-path:polygon(0 0,100% 100%,0 100%)}.chat-bubble p{margin:8px 0 0;line-height:1.6}.sender-agent{margin-left:auto;border-color:#b6d1f3;background:var(--accent-soft)}.sender-agent:after{left:auto;right:16px;color:#b6d1f3}.sender-customer{border-left:3px solid var(--accent)}.sender-customer:after{color:var(--panel-border)}.sender-bot{border-left:3px solid var(--success)}.sender-system{border-left:3px solid var(--warning);background:#fffaf0}.message-meta span,.detail-row span,.subpanel-header span,.loading-card p,.error-card p,.empty-inline,.empty-state,.invite-card p,.waiting-card p,.workspace-locked-card p{color:var(--text-muted)}.chat-composer{display:grid;gap:12px;padding-top:16px;border-top:1px solid var(--tech-line)}.chat-composer textarea,input,textarea{width:100%;border:1px solid var(--panel-border);background:#fff;color:var(--text-main)}.chat-composer textarea,input,textarea{padding:12px 14px;resize:vertical}.primary,.tab-button{border:1px solid transparent;padding:10px 16px;background:#fff;color:var(--text-main);cursor:pointer}.primary{background:var(--accent);color:#fff}.primary:disabled{opacity:.65;cursor:not-allowed}.composer-actions-end{justify-content:flex-end}.tab-shell{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);border:1px solid var(--tech-line);background:#ffffffb3;overflow:hidden}.gated-shell{place-items:center}.tab-bar{display:flex;gap:10px;padding:14px;border-bottom:1px solid var(--tech-line);background:#f5faffd9}.tab-button{border-color:var(--panel-border);background:#f7fbff;font-weight:700}.tab-button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.tab-panel{overflow-y:auto;padding:18px}.workspace-locked-card{width:min(460px,100%)}.tab-panel .panel{padding:0}.detail-grid{display:grid;gap:12px}.detail-grid.compact{margin-bottom:20px}.detail-row{padding:14px 16px;border:1px solid var(--panel-border);background:var(--surface-alt)}.subpanel{margin-top:18px;padding:16px;border:1px solid var(--panel-border);background:#fff}.table-like,.notes-list{display:grid;gap:12px}.pagination-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px}.pagination-bar span{color:var(--text-muted);font-size:.92rem}.table-row,.note-item{padding:14px 16px;border:1px solid var(--panel-border);background:#fbfdff}.note-item{line-height:1.55}.loading-card,.error-card{max-width:720px;margin:10vh auto 0;padding:28px;border:1px solid var(--tech-line);background:#fff;box-shadow:var(--panel-shadow)}.loading-card{display:flex;align-items:center;gap:20px}.spinner{width:48px;height:48px;border:4px solid #dfe8f2;border-top-color:var(--accent);animation:spin 1s linear infinite}.empty-state,.empty-inline{padding:14px 16px;border:1px dashed var(--tech-line);background:var(--surface-alt)}.profile-skeleton{display:grid;gap:14px}.skeleton-line,.skeleton-card{background:linear-gradient(90deg,#edf3f8,#f9fbfd,#edf3f8);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-line{height:18px}.skeleton-line.wide{height:22px;width:68%}.skeleton-card{height:88px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 1080px){.desktop-header,.header-meta,.message-meta,.detail-row,.table-row,.composer-actions,.tab-bar,.pagination-bar{flex-direction:column;align-items:flex-start}.desktop-frame{height:auto;min-height:calc(100vh - 24px)}.workspace-grid{grid-template-columns:1fr;height:auto}.chat-panel{border-right:0;border-bottom:1px solid var(--tech-line);min-height:640px}.workspace-side{min-height:640px}}@media (max-width: 720px){.page-shell{padding:12px}.desktop-header,.workspace-side,.panel,.tab-panel,.loading-card,.error-card{padding:16px}}