:root{--accent:#FF7F01;--accent-strong:#E95931;--gold:#FFCD2C;--accent-tint:#FFF0E4;--bg:#F5F6F8;--surface:#FFFFFF;--surface-2:#F0F2F5;--surface-3:#E9ECF1;--border:#E3E6EB;--border-strong:#CDD2DA;--text:#23272E;--text-secondary:#5A616B;--text-muted:#8A919C;--text-invert:#F4F6F9;--success:#1F8A5B;--success-bg:#E6F4EC;--warning:#8A6D00;--warning-bg:#FFF4CF;--danger:#C0392B;--danger-bg:#FBEAE8;--info:#2C6FB5;--info-bg:#E7F0FA;--brand-badge:#B4431F;--brand-badge-bg:#FFF0E4;--font-sans:"Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans",system-ui,-apple-system,sans-serif;--fs-body:0.9375rem;--fs-small:0.8125rem;--fs-micro:0.6875rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--radius-sm:6px;--radius:10px;--radius-pill:999px;--shadow-sm:0 1px 2px rgba(16,24,40,0.06);--shadow-lg:0 12px 32px rgba(16,24,40,0.12);--topbar-h:52px;--views-w:190px;--ease:cubic-bezier(0.22,1,0.36,1)}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--fs-body);line-height:1.6;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0}.text-muted{color:var(--text-muted)}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.app{display:grid;grid-template-columns:56px var(--views-w) 1fr;height:100vh;overflow:hidden}.app.views-collapsed{grid-template-columns:56px 1fr}.rail{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding:var(--space-3) 0;gap:var(--space-2)}.rail__mark{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--accent) 0,var(--accent-strong) 100%);color:#fff;font-size:17px;font-weight:700;margin-bottom:var(--space-3)}.rail-btn,.rail__mark{display:flex;align-items:center;justify-content:center}.rail-btn{width:40px;height:40px;border-radius:var(--radius-sm);border:none;background:none;cursor:pointer;font-size:18px;color:var(--text-secondary);position:relative;transition:background .15s var(--ease);text-decoration:none}.rail-btn:hover{background:var(--surface-2)}.rail-btn.is-active{background:var(--accent-tint);box-shadow:inset 0 0 0 1px var(--accent)}.rail-btn .dot{position:absolute;top:5px;right:5px;min-width:15px;height:15px;padding:0 3px;border-radius:var(--radius-pill);background:var(--danger);color:#fff;font-size:10px;font-weight:700;line-height:15px}.rail__foot{margin-top:auto;align-items:center;gap:var(--space-2)}.rail__foot,.views{display:flex;flex-direction:column}.views{background:var(--surface);border-right:1px solid var(--border);gap:1px;padding:var(--space-3) var(--space-2);min-height:0;overflow-y:auto}.view-item{display:flex;align-items:baseline;gap:var(--space-2);width:100%;text-align:left;font-family:inherit;font-size:var(--fs-small);line-height:1.5;color:var(--text-secondary);background:none;border:none;border-radius:var(--radius-sm);padding:6px var(--space-2);cursor:pointer;overflow-wrap:anywhere;transition:background .12s var(--ease)}.view-item__label{flex:1 1;min-width:0}.view-item__count{flex:0 0 auto;font-size:var(--fs-micro);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-muted)}.view-item__count.is-zero{opacity:.45}.view-item.is-active .view-item__count{color:inherit}.view-item:hover{background:var(--surface-2)}.view-item.is-active{background:var(--accent-tint);color:var(--accent-strong);font-weight:700;box-shadow:inset 2px 0 0 var(--accent)}.views__sep{margin:var(--space-3) var(--space-2) var(--space-1);padding-top:var(--space-2);border-top:1px solid var(--border);font-size:var(--fs-micro);font-weight:700;color:var(--text-muted)}.views-toggle{flex:0 0 auto;padding:var(--space-2);font-size:1rem}.view-select{display:none}.workspace{display:flex;flex-direction:column;min-width:0;height:100vh}.topbar{height:var(--topbar-h);flex:0 0 auto;display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-4);background:var(--surface);border-bottom:1px solid var(--border)}.topbar__title{font-weight:700;font-size:1rem;white-space:nowrap}.topbar__search{flex:1 1;max-width:400px;font-family:var(--font-sans);font-size:var(--fs-small);color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-pill);padding:6px 16px}.topbar__search:focus{outline:none;border-color:var(--accent);background:var(--surface)}.demo-badge{font-size:var(--fs-micro);font-weight:700;letter-spacing:.06em;color:var(--brand-badge);background:var(--brand-badge-bg);border:1px dashed var(--accent);border-radius:var(--radius-pill);padding:3px 12px;white-space:nowrap}.screen{display:none;flex:1 1;min-height:0}.screen.is-visible{display:flex}.three{display:grid;grid-template-columns:300px minmax(0,1fr) 300px;width:100%;min-height:0}.pane{min-height:0;overflow-y:auto}.list-pane{border-right:1px solid var(--border);flex-direction:column}.filters,.list-pane{background:var(--surface);display:flex}.filters{gap:6px;flex-wrap:wrap;padding:var(--space-3);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}.filter-chip{font-size:var(--fs-micro);font-weight:700;cursor:pointer;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);color:var(--text-secondary);padding:3px 10px;font-family:inherit}.filter-chip.is-active{background:var(--accent-tint);color:var(--accent-strong);border-color:var(--accent)}.filters__note{margin:0;padding:0 var(--space-3) var(--space-2);font-size:var(--fs-micro);line-height:1.5;color:var(--text-muted);background:var(--surface);border-bottom:1px solid var(--border)}.filters__note strong{color:var(--text-secondary)}.view-filters{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);background:var(--surface)}.view-filter{display:inline-flex;align-items:center;gap:var(--space-1)}.view-filter .select{max-width:11rem}.ticket-item{display:block;width:100%;text-align:left;font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;border-bottom:1px solid var(--surface-3);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background .12s var(--ease)}.ticket-item:hover{background:var(--surface-2)}.ticket-item.is-selected{background:var(--accent-tint);box-shadow:inset 3px 0 0 var(--accent)}.ticket-item .row1{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-micro);color:var(--text-muted)}.ticket-item .row1 .t{margin-left:auto;white-space:nowrap}.ticket-item .subj{font-size:var(--fs-small);margin:2px 0;color:var(--text)}.ticket-item.is-unread .subj{font-weight:700}.ticket-item .row3{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;font-size:var(--fs-micro);color:var(--text-secondary)}.unread-dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto;background:var(--accent-strong)}.reply-flag{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-micro);font-weight:700;color:var(--danger);background:var(--danger-bg);border-radius:var(--radius-pill);padding:2px 9px}.ticket-item .preview{font-size:var(--fs-micro);color:var(--text-muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.convo-pane{display:flex;flex-direction:column;background:var(--bg)}.convo-head{padding:var(--space-3) var(--space-4);background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}.convo-head__top{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.convo-head .subject{font-size:1.02rem;font-weight:700;line-height:1.45;min-width:0;overflow-wrap:anywhere}.convo-head__from,.convo-head__status{flex:1 0 100%;font-size:var(--fs-micro);color:var(--text-secondary);overflow-wrap:anywhere;margin-top:2px}.convo-head__status{min-height:1.5em;line-height:1.5}.convo-head__status .is-warning{color:var(--danger);font-weight:700}.convo-head__status .sync{color:var(--text-muted)}.convo-head .meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-2)}.convo-body{gap:var(--space-3)}.context-pane,.convo-body{padding:var(--space-4);display:flex;flex-direction:column}.context-pane{border-left:1px solid var(--border);gap:var(--space-4)}.card,.context-pane{background:var(--surface)}.card{border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);box-shadow:var(--shadow-sm)}.card__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);gap:var(--space-2);flex-wrap:wrap}.card__title{font-size:var(--fs-body);font-weight:700;margin:0}.status{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-micro);font-weight:700;padding:2px 9px;border-radius:var(--radius-pill);line-height:1.4;white-space:nowrap}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status--success{color:var(--success);background:var(--success-bg)}.status--warning{color:var(--warning);background:var(--warning-bg)}.status--danger{color:var(--danger);background:var(--danger-bg)}.status--info{color:var(--info);background:var(--info-bg)}.status--brand{color:var(--brand-badge);background:var(--brand-badge-bg)}.status--muted{color:var(--text-muted);background:var(--surface-3)}.chip{display:inline-flex;align-items:center;gap:4px;font-weight:700;color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-pill);padding:2px 9px}.channel-tag,.chip{font-size:var(--fs-micro);white-space:nowrap}.channel-tag{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:700;font-size:var(--fs-small);line-height:1;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:background .15s var(--ease)}.btn--primary{color:#fff;background:var(--accent-strong)}.btn--primary:hover{background:#d34d29}.btn--secondary{color:var(--text);background:var(--surface);border-color:var(--border-strong)}.btn--secondary:hover{background:var(--surface-2)}.btn--ghost{color:var(--accent-strong);background:transparent}.btn--ghost:hover{background:var(--accent-tint)}.btn--ghost.btn--quiet{color:var(--text-secondary)}.btn--ghost.btn--quiet:hover{background:var(--surface-2)}.btn--ghost:disabled{color:var(--text-secondary)}.btn--ghost:disabled:hover{background:transparent}.btn:disabled{opacity:.5;cursor:default}.select,.textarea{font-family:var(--font-sans);font-size:var(--fs-small);color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);max-width:100%;min-width:0}.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,127,1,.15)}.textarea{width:100%;resize:vertical;min-height:130px;line-height:1.7;padding:var(--space-3)}.avatar,.label{font-size:var(--fs-micro);font-weight:700;color:var(--text-secondary)}.avatar{width:30px;height:30px;border-radius:50%;flex:0 0 auto;background:var(--surface-3);display:inline-flex;align-items:center;justify-content:center}.avatar--orange{background:var(--accent-tint);color:var(--accent-strong)}.avatar--green{background:var(--success-bg);color:var(--success)}.avatar--blue{background:var(--info-bg);color:var(--info)}.msg{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.msg__head{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface-2);border-bottom:1px solid var(--border);font-size:var(--fs-micro);flex-wrap:wrap}.msg__head .who{font-weight:700;color:var(--text);font-size:var(--fs-small)}.msg__head .when{color:var(--text-muted);margin-left:auto;white-space:nowrap}.msg__head .mail{min-width:0;overflow-wrap:anywhere}.msg__body{padding:var(--space-3) var(--space-4);font-size:var(--fs-small)}.msg__text{margin:0;white-space:pre-wrap;word-break:break-word;line-height:1.8}.msg--out{border-color:#F0C7A6}.msg--out .msg__head{background:var(--accent-tint);border-bottom-color:#F0C7A6}.msg--note{border-color:#E7D48A}.msg--note .msg__head{background:var(--warning-bg);border-bottom-color:#E7D48A}.msg--note .msg__body{background:#FFFBEB}.note-badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-micro);font-weight:700;color:var(--warning);background:var(--warning-bg);border:1px solid #e7d48a;border-radius:var(--radius-pill);padding:2px 9px;white-space:nowrap}@media (min-width:961px){.msg--in{margin-right:var(--space-6)}.msg--out{margin-left:var(--space-6)}}.attach-list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px dashed var(--border)}.msg__body>.attach-list:first-child{margin-top:0;padding-top:0;border-top:none}.attach{display:inline-flex;align-items:center;gap:5px;font-family:inherit;font-size:var(--fs-micro);font-weight:700;color:var(--info);background:var(--info-bg);border:none;border-radius:var(--radius-pill);padding:4px 11px;cursor:pointer;text-decoration:underline}.attach:hover{background:#d9e7f6}.reply-divider{display:flex;align-items:center;gap:var(--space-3)}.reply-divider__label{font-size:var(--fs-micro);font-weight:700;color:var(--text-muted);white-space:nowrap;letter-spacing:.04em}.reply-divider__line{flex:1 1;height:1px;background:var(--border-strong)}.reply-box{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);overflow:hidden}.reply-box--note{border-color:#E7D48A}.reply-box__toolbar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface-2);border-bottom:1px solid var(--border);flex-wrap:wrap}.reply-box--note .reply-box__toolbar{background:var(--warning-bg);border-bottom-color:#E7D48A}.reply-tab{font-size:var(--fs-small);font-weight:700;cursor:pointer;padding:5px 12px;border-radius:var(--radius-sm);color:var(--text-muted);background:none;border:none;font-family:inherit}.reply-tab.is-active{color:var(--accent-strong);background:var(--surface);box-shadow:inset 0 -2px 0 var(--accent)}.reply-tab--note.is-active{color:var(--warning);background:var(--surface);box-shadow:inset 0 -2px 0 var(--gold)}.note-warning{margin:0;padding:var(--space-2) var(--space-3);background:var(--warning-bg);color:var(--warning);border-bottom:1px solid #e7d48a;font-size:var(--fs-small);font-weight:700;line-height:1.6}.reply-box textarea{border:none;border-radius:0;box-shadow:none!important}.reply-box__foot{gap:var(--space-2);padding:var(--space-2) var(--space-3);border-top:1px solid var(--border)}.reply-box__foot,.reply-compose-start{display:flex;align-items:center;flex-wrap:wrap}.reply-compose-start{gap:var(--space-3);padding:var(--space-3) var(--space-3) 0}.reply-compose-start__or{font-size:var(--fs-small);color:var(--text-muted)}.reply-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;padding:0 var(--space-3) var(--space-2)}.reply-actions__hint{font-size:var(--fs-micro);color:var(--text-muted)}.dry-run-hint{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-micro);color:var(--text-secondary);font-weight:700}.dry-run-hint:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold);flex:0 0 auto}.done-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-3);border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface)}.done-row__label{font-size:var(--fs-micro);font-weight:700;color:var(--text-secondary)}.schedule-form{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;padding:var(--space-3);border-top:1px solid var(--border);background:var(--info-bg)}.schedule-form .select,.schedule-list{background:var(--surface)}.schedule-list{border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3)}.schedule-list__head{font-size:var(--fs-small);font-weight:700;margin-bottom:var(--space-2)}.schedule-item{padding:var(--space-2) 0;border-top:1px solid var(--surface-3)}.schedule-item:first-of-type{border-top:none}.schedule-item__main{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.schedule-item__when{font-size:var(--fs-small);font-weight:700}.schedule-item__body{color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.schedule-item__body,.schedule-item__error{margin:var(--space-1) 0 0;font-size:var(--fs-micro)}.schedule-item__error{color:var(--danger);font-weight:700}.ai-summary{border:1px solid var(--border);border-left:3px solid var(--info);border-radius:var(--radius);background:var(--surface);padding:var(--space-3) var(--space-4)}.ai-summary__title{font-size:var(--fs-small);font-weight:700;margin-bottom:var(--space-1)}.ai-summary__body{margin:0;font-size:var(--fs-small);line-height:1.8;white-space:pre-wrap;word-break:break-word}.ai-summary__next{margin:var(--space-2) 0 0;font-size:var(--fs-micro);color:var(--text-muted);font-weight:700}.ai-banner{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface-2);padding:var(--space-2) var(--space-3);font-size:var(--fs-small)}.ai-banner__reason{color:var(--text-secondary);min-width:0}.merge-panel{flex:1 0 100%;display:flex;flex-direction:column;gap:var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-2);padding:var(--space-3);font-size:var(--fs-small)}.merge-panel__title{margin:0;font-weight:700;overflow-wrap:anywhere}.merge-panel__row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.merge-panel__target{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start;border-top:1px solid var(--border);padding-top:var(--space-2)}.merge-panel__subject{margin:0;font-weight:700;overflow-wrap:anywhere}.triage-flag{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-micro);font-weight:700;color:var(--text-secondary);background:var(--surface-3);border-radius:var(--radius-pill);padding:2px 9px;white-space:nowrap}@media (min-width:481px){.btn.ai-btn{min-width:9.5rem}}.ai-confirm{background:var(--warning-bg);color:var(--warning);border-bottom:1px solid #e7d48a}.ai-confirm,.ai-draft-note{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin:0;padding:var(--space-2) var(--space-3);font-size:var(--fs-small);font-weight:700}.ai-draft-note{background:var(--info-bg);color:var(--info);border-bottom:1px solid #cbd9ea}.ai-draft-note span{min-width:0}.ai-check{border-top:1px solid var(--border);padding:var(--space-3);background:var(--surface-2)}.ai-check__head{font-size:var(--fs-small);font-weight:700;margin-bottom:var(--space-2)}.ai-check__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.ai-check__item{font-size:var(--fs-small);line-height:1.7;color:var(--text-secondary)}.ai-check__item--warn{color:var(--warning);font-weight:700}.ai-check__failed{margin:0;border-top:1px solid var(--border);color:var(--text-muted)}.ai-check__failed,.ledger-notice{padding:var(--space-2) var(--space-3);font-size:var(--fs-micro)}.ledger-notice{margin:0 0 var(--space-2);border-radius:var(--radius-sm);background:var(--surface-2);font-weight:700;line-height:1.7;color:var(--text-secondary)}.ledger-notice--alias{background:var(--info-bg);color:var(--info)}.ledger-notice--warning{background:var(--danger-bg);color:var(--danger)}.fact{display:flex;justify-content:space-between;gap:var(--space-2);padding:5px 0;border-bottom:1px solid var(--surface-3);font-size:var(--fs-micro)}.fact:last-child{border-bottom:none}.fact dt{color:var(--text-muted);margin:0;white-space:nowrap}.fact dd{margin:0;font-weight:700;text-align:right;word-break:break-all}dl{margin:0}.history-item{padding:var(--space-2) 0;border-bottom:1px solid var(--surface-3);font-size:var(--fs-micro)}.history-item:last-child{border-bottom:none}.history-item .t,.note-text{color:var(--text-muted)}.note-text{font-size:var(--fs-micro);margin:var(--space-2) 0 0}.state{padding:var(--space-6) var(--space-4);text-align:center;color:var(--text-muted);font-size:var(--fs-small)}.state__icon{display:block;font-size:30px;margin-bottom:var(--space-2)}.error-banner{margin:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--danger-bg);color:var(--danger);font-size:var(--fs-small);font-weight:700}.page{flex:1 1;overflow-y:auto;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.page-title{display:flex;align-items:baseline;gap:var(--space-3);flex-wrap:wrap}.page-title h1{font-size:1.35rem}.page-title .sub{color:var(--text-muted);font-size:var(--fs-small)}.kb-item{border-bottom:1px solid var(--border);padding:var(--space-4) 0}.kb-item:last-child{border-bottom:none}.kb-item__q{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;width:100%;text-align:left;font-family:inherit;font-size:var(--fs-body);font-weight:700;color:var(--text);background:none;border:none;padding:0;cursor:pointer;margin-bottom:var(--space-1)}.kb-item__q:hover{color:var(--accent-strong)}.kb-item__a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kb-item__a,.kb-item__full{font-size:var(--fs-small);color:var(--text-secondary);margin:0 0 var(--space-2)}.kb-item__full{white-space:pre-wrap;word-break:break-word;line-height:1.8}.kb-item__meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.kb-item__confirm{font-size:var(--fs-small);font-weight:700;color:var(--danger)}.kb-form{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-2);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.kb-form__title{width:100%;padding:var(--space-2) var(--space-3)}.kb-form .textarea{background:var(--surface);min-height:160px}.kb-form__foot{display:flex;flex-wrap:wrap}.kb-form__check,.kb-form__foot{align-items:center;gap:var(--space-2)}.kb-form__check{display:inline-flex;font-size:var(--fs-small)}.grid{display:grid;gap:var(--space-4)}.grid--kpi{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.kpi{display:flex;flex-direction:column;gap:var(--space-1)}.kpi__label{font-size:var(--fs-small);color:var(--text-muted)}.kpi__value{font-size:1.8rem;font-weight:700;line-height:1.2;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kpi__unit{font-size:1rem;font-weight:700;color:var(--text-muted)}.kpi__delta{font-size:var(--fs-micro);font-weight:700;color:var(--text-secondary)}.kpi__delta--up{color:var(--success)}.kpi-card{border-left:3px solid var(--accent)}.kpi-card--danger{border-left-color:var(--danger)}.kpi-card--success{border-left-color:var(--success)}.bars{display:flex;flex-direction:column;margin-top:var(--space-4)}.bar-row,.bars{gap:var(--space-3)}.bar-row{display:grid;grid-template-columns:minmax(0,7rem) 1fr auto;align-items:center;font-size:var(--fs-small)}.bar-track{background:var(--surface-2);height:13px;overflow:hidden}.bar-fill,.bar-track{border-radius:var(--radius-pill)}.bar-fill{height:100%;background:linear-gradient(90deg,var(--accent) 0,var(--accent-strong) 100%)}.bar-row .num{text-align:right;font-weight:700;white-space:nowrap}.fine-print{font-size:var(--fs-micro);color:var(--text-secondary);line-height:1.8;margin:var(--space-3) 0 0}.btn.back-btn{display:none}#toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(80px);background:var(--text);color:var(--text-invert);font-size:var(--fs-small);font-weight:700;padding:10px 20px;border-radius:var(--radius-pill);box-shadow:var(--shadow-lg);opacity:0;transition:all .3s var(--ease);z-index:100;pointer-events:none;max-width:90vw;text-align:center}#toast.show{transform:translateX(-50%) translateY(0);opacity:1}@media (max-width:1180px){.three{grid-template-columns:260px minmax(0,1fr) 260px}:root{--views-w:168px}}@media (max-width:960px){.app{grid-template-columns:56px 1fr}.views,.views-toggle{display:none}.view-select{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);background:var(--surface)}.view-select .select{flex:1 1;min-width:0}.three{display:block;overflow-y:auto}.context-pane,.convo-pane,.list-pane{border:none}.three .context-pane,.three .convo-pane,.three.show-convo .list-pane{display:none}.three.show-convo .convo-pane{display:flex}.three.show-convo .context-pane{display:flex;border-top:8px solid var(--surface-3)}.btn.back-btn{display:inline-flex}.topbar{height:auto;min-height:var(--topbar-h);flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.topbar__title{min-width:0;overflow:hidden;text-overflow:ellipsis}.topbar__search{flex:1 1 7rem;max-width:none;min-width:0;font-size:16px;padding:6px 12px}.page{padding:var(--space-4)}.schedule-form input[type=datetime-local]{font-size:16px}.demo-badge{width:100%;text-align:center}}.mode-switch{margin-left:auto;display:flex;flex:0 0 auto;border:1px solid var(--border-strong);border-radius:var(--radius-pill);overflow:hidden}.mode-switch button{font-family:inherit;font-size:var(--fs-micro);font-weight:700;border:none;background:var(--surface);color:var(--text-secondary);padding:5px 14px;cursor:pointer}.mode-switch button.is-active{background:var(--accent-strong);color:#fff}.context-btn{display:none;margin-left:auto}.context-close{display:none}body.mode-simple .context-close{display:inline-flex}body.mode-simple{--fs-body:1.0625rem;--fs-small:0.9375rem;--fs-micro:0.8125rem}body.mode-simple .adv{display:none!important}body.mode-simple .context-btn{display:inline-flex}body.mode-simple .ticket-item{padding:var(--space-4)}body.mode-simple .convo-head .subject{font-size:1.35rem}body.mode-simple .convo-body{gap:var(--space-4)}body.mode-simple .btn{padding:var(--space-3) var(--space-4)}body.mode-simple .three{grid-template-columns:320px minmax(0,1fr)}body.mode-simple .three.show-context{grid-template-columns:300px minmax(0,1fr) 340px}body.mode-simple .three:not(.show-context) .context-pane{display:none}@media (max-width:960px){.mode-switch{margin-left:0}}@media (max-width:480px){.topbar__title{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}