@charset "UTF-8";:root{--brand-primary: #1c1730;--brand-primary-contrast: #ffffff;--brand-accent: #3d5afe;--brand-accent-contrast: #ffffff;--brand-background: #f2f1f6;--brand-surface: #ffffff;--brand-text: #191723;--brand-text-muted: #5b5870;--brand-border: #e2e0ea;--status-ok: #1a7f37;--status-warn: #8a5c00;--status-danger: #b42318;--status-draft: var(--brand-text-muted);--type-email: #0e7490;--type-telegram: #92400e;--type-whatsapp: #a21caf;--type-fill-contrast: #ffffff;--type-ink-deepen: #000000;--brand-font: "IBM Plex Sans", system-ui, -apple-system, sans-serif;--brand-font-display: "Lora", Georgia, serif;--brand-font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-pill: 999px;--shadow-modal: 0 8px 30px -10px rgba(0, 0, 0, .35);--shadow-toast: 0 8px 24px -12px rgba(0, 0, 0, .35);color-scheme:light}:root{--brand-surface-alt: color-mix(in srgb, var(--brand-text) 4%, var(--brand-surface));--brand-accent-soft: color-mix(in srgb, var(--brand-accent) 12%, var(--brand-surface));--status-ok-bg: color-mix(in srgb, var(--status-ok) 9%, var(--brand-surface));--status-warn-bg: color-mix(in srgb, var(--status-warn) 9%, var(--brand-surface));--status-danger-bg: color-mix(in srgb, var(--status-danger) 9%, var(--brand-surface));--avatar-hue-0: var(--brand-accent);--avatar-hue-1: var(--status-ok);--avatar-hue-2: var(--type-telegram);--avatar-hue-3: var(--status-warn);--avatar-hue-4: var(--type-whatsapp);--avatar-hue-5: var(--type-email);--avatar-bg-0: color-mix(in srgb, var(--avatar-hue-0) 16%, var(--brand-surface));--avatar-bg-1: color-mix(in srgb, var(--avatar-hue-1) 16%, var(--brand-surface));--avatar-bg-2: color-mix(in srgb, var(--avatar-hue-2) 16%, var(--brand-surface));--avatar-bg-3: color-mix(in srgb, var(--avatar-hue-3) 16%, var(--brand-surface));--avatar-bg-4: color-mix(in srgb, var(--avatar-hue-4) 16%, var(--brand-surface));--avatar-bg-5: color-mix(in srgb, var(--avatar-hue-5) 16%, var(--brand-surface))}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--brand-primary: #14101f;--brand-accent: #8a93ff;--brand-accent-contrast: #0c1219;--brand-background: #111017;--brand-surface: #1a1922;--brand-text: #e8e6f0;--brand-text-muted: #9a97ab;--brand-border: #2c2a38;--type-ink-deepen: #ffffff;--type-email: #4cc3e0;--type-telegram: #e3a463;--type-whatsapp: #e07be9;--type-fill-contrast: #0c1219;--status-ok: #3fb950;--status-warn: #d29922;--status-danger: #f47067}}:root[data-theme=dark]{color-scheme:dark;--brand-primary: #14101f;--brand-accent: #8a93ff;--brand-accent-contrast: #0c1219;--brand-background: #111017;--brand-surface: #1a1922;--brand-text: #e8e6f0;--brand-text-muted: #9a97ab;--brand-border: #2c2a38;--type-ink-deepen: #ffffff;--type-email: #4cc3e0;--type-telegram: #e3a463;--type-whatsapp: #e07be9;--type-fill-contrast: #0c1219;--status-ok: #3fb950;--status-warn: #d29922;--status-danger: #f47067}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--brand-font);background:var(--brand-background);color:var(--brand-text);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--brand-font-display);margin:0}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}:focus-visible{outline:2px solid var(--brand-accent);outline-offset:2px}a{color:var(--brand-accent);text-decoration:underline}a:hover{text-decoration:none}.app-shell{display:grid;grid-template-columns:240px 1fr;height:100dvh}@media(min-width:769px){.app-shell.nav-collapsed{grid-template-columns:56px 1fr}.app-shell.nav-collapsed .sidebar-brand,.app-shell.nav-collapsed .sidebar-group-label,.app-shell.nav-collapsed .sidebar-nav-label,.app-shell.nav-collapsed .sidebar-view-count{display:none}.app-shell.nav-collapsed .sidebar-nav-item{justify-content:center;padding:.6rem 0}}.nav-toggle{display:inline-flex;flex:none;align-items:center;justify-content:center;width:44px;height:44px;margin:0 .35rem 0 -.6rem;padding:0;border:none;background:none;color:var(--brand-text);cursor:pointer}.nav-toggle-bars{display:none}.nav-toggle-chevron{display:block;transition:transform .15s ease}.app-shell.nav-collapsed .nav-toggle-chevron{transform:rotate(180deg)}.nav-toggle .bar{display:block;width:18px;height:2px;background:currentColor;border-radius:var(--radius-pill)}.nav-toggle .bar+.bar{margin-top:4px}.sidebar-backdrop{display:none}.sidebar{background:var(--brand-primary);color:var(--brand-primary-contrast);overflow-y:auto;padding-bottom:1rem}.sidebar-brand{font-family:var(--brand-font-display);font-size:1rem;font-weight:600;padding:1.1rem 1.25rem;color:var(--brand-primary-contrast)}.sidebar-group{margin-top:.75rem}.sidebar-group-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600;padding:0 1.25rem;margin-bottom:.35rem;color:color-mix(in srgb,var(--brand-primary-contrast) 60%,var(--brand-primary))}.sidebar-nav{display:flex;flex-direction:column}.sidebar-view-item{display:flex;align-items:center;gap:.5rem}.sidebar-view-count{margin-left:auto;font-family:var(--brand-font-mono);font-size:.72rem;font-variant-numeric:tabular-nums;color:color-mix(in srgb,var(--brand-primary-contrast) 62%,var(--brand-primary))}.sidebar-view-item.active .sidebar-view-count{color:inherit}.sidebar-nav-item{display:flex;align-items:center;gap:.65rem;padding:.5rem 1.25rem;font-size:.88rem;color:color-mix(in srgb,var(--brand-primary-contrast) 75%,var(--brand-primary));text-decoration:none}.nav-icon{display:inline-flex;flex-shrink:0}.nav-icon svg{display:block;width:18px;height:18px}.sidebar-tooltip{position:fixed;transform:translateY(-50%);padding:.3rem .55rem;border-radius:var(--radius-sm);background:var(--brand-text);color:var(--brand-surface);font-size:.72rem;font-weight:600;white-space:nowrap;pointer-events:none;z-index:50}.sidebar-nav-item:hover{color:var(--brand-primary-contrast)}.sidebar-nav-item.active{background:color-mix(in srgb,var(--brand-primary-contrast) 14%,var(--brand-primary));color:var(--brand-primary-contrast);font-weight:600}.sidebar-nav-subitem{padding-left:2.35rem;font-size:.82rem}.main{display:flex;flex-direction:column;min-width:0;min-height:0}.topbar{height:52px;flex:0 0 auto;background:var(--brand-surface);border-bottom:1px solid var(--brand-border);display:flex;align-items:center;padding:0 1rem}.breadcrumb{font-size:.82rem;color:var(--brand-text-muted)}.canvas{flex:1 1 auto;min-height:0;overflow-x:auto;overflow-y:auto;padding:.85rem 1rem 1.5rem}.page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.85rem}.page-header h1{font-size:1.5rem;text-wrap:balance}.page-header .page-subtitle{margin-top:.3rem;font-size:.85rem;color:var(--brand-text-muted)}.page-subtitle-label{font-weight:600;color:var(--brand-text)}.dialog-name-block{flex:1;min-width:0}.dialog-name-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;min-height:2.5rem}.dialog-name-row h1{display:flex;align-items:baseline;flex-wrap:nowrap;gap:.4rem;min-width:0}.dialog-identifier{font-family:var(--brand-font-mono);font-size:.82rem;font-weight:400;color:var(--brand-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:11rem;min-width:3rem}.dialog-name-row:has(.channel-badge-department-wrap) .dialog-identifier{max-width:5.5rem}.channel-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;color:var(--brand-text);flex-shrink:0;white-space:nowrap}.channel-badge-department-wrap{position:relative}.channel-badge-widget-name{position:absolute;top:100%;left:0;margin-top:.15rem;color:var(--brand-text-muted);font-weight:400;white-space:nowrap}.dialog-name-right{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.operators-solo{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:600;color:var(--brand-text-muted);white-space:nowrap}.operators-solo[data-online=true]:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--status-ok);flex-shrink:0}.modal-body>.ticket-card-customer-row{margin-bottom:.7rem}.page-header-actions{display:flex;align-items:flex-end;flex-wrap:wrap;gap:.5rem;flex-shrink:0}.page-header-actions .field{margin-bottom:0}.dialog-action-group{display:flex;align-items:flex-end;flex-wrap:wrap;gap:.5rem}.ai-status-group{align-items:center;gap:.4rem;padding:.3rem .4rem .3rem .7rem;border-radius:var(--radius-pill);background:var(--brand-surface-alt)}.ai-status-group--run{background:var(--status-ok-bg)}.ai-status-group--stopped{background:color-mix(in srgb,var(--status-draft) 10%,var(--brand-surface))}.ai-status-label{font-size:.82rem;font-weight:600;color:var(--brand-text);white-space:nowrap}.field--inline{align-items:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.field--inline .custom-select-trigger{min-width:150px;padding:.55rem .9rem;border-radius:var(--radius-pill);font-size:.88rem}.operators-cluster{position:relative}.operators-cluster-trigger{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--brand-border);background:var(--brand-surface);border-radius:var(--radius-pill);padding:.3rem .6rem .3rem .3rem;color:var(--brand-text-muted);cursor:pointer}.operators-cluster-trigger:hover{background:var(--brand-surface-alt)}.operators-stack{display:flex;gap:.25rem}.operators-stack-item{position:relative;display:inline-flex;border-radius:50%}.operators-stack-item[data-online=true]:after{content:"";position:absolute;right:-1px;bottom:-1px;width:8px;height:8px;border-radius:50%;background:var(--status-ok);box-shadow:0 0 0 2px var(--brand-surface)}.operators-count{font-size:.82rem;font-weight:600}.operators-popover-backdrop{position:fixed;inset:0;background:transparent;border:none;padding:0;cursor:default;z-index:9}.operators-popover{position:absolute;top:calc(100% + 8px);left:0;z-index:10;width:260px;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--radius-md);box-shadow:var(--shadow-toast);overflow:hidden}.operators-popover-header{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:var(--brand-text-muted);padding:.7rem .9rem .4rem}.operators-row{display:flex;align-items:center;gap:.6rem;padding:.5rem .9rem}.operators-row:hover{background:var(--brand-surface-alt)}.operators-row-name{font-size:.86rem;font-weight:600;line-height:1.25}.operators-row-status{font-size:.76rem;color:var(--brand-text-muted);line-height:1.25}.operators-row-status.is-online{color:var(--status-ok)}.dialog-header-icons{display:flex;align-items:center;gap:.3rem;flex-shrink:0}.dialog-delete{color:var(--status-danger)}.dialog-delete:hover{background:var(--status-danger-bg)}app-dialog .page-header{margin-bottom:.75rem;align-items:flex-start}app-dialog .dialog-header-icons{margin-top:calc((2.5rem - 24px)/2)}app-dialog .page-header-actions{margin-bottom:1.5rem}app-dialog .page-header-actions:has(+.email-recipients-line){margin-bottom:.75rem}.button,.button-secondary,.button-danger,.button-quiet{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:1px solid transparent;border-radius:var(--radius-pill);font-family:var(--brand-font);font-size:.88rem;font-weight:600;padding:.55rem 1.1rem;cursor:pointer;text-decoration:none}.button{background:var(--brand-accent);color:var(--brand-accent-contrast)}.button:hover{background:color-mix(in srgb,var(--brand-accent) 88%,#000)}.button:active{background:color-mix(in srgb,var(--brand-accent) 76%,#000)}.button-secondary{background:transparent;border-color:var(--brand-border);color:var(--brand-text)}.button-secondary:hover,.button-secondary:active{background:var(--brand-surface-alt)}.button-danger{background:transparent;border-color:var(--status-danger);color:var(--status-danger)}.button-danger:hover,.button-danger:active{background:var(--status-danger-bg)}.button-quiet{background:transparent;color:var(--brand-accent);font-size:.82rem;padding:.4rem .7rem;vertical-align:middle}.button-quiet:hover{background:var(--brand-accent-soft)}.button:disabled,.button-secondary:disabled,.button-danger:disabled,.button-quiet:disabled{opacity:.5;cursor:not-allowed}.link-button{background:none;border:none;padding:0;font:inherit;color:var(--brand-accent);cursor:pointer}.link-button:hover{text-decoration:none}.error{background:var(--status-danger-bg);color:var(--status-danger);border-radius:var(--radius-sm);padding:.75rem 1rem;font-size:.85rem}.save-message{background:var(--status-ok-bg);color:var(--status-ok);border-radius:var(--radius-sm);padding:.75rem 1rem;font-size:.85rem}.empty-message{color:var(--brand-text-muted);text-align:center;padding:1rem;font-size:.9rem}.callout{background:var(--brand-accent-soft);border:1px solid var(--brand-accent);border-radius:var(--radius-sm);padding:.75rem 1rem;font-size:.85rem}.stat-card{display:block;width:100%;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--radius-md);padding:.55rem .8rem;font:inherit;text-align:left;cursor:pointer}.stat-card.active{border-color:var(--brand-accent);box-shadow:inset 0 0 0 1px var(--brand-accent)}.stat-card .stat-value{font-family:var(--brand-font-mono);font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:600}.stat-card .stat-label{margin-top:.15rem;font-size:.72rem;color:var(--brand-text-muted)}.stat-card .stat-value.ok{color:var(--status-ok)}.stat-card .stat-value.warn{color:var(--status-warn)}.stat-card .stat-value.accent{color:var(--brand-accent)}.stat-card .stat-value.draft{color:var(--status-draft)}.panel{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--radius-md)}.panel+.panel{margin-top:.85rem}.panel-header{font-family:var(--brand-font-display);font-size:.95rem;padding:.65rem .9rem;border-bottom:1px solid var(--brand-border);display:flex;align-items:center;justify-content:space-between}.panel-body{padding:.85rem}.panel-body form .field input,.panel-body form .field textarea{width:100%}table.data-table{width:100%;min-width:900px;border-collapse:collapse;table-layout:fixed}.data-table thead th{font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;font-weight:600;color:var(--brand-text-muted);text-align:left;padding:.6rem .8rem;border-bottom:1px solid var(--brand-border)}.data-table thead th:has(.th-sort){padding:0}.th-sort{display:flex;align-items:center;gap:.3rem;width:100%;border:0;background:none;padding:.6rem .8rem;font:inherit;text-transform:inherit;letter-spacing:inherit;color:inherit;text-align:left;cursor:pointer}.th-sort:hover{color:var(--brand-text)}.sort-arrow{font-size:.7em;color:var(--brand-accent)}.data-table tbody td{font-size:.9rem;padding:.7rem .8rem;border-bottom:1px solid var(--brand-border);vertical-align:top}.data-table tbody td input{width:100%}.data-table tr.clickable{cursor:pointer}.data-table tr.clickable:hover td{background:var(--brand-surface-alt)}.slug{font-family:var(--brand-font-mono);font-size:.78rem;color:var(--brand-text-muted)}.col-actions{text-align:left;white-space:nowrap}.actions-row{display:flex;align-items:center;justify-content:flex-start;gap:.25rem}.icon-button{position:relative;display:inline-flex;flex:none;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:var(--radius-sm);background:none;color:var(--brand-text-muted);text-decoration:none;cursor:pointer;transition:background .12s ease,color .12s ease}.icon-button:hover{background:var(--brand-surface-alt);color:var(--brand-text)}.icon-button.danger:hover{color:var(--status-danger)}.icon-button:disabled{opacity:.45;cursor:default}.icon-button:disabled:hover{background:none;color:var(--brand-text-muted)}.icon-button[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(2px);margin-bottom:.35rem;padding:.3rem .55rem;border-radius:var(--radius-sm);background:var(--brand-text);color:var(--brand-surface);font-size:.72rem;font-weight:600;white-space:nowrap;opacity:0;transition:opacity .1s ease,transform .1s ease;pointer-events:none;z-index:20}.icon-button[data-tooltip]:hover:after,.icon-button[data-tooltip]:focus-visible:after{opacity:1;transform:translate(-50%) translateY(0)}.access-user-row .icon-button[data-tooltip]:after{bottom:auto;top:100%;margin-bottom:0;margin-top:.35rem;transform:translate(-50%) translateY(-2px)}.access-user-row .icon-button[data-tooltip]:hover:after,.access-user-row .icon-button[data-tooltip]:focus-visible:after{transform:translate(-50%) translateY(0)}.icon-button-badge{position:absolute;top:-5px;right:-5px;min-width:15px;height:15px;padding:0 3px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);border:2px solid var(--brand-surface);background:var(--status-danger);color:#fff;font-size:.62rem;font-weight:700;line-height:1}.translated-text-row .icon-button[data-tooltip]:after{left:auto;right:0;transform:translateY(2px)}.translated-text-row .icon-button[data-tooltip]:hover:after,.translated-text-row .icon-button[data-tooltip]:focus-visible:after{transform:translateY(0)}.card-toggle{display:none;position:absolute;top:.7rem;right:.7rem;width:28px;height:28px;align-items:center;justify-content:center;border:none;background:none;color:var(--brand-text-muted);padding:0;cursor:pointer}.card-toggle-arrow{width:0;height:0;border-style:solid;border-width:5px 0 5px 7px;border-color:transparent transparent transparent currentColor;transition:transform .15s ease}tr.expanded .card-toggle-arrow{transform:rotate(90deg)}.chip{display:inline-flex;align-items:center;border-radius:var(--radius-pill);font-family:var(--brand-font-mono);font-size:.68rem;font-weight:600;padding:.2rem .6rem;border:1px solid transparent}.chip.ok{color:var(--status-ok);background:var(--status-ok-bg)}.chip.warn{color:var(--status-warn);background:var(--status-warn-bg)}.chip.danger{color:var(--status-danger);background:var(--status-danger-bg)}.test-result{display:flex;gap:.5rem;align-items:center}.chip.draft{color:var(--status-draft);background:color-mix(in srgb,var(--status-draft) 10%,var(--brand-surface))}button.chip{cursor:pointer}app-channel-icon{display:contents}.channel-icon{display:inline-flex;flex-shrink:0}.channel-icon svg{display:block;width:22px;height:22px}.verdict{display:inline-block;text-align:center;font-weight:700}.verdict.ok{color:var(--status-ok)}.verdict.danger{color:var(--status-danger)}.verdict.muted{color:var(--brand-text-muted)}.tab-bar{display:flex;gap:.25rem;border-bottom:1px solid var(--brand-border);margin-bottom:.85rem}.tab-bar a,.tab-bar button{padding:.6rem 1rem;font-size:.9rem;font-weight:600;color:var(--brand-text-muted);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px;background:none;border-left:none;border-right:none;border-top:none;cursor:pointer}.tab-bar a:hover,.tab-bar button:hover{color:var(--brand-text)}.tab-bar a.active,.tab-bar button.active{color:var(--brand-accent);border-bottom-color:var(--brand-accent)}.field{margin-bottom:1rem}.field label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.3rem}.hint{display:block;margin-top:.3rem;font-size:.72rem;color:var(--brand-text-muted)}.field-error{display:block;margin-top:.3rem;font-size:.72rem;color:var(--status-danger)}.hint-link{display:block;margin-top:.3rem;padding:0;border:0;background:none;font-size:.72rem;font-family:var(--brand-font);color:var(--brand-accent);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.hint-link.danger{color:var(--status-danger)}.hint-link:disabled{color:var(--brand-text-muted);text-decoration:none;cursor:default}.color-field-row{display:flex;align-items:center;gap:.5rem}.field .color-field{flex:0 0 auto;width:3rem;height:2.2rem;padding:.15rem;border:1px solid var(--brand-border);border-radius:var(--radius-sm);background:var(--brand-surface);cursor:pointer}.field .color-field-hex{flex:0 1 8rem;font-family:var(--brand-font-mono);text-transform:lowercase}.field .color-field-hex:invalid:not(:placeholder-shown):not(:focus){border-color:var(--status-danger)}.widget-preview{flex:1 1 100%;width:100%;border:1px solid var(--brand-border);border-radius:var(--radius-md);overflow:hidden;margin-top:.75rem}.widget-preview-chrome{padding:.4rem .7rem;font-size:.72rem;color:var(--brand-text-muted);background:var(--brand-surface-alt);border-bottom:1px solid var(--brand-border)}.widget-preview-stage{position:relative;height:320px;background:var(--brand-background)}.widget-preview-panel{position:absolute;right:12px;bottom:56px;width:230px;display:flex;flex-direction:column;border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);overflow:hidden;background:var(--brand-surface)}.widget-preview-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:.4rem;padding:.5rem .6rem}.widget-preview-title{font-family:var(--brand-font-display);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.widget-preview-header-actions{flex:0 0 auto;display:flex;align-items:center;gap:.3rem;font-size:.62rem;font-weight:600;opacity:.85;white-space:nowrap}.widget-preview-body{display:flex;flex-direction:column;gap:.4rem;padding:.6rem}.widget-preview-body .message-bubble{max-width:85%;font-size:.68rem;padding:.35rem .5rem}.widget-preview-greeting{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:.6rem;text-align:center}.widget-preview-greeting-message{font-size:.72rem}.widget-preview-departments{display:flex;flex-direction:column;gap:.3rem;width:100%}.widget-preview-department-button{background:transparent;border:1px solid;border-radius:var(--radius-pill);padding:.3rem .6rem;font-size:.68rem;font-weight:600}.widget-preview-composer{flex:0 0 auto;display:flex;gap:.35rem;padding:.5rem;border-top:1px solid var(--brand-border)}.widget-preview-composer input{flex:1 1 auto;min-width:0;font-size:.7rem}.widget-preview-send{flex:0 0 auto;border:0;border-radius:var(--radius-pill);padding:.3rem .6rem;font-size:.7rem;font-weight:600}.widget-preview-launcher{position:absolute;right:12px;bottom:12px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;padding:0;box-shadow:var(--shadow-toast);cursor:default}.widget-preview-stage--left .widget-preview-panel,.widget-preview-stage--left .widget-preview-launcher{right:auto;left:12px}input,select,textarea{font-family:var(--brand-font);font-size:.9rem;border-radius:var(--radius-sm);border:1px solid var(--brand-border);background:var(--brand-surface);color:var(--brand-text);padding:.5rem .7rem}.toolbar{display:flex;align-items:center;gap:.5rem;margin-bottom:0;flex-wrap:wrap}input.filter,select.filter{border-radius:var(--radius-sm)}input.filter{min-width:220px}.inbox-workspace{display:flex;flex-direction:column;gap:1.2rem;min-height:0}.workspace-resizer{display:none}.inbox-queue,.inbox-thread{display:flex;flex-direction:column;min-height:0}.panel.inbox-queue{background:var(--brand-surface);border:none;border-right:1px solid var(--brand-border);position:relative}.inbox-queue-list{flex:1 1 auto;min-height:0;max-height:46vh;overflow-y:auto;padding:.85rem}.inbox-queue-list:has(tr.row-empty){position:absolute;inset:0;display:flex;align-items:center;justify-content:center;max-height:none;overflow:visible;pointer-events:none}.inbox-queue-list:has(tr.row-empty) .empty-message{pointer-events:auto}.view-pills{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.7rem}.inbox-archive-filters{padding:.85rem .85rem .6rem;border-bottom:1px solid var(--brand-border);align-items:center}.inbox-archive-filters .field{flex-basis:100%}.inbox-archive-filters input[type=search]{width:100%}.inbox-archive-filters .filter-chip{flex:1 1 calc(50% - .25rem);min-width:0}.inbox-archive-filters .filter-chip .custom-select{display:block;width:100%}.inbox-archive-filters .filter-chip .custom-select-trigger{width:100%;min-width:0;gap:.4rem;padding:.3rem .65rem;border-radius:var(--radius-pill);font-size:.82rem;color:var(--brand-text-muted)}.inbox-archive-filters .filter-chip .custom-select-trigger span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-archive-filters .filter-chip--active .custom-select-trigger{background:var(--brand-accent-soft);border-color:var(--brand-accent);color:var(--brand-text)}.inbox-spam-actions{padding:.85rem .85rem .6rem;border-bottom:1px solid var(--brand-border)}.empty-thread{flex:1 1 auto;display:flex;align-items:center;justify-content:center}.inbox-queue table.data-table{display:block;width:100%;min-width:0}.inbox-queue .data-table colgroup,.inbox-queue .data-table thead{display:none}.inbox-queue .data-table tbody{display:block}.inbox-queue .data-table tbody tr{position:relative;display:block;background:var(--brand-surface);border:1px solid var(--brand-border);border-left:3px solid var(--type-hue, var(--brand-border));border-radius:var(--radius-md);padding:.8rem 2.4rem .8rem .9rem;margin-bottom:.6rem}.inbox-queue .data-table tbody tr[data-tone=ok]{border-left-color:var(--status-ok)}.inbox-queue .data-table tbody tr[data-tone=draft]{border-left-color:var(--status-draft)}.inbox-queue .data-table tbody tr[data-tone=warn]{border-left-color:var(--status-warn);background:var(--status-warn-bg)}.inbox-queue .data-table tbody tr[data-tone=danger]{border-left-color:var(--status-danger);background:var(--status-danger-bg)}.inbox-queue .data-table tbody tr.row-empty{padding:0;border:none;border-radius:0;background:transparent;margin-bottom:0}.inbox-queue .data-table tbody td{display:block;padding:0;border-bottom:none}.inbox-queue .data-table tbody tr.clickable:hover{background:var(--brand-surface-alt)}.inbox-queue .data-table tbody tr.clickable:hover td{background:transparent}.inbox-queue .data-table tbody td+td{margin-top:.4rem}.inbox-queue .data-table .col-actions{text-align:left}.inbox-queue .data-table tbody td.card-detail{display:none}.inbox-queue .data-table tbody tr.expanded td.card-detail{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding-top:.5rem;margin-top:.5rem;border-top:1px solid var(--brand-border)}.inbox-queue .data-table tbody td.card-detail[data-label]:before{content:attr(data-label);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--brand-text-muted)}.inbox-queue .card-toggle{display:inline-flex}.inbox-queue .data-table tbody tr{padding-right:.9rem}.inbox-queue .data-table tbody tr{display:flex;flex-direction:column;gap:.2rem}.inbox-queue .data-table tbody td{margin-top:0;width:100%}.inbox-queue .data-table tbody td.customer-cell{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.inbox-queue .data-table tbody td.customer-cell .customer-name-group{display:flex;align-items:center;gap:.35rem;min-width:0;overflow:hidden}.inbox-queue .data-table tbody td.customer-cell .customer-name{font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-queue .data-table tbody td.customer-cell .customer-name.unread{font-weight:700}.inbox-queue .data-table tbody td.customer-cell .unread-dot{flex:none;width:.5rem;height:.5rem;border-radius:50%;background:var(--status-danger)}.inbox-queue .data-table tbody td.customer-cell .row-star{flex:none;color:var(--status-warn)}.inbox-queue .data-table tbody td.customer-cell .sender-icon{display:inline-flex;flex:none;color:var(--brand-text-muted)}.inbox-queue .data-table tbody td.customer-cell .sender-icon svg{width:13px;height:13px}.inbox-queue .data-table tbody td.customer-cell .card-time{flex:none;font-size:.72rem;color:var(--brand-text-muted);white-space:nowrap}.inbox-queue .data-table tbody td.customer-cell .customer-cell-meta{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:.15rem}.inbox-queue .data-table tbody td.customer-cell .wait-badge{font-size:.68rem;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;padding:.05rem .4rem;border-radius:999px}.inbox-queue .data-table tbody td.customer-cell .wait-badge[data-tone=warn]{color:var(--status-warn);background:color-mix(in srgb,var(--status-warn) 16%,var(--brand-surface))}.inbox-queue .data-table tbody td.customer-cell .wait-badge[data-tone=danger]{color:var(--status-danger);background:color-mix(in srgb,var(--status-danger) 16%,var(--brand-surface))}.inbox-queue .data-table tbody tr.selected{background:var(--brand-accent-soft);border-color:color-mix(in srgb,var(--brand-accent) 30%,var(--brand-surface))}@media(min-width:1181px){.canvas:has(.inbox-workspace){overflow:hidden;padding:.75rem}.inbox-workspace{display:grid;grid-template-columns:var(--queue-width, 380px) 6px minmax(0,1fr);gap:0;height:100%}.workspace-resizer{display:block;align-self:stretch;position:relative;cursor:col-resize;touch-action:none}.workspace-resizer:after{content:"";position:absolute;top:0;bottom:0;left:2px;width:2px;border-radius:var(--radius-pill);background:transparent;transition:background .15s ease}.workspace-resizer:hover:after,.workspace-resizer:focus-visible:after,.inbox-workspace.resizing .workspace-resizer:after{background:var(--brand-accent)}.inbox-workspace.resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.inbox-queue-list{max-height:none}.inbox-thread app-dialog{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.inbox-thread app-dialog .page-header{flex:none}.inbox-thread .dialog-panel{flex:1 1 auto;height:auto;min-height:0}.inbox-thread .dialog-back{display:none}.inbox-thread app-dialog .page-header{flex-wrap:wrap;gap:.6rem}.inbox-thread app-dialog .page-header h1{font-size:1.25rem}.inbox-thread app-dialog .page-header-actions{flex-wrap:wrap;justify-content:flex-start}}.folder-item{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .7rem;border-radius:var(--radius-pill);border:1px solid var(--brand-border);white-space:nowrap;font-family:var(--brand-font);font-size:.85rem;color:var(--brand-text);background:none;border:none;cursor:pointer}.folder-item:hover{background:var(--brand-surface-alt)}.folder-item.active{background:var(--brand-accent-soft);border-color:color-mix(in srgb,var(--brand-accent) 30%,var(--brand-surface));color:var(--brand-accent);font-weight:600}.folder-count{font-family:var(--brand-font-mono);font-size:.7rem;color:var(--brand-text-muted);font-weight:600;font-variant-numeric:tabular-nums}.folder-item.active .folder-count{color:inherit}.highlight-toggle{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:var(--radius-sm);background:none;cursor:pointer;color:var(--brand-text-muted)}.highlight-toggle:hover{background:var(--brand-surface-alt);color:var(--status-warn)}.highlight-toggle.active{color:var(--status-warn)}.dialog-back{display:inline-flex;align-items:center;gap:.35rem;margin-bottom:.4rem;padding:0;border:none;background:none;font-family:var(--brand-font);font-size:.8rem;font-weight:600;color:var(--brand-text-muted);cursor:pointer}.dialog-back:hover{color:var(--brand-accent)}.message-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pagination{display:flex;justify-content:center;align-items:center;gap:.75rem;margin-top:1rem}.pagination .pagination-status{font-size:.82rem;color:var(--brand-text-muted)}.overlay{position:fixed;inset:0;z-index:1000;background:#0a141e6b;display:flex;justify-content:center;align-items:flex-start;padding-top:9vh}.modal{width:420px;max-width:calc(100vw - 2rem);max-height:calc(91vh - 2rem);display:flex;flex-direction:column;background:var(--brand-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);overflow:hidden}.modal.modal-wide{width:620px}.modal.modal-xwide{width:900px}.template-form-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:1.5rem;align-items:start}@media(max-width:760px){.template-form-grid{grid-template-columns:1fr}}.template-button-rows{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.template-button-row{display:flex;gap:.5rem;align-items:center}.template-button-row input{flex:1 1 auto}.greeting-translation-rows{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.greeting-translation-row{display:flex;gap:.5rem;align-items:flex-start}.greeting-translation-row app-dropdown{flex:0 0 160px}.greeting-translation-row textarea{flex:1 1 auto}.translated-text-editor{display:flex;flex-direction:column;gap:.35rem}.translated-text-row{display:flex;align-items:flex-start;gap:.5rem}.translated-text-row textarea{flex:1 1 auto}.translated-text-row .icon-button{margin-top:.15rem}.translated-text-language-picker{display:flex;flex-direction:column;gap:.5rem}.modal>form{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.modal-header{flex-shrink:0;font-family:var(--brand-font-display);padding:1.1rem 1.4rem;border-bottom:1px solid var(--brand-border)}.modal-header .step-label{font-size:.72rem;color:var(--brand-text-muted);text-transform:uppercase;letter-spacing:.05em}.modal-header .modal-subtitle{display:flex;align-items:center;gap:.4rem;margin-top:.35rem;font-family:var(--brand-font);font-size:.82rem;color:var(--brand-text-muted)}.modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:1.4rem}.modal-footer{flex-shrink:0;display:flex;justify-content:flex-end;gap:.6rem;padding:1rem 1.4rem;border-top:1px solid var(--brand-border)}.spinner{display:inline-block;width:1.1rem;height:1.1rem;border:2px solid var(--brand-border);border-top-color:var(--brand-accent);border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle}@keyframes spin{to{transform:rotate(360deg)}}.spinner-sm{width:12px;height:12px;border-width:2px}.picker{border:1px solid var(--brand-border);border-radius:var(--radius-sm);max-height:260px;overflow-y:auto}.picker-item{display:block;width:100%;padding:.5rem .8rem;cursor:pointer;border:none;background:none;font:inherit;color:inherit;text-align:left}.picker-item:hover{background:var(--brand-surface-alt)}.picker-item.selected{background:var(--brand-surface-alt);box-shadow:inset 3px 0 0 var(--brand-accent)}.custom-select{position:relative;display:inline-block}.custom-select-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:1.2rem;min-width:200px;font-family:var(--brand-font);font-size:.9rem;border-radius:var(--radius-sm);border:1px solid var(--brand-border);background:var(--brand-surface);color:var(--brand-text);padding:.5rem .7rem;cursor:pointer;text-align:left}.custom-select-trigger:hover{background:var(--brand-surface-alt)}.custom-select.open .custom-select-trigger{border-color:var(--brand-accent)}.custom-select-caret{flex-shrink:0;color:var(--brand-text-muted);transition:transform .15s ease}.custom-select.open .custom-select-caret{transform:rotate(180deg)}.custom-select-menu{position:fixed;z-index:10;background:var(--brand-surface);box-shadow:var(--shadow-modal)}.toast-stack{position:fixed;top:1.2rem;right:1.2rem;z-index:20;display:flex;flex-direction:column;gap:.6rem;max-width:22rem}.toast{display:flex;align-items:center;gap:.6rem;background:var(--brand-surface);color:var(--brand-text);border-radius:var(--radius-sm);box-shadow:var(--shadow-toast);padding:.8rem 1.1rem;cursor:pointer}.toast.toast-error{background:var(--status-danger-bg);color:var(--status-danger)}.toast-text{flex:1;min-width:0}.toast-dismiss{flex:none;background:none;border:none;color:var(--brand-text-muted);font-size:1.1rem;line-height:1;cursor:pointer;padding:0}.message-thread{display:flex;flex-direction:column;gap:.9rem}.message-bubble{max-width:60%;border-radius:var(--radius-md);padding:.6rem .9rem}.message-bubble .message-head{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem}.message-bubble .message-head-actions{display:flex;align-items:center;gap:.2rem}.message-bubble .message-quote-button,.message-bubble .message-reveal-button,.message-bubble .message-ticket-button,.message-bubble .message-forward-button{flex:0 0 auto;display:inline-flex;align-items:center;padding:.1rem;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--brand-text-muted);cursor:pointer;opacity:0;transition:opacity .12s ease,color .12s ease}.message-bubble:hover .message-quote-button,.message-bubble:focus-within .message-quote-button,.message-bubble:hover .message-reveal-button,.message-bubble:focus-within .message-reveal-button,.message-bubble:hover .message-ticket-button,.message-bubble:focus-within .message-ticket-button,.message-bubble:hover .message-forward-button,.message-bubble:focus-within .message-forward-button{opacity:1}.message-bubble .message-quote-button:hover,.message-bubble .message-quote-button:focus-visible,.message-bubble .message-reveal-button:hover,.message-bubble .message-reveal-button:focus-visible,.message-bubble .message-ticket-button:hover,.message-bubble .message-ticket-button:focus-visible,.message-bubble .message-forward-button:hover,.message-bubble .message-forward-button:focus-visible{color:var(--brand-text)}@media(hover:none){.message-bubble .message-quote-button,.message-bubble .message-reveal-button,.message-bubble .message-ticket-button,.message-bubble .message-forward-button{opacity:1}}.message-bubble .message-ticket-button.active{opacity:1;color:var(--status-warn)}.message-bubble .message-ticket-button.active:hover,.message-bubble .message-ticket-button.active:focus-visible{color:color-mix(in srgb,var(--status-warn) 80%,black)}.message-bubble.has-open-ticket.from-customer{background:color-mix(in srgb,var(--status-warn) 16%,var(--brand-surface-alt))}.message-bubble.has-open-ticket.from-operator{background:color-mix(in srgb,var(--status-warn) 16%,var(--brand-accent-soft))}.message-quote{display:flex;flex-direction:column;gap:.1rem;width:100%;margin-bottom:.4rem;padding:.3rem .5rem;border:0;border-left:2px solid color-mix(in srgb,var(--brand-text-muted) 55%,transparent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:color-mix(in srgb,var(--brand-text-muted) 9%,transparent);color:color-mix(in srgb,var(--brand-text-muted) 72%,var(--type-ink-deepen));font:inherit;text-align:left}.message-quote.linked{cursor:pointer}.message-quote.linked:hover{background:color-mix(in srgb,var(--brand-text-muted) 16%,transparent)}.message-quote-author{font-size:.7rem;font-weight:600}.message-quote-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-family:var(--brand-font-display);font-size:.84rem}.message-quote-text.full{display:block;-webkit-line-clamp:unset;overflow:visible;white-space:pre-wrap;word-break:break-word}.conversation-note{display:flex;flex-direction:column;gap:.25rem;padding:.45rem .7rem;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--brand-text-muted) 9%,transparent);color:color-mix(in srgb,var(--brand-text-muted) 72%,var(--type-ink-deepen));font-size:.8rem}.conversation-note-head{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.conversation-note-author{font-weight:600}.conversation-note[data-source=SYSTEM] .conversation-note-text{font-style:italic}.conversation-note-text{white-space:pre-wrap;word-break:break-word}.conversation-note-time{flex:0 0 auto;font-size:.7rem;opacity:.8}.note-modal-list{display:flex;flex-direction:column;gap:.6rem;margin-bottom:.9rem;max-height:40vh;overflow-y:auto}.invite-candidate-list{display:flex;flex-direction:column;gap:.2rem;margin:.5rem 0 .75rem;max-height:34vh;overflow-y:auto}.invite-candidate{display:flex;flex-direction:column;gap:.1rem;padding:.45rem .6rem;border:1px solid transparent;border-radius:var(--radius-sm);background:none;color:var(--brand-text);font:inherit;text-align:left;cursor:pointer}.invite-candidate:hover{background:var(--brand-surface-alt)}.invite-candidate.active{border-color:var(--brand-border);background:color-mix(in srgb,var(--brand-accent) 12%,var(--brand-surface))}.invite-candidate-name{font-weight:600}.invite-candidate-email{font-size:.78rem;color:var(--brand-text-muted)}.internal-note-composer{display:flex;align-items:flex-end;gap:.6rem;padding:.5rem .7rem;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--brand-text-muted) 9%,transparent)}.internal-note-composer textarea{flex:1 1 auto;min-height:2.4rem;resize:vertical;border:0;background:transparent;color:inherit;font:inherit;line-height:1.4}.internal-note-composer textarea:focus{outline:none}.note-modal .modal-header{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.modal-header-title{display:flex;align-items:baseline;gap:.5rem}.modal-header-count{font-family:var(--brand-font);font-size:.72rem;font-weight:600;padding:.08rem .5rem;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--brand-text-muted) 9%,transparent);color:color-mix(in srgb,var(--brand-text-muted) 72%,var(--type-ink-deepen))}.note-modal-list .conversation-note{padding:.6rem .75rem;transition:background .12s ease}.note-modal-list .conversation-note:hover{background:color-mix(in srgb,var(--brand-text-muted) 14%,transparent)}.note-modal-list .empty-message{padding:2.4rem 1rem}.note-modal .internal-note-composer{flex-direction:column;align-items:stretch;gap:.5rem;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--radius-md);padding:.6rem .7rem .55rem;outline:2px solid transparent;outline-offset:2px;transition:outline-color .12s ease}.note-modal .internal-note-composer:focus-within{outline-color:var(--brand-accent)}.note-modal .internal-note-composer textarea{min-height:3.2rem}.composer-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.composer-hint{font-family:var(--brand-font-mono);font-size:.68rem;color:var(--brand-text-muted)}.composer-hint kbd{font-family:inherit;background:var(--brand-surface-alt);border:1px solid var(--brand-border);border-radius:4px;padding:.03rem .32rem}.composer-quote{display:flex;align-items:center;gap:.6rem;padding:.3rem .6rem;border:1px solid var(--brand-border);border-left:2px solid color-mix(in srgb,var(--brand-text-muted) 55%,transparent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--brand-surface-alt)}.composer-quote-body{display:flex;flex-direction:column;gap:.1rem;flex:1 1 auto;min-width:0;color:color-mix(in srgb,var(--brand-text-muted) 72%,var(--type-ink-deepen))}.email-recipients-line{margin-bottom:1.5rem}.email-recipients-toggle{color:var(--brand-accent)}.email-recipients-toggle:hover{border-color:var(--brand-accent)}.email-recipients-line .participant-picker{margin-top:.5rem;width:min(32rem,100%);border:1px solid var(--brand-border);border-radius:var(--radius-md);padding:.5rem .8rem}.composer-recipients-caret{transition:transform .12s ease}.email-recipients-toggle[aria-expanded=true] .composer-recipients-caret{transform:rotate(-180deg)}.participant-picker{display:flex;flex-direction:column;max-height:40vh;overflow-y:auto}.participant-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem .2rem;border-bottom:1px solid var(--brand-border)}.participant-row:last-child{border-bottom:none}.participant-identity{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;min-width:0;font-size:.85rem}.participant-address{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participant-badge{color:color-mix(in srgb,var(--brand-text-muted) 72%,var(--type-ink-deepen));background:color-mix(in srgb,var(--brand-text-muted) 9%,transparent)}.participant-controls{display:flex;align-items:center;flex:0 0 auto;gap:.5rem}.participant-toggles{display:flex;flex:0 0 auto;gap:.35rem}.participant-remove-button{font:inherit;font-size:.95rem;line-height:1;padding:.15rem .5rem;border:1px solid var(--brand-border);border-radius:var(--radius-sm);background:var(--brand-surface);color:var(--brand-text-muted);cursor:pointer}.participant-remove-button:hover,.participant-remove-button:focus-visible{border-color:var(--status-danger);background:var(--status-danger-bg);color:var(--status-danger)}.participant-remove-button:disabled{opacity:.5;cursor:not-allowed}.participant-remove-button:disabled:hover,.participant-remove-button:disabled:focus-visible{border-color:var(--brand-border);background:var(--brand-surface);color:var(--brand-text-muted)}.participant-toggle-button{font:inherit;font-size:.78rem;font-weight:600;padding:.2rem .6rem;border:1px solid var(--brand-border);border-radius:var(--radius-sm);background:var(--brand-surface);color:var(--brand-text-muted);cursor:pointer}.participant-toggle-button:hover{background:var(--brand-surface-alt)}.participant-toggle-button.active{border-color:var(--brand-accent);background:var(--brand-accent);color:var(--brand-accent-contrast)}.participant-toggle-button.active:disabled{cursor:not-allowed}.participant-toggle-button:disabled:not(.active){opacity:.5;cursor:not-allowed}.participant-toggle-button:disabled:not(.active):hover{background:var(--brand-surface)}.participant-add{display:flex;gap:.5rem;align-items:center;margin-top:.6rem}.participant-add input{flex:1 1 auto}.message-bubble .message-sender{font-size:.72rem;font-weight:600;margin-bottom:.25rem;color:var(--brand-text-muted)}.message-bubble .message-text{font-size:.9rem}.message-bubble .message-line{font-size:.86rem;white-space:pre-wrap;word-break:break-word}.message-bubble .message-line a,.message-quote-text a{color:var(--brand-accent);text-decoration:underline}.message-bubble .message-line a:hover,.message-quote-text a:hover{color:color-mix(in srgb,var(--brand-accent) 80%,var(--type-ink-deepen))}.message-bubble .in-customer-language{font-family:var(--brand-font-display);font-size:.92rem}.message-bubble .message-line+.translation-seam+.message-line{color:var(--brand-text-muted)}.message-bubble .translation-seam{display:flex;align-items:center;gap:.4rem;margin:.45rem 0 .4rem}.message-bubble .translation-seam:after{content:"";flex:1;height:1px;background:color-mix(in srgb,var(--brand-text-muted) 25%,transparent)}.message-bubble .message-translation{font-size:.86rem}.message-bubble .message-translation-status{font-size:.72rem;font-style:normal}.message-bubble .message-translation-status.pending{color:var(--status-draft)}.message-bubble .message-translation-status.failed{color:var(--status-danger)}.message-bubble .message-delivery-status{font-size:.72rem;font-style:normal}.message-bubble .message-delivery-status.failed{color:var(--status-danger)}.message-bubble .message-time{margin-top:.3rem;font-family:var(--brand-font-mono);font-size:.68rem;color:var(--brand-text-muted)}.message-bubble.from-customer{align-self:flex-start;background:var(--brand-surface-alt)}.message-bubble.from-operator{align-self:flex-end;background:var(--brand-accent-soft)}.widget-page{display:flex;flex-direction:column;height:100vh;background:var(--brand-surface)}.widget-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--brand-border);background:var(--brand-primary)}.widget-title{font-family:var(--brand-font-display);font-size:1rem;color:var(--brand-primary-contrast)}.widget-header-actions{flex:0 0 auto;display:flex;align-items:center;gap:.3rem}.widget-header-icon-button{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--brand-primary-contrast);cursor:pointer;opacity:.8;transition:opacity .12s ease,background .12s ease}.widget-header-icon-button:hover,.widget-header-icon-button:focus-visible{opacity:1;background:color-mix(in srgb,var(--brand-primary-contrast) 16%,transparent)}.widget-new-chat-button{flex:0 0 auto;border:0;border-radius:var(--radius-sm);padding:.3rem .5rem;background:transparent;color:var(--brand-primary-contrast);font-family:var(--brand-font);font-size:.78rem;font-weight:600;cursor:pointer;opacity:.8;transition:opacity .12s ease,background .12s ease}.widget-new-chat-button:hover,.widget-new-chat-button:focus-visible{opacity:1;background:color-mix(in srgb,var(--brand-primary-contrast) 16%,transparent)}.widget-messages{flex:1 1 auto;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.widget-page .message-bubble.from-customer{align-self:flex-end}.widget-page .message-bubble.from-operator{align-self:flex-start}.widget-page .message-header{display:flex;align-items:center;gap:.4rem;margin-bottom:.3rem}.widget-page .message-avatar{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:1.3rem;height:1.3rem;border-radius:50%}.widget-page .message-avatar-image{object-fit:cover}.widget-page .message-avatar-customer{background:var(--brand-text-muted);color:var(--brand-surface)}.widget-page .message-avatar-agent{background:var(--brand-accent);color:var(--brand-accent-contrast)}.widget-page .message-sender-name{font-size:.72rem;font-weight:600;color:var(--brand-text-muted)}.widget-page .typing-bubble{padding-bottom:.6rem}.widget-page .typing-dots{display:flex;align-items:center;gap:.25rem;height:.9rem}.widget-page .typing-dots span{width:.4rem;height:.4rem;border-radius:50%;background:var(--brand-text-muted);animation:widget-typing-blink 1.2s infinite ease-in-out}.widget-page .typing-dots span:nth-child(2){animation-delay:.2s}.widget-page .typing-dots span:nth-child(3){animation-delay:.4s}@keyframes widget-typing-blink{0%,80%,to{opacity:.3;transform:scale(.85)}40%{opacity:1;transform:scale(1)}}.widget-empty{margin:auto;color:var(--brand-text-muted);font-size:.85rem;text-align:center}.widget-greeting{margin:auto;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;text-align:center}.widget-greeting-message{font-family:var(--brand-font-display);font-size:1rem;color:var(--brand-text)}.widget-departments{display:flex;flex-direction:column;gap:.5rem;width:100%}.widget-department-button{background:transparent;border:1px solid var(--brand-border);border-radius:var(--radius-pill);padding:.6rem 1.2rem;font-family:var(--brand-font);font-size:.9rem;font-weight:600;color:var(--brand-text);cursor:pointer;transition:background .12s ease,border-color .12s ease}.widget-department-button:hover,.widget-department-button:focus-visible{background:var(--brand-accent-soft);border-color:var(--brand-accent)}.widget-quick-replies{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem;border-top:1px solid var(--brand-border)}.widget-quick-reply-button{background:var(--brand-accent);color:var(--brand-accent-contrast);border:0;border-radius:var(--radius-pill);padding:.55rem 1.1rem;font-family:var(--brand-font);font-size:.86rem;font-weight:600;cursor:pointer;transition:background .12s ease,opacity .12s ease}.widget-quick-reply-button:hover,.widget-quick-reply-button:focus-visible{background:color-mix(in srgb,var(--brand-accent) 88%,black)}.widget-quick-reply-button:disabled{opacity:.6;cursor:not-allowed}.widget-composer{flex:0 0 auto;display:flex;gap:.5rem;padding:.75rem;border-top:1px solid var(--brand-border)}.widget-composer input{flex:1 1 auto;min-width:0}.widget-composer .button:disabled{opacity:1;background:var(--brand-surface-alt);color:var(--brand-text-muted);border-color:var(--brand-border)}.template-preview-panel{align-self:flex-start;width:fit-content;max-width:100%;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--type-whatsapp) 7%,var(--brand-surface));border:1px solid color-mix(in srgb,var(--type-whatsapp) 20%,var(--brand-border));overflow:hidden}.template-preview-chrome{display:flex;align-items:center;gap:.4rem;padding:.55rem .75rem;background:color-mix(in srgb,var(--type-whatsapp) 14%,var(--brand-surface));color:color-mix(in srgb,var(--type-whatsapp) 78%,var(--brand-text));font-size:.72rem;font-weight:600}.template-preview-chrome svg{flex-shrink:0}.template-preview-frame{padding:.9rem .9rem 1rem}.template-preview-meta{display:flex;justify-content:flex-end;align-items:center;gap:.25rem;margin-top:.35rem;font-size:.68rem;color:var(--brand-text-muted)}.template-preview-meta svg{color:var(--brand-accent)}.template-preview-bubble{max-width:320px;white-space:pre-wrap;overflow-wrap:anywhere}.template-preview-header{font-weight:600;margin-bottom:.4rem}.template-preview-body{white-space:pre-wrap}.template-preview-footer{margin-top:.4rem;font-size:.78rem;color:var(--brand-text-muted)}.template-preview-buttons{display:flex;flex-direction:column;gap:.3rem;margin-top:.6rem;padding-top:.5rem;border-top:1px solid color-mix(in srgb,var(--brand-text-muted) 25%,transparent)}.template-preview-button{text-align:center;padding:.4rem;border-radius:var(--radius-sm);background:var(--brand-surface);color:var(--brand-accent);font-size:.84rem;font-weight:600}.review-layout{display:grid;grid-template-columns:220px 1fr;gap:1.5rem;align-items:start}@media(max-width:760px){.review-layout{grid-template-columns:1fr}}.lang-rail{display:flex;flex-direction:column;border:1px solid var(--brand-border);border-radius:var(--radius-md);overflow-y:auto;max-height:26rem}.lang-rail-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.55rem .75rem;border:0;border-bottom:1px solid var(--brand-border);background:none;font-family:var(--brand-font);font-size:.85rem;color:var(--brand-text);text-align:left;cursor:pointer}.lang-rail-item:last-child{border-bottom:0}.lang-rail-item:hover{background:var(--brand-surface-alt)}.lang-rail-item.selected{background:var(--brand-accent-soft)}.lang-rail-code{flex-shrink:0;width:1.6rem;font-family:var(--brand-font-mono);font-size:.7rem;color:var(--brand-text-muted)}.lang-rail-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lang-dot{flex-shrink:0;width:.4rem;height:.4rem;border-radius:50%}.lang-dot.ok{background:var(--status-ok)}.lang-dot.pending{background:var(--status-warn)}.lang-dot.fail{background:var(--status-danger)}.lang-dot.source{background:var(--brand-accent)}.lang-checkbox-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.4rem;max-height:20rem;overflow-y:auto;border:1px solid var(--brand-border);border-radius:var(--radius-md);padding:.6rem}.lang-checkbox-item{display:flex;align-items:center;gap:.4rem;padding:.3rem .4rem;border-radius:var(--radius-md);font-family:var(--brand-font);font-size:.85rem;color:var(--brand-text);cursor:pointer}.lang-checkbox-item:hover{background:var(--brand-surface-alt)}.lang-status-bar{display:flex;height:.45rem;width:7.5rem;border-radius:var(--radius-pill);overflow:hidden;background:var(--brand-border);flex-shrink:0}.lang-status-bar span{display:block;height:100%}.lang-status-bar .ok{background:var(--status-ok)}.lang-status-bar .pending{background:var(--status-warn)}.lang-status-bar .rejected{background:var(--status-danger)}.lang-panel{padding-top:.9rem}.lang-list{display:flex;flex-direction:column;gap:.4rem}.lang-item{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem .9rem;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--radius-md);padding:.55rem .8rem}.lang-item-code{flex-shrink:0;width:2.4rem;font-family:var(--brand-font-mono);font-size:.72rem;color:var(--brand-text-muted)}.lang-item-name{flex:1 1 120px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem}.lang-item-date{flex-shrink:0;width:7.5rem;text-align:right;font-family:var(--brand-font-mono);font-size:.76rem;color:var(--brand-text-muted)}.lang-item-actions{display:flex;gap:.1rem;flex-shrink:0}.lang-item-confirm{display:flex;gap:.5rem;flex-shrink:0;margin-left:auto}.add-lang-row{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;margin-top:.6rem;padding:.6rem;border:1px dashed var(--brand-border);border-radius:var(--radius-md);background:none;font-family:var(--brand-font);font-size:.85rem;color:var(--brand-text-muted);cursor:pointer}.add-lang-row:hover{background:var(--brand-surface);color:var(--brand-text);border-color:var(--brand-accent)}.add-lang-row:disabled{cursor:default;opacity:.5}.add-lang-row:disabled:hover{background:none;color:var(--brand-text-muted);border-color:var(--brand-border)}.overlay-end{justify-content:flex-end;align-items:stretch;padding-top:0}.side-drawer{width:380px;max-width:calc(100vw - 2rem);background:var(--brand-surface);box-shadow:var(--shadow-modal);display:flex;flex-direction:column;overflow-y:auto}.side-drawer-header{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.lightbox-overlay{align-items:center;padding-top:0}.lightbox{width:auto;max-width:min(92vw,900px)}.lightbox-header{display:flex;align-items:center;gap:.8rem}.lightbox-header span:first-child{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lightbox-count{font-family:var(--brand-font-mono);font-size:.72rem;color:var(--brand-text-muted);flex-shrink:0}.lightbox-body{position:relative;display:flex;align-items:center;justify-content:center;padding:1.2rem;overflow:hidden;touch-action:none;cursor:default}.lightbox-body.zoomed{cursor:grab}.lightbox-body.zoomed.panning{cursor:grabbing}.lightbox-image{display:block;max-width:100%;max-height:78vh;border-radius:var(--radius-sm);-webkit-user-select:none;user-select:none;transform-origin:50% 50%}.lightbox-body:not(.panning) .lightbox-image{transition:transform .15s ease-out}.lightbox-zoom-toolbar{position:absolute;bottom:.6rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.4rem;padding:.3rem .5rem;border-radius:var(--radius-pill);border:1px solid var(--brand-border);background:var(--brand-surface-alt)}.lightbox-zoom-btn{width:1.8rem;height:1.8rem;border-radius:var(--radius-pill);border:none;background:transparent;color:var(--brand-text);font-size:1rem;line-height:1;cursor:pointer}.lightbox-zoom-btn:hover{background:color-mix(in srgb,var(--brand-surface-alt) 80%,#000)}.lightbox-zoom-pct{font-family:var(--brand-font-mono);font-size:.72rem;color:var(--brand-text-muted);min-width:2.6rem;text-align:center}.lightbox-zoom-reset{width:auto;padding:0 .5rem;font-size:.72rem}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:2.4rem;height:2.4rem;border-radius:var(--radius-pill);border:1px solid var(--brand-border);background:var(--brand-surface-alt);color:var(--brand-text);font-size:1.3rem;line-height:1;cursor:pointer}.lightbox-nav:hover{background:color-mix(in srgb,var(--brand-surface-alt) 88%,#000)}.lightbox-prev{left:.6rem}.lightbox-next{right:.6rem}.message-bubble .attachment-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}.message-bubble .attachment-image{display:block;width:200px;height:200px;object-fit:contain;background:var(--brand-surface-alt);border-radius:var(--radius-sm);cursor:pointer}.message-bubble .attachment-chip{display:flex;align-items:center;gap:.5rem;background:var(--brand-surface-alt);border:1px solid var(--brand-border);border-radius:var(--radius-sm);padding:.4rem .7rem;font-family:var(--brand-font);font-size:.8rem;color:var(--brand-text);text-align:left;cursor:pointer}.message-bubble .attachment-chip:hover{background:color-mix(in srgb,var(--brand-surface-alt) 88%,#000)}.message-bubble .attachment-chip .attachment-size{color:var(--brand-text-muted);font-size:.72rem}.message-bubble .attachment-chip .attachment-icon{display:inline-flex;flex-shrink:0;color:var(--brand-text-muted)}.sibling-thread{display:flex;align-items:center;gap:.8rem;width:100%;background:var(--brand-surface-alt);border:1px solid var(--brand-border);border-radius:var(--radius-sm);padding:.6rem .9rem;font-family:var(--brand-font);font-size:.85rem;color:var(--brand-text);text-align:left;cursor:pointer}.sibling-thread:hover{background:color-mix(in srgb,var(--brand-surface-alt) 88%,#000)}.sibling-thread span:first-child{flex:1}.dialog-panel{display:flex;flex-direction:column;height:calc(100vh - 260px);min-height:320px}.panel.dialog-panel{background:transparent;border:none}.dialog-panel .panel-body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;padding-left:0;padding-right:0}.message-thread-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;padding-bottom:.9rem}.typing-indicator{display:flex;align-items:center;gap:.4rem;margin-bottom:.6rem;font-size:.8rem;color:var(--brand-text-muted)}.typing-indicator-dots{display:inline-flex;gap:.15rem}.typing-indicator-dots span{width:4px;height:4px;border-radius:50%;background:currentColor;animation:typing-dot-bounce 1.2s infinite ease-in-out}.typing-indicator-dots span:nth-child(2){animation-delay:.15s}.typing-indicator-dots span:nth-child(3){animation-delay:.3s}@keyframes typing-dot-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-3px);opacity:1}}.message-composer{display:flex;align-items:flex-end;flex:0 0 auto;gap:.6rem;padding-top:1rem;border-top:1px solid var(--brand-border)}.whatsapp-window-meter{margin-bottom:.6rem}.whatsapp-window-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:.2rem .4rem;font-size:.76rem;color:var(--brand-text-muted)}.whatsapp-window-left{font-family:var(--brand-font-mono);font-weight:700;white-space:nowrap;color:var(--brand-text)}.whatsapp-window-meter.closing-soon .whatsapp-window-left{color:var(--status-warn)}.whatsapp-window-track{height:3px;margin-top:.3rem;border-radius:var(--radius-pill);background:var(--brand-surface-alt);overflow:hidden}.whatsapp-window-fill{height:100%;border-radius:var(--radius-pill);background:var(--brand-accent)}.whatsapp-window-meter.closing-soon .whatsapp-window-fill{background:var(--status-warn)}.whatsapp-window-warning{margin-top:1rem;padding:.6rem .9rem;border-radius:var(--radius-sm);background:var(--status-warn-bg);color:var(--status-warn);font-size:.85rem}.message-composer textarea{flex:1 1 auto;resize:vertical;min-height:2.4rem}.composer-body{display:flex;flex-direction:column;flex:1 1 auto;gap:.4rem}.composer-format-toolbar{display:flex;gap:.3rem}.composer-format-button,.composer-attach-button{display:flex;align-items:center;justify-content:center;width:1.7rem;height:1.7rem;border:1px solid var(--brand-border);border-radius:var(--radius-sm);background:var(--brand-surface-alt);color:var(--brand-text-muted);font-size:.8rem;cursor:pointer}.composer-format-button:hover,.composer-attach-button:hover{background:color-mix(in srgb,var(--brand-surface-alt) 88%,#000)}.composer-format-button:disabled,.composer-attach-button.disabled{opacity:.5;cursor:not-allowed}.composer-attach-button input[type=file]{display:none}.composer-attachment-chip{display:flex;align-items:center;gap:.5rem;align-self:flex-start;background:var(--brand-surface-alt);border:1px solid var(--brand-border);border-radius:var(--radius-sm);padding:.3rem .6rem;font-size:.78rem;color:var(--brand-text)}.template-picker{margin-top:.8rem;max-width:320px}.template-composer{gap:.5rem}.template-preview{margin:0;padding:.6rem .8rem;border:1px solid var(--brand-border);border-radius:var(--radius-sm);background:var(--brand-surface-alt);color:var(--brand-text);font-size:.88rem;white-space:pre-wrap}.template-composer input[type=text]{width:100%}.attachment-error{margin-top:.5rem;color:var(--status-danger);font-size:.82rem}.bot-form{display:flex;align-items:flex-start;gap:1rem;flex-wrap:wrap}.bot-form .field{flex:1 1 220px}.bot-form .field-full{flex:1 1 100%;width:100%}.bot-form .field:has(.toggle-field){flex:0 1 auto}.bot-form>button{align-self:flex-start;margin-top:1.4rem}.bot-form input,.bot-form textarea{width:100%}.role-checkboxes{display:flex;flex-wrap:wrap;gap:.3rem .9rem}.role-checkboxes label{display:flex;align-items:center;gap:.35rem;font-size:.85rem;font-weight:400}.access-user-list{display:flex;flex-direction:column;margin-top:.8rem;max-height:55vh;overflow-y:auto}.access-user-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;max-width:30rem;padding:.65rem .75rem;border:1px solid var(--brand-border);border-radius:var(--radius-md);margin-bottom:.5rem}.access-user-row:last-child{margin-bottom:0}.access-user-identity{font-size:.9rem;min-width:0;display:flex;flex-direction:column;gap:.15rem}.access-channel-identity-line{display:inline-flex;align-items:center;gap:.55rem;min-width:0}.identity-name-text,.access-user-identity .slug{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.user-avatar{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-size:.68rem;font-weight:600;flex-shrink:0;-webkit-user-select:none;user-select:none}.user-avatar[data-hue="0"]{background:var(--avatar-bg-0);color:var(--avatar-hue-0)}.user-avatar[data-hue="1"]{background:var(--avatar-bg-1);color:var(--avatar-hue-1)}.user-avatar[data-hue="2"]{background:var(--avatar-bg-2);color:var(--avatar-hue-2)}.user-avatar[data-hue="3"]{background:var(--avatar-bg-3);color:var(--avatar-hue-3)}.user-avatar[data-hue="4"]{background:var(--avatar-bg-4);color:var(--avatar-hue-4)}.user-avatar[data-hue="5"]{background:var(--avatar-bg-5);color:var(--avatar-hue-5)}.identity-cell{display:inline-flex;align-items:center;gap:.5rem}.identity-cell .identity-text{display:flex;flex-direction:column;line-height:1.3}.access-toggle{display:inline-flex;align-items:center;gap:.3rem;margin-right:.4rem;border:none;background:none;color:var(--brand-accent);padding:0;font-family:var(--brand-font);font-size:.82rem;font-weight:500;cursor:pointer;vertical-align:middle}.access-toggle:hover{text-decoration:underline}.access-toggle .card-toggle-arrow{transition:transform .15s ease}.access-toggle[aria-expanded=true] .card-toggle-arrow{transform:rotate(90deg)}.vip-checkbox{display:inline-flex;align-items:center;gap:.3rem;margin-right:.6rem;font-family:var(--brand-font);font-size:.82rem;font-weight:500;color:var(--brand-text);cursor:pointer;vertical-align:middle}.vip-checkbox input{cursor:pointer}label.toggle-field{display:inline-flex;align-items:center;gap:1rem;cursor:pointer;font-size:.85rem;font-weight:600}.toggle-switch{position:relative;display:inline-flex;flex:none;width:38px;height:22px}.toggle-switch input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.toggle-track{position:absolute;inset:0;border-radius:var(--radius-pill);background:var(--brand-border);transition:background .15s ease}.toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--brand-surface);transition:transform .15s ease}.toggle-switch input:checked~.toggle-track{background:var(--brand-accent)}.toggle-switch input:checked~.toggle-track .toggle-thumb{transform:translate(16px)}.toggle-switch input:focus-visible~.toggle-track{outline:2px solid var(--brand-accent);outline-offset:2px}.access-grants-heading{font-family:var(--brand-font-display);font-size:.95rem;margin-bottom:.6rem}.access-grants-section+.access-grants-section{margin-top:1.5rem}.access-grants-subheading{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--brand-text-muted);margin-bottom:.65rem}.access-grants .filter{margin-bottom:1rem}.access-grants-section .access-user-list{max-height:32vh}.detail-section+.detail-section{margin-top:1.5rem}.detail-section h3{font-family:var(--brand-font-display);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--brand-text-muted);margin:0 0 .65rem}.detail-section .bot-form+.bot-form{margin-top:1rem}.detail-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.detail-list li{display:flex;align-items:center;justify-content:space-between;gap:1rem}tr.row-detail td{background:var(--brand-surface-alt);border-top:none;padding:0 1rem 1rem}tr.row-detail .access-grants{padding-top:.8rem;border-top:1px solid var(--brand-border)}.access-level-chip{display:block;width:12.5rem}.access-level-chip .custom-select{display:block;width:100%}.access-level-chip .custom-select-trigger{width:100%;border-color:transparent;font-weight:600}.access-user-row>.chip{width:12.5rem}.access-level-chip--full .custom-select-trigger{color:var(--status-ok);background:var(--status-ok-bg)}.access-level-chip--read .custom-select-trigger{color:var(--status-warn);background:var(--status-warn-bg)}.access-level-chip--none .custom-select-trigger{color:var(--status-draft);background:color-mix(in srgb,var(--status-draft) 10%,var(--brand-surface))}.access-grants-add{margin-top:.75rem}.access-grants-add summary{cursor:pointer;font-size:.8rem;font-weight:600;color:var(--brand-text-muted);list-style:none;padding:.3rem 0}.access-grants-add summary::-webkit-details-marker{display:none}.access-grants-add summary:before{content:"\25b8";display:inline-block;margin-right:.4rem;font-size:.7rem;transition:transform .15s ease}.access-grants-add[open] summary:before{transform:rotate(90deg)}.access-grants-add summary:hover{color:var(--brand-text)}.access-grants-add .access-user-list{margin-top:.4rem}.access-user-list--addable .access-user-identity{color:var(--brand-text-muted)}.access-grants-new-group-row{margin-top:.6rem}.md-shell{display:grid;grid-template-columns:260px 1fr;gap:1rem}.md-list-pane{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--radius-md);padding:.85rem;display:flex;flex-direction:column;gap:.6rem;position:sticky;top:1rem}.md-search{width:100%}.md-list{display:flex;flex-direction:column;max-height:70vh;overflow-y:auto;padding:.1rem}.md-list-item{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;width:100%;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--radius-md);text-align:left;padding:.65rem .75rem;margin-bottom:.5rem;cursor:pointer;font-family:var(--brand-font);color:var(--brand-text)}.md-list-item:last-child{margin-bottom:0}.md-list-item:hover{background:var(--brand-surface-alt)}.md-list-item.active{background:var(--brand-accent-soft);border-color:color-mix(in srgb,var(--brand-accent) 30%,var(--brand-surface))}.md-list-item-name{font-size:.9rem;font-weight:600}.md-list-item-meta{font-size:.78rem;color:var(--brand-text-muted)}.md-detail{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--radius-md);padding:1.1rem 1.3rem;min-height:220px}.md-detail .filter{width:100%}.md-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:.9rem;margin-bottom:1.1rem;border-bottom:1px solid var(--brand-border)}.md-detail-title{font-family:var(--brand-font-display);font-size:1.3rem}@media(max-width:768px){.md-shell{grid-template-columns:1fr}.md-list-pane{position:static}.md-list{max-height:40vh}}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:radial-gradient(circle at 20% -10%,color-mix(in srgb,var(--brand-accent) 22%,var(--brand-primary)),transparent 55%),var(--brand-primary)}.auth-card{width:100%;max-width:400px;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:14px;padding:2rem 2rem 2.25rem;box-shadow:0 24px 60px #06101c59}.auth-brand{display:flex;align-items:center;gap:.75rem;margin-bottom:1.75rem}.auth-brand strong{display:block;font-family:var(--brand-font-display);font-size:1.05rem;color:var(--brand-text)}.auth-brand span{font-size:.78rem;color:var(--brand-text-muted)}.auth-logo{width:34px;height:34px;border-radius:9px;background:color-mix(in srgb,var(--brand-accent) 85%,white);flex:none}.auth-card h1{font-family:var(--brand-font-display);font-size:1.6rem;margin:0 0 .35rem;color:var(--brand-text)}.auth-sub{margin:0 0 1.5rem;color:var(--brand-text-muted);font-size:.9rem}.auth-submit{width:100%;margin-top:.5rem;justify-content:center}.auth-card .field{margin-bottom:1.1rem}.auth-card input{width:100%}.topbar-user{margin-left:auto;display:flex;align-items:center;gap:.75rem}.translation-mode-options{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.translation-mode-option{display:flex;flex-direction:column;align-items:center;gap:.7rem;width:170px;padding:1rem;border:1px solid var(--brand-border);border-radius:var(--radius-md);cursor:pointer;text-align:center}.translation-mode-option:hover{background:var(--brand-surface-alt)}.translation-mode-option.selected{background:var(--brand-surface-alt);box-shadow:inset 3px 0 0 var(--brand-accent)}.translation-mode-preview{display:flex;flex-direction:column;gap:.4rem;width:100%}.preview-bar{display:block;width:90%;height:10px;border-radius:var(--radius-pill);background:var(--brand-text-muted)}.preview-bar-customer{background:var(--brand-text-muted)}.preview-bar-operator{background:color-mix(in srgb,var(--brand-text-muted) 45%,transparent)}.preview-bar-hidden{height:8px;background:transparent;border:1px dashed var(--brand-border)}.translation-mode-caption{font-size:.78rem;color:var(--brand-text-muted)}.translation-mode-option.selected .translation-mode-caption{color:var(--brand-text);font-weight:600}.ai-suggestion{margin-top:1rem;padding:.6rem .9rem;border-radius:var(--radius-sm);background:var(--brand-accent-soft);box-shadow:inset 3px 0 0 var(--brand-accent);font-size:.85rem}.ai-suggestion.failed{background:var(--status-warn-bg);box-shadow:inset 3px 0 0 var(--status-warn)}.ai-suggestion-head{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem}.ai-suggestion-title{font-weight:600;display:flex;align-items:baseline;gap:.5rem}.ai-suggestion-actions{display:flex;align-items:baseline;gap:.6rem;flex-shrink:0}.ai-suggestion-text{margin:.4rem 0 0;white-space:pre-wrap}.ai-agent-dot{display:inline-flex;width:10px;height:10px;border-radius:50%;align-self:center;flex-shrink:0}.ai-agent-dot--run{background:var(--status-ok);box-shadow:0 0 0 3px var(--status-ok-bg)}.ai-agent-dot--stopped{background:var(--status-draft);box-shadow:0 0 0 3px color-mix(in srgb,var(--status-draft) 10%,var(--brand-surface))}.ai-escalation-banner{margin-top:1rem;padding:.6rem .9rem;border-radius:var(--radius-sm);background:var(--status-warn-bg);color:var(--status-warn);font-size:.85rem}.message-bubble.from-ai{box-shadow:inset 3px 0 color-mix(in srgb,var(--brand-accent) 45%,transparent)}.review-drawer{width:min(420px,92vw)}.review-card{border:1px solid var(--brand-border);border-radius:var(--radius-sm);padding:.7rem .9rem;margin-bottom:.7rem}.review-card-head{display:flex;align-items:baseline;gap:.6rem}.review-subject{font-weight:600;flex:1 1 auto}.review-scores{display:flex;flex-wrap:wrap;gap:.4rem .9rem;margin-top:.5rem;font-family:var(--brand-font-mono);font-variant-numeric:tabular-nums;font-size:.85rem}.review-score-label{color:var(--brand-text-muted);font-family:var(--brand-font-body);margin-right:.3rem;font-size:.75rem}.review-score-overall{font-weight:700}.review-rationale{margin:.5rem 0 0;font-size:.85rem}.review-form{border-top:1px solid var(--brand-border);padding-top:.9rem;display:flex;flex-direction:column;gap:.7rem}.review-form .modal-header{padding:0;border-bottom:none}.review-form textarea{width:100%}.review-score-picker{display:flex;gap:.35rem}.review-score-button{font:inherit;font-family:var(--brand-font-mono);width:2rem;height:2rem;border:1px solid var(--brand-border);border-radius:var(--radius-sm);background:var(--brand-surface);cursor:pointer}.review-score-button:hover{background:var(--brand-surface-alt)}.review-score-button.active{border-color:var(--brand-accent);box-shadow:inset 0 0 0 1px var(--brand-accent);font-weight:700}.analytics-range{flex-wrap:wrap}.operator-filter-notice{margin:-.8rem 0 1rem}.analytics-presets{display:flex;gap:.4rem}.analytics-presets .button-secondary.active{border-color:var(--brand-accent);box-shadow:inset 0 0 0 1px var(--brand-accent)}.analytics-custom-range{display:flex;align-items:center;gap:.4rem}.ai-query-answer{white-space:pre-wrap;max-width:72ch}.ai-query-result-meta{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem}.stat-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.6rem;margin-bottom:.6rem}.stat-cards .stat-card{cursor:default}.volume-chart{display:flex;align-items:flex-end;gap:4px;height:160px;overflow-x:auto;padding-bottom:.2rem}.volume-day{flex:1 0 14px;display:flex;flex-direction:column;align-items:stretch;height:100%;min-width:0}.volume-bar{flex:1 1 auto;display:flex;flex-direction:column;justify-content:flex-end}.volume-segment{width:100%}.volume-segment.customer{background:color-mix(in srgb,var(--brand-text-muted) 45%,transparent)}.volume-segment.operator{background:var(--brand-accent)}.volume-segment.ai{background:color-mix(in srgb,var(--brand-accent) 45%,var(--brand-text-muted))}.volume-day-label{margin-top:.25rem;font-size:.62rem;color:var(--brand-text-muted);text-align:center;white-space:nowrap;overflow:hidden}.volume-legend{display:flex;gap:1rem;margin:.5rem 0 1rem;font-size:.78rem;color:var(--brand-text-muted)}.volume-legend span{display:inline-flex;align-items:center;gap:.35rem}.volume-swatch{display:inline-block;width:10px;height:10px;border-radius:2px}.volume-swatch.customer{background:color-mix(in srgb,var(--brand-text-muted) 45%,transparent)}.volume-swatch.operator{background:var(--brand-accent)}.volume-swatch.ai{background:color-mix(in srgb,var(--brand-accent) 45%,var(--brand-text-muted))}.grouped-bar-chart{position:relative;display:flex;align-items:flex-end;gap:8px;height:260px;overflow-x:auto;padding-bottom:.2rem;flex:1 1 0;min-width:0}.grouped-bar-column{flex:1 0 28px;display:flex;flex-direction:column;align-items:stretch;height:100%;min-width:0}.grouped-bar-pair{flex:1 1 auto;display:flex;align-items:flex-end;justify-content:center;gap:5px}.grouped-bar{flex:1 1 auto;max-width:20px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;min-height:2px}.grouped-bar.created{background:color-mix(in srgb,var(--brand-text-muted) 45%,transparent)}.grouped-bar.closed{background:var(--brand-accent)}.volume-swatch.created{background:color-mix(in srgb,var(--brand-text-muted) 45%,transparent)}.volume-swatch.closed{background:var(--brand-accent)}.axis-chart{display:flex;gap:.5rem;margin-top:.6rem}.axis-labels{position:relative;flex-shrink:0;width:2.3rem;height:260px;padding-bottom:.2rem;box-sizing:border-box}.axis-tick-label{position:absolute;left:0;right:0;transform:translateY(50%);font-size:.82rem;font-variant-numeric:tabular-nums;color:var(--brand-text-muted);text-align:right;white-space:nowrap}.axis-gridlines{position:absolute;inset:0;pointer-events:none}.axis-gridline{position:absolute;left:0;right:0;border-top:1px dashed var(--brand-border)}.chart-caption{margin:.9rem 0 0;padding-top:.7rem;border-top:1px solid var(--brand-border);font-size:.8rem;color:var(--brand-text-muted)}.ticket-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:stretch;gap:.6rem;margin-bottom:.6rem}.ticket-stats-grid>.panel+.panel{margin-top:0}.ticket-stats-section-header{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin:.85rem 0 .5rem}.ticket-stats-section-header .hint{margin-top:0}.analytics-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.6rem;margin-bottom:.6rem}.analytics-columns table.data-table{min-width:0}.analytics-channels{margin-top:.5rem}.modal.ai-agent-modal{width:680px}.agent-avatar-row{display:flex;align-items:center;gap:.75rem}.agent-avatar-preview{flex:0 0 auto;width:2.5rem;height:2.5rem;border-radius:50%;object-fit:cover}.agent-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:var(--brand-accent-soft);color:var(--brand-accent)}.agent-avatar-upload-button{display:inline-flex;align-items:center;cursor:pointer}.agent-avatar-upload-button input[type=file]{display:none}.wide-form input:not([type=checkbox]):not([type=color]),.wide-form textarea{width:100%}.form-section-label{font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--brand-text-muted);margin-bottom:.5rem}.field-divider{border-top:1px solid var(--brand-border);margin:.2rem 0 1.1rem}.wide-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem}.wide-form-grid .hint{min-height:2.1rem}a.stat-card{color:inherit;text-decoration:none}.stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;margin-bottom:.5rem}.dashboard-row{display:flex;align-items:center;gap:.75rem;width:100%;padding:.6rem 0;border:none;border-bottom:1px solid var(--brand-border);background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}.dashboard-row:last-child{border-bottom:none}.dashboard-row-main{flex:1;min-width:0}.dashboard-row-name{font-size:.85rem;font-weight:500}.dashboard-row-preview{font-size:.78rem;color:var(--brand-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.postponed-tickets-panel{margin-bottom:.85rem}.ticket-sort-toggle{display:inline-flex;align-items:center;gap:.4rem}.ticket-sort-arrow{display:inline-block;transition:transform .15s ease}.ticket-sort-arrow.asc{transform:rotate(180deg)}.ticket-list{display:flex;flex-direction:column;gap:.6rem}.ticket-card{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;width:100%;padding:.9rem 1.1rem;border:1px solid var(--brand-border);border-left:3px solid var(--status-warn);border-radius:var(--radius-md);background:var(--brand-surface);font:inherit;color:inherit;text-align:left;cursor:pointer}.ticket-card:hover{background:var(--brand-surface-alt)}.ticket-card-closed{border-left-color:var(--status-ok)}.ticket-card-main{display:flex;flex-direction:column;gap:.35rem;min-width:0;flex:1 1 auto}.ticket-card-customer-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.ticket-card-customer{font-weight:600;font-size:.85rem}.ticket-card-channel{font-size:.72rem;font-weight:500;color:var(--brand-text-muted)}.ticket-card-channel .channel-icon svg{width:14px;height:14px}.ticket-card-title{font-weight:600;font-size:.92rem}.ticket-card-preview{font-size:.82rem;color:var(--brand-text-muted)}.ticket-card-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem;flex-shrink:0}.ticket-card-operator{font-size:.72rem;color:var(--brand-text-muted);white-space:nowrap}@media(max-width:768px){.app-shell{grid-template-columns:1fr}.nav-toggle-bars{display:block}.nav-toggle-chevron{display:none}.sidebar{position:fixed;top:0;left:0;bottom:0;width:240px;max-width:85vw;z-index:20;transform:translate(-100%);transition:transform .2s ease}.app-shell.nav-open .sidebar{transform:translate(0)}.sidebar-backdrop{display:block;position:fixed;inset:0;z-index:10;background:#0a141e6b;opacity:0;pointer-events:none;transition:opacity .2s ease}.app-shell.nav-open .sidebar-backdrop{opacity:1;pointer-events:auto}.breadcrumb{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.topbar-user{flex-shrink:0}.topbar-user .slug{display:none}.topbar,.canvas{padding-left:1rem;padding-right:1rem}.canvas{padding-top:.85rem;padding-bottom:1.5rem}.page-header{flex-direction:column;align-items:stretch}app-dashboard .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.message-bubble{max-width:85%}.message-composer{flex-direction:column;align-items:stretch}.auth-screen{padding:1.2rem}.auth-card{padding:1.5rem 1.25rem 1.75rem}table.data-table{display:block;width:100%;min-width:0}.data-table colgroup,.data-table thead{display:none}.data-table tbody{display:block}.data-table tbody tr{position:relative;display:block;background:var(--brand-surface);border:1px solid var(--brand-border);border-left:3px solid var(--type-hue, var(--brand-border));border-radius:var(--radius-md);padding:.8rem 2.4rem .8rem .9rem;margin-bottom:.6rem}.data-table tbody tr[data-tone=ok]{border-left-color:var(--status-ok)}.data-table tbody tr[data-tone=draft]{border-left-color:var(--status-draft)}.data-table tbody tr[data-tone=warn]{border-left-color:var(--status-warn);background:var(--status-warn-bg)}.data-table tbody tr[data-tone=danger]{border-left-color:var(--status-danger);background:var(--status-danger-bg)}.data-table tbody tr.row-empty{padding:0;border:none;border-radius:0;background:transparent;margin-bottom:0}.data-table tbody td{display:block;padding:0;border-bottom:none}.data-table tbody tr.clickable:hover{background:var(--brand-surface-alt)}.data-table tbody tr.clickable:hover td{background:transparent}.data-table tbody td+td{margin-top:.4rem}.data-table .col-actions{text-align:left}.data-table tbody td.card-detail{display:none}.data-table tbody tr.expanded td.card-detail{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding-top:.5rem;margin-top:.5rem;border-top:1px solid var(--brand-border)}.data-table tbody td.card-detail[data-label]:before{content:attr(data-label);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--brand-text-muted)}.card-toggle{display:inline-flex}}