:root,[data-theme=dark]{--bg-deep:#06090e;--panel-bg:#10141d;--copper:#b87333;--copper-light:#d68a45;--text-main:#f6f8fb;--text-muted:#9ba3b5;--border-subtle:hsla(0,0%,100%,.08);--border-copper:rgba(184,115,51,.3);--input-bg:hsla(0,0%,100%,.06);--shadow-panel:rgba(0,0,0,.4);--shadow-modal:rgba(0,0,0,.7);--overlay-bg:rgba(0,0,0,.6)}[data-theme=light]{--bg-deep:#f3f5f8;--panel-bg:#fff;--copper:#9a5f2a;--copper-light:#b87333;--text-main:#1b2735;--text-muted:#5f6b7a;--border-subtle:rgba(0,0,0,.1);--border-copper:rgba(154,95,42,.25);--input-bg:rgba(0,0,0,.04);--shadow-panel:rgba(0,0,0,.08);--shadow-modal:rgba(0,0,0,.2);--overlay-bg:rgba(0,0,0,.3)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg-deep);color:var(--text-main);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--copper);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:960px;margin:0 auto;padding:0 20px}.panel{background:var(--panel-bg);border:1px solid var(--border-copper);border-radius:16px;padding:24px;box-shadow:0 4px 24px var(--shadow-panel)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s}.btn:hover{opacity:.9}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-copper{background:linear-gradient(135deg,var(--copper-light),var(--copper));color:#fff}.btn-ghost{background:transparent;border:1px solid var(--border-copper);color:var(--copper)}.input-field{width:100%;background:var(--input-bg);border:1px solid var(--border-subtle);border-radius:10px;padding:10px 14px;font-size:14px;color:var(--text-main);font-family:inherit;outline:none}.input-field:focus{border-color:var(--copper);box-shadow:0 0 0 2px rgba(184,115,51,.15)}.input-field::placeholder{color:var(--text-muted)}.muted{color:var(--text-muted)}.badge{display:inline-block;padding:2px 8px;border-radius:6px;font-size:12px;font-weight:500}.badge-open{background:rgba(34,197,94,.15);color:#22c55e}.badge-closed{background:rgba(155,163,181,.15);color:#9ba3b5}.badge-escalated{background:rgba(245,158,11,.15);color:#f59e0b}.badge-new{background:rgba(59,130,246,.15);color:#3b82f6}.badge-waiting-customer{background:rgba(237,137,54,.15);color:#ed8936}.badge-waiting-human{background:rgba(159,122,234,.15);color:#9f7aea}.badge-resolved{background:rgba(72,187,120,.15);color:#48bb78}.nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--border-copper);margin-bottom:32px}.nav-brand{font-size:18px;font-weight:700;color:var(--text-main)}.nav-links{gap:16px}.nav-links,.op-loading{display:flex;align-items:center}.op-loading{justify-content:center;padding:40px;color:var(--text-muted);font-size:14px;height:100vh}.op-loading-sm{padding:16px;color:var(--text-muted);font-size:13px;text-align:center}.op-error{padding:10px 14px;background:rgba(229,62,62,.1);border:1px solid rgba(229,62,62,.25);border-radius:8px;color:#fc8181;font-size:13px;margin-bottom:12px}.op-error-inline{margin-bottom:8px;font-size:12px}.op-error-sm{font-size:11px;padding:6px 10px}.op-login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-deep)}.op-login-card{background:var(--panel-bg);border:1px solid var(--border-copper);border-radius:16px;padding:40px;width:380px;display:flex;flex-direction:column;gap:14px;box-shadow:0 8px 40px var(--shadow-modal)}.op-login-logo{font-size:28px;font-weight:700;color:var(--copper);text-align:center;letter-spacing:-.5px}.op-login-title{font-size:15px;font-weight:400;color:var(--text-muted);text-align:center;margin-bottom:8px}.op-login-error{background:rgba(229,62,62,.12);color:#fc8181;padding:8px 12px;border-radius:8px;font-size:13px;text-align:center}.op-input{width:100%;background:var(--input-bg);border:1px solid var(--border-subtle);border-radius:8px;padding:9px 12px;font-size:13px;color:var(--text-main);font-family:inherit;outline:none;transition:border-color .15s}.op-input:focus{border-color:var(--copper);box-shadow:0 0 0 2px rgba(184,115,51,.12)}.op-input::placeholder{color:var(--text-muted)}.op-input-sm{padding:6px 10px;font-size:12px;border-radius:6px}.op-input-tag{width:80px;border:none;background:transparent;padding:2px 0}.op-select{background:var(--input-bg);border:1px solid var(--border-subtle);border-radius:6px;padding:6px 10px;font-size:12px;color:var(--text-main);font-family:inherit;outline:none;cursor:pointer}.op-select:focus{border-color:var(--copper)}.op-select-sm{padding:5px 8px;font-size:11px}.op-select option{background:var(--panel-bg);color:var(--text-main)}.op-textarea{width:100%;background:var(--input-bg);border:1px solid var(--border-subtle);border-radius:8px;padding:10px 12px;font-size:13px;color:var(--text-main);font-family:inherit;resize:vertical;min-height:60px;outline:none;transition:border-color .15s}.op-textarea:focus{border-color:var(--copper)}.op-textarea::placeholder{color:var(--text-muted)}.op-textarea-sm{min-height:48px;font-size:12px;padding:8px 10px}.op-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit;white-space:nowrap}.op-btn:hover{opacity:.88}.op-btn:disabled{opacity:.35;cursor:not-allowed}.op-btn-copper{background:linear-gradient(135deg,var(--copper-light),var(--copper));color:#0a0c10}.op-btn-ghost{background:transparent;border:1px solid var(--border-subtle);color:var(--text-muted)}.op-btn-ghost:hover{border-color:var(--copper);color:var(--copper)}.op-btn-sm{padding:5px 12px;font-size:12px;border-radius:5px}.op-btn-danger{background:rgba(229,62,62,.15);color:#fc8181;border:1px solid rgba(229,62,62,.25)}.op-btn-whisper{background:rgba(214,158,46,.12);color:#fbd38d;border:1px solid rgba(214,158,46,.25)}.op-btn-resolve{background:rgba(72,187,120,.12);color:#68d391;border:1px solid rgba(72,187,120,.25)}.op-console-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.op-console-header{display:flex;align-items:center;padding:0 24px;height:52px;border-bottom:1px solid var(--border-copper);background:var(--panel-bg);flex-shrink:0;gap:16px}.op-console-brand{font-size:18px;font-weight:700;color:var(--copper);letter-spacing:-.3px;white-space:nowrap}.op-console-brand-sub{font-weight:400;color:var(--text-muted);font-size:13px;margin-left:6px}.op-console-main{flex:1 1;overflow:hidden;display:flex;flex-direction:column}.op-header-spacer{flex:1 1}.op-header-email{font-size:12px;color:var(--text-muted);white-space:nowrap}.op-header-right{display:flex;align-items:center;gap:12px;margin-left:auto}.op-console{display:flex;flex-direction:column;flex:1 1;overflow:hidden}.op-tabs{display:flex;gap:0;padding:0 24px;border-bottom:1px solid var(--border-subtle);background:var(--panel-bg);flex-shrink:0}.op-tab{position:relative;padding:10px 24px;background:transparent;color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer;border:none;border-bottom:2px solid transparent;font-family:inherit;transition:color .15s;text-transform:uppercase;letter-spacing:.5px}.op-tab:hover{color:var(--text-main)}.op-tab--active{color:var(--copper);border-bottom-color:var(--copper)}.op-tab-badge{position:absolute;top:4px;right:4px;background:#e53e3e;color:#fff;font-size:9px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}.op-split-pane{display:flex;flex:1 1;overflow:hidden}.op-split-left{width:380px;min-width:320px;border-right:1px solid var(--border-subtle);overflow-y:auto;background:rgba(0,0,0,.08)}.op-split-right{flex:1 1;overflow:hidden;display:flex;flex-direction:column}.op-empty-state{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:14px;font-style:italic}.op-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;vertical-align:middle}.op-priority-urgent{background:rgba(229,62,62,.18);color:#fc8181}.op-priority-high{background:rgba(237,137,54,.18);color:#f6ad55}.op-priority-normal{background:rgba(66,153,225,.15);color:#63b3ed}.op-priority-low{background:rgba(160,174,192,.12);color:#a0aec0}.op-status-new{background:rgba(66,153,225,.15);color:#63b3ed}.op-status-triaged{background:rgba(159,122,234,.15);color:#b794f4}.op-status-waiting_customer{background:rgba(237,137,54,.15);color:#f6ad55}.op-status-waiting_human{background:rgba(245,158,11,.15);color:#fbbf24}.op-status-resolved{background:rgba(72,187,120,.15);color:#68d391}.op-status-closed{background:rgba(160,174,192,.12);color:#a0aec0}.op-status-escalated{background:rgba(229,62,62,.15);color:#fc8181}.op-status-open{background:rgba(72,187,120,.15);color:#68d391}.op-sla{display:inline-block;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;white-space:nowrap;vertical-align:middle}.op-sla-ok{background:rgba(72,187,120,.12);color:#68d391}.op-sla-warn{background:rgba(214,158,46,.18);color:#fbd38d}.op-sla-breach{background:rgba(229,62,62,.2);color:#fc8181;animation:op-pulse 1.5s ease-in-out infinite}.op-sla-responded{background:rgba(160,174,192,.1);color:#a0aec0}.op-sla-none{color:var(--text-muted);font-size:10px}@keyframes op-pulse{0%,to{opacity:1}50%{opacity:.5}}.op-mode-bot{background:rgba(66,153,225,.15);color:#63b3ed}.op-mode-human,.op-mode-human_controlled{background:rgba(72,187,120,.15);color:#68d391}.op-mode-whisper,.op-mode-whisper_pending{background:rgba(214,158,46,.15);color:#fbd38d}.op-badge-yours{background:rgba(72,187,120,.15);color:#68d391;font-size:9px;margin-left:4px;padding:1px 6px;border-radius:3px;vertical-align:middle}.op-escalation-reason{background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.2);border-radius:8px;padding:8px 12px;font-size:12px;color:#fbbf24;margin-bottom:12px}.op-ticket-queue{display:flex;flex-direction:column;height:100%}.op-queue-search{padding:12px 16px 8px}.op-queue-filters{display:flex;gap:4px;padding:0 16px 10px;flex-wrap:wrap}.op-filter-pill{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;border:1px solid var(--border-subtle);background:transparent;color:var(--text-muted);cursor:pointer;font-family:inherit;transition:all .15s}.op-filter-pill:hover{border-color:var(--copper);color:var(--text-main)}.op-filter-pill--active{background:rgba(184,115,51,.15);border-color:var(--copper);color:var(--copper)}.op-queue-list{flex:1 1;overflow-y:auto}.op-queue-row{display:flex;flex-direction:column;gap:4px;padding:10px 16px;border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background .12s;text-align:left;background:transparent;border-left:3px solid transparent;width:100%;font-family:inherit;color:inherit}.op-queue-row:hover{background:hsla(0,0%,100%,.03)}.op-queue-row--selected{background:rgba(184,115,51,.08);border-left-color:var(--copper)}.op-queue-row-top{display:flex;align-items:center;gap:8px}.op-queue-number{font-size:12px;font-weight:700;color:var(--copper);font-family:IBM Plex Mono,monospace}.op-queue-subject{font-size:13px;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.op-queue-row-bottom{display:flex;align-items:center;gap:6px;font-size:11px}.op-queue-assignee{font-size:10px;color:var(--text-muted);margin-left:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.op-queue-empty{padding:40px 16px;text-align:center;color:var(--text-muted);font-size:13px}.op-ticket-detail{flex:1 1;overflow-y:auto;padding:20px 24px}.op-detail-header{padding-bottom:16px;border-bottom:1px solid var(--border-subtle);margin-bottom:16px}.op-detail-header-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}.op-detail-number{font-size:16px;font-weight:700;color:var(--copper);font-family:IBM Plex Mono,monospace}.op-detail-subject{font-size:17px;font-weight:600;color:var(--text-main);margin:0;line-height:1.3}.op-detail-meta{font-size:12px;color:var(--text-muted);margin-top:4px}.op-detail-meta strong{color:var(--copper);font-weight:600}.op-detail-description{font-size:13px;color:var(--text-muted);margin-top:6px;line-height:1.5}.op-detail-actions{display:flex;gap:8px;padding:12px 0;border-bottom:1px solid var(--border-subtle);margin-bottom:16px;flex-wrap:wrap;align-items:center}.op-action-group{display:flex;align-items:center;gap:6px}.op-action-group--tags{flex-wrap:wrap}.op-action-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.op-action-divider{width:1px;height:24px;background:var(--border-subtle);margin:0 4px}.op-tag-list{display:flex;flex-wrap:wrap}.op-tag,.op-tag-list{gap:4px;align-items:center}.op-tag{display:inline-flex;padding:2px 8px;background:rgba(184,115,51,.1);border:1px solid var(--border-copper);border-radius:12px;font-size:11px;color:var(--copper)}.op-tag-remove{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:13px;padding:0;line-height:1;transition:color .15s}.op-tag-remove:hover{color:#fc8181}.op-detail-section{margin-bottom:20px}.op-section-heading{font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--border-subtle)}.op-reply-section{margin-bottom:20px;background:rgba(184,115,51,.04);border:1px solid var(--border-copper);border-radius:10px;padding:14px}.op-reply-section .op-section-heading{border-bottom:none;padding-bottom:0;margin-bottom:8px}.op-reply-textarea{width:100%;background:var(--input-bg);border:1px solid var(--border-subtle);border-radius:8px;padding:10px 12px;font-size:13px;color:var(--text-main);font-family:inherit;resize:vertical;min-height:80px;outline:none;transition:border-color .15s;margin-bottom:8px}.op-reply-textarea:focus{border-color:var(--copper);box-shadow:0 0 0 2px rgba(184,115,51,.12)}.op-reply-textarea::placeholder{color:var(--text-muted)}.op-reply-actions{display:flex;align-items:center;gap:8px}.op-reply-hint{font-size:11px;color:var(--text-muted);margin-left:auto}.op-conversation-thread{display:flex;flex-direction:column}.op-thread-meta{display:flex;align-items:center;gap:8px;margin-bottom:12px}.op-thread-email{font-size:13px;font-weight:600;color:var(--text-main)}.op-thread-messages{display:flex;flex-direction:column;gap:6px;max-height:500px;overflow-y:auto;padding:8px 4px}.op-msg{max-width:85%;padding:10px 14px;border-radius:12px;font-size:13px;line-height:1.5;word-wrap:break-word}.op-msg-user{align-self:flex-end;background:rgba(184,115,51,.12);border:1px solid rgba(184,115,51,.2)}.op-msg-assistant{align-self:flex-start;background:hsla(0,0%,100%,.05);border:1px solid var(--border-subtle)}.op-msg-admin{align-self:flex-start;background:rgba(59,130,246,.08);border-left:3px solid #3b82f6}.op-msg-system{align-self:center;max-width:100%;text-align:center}.op-msg-system-content{font-size:11px;color:var(--text-muted);font-style:italic;padding:4px 12px;background:hsla(0,0%,100%,.03);border-radius:6px;display:inline-block}.op-msg-header{display:flex;align-items:center;gap:8px;margin-bottom:3px}.op-msg-role{font-size:11px;font-weight:700;color:var(--copper)}.op-msg-user .op-msg-role{color:var(--copper-light)}.op-msg-admin .op-msg-role,.op-msg-assistant .op-msg-role{color:#63b3ed}.op-msg-time{font-size:10px;color:var(--text-muted)}.op-msg-body{white-space:pre-wrap;color:var(--text-main)}.op-msg-tool-group{align-self:flex-start;max-width:85%}.op-tool-toggle{background:none;border:1px solid var(--border-subtle);border-radius:6px;padding:4px 10px;font-size:11px;color:var(--text-muted);cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:6px;transition:all .15s}.op-tool-toggle:hover{border-color:var(--copper);color:var(--text-main)}.op-tool-details{margin-top:6px;padding:8px 10px;background:hsla(0,0%,100%,.03);border-radius:6px;border:1px solid var(--border-subtle);font-size:11px;max-height:200px;overflow-y:auto}.op-tool-entry{padding:3px 0;border-bottom:1px solid hsla(0,0%,100%,.04)}.op-tool-entry:last-child{border-bottom:none}.op-tool-role{font-weight:600;color:var(--text-muted);font-size:10px;text-transform:uppercase;margin-right:6px}.op-tool-content{font-family:IBM Plex Mono,monospace;font-size:11px;color:var(--text-muted);white-space:pre-wrap;word-break:break-all;margin:2px 0 0}.op-kb-reasoning{margin-top:6px}.op-kb-toggle{background:none;border:none;color:var(--text-muted);font-size:11px;cursor:pointer;font-family:inherit;padding:2px 0;font-weight:600}.op-kb-toggle:hover{color:var(--copper)}.op-kb-matches{margin-top:6px;display:flex;flex-direction:column;gap:6px}.op-kb-match{padding:6px 8px;background:hsla(0,0%,100%,.03);border-radius:6px;border:1px solid var(--border-subtle)}.op-kb-match-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.op-kb-chunk-id{font-size:10px;font-family:IBM Plex Mono,monospace;color:var(--copper)}.op-kb-score{font-size:10px;color:var(--text-muted)}.op-kb-match-content{font-size:11px;color:var(--text-muted);white-space:pre-wrap;line-height:1.4}.op-notes-panel{display:flex;flex-direction:column;gap:10px}.op-notes-list{max-height:250px;overflow-y:auto}.op-note{padding:8px 0;border-bottom:1px solid hsla(0,0%,100%,.04)}.op-note:last-child{border-bottom:none}.op-note-header{display:flex;align-items:center;gap:8px;margin-bottom:3px}.op-note-author{font-size:11px;font-weight:700}.op-note-time{font-size:10px;color:var(--text-muted)}.op-note-content{font-size:13px;color:var(--text-main);white-space:pre-wrap;line-height:1.5}.op-notes-empty{font-size:12px;color:var(--text-muted);font-style:italic;padding:8px 0}.op-notes-form{display:flex;flex-direction:column;gap:8px;padding-top:8px;border-top:1px solid var(--border-subtle)}.op-audit-timeline{max-height:300px;overflow-y:auto}.op-audit-item{display:flex;gap:12px;padding:4px 0}.op-audit-rail{display:flex;flex-direction:column;align-items:center;width:14px;flex-shrink:0}.op-audit-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;flex-shrink:0}.op-audit-line{width:1px;flex:1 1;background:var(--border-subtle);margin-top:4px}.op-audit-body{flex:1 1;padding-bottom:10px}.op-audit-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.op-audit-type{font-size:12px;font-weight:600;color:var(--text-main)}.op-audit-actor{font-size:11px;color:var(--text-muted)}.op-audit-time{font-size:10px;color:var(--text-muted);margin-left:auto;white-space:nowrap}.op-audit-detail{margin-top:2px;line-height:1.4}.op-audit-detail,.op-audit-empty{font-size:12px;color:var(--text-muted)}.op-audit-empty{font-style:italic;padding:8px 0}.op-live-board{display:flex;flex-direction:column;height:100%}.op-live-header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border-subtle)}.op-live-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.op-live-dot--connected{background:#68d391;box-shadow:0 0 6px rgba(72,187,120,.5)}.op-live-dot--disconnected{background:#fc8181}.op-live-label{font-size:12px;font-weight:600;color:var(--text-main)}.op-live-count{font-size:11px;color:var(--text-muted);margin-left:auto}.op-live-list{flex:1 1;overflow-y:auto}.op-live-empty{padding:40px 16px;text-align:center;color:var(--text-muted);font-size:13px;font-style:italic}.op-live-row{display:flex;flex-direction:column;gap:4px;padding:10px 16px;border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background .12s;text-align:left;background:transparent;border-left:3px solid transparent;width:100%;font-family:inherit;color:inherit}.op-live-row:hover{background:hsla(0,0%,100%,.03)}.op-live-row--selected{background:rgba(184,115,51,.08);border-left-color:var(--copper)}.op-live-row-top{display:flex;align-items:center;gap:8px}.op-live-email{font-size:13px;font-weight:500;color:var(--text-main);flex:1 1}.op-live-email,.op-live-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-live-preview{font-size:12px;color:var(--text-muted);line-height:1.4}.op-live-row-bottom{display:flex;align-items:center;gap:8px;font-size:11px}.op-live-msgs,.op-live-time{color:var(--text-muted)}.op-live-time{margin-left:auto}.op-chat-panel{display:flex;flex-direction:column;flex:1 1;padding:0 20px;overflow:hidden;min-height:0}.op-chat-header{display:flex;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid var(--border-subtle);flex-shrink:0}.op-chat-email{font-size:14px;font-weight:600;color:var(--text-main)}.op-chat-messages{flex:1 1;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding:12px 4px;min-height:0}.op-chat-msg{max-width:85%;padding:10px 14px;border-radius:12px;font-size:13px;line-height:1.5;word-wrap:break-word}.op-chat-msg-user{align-self:flex-end;background:rgba(184,115,51,.12);border:1px solid rgba(184,115,51,.2)}.op-chat-msg-assistant{align-self:flex-start;background:hsla(0,0%,100%,.05);border:1px solid var(--border-subtle)}.op-chat-msg-admin{align-self:flex-start;background:rgba(59,130,246,.08);border-left:3px solid #3b82f6}.op-chat-msg-system{align-self:center;max-width:100%}.op-chat-system{font-size:11px;color:var(--text-muted);font-style:italic;text-align:center;padding:4px 12px;background:hsla(0,0%,100%,.03);border-radius:6px;display:inline-block}.op-chat-msg-header{display:flex;align-items:center;gap:8px;margin-bottom:3px}.op-chat-msg-role{font-size:11px;font-weight:700;color:var(--copper)}.op-chat-msg-user .op-chat-msg-role{color:var(--copper-light)}.op-chat-msg-admin .op-chat-msg-role,.op-chat-msg-assistant .op-chat-msg-role{color:#63b3ed}.op-chat-msg-time{font-size:10px;color:var(--text-muted)}.op-chat-msg-body{white-space:pre-wrap;color:var(--text-main)}.op-chat-translation-chip{font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 6px;border-radius:999px;background:rgba(72,187,120,.18);color:#68d391;border:1px solid rgba(72,187,120,.28)}.op-chat-msg-body-bilingual{display:flex;flex-direction:column;gap:6px}.op-chat-msg-original{opacity:.9}.op-chat-msg-translation{font-size:12px;padding:6px 8px;border-radius:6px;background:hsla(0,0%,100%,.04);border-left:2px solid #63b3ed;white-space:pre-wrap}.op-chat-msg-user .op-chat-msg-translation{border-left-color:var(--copper-light)}.op-chat-msg-admin .op-chat-msg-translation{border-left-color:#3b82f6}.op-chat-msg-translation-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-right:6px}.op-translation-toolbar{display:flex;gap:8px;align-items:center;margin-bottom:8px}.op-chat-actions{border-top:1px solid var(--border-subtle);flex-wrap:wrap}.op-chat-actions,.op-chat-whisper-section{display:flex;gap:6px;padding:10px 0;flex-shrink:0}.op-chat-whisper-section{border-top:1px solid rgba(214,158,46,.2);flex-direction:column}.op-chat-input-bar{display:flex;gap:8px;padding:10px 0;border-top:1px solid var(--border-subtle);flex-shrink:0}.op-chat-input{flex:1 1}.op-workload-bar{display:flex;gap:20px;align-items:center;flex:1 1;justify-content:center}.op-workload-item{display:flex;align-items:center;gap:5px}.op-workload-count{font-size:15px;font-weight:700;font-family:IBM Plex Mono,monospace}.op-workload-open{color:#63b3ed}.op-workload-waiting{color:#fbbf24}.op-workload-mine{color:var(--copper)}.op-workload-total{color:var(--text-main)}.op-workload-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.op-workload-divider{width:1px;height:20px;background:var(--border-subtle)}.op-customer-card{background:var(--panel-bg);border:1px solid var(--border-subtle);border-radius:10px;padding:12px 16px;margin-bottom:12px}.op-customer-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.op-customer-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--copper-light),var(--copper));color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.op-customer-info{display:flex;flex-direction:column;gap:1px;min-width:0}.op-customer-name{font-size:13px;font-weight:600;color:var(--text-main)}.op-customer-email{font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.op-customer-stats{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.op-customer-stat{font-size:11px;color:var(--text-muted)}.op-customer-admin-link{font-size:11px;color:var(--copper);text-decoration:none;font-weight:600}.op-customer-admin-link:hover{text-decoration:underline}.op-modal-overlay{position:fixed;inset:0;background:var(--overlay-bg);display:flex;align-items:center;justify-content:center;z-index:1000}.op-modal{background:var(--panel-bg);border:1px solid var(--border-copper);border-radius:12px;padding:24px;width:400px;max-width:90vw;box-shadow:0 12px 48px var(--shadow-modal)}.op-modal-title{font-size:16px;font-weight:700;color:var(--text-main);margin-bottom:8px}.op-modal-desc{font-size:13px;color:var(--text-muted);margin-bottom:14px;line-height:1.5}.op-modal-desc strong{color:var(--copper)}.op-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.op-theme-toggle{font-size:16px;padding:4px 8px;line-height:1}[data-theme=light] .op-split-left{background:rgba(0,0,0,.02)}[data-theme=light] .op-live-row:hover,[data-theme=light] .op-queue-row:hover{background:rgba(0,0,0,.04)}[data-theme=light] .op-live-row--selected,[data-theme=light] .op-queue-row--selected{background:rgba(154,95,42,.06)}[data-theme=light] .op-chat-msg-assistant{background:rgba(0,0,0,.03);border-color:var(--border-subtle)}[data-theme=light] .op-chat-msg-user{background:rgba(154,95,42,.08);border-color:rgba(154,95,42,.15)}[data-theme=light] .op-chat-system,[data-theme=light] .op-kb-match,[data-theme=light] .op-tool-details{background:rgba(0,0,0,.03)}[data-theme=light] .op-reply-section{background:rgba(154,95,42,.03)}[data-theme=light] .op-msg-user{background:rgba(154,95,42,.08);border-color:rgba(154,95,42,.15)}[data-theme=light] .op-msg-assistant{background:rgba(0,0,0,.03)}[data-theme=light] .op-escalation-reason{background:rgba(245,158,11,.06);border-color:rgba(245,158,11,.15)}[data-theme=light] .op-note,[data-theme=light] .op-tool-entry{border-bottom-color:rgba(0,0,0,.06)}[data-theme=light] .op-btn-copper,[data-theme=light] .op-customer-avatar{color:#fff}html{transition:background .2s ease,color .2s ease}@keyframes anchor-highlight{0%{background-color:rgba(184,115,51,.3)}to{background-color:transparent}}.op-summary-card{background:rgba(184,115,51,.04);border-left:3px solid rgba(184,115,51,.5);border-radius:8px;padding:12px 14px;margin-bottom:12px;font-size:13px}.op-summary-loading{opacity:.6}.op-summary-meta-note{font-size:11px;color:var(--text-muted,#9ba3b5);margin:-8px 2px 10px}.op-summary-pulse{animation:pulse 1.5s ease-in-out infinite;color:var(--text-muted,#9ba3b5);font-style:italic}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.op-summary-tldr{font-weight:700;font-size:14px;margin-bottom:8px;line-height:1.4}.op-summary-section{margin-top:8px;padding-top:6px;border-top:1px solid hsla(0,0%,100%,.06)}.op-summary-section-title{font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted,#9ba3b5);margin-bottom:4px}.op-summary-issue,.op-summary-solution{display:flex;align-items:center;gap:6px;padding:3px 0;flex-wrap:wrap}.op-summary-severity-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.op-summary-outcome-badge{font-weight:600;font-size:11px;flex-shrink:0}.op-summary-citation{background:none;border:none;color:#b87333;cursor:pointer;font-size:11px;font-weight:600;padding:0 1px;vertical-align:super;line-height:1;font-family:inherit}.op-summary-citation:hover{text-decoration:underline}.op-summary-recurring{margin-top:8px;padding:4px 8px;background:rgba(245,158,11,.08);border-radius:4px;font-size:12px;color:#fbbf24;font-weight:600}.op-summary-sentiment{margin-top:6px;font-size:12px;color:var(--text-muted,#9ba3b5)}.op-summary-sentiment-icon{font-weight:700}.op-convo-bot-section{margin-bottom:8px}.op-convo-section-header{background:none;border:none;color:#b87333;cursor:pointer;font-size:13px;font-weight:600;padding:6px 0;display:flex;align-items:center;gap:6px;font-family:inherit}.op-convo-section-header:hover{opacity:.8}.op-chat-messages--bot{border-left:2px solid rgba(184,115,51,.2);padding-left:12px;margin-top:8px;opacity:.75}.op-chat-msg--highlighted{animation:anchor-highlight 2s ease-out}.sw-summary-card{border-left:3px solid rgba(184,115,51,.5);padding:10px 12px;font-size:13px}.sw-summary-tldr{font-weight:700;font-size:14px;margin-bottom:6px}.sw-summary-section{margin-top:6px;padding-top:4px;border-top:1px solid hsla(0,0%,100%,.06)}.sw-summary-section-title{font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted,#9ba3b5);margin-bottom:3px}.sw-summary-issue,.sw-summary-solution{display:flex;align-items:center;gap:6px;padding:2px 0;flex-wrap:wrap}.sw-summary-outcome-badge{font-weight:600;font-size:11px;flex-shrink:0}.sw-summary-citation{background:none;border:none;color:#b87333;cursor:pointer;font-size:11px;font-weight:600;padding:0 1px;vertical-align:super;line-height:1;font-family:inherit}.sw-summary-citation:hover{text-decoration:underline}.sw-msg-highlighted{animation:anchor-highlight 2s ease-out}[data-theme=light] .op-summary-card{background:rgba(184,115,51,.06);border-left-color:rgba(184,115,51,.4)}[data-theme=light] .op-chat-msg--highlighted{animation:anchor-highlight-light 2s ease-out}@keyframes anchor-highlight-light{0%{background-color:rgba(184,115,51,.2)}to{background-color:transparent}}