:root{color-scheme:light;--bg: #f6f8fb;--surface: #ffffff;--surface-muted: #eef3f8;--border: #d6dde8;--border-strong: #aeb9c8;--text: #17202f;--text-muted: #5d6878;--accent: #1d5fd1;--accent-strong: #164da8;--accent-soft: #dceaff;--success: #16724d;--success-soft: #dff5eb;--warning: #9a6200;--warning-soft: #fff0cf;--danger: #bb2e3a;--danger-soft: #ffe1e5;--info: #1f6f8b;--info-soft: #dff3fb;--shadow: 0 14px 32px rgba(20, 32, 48, .08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{color-scheme:dark;--bg: #101419;--surface: #171d24;--surface-muted: #202832;--border: #32404d;--border-strong: #506170;--text: #edf2f7;--text-muted: #a7b3bf;--accent: #6aa6ff;--accent-strong: #9cc4ff;--accent-soft: #183152;--success: #74d5a2;--success-soft: #133525;--warning: #f1bf65;--warning-soft: #3a2b12;--danger: #ff8c99;--danger-soft: #3a1820;--info: #7bc9e8;--info-soft: #123342;--shadow: 0 14px 32px rgba(0, 0, 0, .32)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:18px;min-height:72px;padding:12px 20px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.product-mark,.nav-button,.context-strip,.preference-controls,.workspace-actions,.button-row,.operation-strip,.blocker-list,.send-warning{display:flex;align-items:center}.product-mark{gap:10px;font-weight:760;letter-spacing:0}.main-nav{display:flex;gap:4px;min-width:0}.context-strip{flex-wrap:wrap;gap:8px;color:var(--text-muted);font-size:12px}.context-strip span{padding:5px 8px;border:1px solid var(--border);border-radius:6px;background:var(--surface-muted);white-space:nowrap}.preference-controls{gap:10px}.ui-field-label{display:grid;gap:4px;color:var(--text-muted);font-size:12px}.ui-field-label-text{font-weight:700}.ui-field-label-description{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-field-label select,.queue-filters select,.queue-filters input{width:100%;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);min-height:34px}.ui-field-label select{min-width:116px;padding:6px 8px 6px 30px}.select-icon{position:relative;top:31px;left:8px;width:18px;height:0;color:var(--text-muted);pointer-events:none}.workspace-layout{display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:18px;width:100%;padding:18px}.console-layout{width:100%;padding:18px}.console-main{display:grid;gap:18px;width:min(1280px,100%);margin:0 auto}.queue-panel,.ui-panel{border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.queue-panel{align-self:start;position:sticky;top:90px;display:grid;gap:14px;padding:16px;max-height:calc(100vh - 108px)}.workspace-main{min-width:0;display:grid;gap:18px}.workspace-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}h1,h2,h3,p{margin:0}h1{font-size:28px;line-height:1.18}h2{font-size:17px;line-height:1.3}h3{font-size:13px;line-height:1.3}p{color:var(--text-muted);line-height:1.5}.workspace-title p,.panel-heading p,.ticket-header p{margin-top:4px}.workspace-actions,.button-row,.operation-strip,.blocker-list{gap:8px;flex-wrap:wrap}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.queue-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px}.queue-filters label{grid-column:1 / -1;position:relative;display:block}.queue-filters label svg{position:absolute;left:10px;top:10px;color:var(--text-muted)}.queue-filters input{padding:6px 8px 6px 32px}.queue-filters select{padding:6px 8px}.queue-list{display:grid;gap:8px;overflow:auto;padding-right:2px}.queue-row{display:grid;gap:10px;width:100%;min-height:124px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);text-align:left;cursor:pointer}.queue-row:hover,.queue-row-active{border-color:var(--accent);background:var(--accent-soft)}.queue-row-main,.queue-row-meta{display:grid;gap:5px}.ticket-number{color:var(--accent);font-size:12px;font-weight:780}.ticket-title{font-weight:720}.ticket-preview{color:var(--text-muted);font-size:13px;line-height:1.45}.queue-row-meta{grid-template-columns:auto 1fr;color:var(--text-muted);font-size:12px}.ticket-detail,.timeline-panel,.draft-panel,.reply-panel,.send-panel,.setup-panel{padding:18px}.ticket-header{display:flex;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--border)}.eyebrow{display:block;margin-bottom:4px;color:var(--text-muted);font-size:12px;font-weight:760;text-transform:uppercase}.ticket-status-stack{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap;justify-content:flex-end}.ticket-facts,.send-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}.operation-strip{margin-top:16px;padding-bottom:16px;border-bottom:1px solid var(--border)}.ticket-side-sections{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}.ticket-side-sections section{display:grid;gap:6px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-muted)}.detail-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:18px;align-items:start}.setup-grid,.console-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}.console-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-panel{display:grid;gap:16px}.setup-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.setup-controls{display:grid;gap:12px}.readiness-list{display:grid;gap:8px;max-height:252px;overflow:auto;padding-right:2px}.readiness-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;min-height:56px;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-muted)}.readiness-meta{display:grid;gap:4px;min-width:0}.readiness-meta strong{font-size:13px}.readiness-meta span{overflow-wrap:anywhere;color:var(--text-muted);font-size:12px}.readiness-status{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.preset-list{display:grid;gap:8px;max-height:312px;overflow:auto;padding-right:2px}.preset-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;min-height:58px;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-muted)}.preset-meta{display:grid;gap:4px;min-width:0}.preset-meta strong{font-size:13px}.preset-meta span{overflow-wrap:anywhere;color:var(--text-muted);font-size:12px}.preset-status{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.toggle-line{display:flex;align-items:center;gap:10px;min-height:38px;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-muted);color:var(--text);font-size:13px;font-weight:690}.toggle-line input{width:16px;height:16px;accent-color:var(--accent)}.reply-panel,.send-panel{grid-column:2}.timeline-panel{grid-row:span 3}.timeline-list,.draft-body,.reply-body{display:grid;gap:12px;margin-top:16px}.timeline-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-muted)}.timeline-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:var(--surface);color:var(--accent)}.timeline-meta{display:flex;justify-content:space-between;gap:8px;margin-bottom:6px;font-size:12px;color:var(--text-muted)}.timeline-meta strong{color:var(--text);text-transform:capitalize}.fact{display:grid;gap:4px;min-width:0;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-muted)}.fact span{color:var(--text-muted);font-size:12px;font-weight:700}.fact strong{overflow-wrap:anywhere;font-size:13px;font-weight:690}.draft-copy,.reply-copy{width:100%;min-height:168px;resize:vertical;padding:12px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);color:var(--text);line-height:1.55}.reply-copy{min-height:132px}.reply-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.reply-summary{display:flex;align-items:center;gap:8px;min-width:0;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-muted);color:var(--text-muted);font-size:12px}.reply-summary span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blocker-list{margin-top:4px}.send-warning{gap:8px;margin-top:14px;padding:10px;border:1px solid var(--warning);border-radius:8px;background:var(--warning-soft);color:var(--warning);font-size:13px;font-weight:680}.send-button{width:100%;margin-top:14px;justify-content:center}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:8px 12px;border:1px solid transparent;border-radius:7px;font-weight:720;line-height:1;cursor:pointer}.ui-button-primary{background:var(--accent);color:#fff}.ui-button-primary:hover{background:var(--accent-strong)}.ui-button-secondary{border-color:var(--border);background:var(--surface);color:var(--text)}.ui-button-secondary:hover,.ui-button-ghost:hover{background:var(--surface-muted)}.ui-button-ghost{background:transparent;color:var(--text)}.ui-button-danger{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,transparent)}.ui-button:disabled{cursor:not-allowed;opacity:.54}.nav-button{min-height:36px}.nav-button-active{background:var(--accent-soft);color:var(--accent)}.ui-status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:760;white-space:nowrap}.ui-status-badge-neutral{background:var(--surface-muted);color:var(--text-muted)}.ui-status-badge-success{background:var(--success-soft);color:var(--success)}.ui-status-badge-warning{background:var(--warning-soft);color:var(--warning)}.ui-status-badge-danger{background:var(--danger-soft);color:var(--danger)}.ui-status-badge-info{background:var(--info-soft);color:var(--info)}@media(max-width:1180px){.topbar{grid-template-columns:1fr}.context-strip,.preference-controls{justify-content:flex-start}.workspace-layout,.detail-grid,.ticket-side-sections,.setup-grid,.console-grid{grid-template-columns:1fr}.queue-panel{position:static;max-height:none}.send-panel{grid-column:auto}}@media(max-width:760px){.workspace-layout{padding:12px}.workspace-title,.ticket-header,.panel-heading{flex-direction:column}.ticket-facts,.send-grid,.reply-controls,.readiness-row,.preset-row{grid-template-columns:1fr}.main-nav,.preference-controls{flex-wrap:wrap}}