:root{--bg-main: #edf3ec;--bg-accent: #dce7df;--surface: #ffffff;--surface-soft: #f6faf7;--surface-tint: #eef5f1;--ink: #1f2d26;--ink-soft: #5d7067;--primary: #0f766e;--primary-dark: #0b4f4a;--danger: #b42b2b;--danger-dark: #8e1e1e;--warning: #f0b74f;--border: #c7d6cd;--border-strong: #9db2a6;--shadow: 0 18px 42px rgba(26, 49, 37, .12);font-family:IBM Plex Sans,Trebuchet MS,Tahoma,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(circle at top left,rgba(255,255,255,.92),transparent 28%),radial-gradient(circle at 95% 10%,rgba(189,220,203,.9),transparent 26%),linear-gradient(160deg,var(--bg-main),var(--bg-accent));min-height:100vh;overflow:hidden}a{color:var(--primary-dark)}#root{height:100dvh;min-height:100vh;overflow:hidden}.app-shell{height:100dvh;min-height:100vh;padding:20px clamp(16px,3vw,36px) 28px;display:flex;flex-direction:column;gap:16px;overflow:hidden}.operator-topbar{position:sticky;top:10px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 20px;border-radius:16px;border:1px solid var(--border-strong);background:linear-gradient(120deg,#fff,#f0f6f2);box-shadow:var(--shadow);animation:slideFadeIn .35s ease-out}.operator-topbar.is-offline{border-color:#b93f3f;background:linear-gradient(120deg,#d53f3f,#b52a2a);color:#fff}.operator-topbar.is-offline .operator-meta{color:#ffe9e9}.operator-topbar.is-offline strong{color:#fff}.operator-title{font-size:1.1rem;font-weight:700}.operator-meta{color:var(--ink-soft);margin-top:4px}.error-banner{border:1px solid #e3b1b1;background:#fff4f4;color:#831515;border-radius:12px;padding:10px 14px}.info-banner{border:1px solid #cbd9e5;background:#f4f8fb;color:#345266;border-radius:12px;padding:10px 14px}.info-banner--dismissible{display:flex;align-items:center;justify-content:space-between;gap:10px}.banner-close-btn{border:0;background:transparent;color:#345266;font-size:16px;font-weight:700;line-height:1;cursor:pointer;padding:2px 4px;border-radius:6px}.banner-close-btn:hover{background:#3452661f}.workspace-layout{display:grid;grid-template-columns:minmax(260px,320px) minmax(420px,1.4fr) minmax(280px,360px);gap:16px;align-items:stretch;min-height:0;flex:1;overflow:hidden}.workspace-panel{min-height:0;height:100%;border-radius:18px;border:1px solid var(--border);background:#ffffffeb;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;animation:riseIn .28s ease-out}.workspace-panel--queue{background:linear-gradient(180deg,#f7fbf9fa,#f0f6f2fa)}.workspace-panel--conversation,.workspace-panel--detail{background:#fffffff2}.panel-heading{padding:18px 18px 14px;border-bottom:1px solid #dbe5de;background:linear-gradient(180deg,#f8fbf9,#eef5f1)}.panel-heading h2{margin:4px 0 6px;font-size:1.2rem}.panel-heading p{margin:0;color:var(--ink-soft);line-height:1.45}.panel-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#4a685d}.queue-list{padding:16px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.queue-card{width:100%;border:1px solid #d5e1da;border-radius:14px;background:#fff;padding:14px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:10px;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.queue-card:hover{transform:translateY(-1px);border-color:#97b7a7;box-shadow:0 10px 22px #213d3114}.queue-card.is-selected{border-color:var(--primary);box-shadow:0 0 0 2px #0f766e29}.queue-card.is-takenover-notice{border-color:#e6c572;background:#fffaf0}.queue-card.is-takenover-notice:hover{border-color:#ddb75d;box-shadow:0 10px 22px #755d231a}.queue-card__topline,.queue-card__footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.queue-card__footer{justify-content:flex-end}.queue-card__email{font-weight:600;color:var(--ink);word-break:break-word}.queue-card__meta{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.queue-card__badge{flex-shrink:0;border-radius:999px;background:#e8f6f2;color:#0b5c55;padding:5px 10px;font-size:.74rem;font-weight:700}.queue-card.is-takenover-notice .queue-card__badge{background:#fff1c7;color:#8c5a00}.queue-card__time,.queue-card__wait{color:#315347;font-size:.8rem;font-weight:700}.queue-card__cta{color:var(--primary-dark);font-size:.82rem;font-weight:700}.conversation-header{padding:18px 18px 14px;border-bottom:1px solid #dbe5de;background:linear-gradient(180deg,#f8fbf9,#eef5f1);display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.conversation-header h2{margin:4px 0 6px;font-size:1.25rem}.conversation-header p{margin:0;color:var(--ink-soft)}.conversation-messages{flex:1;padding:18px;overflow-y:auto;background:linear-gradient(180deg,#f7fbf8eb,#eff5f1e6)}.chat-message-row{display:flex;margin-bottom:12px}.chat-message-row.is-system{justify-content:center}.chat-message-row.is-self,.chat-message-row.is-agent{justify-content:flex-end}.chat-message-row.is-other{justify-content:flex-start}.chat-message-bubble{max-width:82%;padding:10px 12px;border-radius:14px;line-height:1.38;font-size:.93rem;white-space:pre-wrap;word-break:break-word;display:flex;flex-direction:column;gap:3px}.chat-message-system{max-width:70%;padding:7px 18px;border-radius:12px;background:#f1f5f9;color:#64748b;font-size:.88rem;font-style:italic;text-align:center;box-shadow:0 1px 4px #0000000a}.chat-message-row.is-self .chat-message-bubble{background:#d7efe8;border:1px solid #b2d9cd}.chat-message-row.is-agent .chat-message-bubble{background:#e8f0fb;border:1px solid #c7d8f1}.chat-message-row.is-other .chat-message-bubble{background:#fff;border:1px solid #d4e0d8}.chat-message-bubble.chat-message-typing{background:#f8fafc;border:1px dashed #cbd5e1;color:#64748b;font-style:italic;font-size:.85rem}.chat-typing-indicator{display:inline-flex;align-items:center;gap:6px}.chat-typing-dots{display:inline-flex;align-items:center;gap:3px}.chat-typing-dot{width:5px;height:5px;background-color:#64748b;border-radius:50%;opacity:.5;animation:typingDotPulse 1.2s infinite ease-in-out}.chat-typing-dot:nth-child(2){animation-delay:.2s}.chat-typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingDotPulse{0%,80%,to{transform:translateY(0);opacity:.3}40%{transform:translateY(-3px);opacity:.9}}.chat-message-nick{font-size:.73rem;color:#47665a;font-weight:600}.chat-message-text{font-size:.94rem;color:#16231d}.chat-message-time{font-size:.66rem;color:#61786d}.conversation-composer{display:flex;align-items:center;gap:10px;padding:14px 18px 18px;border-top:1px solid #dbe5de;background:#fafdfb}.conversation-composer input,.start-modal-form input{width:100%;border:1px solid #c4ddd1;border-radius:10px;outline:none;padding:10px 12px;font:inherit}.conversation-composer input:focus,.start-modal-form input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #0f766e33}.detail-stack{padding:18px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.detail-card{border:1px solid #d8e2dc;border-radius:14px;background:var(--surface-soft);padding:14px}.detail-card--transcript{min-height:220px}.detail-label{font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;color:#5e776c;margin-bottom:8px}.detail-value{color:var(--ink);line-height:1.45;word-break:break-word}.detail-recap{margin:0;white-space:pre-wrap;font:inherit;color:var(--ink);line-height:1.55}.detail-recap--transcript{max-height:340px;overflow-y:auto}.detail-actions{padding:0 18px 18px}.panel-empty{margin:auto 18px;border:1px dashed #b4c4bb;border-radius:16px;background:#ffffffbd;color:#52675d;text-align:center;line-height:1.55;padding:24px 18px}.panel-empty--compact{margin:16px}.btn{border:0;border-radius:10px;padding:9px 11px;font:inherit;font-size:.86rem;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(170deg,var(--primary),var(--primary-dark));color:#fff}.btn-secondary{border:1px solid #c1d8cd;background:#fff;color:#244437}.btn-danger{background:linear-gradient(170deg,var(--danger),var(--danger-dark));color:#fff}.btn-loading-content{display:inline-flex;align-items:center;gap:8px}.btn-loading-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0d1e187a;display:grid;place-items:center;padding:20px}.modal-card{width:min(450px,100%);background:#fff;border-radius:14px;padding:18px;border:1px solid #c8ded3;box-shadow:var(--shadow);animation:popIn .2s ease-out}.modal-card h2{margin:0 0 10px;font-size:1.08rem}.modal-card p{margin:0;color:#35584a;line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.start-modal-card{width:min(480px,100%)}.start-modal-form{margin-top:12px}.start-modal-form label{display:block;margin-bottom:6px;font-size:.84rem;color:#35584a}.start-modal-error{margin-top:10px;border:1px solid #ebc0c0;border-radius:8px;padding:8px 10px;color:#7a1717;background:#fff5f5;font-size:.84rem}.iframe-overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;background:#09161280;display:grid;place-items:center;padding:24px}.iframe-overlay-panel{width:90%;height:90%;background:#fff;border-radius:14px;border:1px solid #b9d3c7;box-shadow:var(--shadow);overflow:hidden;display:grid;grid-template-rows:auto 1fr}.iframe-overlay-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid #d2e3db;background:#f1f9f5}.iframe-overlay-content{width:100%;height:100%;border:none}@keyframes popIn{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes riseIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 1180px){.workspace-layout{grid-template-columns:280px 1fr}.workspace-panel--detail{grid-column:1 / -1;min-height:auto}}@media (max-width: 880px){body{overflow:auto}#root,.app-shell{height:auto;overflow:visible}.operator-topbar{flex-direction:column;align-items:flex-start}.workspace-layout{grid-template-columns:1fr}.workspace-panel{min-height:auto}.conversation-header{flex-direction:column}.conversation-composer{flex-direction:column;align-items:stretch}.iframe-overlay-panel{width:96%;height:92%}}