:root{color-scheme:light;--ink:#171717;--ink-soft:#404040;--muted:#737373;--surface:#fff;--surface-subtle:#fafafa;--surface-hover:#f5f5f5;--surface-active:#eee;--line:#e5e5e5;--line-strong:#d4d4d4;--focus:#93c5fd;--blue:#2563eb;--green:#16a34a;--amber:#d97706;--red:#dc2626;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px;color:var(--ink);background:var(--surface)}
*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%}body{margin:0;background:var(--surface)}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:999px}::-webkit-scrollbar-track{background:transparent}
.skip{position:fixed;left:12px;top:-48px;z-index:100;padding:8px 12px;border-radius:6px;background:var(--ink);color:#fff}.skip:focus{top:12px}.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}
.icon{width:18px;height:18px;flex:0 0 auto;color:var(--muted);stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-button{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;padding:0;border:0;border-radius:6px;background:transparent;color:var(--ink-soft)}.icon-button:hover{background:var(--surface-hover)}
.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--surface-subtle)}.login-card{width:min(100%,400px);padding:32px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 8px 30px rgba(0,0,0,.06)}.login-brand{display:grid;justify-items:center;gap:10px;margin-bottom:28px;text-align:center}.brand-mark{display:grid;width:36px;height:36px;place-items:center;border-radius:8px;background:var(--ink);color:#fff;font-size:16px;font-weight:700}.login-brand h1{margin:4px 0 0;font-size:20px;letter-spacing:-.02em}.login-brand p{margin:0;color:var(--muted);font-size:13px}
.field{display:grid;gap:6px;margin:14px 0}.field label{color:var(--ink-soft);font-size:13px;font-weight:500}.field input,.field textarea,.field select,.search-input{width:100%;border:1px solid var(--line-strong);border-radius:6px;padding:8px 10px;background:var(--surface);color:var(--ink)}.field textarea{min-height:120px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus,.search-input:focus{outline:3px solid var(--focus);outline-offset:1px;border-color:var(--blue)}.error{min-height:18px;margin:8px 0;color:var(--red);font-size:12px}
.button{display:inline-flex;min-height:32px;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:6px;padding:6px 11px;background:var(--ink);color:#fff;font-weight:500}.button:hover{background:#262626}.button.secondary{border-color:var(--line);background:var(--surface);color:var(--ink-soft);box-shadow:0 1px 2px rgba(0,0,0,.04)}.button.secondary:hover{background:var(--surface-hover)}.button.quiet{background:transparent;color:var(--ink-soft)}.button.quiet:hover{background:var(--surface-hover)}.button.full{width:100%}
.workspace{min-height:100vh;display:grid;grid-template-columns:232px minmax(0,1fr)}.sidebar{position:sticky;top:0;z-index:30;display:flex;height:100vh;min-width:0;flex-direction:column;gap:8px;padding:8px;border-right:1px solid var(--line);background:var(--surface-subtle)}.profile-button{display:grid;grid-template-columns:28px minmax(0,1fr) 16px;gap:9px;align-items:center;width:100%;padding:6px;border:0;border-radius:6px;background:transparent;text-align:left}.profile-button:hover{background:var(--surface-hover)}.avatar{display:grid;width:28px;height:28px;place-items:center;border:1px solid var(--line-strong);border-radius:50%;background:var(--surface);font-size:11px;font-weight:600}.profile-copy{min-width:0}.profile-copy strong,.profile-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-copy strong{font-size:13px;font-weight:600}.profile-copy span{margin-top:1px;color:var(--muted);font-size:11px;text-transform:capitalize}
.sidebar-nav{display:grid;gap:2px}.nav-button{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:8px;align-items:center;width:100%;min-height:32px;padding:6px 8px;border:0;border-radius:6px;background:transparent;color:var(--ink-soft);text-align:left}.nav-button:hover{background:var(--surface-hover);color:var(--ink)}.nav-button.active{background:var(--surface-active);color:var(--ink);font-weight:500}.nav-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-badge{min-width:18px;padding:1px 5px;border-radius:999px;background:#e5e5e5;color:var(--muted);font-size:10px;text-align:center}.sidebar-section{margin-top:8px}.section-label{margin:0;padding:6px 8px;color:#a3a3a3;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.sidebar-spacer{flex:1}.sidebar-footer{display:grid;gap:2px;border-top:1px solid var(--line);padding-top:8px}.sidebar-overlay{display:none}
.page-shell{min-width:0;background:var(--surface)}.mobile-header{display:none}.page-content{min-width:0}.layout-header{display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:16px;padding:8px 24px;border-bottom:1px solid var(--line)}.header-copy{display:flex;min-width:0;align-items:center;gap:7px}.header-copy h1{overflow:hidden;margin:0;font-size:14px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.breadcrumb{color:var(--muted)}.header-actions{display:flex;gap:8px}.content-body{width:100%;max-width:1440px;margin:0 auto;padding:24px}.content-body.narrow{max-width:900px}
.banner{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px;padding:10px 12px;border:1px solid #fde68a;border-radius:7px;background:#fffbeb;color:#92400e}.dashboard-title{margin:4px 0 20px}.dashboard-title h2{margin:0 0 5px;font-size:20px;letter-spacing:-.02em}.dashboard-title p{margin:0;color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}.panel{border:1px solid var(--line);border-radius:8px;background:var(--surface)}.metric-panel{grid-column:span 3;padding:16px}.metric-label{color:var(--muted);font-size:12px}.metric-value{display:block;margin-top:10px;font-size:24px;font-weight:600;letter-spacing:-.03em}.chart-panel{grid-column:span 8;padding:16px}.activity-panel{grid-column:span 4;padding:16px}.panel-title{margin:0 0 16px;font-size:13px;font-weight:600}.chart-row{display:grid;grid-template-columns:minmax(90px,160px) 1fr 32px;gap:10px;align-items:center;margin:12px 0}.chart-label{overflow:hidden;color:var(--ink-soft);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.chart-progress{width:100%;height:7px;overflow:hidden;border:0;border-radius:999px;background:#f0f0f0}.chart-progress::-webkit-progress-bar{background:#f0f0f0}.chart-progress::-webkit-progress-value{border-radius:999px;background:#737373}.chart-progress::-moz-progress-bar{border-radius:999px;background:#737373}.chart-count{color:var(--muted);font-size:12px;text-align:right}.activity-list{display:grid;gap:12px}.activity-item{display:flex;gap:9px;align-items:flex-start;color:var(--ink-soft);font-size:12px}.activity-dot{width:7px;height:7px;margin-top:5px;border-radius:50%;background:#a3a3a3}
.list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line)}.view-picker{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:var(--ink);font-weight:600}.toolbar-actions{display:flex;gap:6px}.data-list{overflow:hidden;border:1px solid var(--line);border-radius:8px}.list-head,.ticket-row,.directory-row,.integration-row{display:grid;gap:14px;align-items:center;min-height:42px;padding:8px 14px;border-bottom:1px solid var(--line)}.list-head{min-height:34px;background:var(--surface-subtle);color:var(--muted);font-size:11px;font-weight:500}.list-head:last-child,.ticket-row:last-child,.directory-row:last-child,.integration-row:last-child{border-bottom:0}.ticket-columns{grid-template-columns:24px minmax(260px,1.7fr) minmax(120px,.7fr) minmax(100px,.6fr) minmax(110px,.7fr)}.directory-columns{grid-template-columns:minmax(220px,1.5fr) minmax(120px,.7fr) minmax(90px,.5fr)}.integration-columns{grid-template-columns:minmax(180px,1fr) minmax(100px,.5fr) minmax(220px,1.5fr) minmax(100px,.5fr)}.ticket-row:hover,.directory-row:hover,.integration-row:hover{background:var(--surface-subtle)}.row-link{overflow:hidden;padding:0;border:0;background:transparent;color:var(--ink);text-align:left;text-overflow:ellipsis;white-space:nowrap}.row-link:hover{text-decoration:underline}.row-muted{overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.check{width:14px;height:14px;accent-color:var(--ink)}.status{display:inline-flex;min-width:0;align-items:center;gap:7px;color:var(--ink-soft);font-size:12px}.status-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#a3a3a3}.status-dot.open,.status-dot.active{background:var(--blue)}.status-dot.closed,.status-dot.resolved,.status-dot.completed{background:var(--green)}.status-dot.pending,.status-dot.medium{background:var(--amber)}.status-dot.high,.status-dot.urgent,.status-dot.failed{background:var(--red)}.empty-state{display:grid;min-height:260px;place-items:center;padding:40px 20px;color:var(--muted);text-align:center}.empty-symbol{display:grid;width:44px;height:44px;place-items:center;margin:0 auto 10px;border:1px solid var(--line);border-radius:50%;background:var(--surface-subtle)}
.form-panel{max-width:720px;padding:20px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px}.detail-main,.detail-side{padding:18px}.detail-main>p{line-height:1.65}.detail-side dl{margin:0}.detail-side dt{margin-top:14px;color:var(--muted);font-size:11px}.detail-side dd{margin:4px 0 0;color:var(--ink-soft)}.subheading{margin:24px 0 12px;font-size:13px}.timeline{display:grid;gap:0;border-left:1px solid var(--line);margin-left:5px;padding-left:16px}.timeline article{position:relative;padding:0 0 18px}.timeline article::before{content:"";position:absolute;left:-20px;top:5px;width:7px;height:7px;border:2px solid var(--surface);border-radius:50%;background:#a3a3a3;box-shadow:0 0 0 1px var(--line-strong)}.timeline strong{font-size:12px}.timeline p{margin:5px 0;color:var(--ink-soft)}.timeline time{color:var(--muted);font-size:11px}.article-body{white-space:pre-wrap;line-height:1.7}.note{margin-top:14px;color:var(--muted);font-size:12px}.toast{position:fixed;right:16px;bottom:16px;z-index:100;max-width:360px;padding:10px 14px;border-radius:7px;background:var(--ink);color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.chart-progress{width:100%;height:7px;overflow:hidden;border:0;border-radius:999px;background:#f0f0f0}.chart-progress::-webkit-progress-bar{background:#f0f0f0}.chart-progress::-webkit-progress-value{border-radius:999px;background:#737373}.chart-progress::-moz-progress-bar{border-radius:999px;background:#737373}
@media(max-width:960px){.metric-panel{grid-column:span 6}.chart-panel,.activity-panel{grid-column:1/-1}.ticket-columns{grid-template-columns:24px minmax(220px,1fr) 120px 100px}.ticket-columns>:last-child{display:none}}
@media(max-width:760px){.workspace{display:block}.sidebar{position:fixed;left:0;transform:translateX(-100%);width:260px;transition:transform var(--motion-normal) var(--motion-ease);box-shadow:16px 0 32px rgba(0,0,0,.08)}.workspace.sidebar-open .sidebar{transform:translateX(0)}.sidebar-overlay{position:fixed;inset:0;z-index:25;display:none;border:0;background:rgba(0,0,0,.25)}.workspace.sidebar-open .sidebar-overlay{display:block}.mobile-header{position:sticky;top:0;z-index:20;display:flex;height:48px;align-items:center;justify-content:space-between;padding:0 10px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96)}.mobile-title{font-weight:600}.layout-header{padding:8px 14px}.content-body{padding:16px 12px}.detail-grid{grid-template-columns:1fr}.ticket-columns{grid-template-columns:20px minmax(150px,1fr) 100px}.ticket-columns>:nth-child(4),.ticket-columns>:nth-child(5){display:none}.integration-columns{grid-template-columns:minmax(150px,1fr) 90px}.integration-columns>:nth-child(3),.integration-columns>:nth-child(4){display:none}.directory-columns{grid-template-columns:minmax(150px,1fr) 90px}.directory-columns>:last-child{display:none}}
@media(max-width:480px){.login-card{padding:24px 20px}.metric-panel{grid-column:1/-1}.layout-header{align-items:flex-start}.breadcrumb{display:none}.header-actions .button span{display:none}}
:root[data-theme="dark"]{color-scheme:dark;--ink:#ededed;--ink-soft:#d4d4d4;--muted:#a3a3a3;--surface:#202020;--surface-subtle:#252525;--surface-hover:#303030;--surface-active:#383838;--line:#3b3b3b;--line-strong:#525252;--focus:#60a5fa}
:root[data-theme="dark"] .button{background:#ededed;color:#171717}
:root[data-theme="dark"] .button.secondary{background:var(--surface);color:var(--ink-soft)}
:root[data-theme="dark"] .button.quiet{background:transparent;color:var(--ink-soft)}
:root[data-theme="dark"] .brand-mark,:root[data-theme="dark"] .toast{background:#ededed;color:#171717}
:root[data-theme="dark"] .mobile-header{background:var(--surface)}
.settings-open{overflow:hidden}
.settings-dialog{width:min(1200px,calc(100vw - 24px));height:min(900px,calc(100dvh - 24px));max-width:none;max-height:none;margin:auto;padding:0;border:0;border-radius:16px;background:#fff;color:#202020;box-shadow:0 16px 64px rgba(0,0,0,.14);overflow:hidden;font-size:13px}
.settings-dialog::backdrop{background:rgba(0,0,0,.28)}
.settings-panel{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}
.settings-section-body.settings-has-form{display:block}
.settings-form-panel{max-width:600px;align-items:stretch;justify-content:flex-start}
.settings-form{width:100%;padding:0 0 24px}
.settings-form+.settings-form{padding-top:24px;border-top:1px solid var(--line)}
.settings-form .field{margin:0 0 18px}
.settings-form .field label{font-size:13px}
.settings-form input[readonly]{background:var(--surface-subtle);color:var(--muted)}
.settings-form .button:disabled{opacity:.5;cursor:wait}
.settings-form-title{margin:0 0 8px;font-size:15px;font-weight:600}
.settings-form-hint{margin:0 0 18px;color:var(--muted);font-size:13px;line-height:20px}
.settings-form-footer .error:empty,.settings-save-status:empty{display:none}
.settings-save-status{margin:0 0 12px;color:var(--green);font-size:13px}
:root[data-theme="dark"] .settings-dialog,:root[data-theme="dark"] .settings-main,:root[data-theme="dark"] .settings-close{background:var(--surface);color:var(--ink)}
:root[data-theme="dark"] .settings-sidebar,:root[data-theme="dark"] .settings-placeholder-icon{background:var(--surface-subtle)}
:root[data-theme="dark"] .settings-nav-button{color:var(--ink-soft)}
:root[data-theme="dark"] .settings-nav-button:hover{background:var(--surface-hover)}
:root[data-theme="dark"] .settings-nav-button.active{background:var(--surface-active);border-color:var(--line)}
:root[data-theme="dark"] .settings-nav-button .icon,:root[data-theme="dark"] .settings-description,:root[data-theme="dark"] .settings-placeholder{color:var(--ink-soft)}
:root[data-theme="dark"] .settings-placeholder-copy,:root[data-theme="dark"] .settings-group-label{color:var(--muted)}
.settings-layout{position:relative;display:grid;grid-template-columns:224px minmax(0,1fr);height:100%;min-height:0}
.settings-sidebar{overflow-y:auto;background:#f8f8f8;padding:4px 8px 16px;scrollbar-gutter:stable}
.settings-group-label{margin:0;padding:10px 8px 8px;color:#808080;font-size:12px;font-weight:500;line-height:18px}
.settings-group-label:not(:first-child){padding-top:17px}
.settings-nav-button{display:flex;width:100%;height:31px;align-items:center;gap:8px;padding:5px 8px;border:1px solid transparent;border-radius:9px;background:transparent;color:#292929;text-align:left;font-size:13px;font-weight:400;white-space:nowrap}
.settings-nav-button .icon{width:18px;height:18px;color:var(--muted);stroke-width:1.5}
.settings-nav-button:hover{background:#efefef}
.settings-nav-button.active{background:#fff;border-color:#e9e9e9;box-shadow:0 1px 2px rgba(0,0,0,.12)}
.settings-nav-button:focus-visible,.settings-close:focus-visible{outline:2px solid #737373;outline-offset:1px}
.settings-main{display:flex;flex-direction:column;min-width:0;min-height:0;overflow-y:auto;background:#fff}
.settings-header{flex:none;padding:32px 64px 0 40px}
.settings-header h1{margin:0;font-size:16px;font-weight:600;line-height:24px;letter-spacing:0}
.settings-description{max-width:470px;margin:0;color:#5c5c5c;font-size:13px;line-height:20px}
.settings-section-body{display:flex;flex:1;min-height:200px;padding:24px 40px 40px;align-items:center;justify-content:center}
.settings-placeholder{text-align:center;color:#626262;max-width:320px;transform:translateY(-12px)}
.settings-placeholder-icon{display:grid;width:58px;height:58px;margin:0 auto 14px;place-items:center;background:#f8f8f8;border-radius:50%}
.settings-placeholder-icon .icon{width:20px;height:20px;stroke-width:1.4}
.settings-placeholder-title{margin:0;font-size:14px;font-weight:500;line-height:22px}
.settings-placeholder-copy{margin:2px 0 0;font-size:13px;color:#858585;line-height:20px}
.settings-close{position:absolute;top:12px;right:14px;color:#737373;background:#fff;width:28px;height:28px;border-radius:6px}
@media(max-width:640px){.settings-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px);border-radius:12px}.settings-layout{grid-template-columns:1fr;grid-template-rows:minmax(0,38%) minmax(0,1fr)}.settings-sidebar{padding:6px 12px 12px;border-bottom:1px solid #e5e5e5}.settings-group-label{padding-top:6px}.settings-group-label:not(:first-child){padding-top:12px}.settings-main{min-height:0}.settings-header{padding:20px 24px 0}.settings-section-body{padding:20px 24px;min-height:160px}.settings-placeholder{transform:none}.settings-close{top:8px;right:10px;border:1px solid #e5e5e5}.settings-sidebar .settings-group-label:first-child{padding-right:32px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

.settings-record{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);min-width:0}.settings-record>div:first-child{min-width:0;overflow-wrap:anywhere}.settings-record .settings-form-hint{margin:4px 0 0}.settings-record-actions,.settings-toolbar,.settings-pagination{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.settings-toolbar{margin-bottom:20px}.settings-pagination{justify-content:space-between;margin:18px 0}.settings-action{display:inline-flex;flex-direction:column;gap:4px}.settings-action .error:empty{display:none}.settings-check{display:flex;align-items:center;gap:8px;font-size:13px;margin:10px 0}.settings-check input{width:15px;height:15px;flex:none;accent-color:var(--ink)}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-target,.settings-member-picker,.settings-advanced{border-top:1px solid var(--line);padding-top:12px;margin-top:14px}.settings-form textarea{width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;font:inherit;background:var(--surface);color:var(--ink);resize:vertical}.settings-preview{white-space:pre-wrap;overflow-wrap:anywhere;padding:12px;border:1px solid var(--line);border-radius:8px;font:inherit;background:var(--surface)}.settings-advanced summary{cursor:pointer;font-size:13px;padding:10px 0}.settings-invite-result input{font-family:monospace;font-size:12px}.settings-panel .settings-form+.settings-action{margin-top:16px}.settings-panel .settings-form+.settings-form{margin-top:28px}.settings-form h3{font-size:14px;margin:22px 0 10px}.settings-action button:disabled{opacity:.5;cursor:default}@media(max-width:640px){.settings-record{align-items:flex-start;flex-direction:column}.settings-grid{grid-template-columns:1fr}.settings-pagination{gap:6px}}

/* Shared controls follow the supplied Helpdesk reference in both themes. */
.settings-form-panel{max-width:none}.settings-dialog .field label,.settings-notice .field label{color:var(--muted);font-size:14px;font-weight:400;margin-bottom:6px}.settings-dialog .field input:not([type=checkbox]),.settings-dialog .field textarea,.settings-notice .field input,.settings-notice .field textarea{min-height:29px;border:1px solid transparent;border-radius:8px;background:var(--surface-active);color:var(--ink);padding:5px 8px;font-size:14px;box-shadow:none}.settings-dialog .field input[readonly]{background:var(--surface-subtle)}.settings-dialog .field input:focus-visible,.settings-dialog .field textarea:focus-visible,.settings-notice .field input:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.settings-dialog .button,.settings-notice .button{min-height:28px;border-radius:8px;padding:4px 9px;font-size:13px;font-weight:500;box-shadow:none}.settings-dialog .button.secondary{border-color:transparent;background:var(--surface-active);color:var(--ink)}.settings-dialog .button:disabled{cursor:default;opacity:.45}.settings-dialog .settings-form-footer .error,.settings-dialog .settings-save-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.settings-form-footer{margin-top:16px}.settings-grid{gap:20px}.settings-check input{border-radius:4px}.settings-switch{position:relative;gap:8px;margin:0;white-space:nowrap;min-height:28px}.settings-switch input{position:absolute;width:26px;height:16px;opacity:0;margin:0;cursor:pointer}.settings-switch-track{display:block;position:relative;width:26px;height:16px;border-radius:999px;background:var(--line-strong);flex:none;transition:background var(--motion-fast) var(--motion-ease)}.settings-switch-track::after{content:'';position:absolute;top:2px;left:2px;width:12px;height:12px;background:#fff;border-radius:50%;box-shadow:0 1px 2px #0002;transition:transform var(--motion-fast) var(--motion-ease)}.settings-switch input:checked+.settings-switch-track{background:var(--ink)}.settings-switch input:checked+.settings-switch-track::after{transform:translateX(10px)}.settings-switch input:focus-visible+.settings-switch-track{outline:2px solid var(--focus);outline-offset:3px}.settings-switch input:disabled+.settings-switch-track{opacity:.45}.settings-switch input:disabled{cursor:wait}.settings-form>.settings-switch{margin:0 0 18px}.settings-select{position:relative;anchor-scope:--settings-select;width:100%}.settings-select-trigger{anchor-name:--settings-select;display:flex;width:100%;min-height:29px;align-items:center;justify-content:space-between;gap:12px;padding:5px 8px;border:1px solid transparent;border-radius:8px;background:var(--surface-active);color:var(--ink);font-size:14px;text-align:left}.settings-select-trigger>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-select-trigger .icon{width:14px;height:14px;transform:rotate(90deg);flex:none}.settings-select-trigger:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.settings-select-popup{position:fixed;position-anchor:--settings-select;inset:auto;top:anchor(bottom);left:anchor(left);min-width:anchor-size(width);margin:6px 0 0;padding:4px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink-soft);box-shadow:0 3px 8px #00000012;max-height:min(300px,50dvh);max-width:calc(100vw - 24px);overflow:auto;position-try-fallbacks:flip-block}.settings-select-option{display:block;width:100%;padding:7px 8px;border:0;border-radius:5px;background:transparent;color:inherit;font:inherit;font-size:14px;text-align:left}.settings-select-option:hover,.settings-select-option:focus-visible{outline:0;background:var(--surface-hover);color:var(--ink)}.settings-select-option[aria-selected=true]{color:var(--ink);font-weight:500}.settings-select-reset{border-top:1px solid var(--line);margin-top:4px;padding-top:4px}.settings-select-reset .button{width:100%;height:24px;min-height:24px;justify-content:center;border:1px solid var(--line-strong);background:var(--surface);box-shadow:0 1px 2px #0001}.settings-select-reset .icon{width:16px;height:16px}.settings-notice{width:min(512px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:24px;border:0;border-radius:16px;background:var(--surface);color:var(--ink);box-shadow:0 12px 48px #0002;font-size:14px}.settings-notice::backdrop{background:rgba(0,0,0,.28)}.settings-notice header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 22px}.settings-notice h2{margin:0;font-size:18px;font-weight:600}.settings-notice header .icon-button{width:30px;height:30px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);color:var(--ink)}.settings-notice p{margin:0 0 38px;line-height:22px;overflow-wrap:anywhere}.settings-notice .field{margin-bottom:18px}.settings-notice form .error{margin:0 0 14px;color:var(--red)}.settings-notice .notice-confirm{width:100%}.settings-detail-view .settings-header{display:none}.settings-detail-view .settings-section-body{padding-top:0}.settings-editor-toolbar{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:28px 0 24px;margin-bottom:2px;background:var(--surface)}.settings-editor-title,.settings-editor-controls{display:flex;align-items:center;gap:8px;min-width:0}.settings-editor-title h2{margin:0;font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-editor-title .button.secondary{padding:0 4px;background:transparent;font-size:24px;min-width:12px}.settings-editor-controls{gap:16px;flex:none}.settings-unsaved{padding:1px 6px;border-radius:5px;background:#fef3c7;color:#a16207;font-size:12px;line-height:17px}.settings-policy-basics{margin-bottom:30px}.settings-policy-basics textarea{min-height:144px}.settings-policy-section{padding:30px 0 32px;border-top:1px solid var(--line);margin:0}.settings-form .settings-policy-section h3{margin:0 0 2px;font-size:16px;font-weight:600;line-height:24px}.settings-policy-section>.settings-form-hint{margin:0 0 20px}.settings-policy-section>.settings-check{margin:10px 0 20px}.settings-policy-section .field:last-child{margin-bottom:0}.settings-policy-section>.settings-action{margin-top:10px}.settings-table-wrap{border:1px solid var(--line);border-radius:10px;padding:0 8px;overflow-x:auto}.settings-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.settings-table th{padding:8px 16px;color:var(--muted);font-size:13px;font-weight:400;white-space:nowrap;border-bottom:1px solid var(--line)}.settings-table td{height:57px;padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:middle}.settings-table tbody tr:last-child td{border-bottom:0}.settings-table .field{margin:0}.settings-table .field label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.settings-dialog .settings-table .field input{background:transparent;min-width:72px;width:100%;padding:4px 0;border-radius:4px}.settings-table .settings-check{margin:0}.settings-table .settings-check:has([id^=sla-target-default])>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.settings-table .settings-switch>span:last-child{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.settings-cell-button,.settings-row-link{padding:4px 0;border:0;background:transparent;color:var(--ink);font:inherit;white-space:nowrap;text-align:left}.settings-cell-button:focus-visible,.settings-row-link:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:4px}.settings-cell-button:hover,.settings-row-link:hover{color:var(--ink-soft)}.settings-badge{padding:1px 6px;margin-left:8px;border-radius:6px;background:var(--surface-active);color:var(--muted);font-size:11px}.settings-row-menu{position:relative}.settings-row-menu summary{list-style:none;cursor:pointer;font-size:20px;line-height:24px;text-align:right}.settings-row-menu summary::-webkit-details-marker{display:none}.settings-row-menu>div{position:absolute;right:0;top:28px;min-width:140px;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 4px 12px #0001;z-index:5}.settings-row-menu>div .settings-action,.settings-row-menu>div button{width:100%}.settings-row-menu>div button{justify-content:flex-start;background:transparent!important}.settings-row-menu>div button:hover{background:var(--surface-hover)!important}.settings-wide-panel>.settings-table-wrap{border:0;border-radius:0;padding:0;overflow:visible}.settings-wide-panel>.settings-table-wrap th:first-child,.settings-wide-panel>.settings-table-wrap td:first-child{padding-left:0}.settings-wide-panel>.settings-table-wrap th:nth-child(2){width:85px}.settings-wide-panel>.settings-table-wrap th:last-child{width:30px}.settings-wide-panel .settings-table-wrap+.settings-form-hint{margin-top:24px}:root[data-theme=dark] .settings-unsaved{background:#422006;color:#fcd34d}
@media(max-width:760px){.settings-editor-toolbar{flex-wrap:wrap;gap:12px}.settings-editor-controls{margin-left:auto}.settings-table th,.settings-table td{padding-left:8px;padding-right:8px}.settings-policy-basics{grid-template-columns:1fr}.settings-table-wrap{overflow-x:auto}.settings-wide-panel>.settings-table-wrap{overflow:visible}.settings-editor-title h2{max-width:180px}}

.settings-header{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:20px}.settings-description{grid-column:1}.settings-header-actions{grid-column:2;grid-row:1;align-self:start}.settings-editor-controls .button{min-width:48px}.settings-detail-view .settings-form-footer{margin:0}.settings-editor-toolbar+.settings-grid{margin-top:4px}

[hidden]{display:none!important}

.settings-required{color:var(--red)}.settings-new-label{display:inline-flex;align-items:center;gap:6px}.settings-new-label .icon{width:16px;height:16px}

:root{--control-surface:#f3f3f3}:root[data-theme=dark]{--control-surface:var(--surface-active)}.field label{color:var(--muted);font-size:14px;font-weight:400}.field input:not([type=checkbox]),.field select,.field textarea{border-color:transparent;border-radius:8px;background:var(--control-surface);color:var(--ink);padding:5px 8px;min-height:29px}.settings-dialog .field input:not([type=checkbox]),.settings-dialog .field textarea,.settings-notice .field input,.settings-notice .field textarea,.settings-select-trigger{background:var(--control-surface)}.settings-dialog .settings-table .field input{background:transparent}.button{border-radius:8px;font-size:13px}.settings-select-trigger:hover{background:var(--surface-active)}

.settings-table tbody tr:last-child .settings-row-menu>div{top:auto;bottom:28px}

.settings-heading{display:flex;align-items:center;gap:8px;min-width:0}.settings-profile-form{padding-top:10px}.profile-identity{display:flex;align-items:center;gap:16px;margin:0 0 38px;min-height:64px}.profile-photo-button{position:relative;display:block;width:64px;height:64px;flex:none;border:0;border-radius:50%;padding:0;background:var(--control-surface);color:var(--muted)}.profile-photo-content{display:grid;width:64px;height:64px;border-radius:50%;overflow:hidden;place-items:center;font-size:14px;font-weight:500}.profile-photo-content img,#workspace-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.profile-availability-dot{position:absolute;bottom:0;left:1px;width:18px;height:18px;border:3px solid var(--surface);border-radius:50%;background:#3bb180}.profile-availability-dot[data-availability=Away]{background:var(--amber)}.profile-availability-dot[data-availability=Offline]{background:var(--muted)}.profile-photo-overlay{position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;background:#0006;color:#fff;opacity:0;transition:opacity var(--motion-fast) var(--motion-ease)}.profile-photo-button:hover .profile-photo-overlay,.profile-photo-button:focus-visible .profile-photo-overlay{opacity:1}.profile-photo-button:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.profile-name-field{flex:1;margin:0!important;max-width:320px}.profile-name-field label,.profile-setting-row .field>label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.settings-dialog .profile-name-field input{padding:4px 0!important;background:transparent!important;font-size:16px!important;font-weight:600;border-radius:4px}.settings-dialog .profile-name-field input:focus{background:var(--control-surface)!important;padding:4px 8px!important}.settings-form .profile-security-title{margin:0 0 26px;font-size:14px;font-weight:600}.profile-setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 26px}.settings-form .profile-setting-row h3{margin:0 0 3px;font-size:14px;font-weight:500;line-height:20px}.profile-setting-row .settings-form-hint{margin:0;color:var(--ink-soft);line-height:20px}.profile-setting-row>.field,.profile-setting-row>.settings-action{flex:none;margin:0;min-width:100px}.profile-setting-row .settings-select-trigger{font-size:14px}.profile-availability-control .settings-select-trigger::before{content:'';width:8px;height:8px;border-radius:50%;background:#3bb180;flex:none}.profile-availability-control[data-availability=Away] .settings-select-trigger::before{background:var(--amber)}.profile-availability-control[data-availability=Offline] .settings-select-trigger::before{background:var(--muted)}#profile-password-dialog .settings-form-footer .error{position:static;width:auto;height:auto;clip:auto;white-space:normal;margin:0 0 12px}#profile-password-dialog .settings-form-footer{display:flex;flex-direction:column;gap:8px}#profile-password-dialog .settings-form{padding-bottom:0}#profile-password-dialog .settings-form>.button{margin-top:8px}#profile-password-dialog .settings-form-footer .button{width:100%}@media(max-width:640px){.profile-setting-row{align-items:flex-start;gap:12px}.profile-identity{flex-wrap:wrap}.profile-name-field{min-width:120px}.profile-setting-row .settings-form-hint{max-width:230px}.profile-setting-row>.settings-action button{max-width:160px;white-space:normal}}

.settings-header{padding-right:40px}.profile-password-label{display:inline-flex;align-items:center;gap:8px}.profile-password-label .icon{width:17px;height:17px}.settings-dialog .button.profile-password-button{border:1px solid var(--line-strong);box-shadow:0 1px 2px #0001}@media(max-width:640px){.settings-header{padding-right:24px}}

.appearance-section{padding:0 0 32px}.settings-form .appearance-section-title{margin:0 0 20px;font-size:14px;font-weight:600;line-height:20px}.settings-form .appearance-theme-title{margin:0 0 2px;font-size:14px;font-weight:500;line-height:20px}.appearance-section>.settings-form-hint{margin-bottom:18px;color:var(--ink-soft)}.appearance-theme-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:0;padding:0;margin:0;border:0}.appearance-theme-card{position:relative;display:block;border:1px solid var(--line);border-radius:12px;overflow:hidden;cursor:pointer;background:var(--surface)}.appearance-theme-card.is-selected{border-color:var(--ink-soft)}.appearance-theme-card:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:3px}.appearance-theme-radio{position:absolute;width:1px;height:1px;opacity:0;margin:0}.appearance-theme-preview{display:flex;width:100%;height:70px;overflow:hidden;background:#f3f3f3;padding:13px 20px 0}.appearance-preview-dark{background:#ececec}.appearance-preview-system{padding-left:0;padding-right:0;gap:0}.appearance-mini-window{display:block;min-width:216px;flex:1;height:58px;overflow:hidden;border-radius:4px 4px 0 0;background:#fff;color:#858585;font-size:12px}.appearance-mini-dark{background:#151515;color:#858585}.appearance-preview-system .appearance-mini-window{min-width:0;width:50%;border-radius:0}.appearance-window-dots{display:flex;align-items:center;gap:3px;height:12px;padding:0 4px;background:#fff}.appearance-mini-dark .appearance-window-dots{background:#202020}.appearance-window-dots i{width:6px;height:6px;border-radius:50%;background:#ff6058}.appearance-window-dots i:nth-child(2){background:#ffbd2e}.appearance-window-dots i:nth-child(3){background:#28c840}.appearance-window-body{display:flex;align-items:center;gap:18px;padding:10px}.appearance-window-brand{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;white-space:nowrap}.appearance-window-icon{display:grid;width:20px;height:20px;place-items:center;border-radius:6px;background:#8046ff;color:#fff;flex:none}.appearance-window-icon .icon{width:18px;height:18px;stroke-width:1.5}.appearance-window-lines{display:flex;flex:1;flex-direction:column;gap:5px;min-width:90px}.appearance-window-lines i{height:5px;background:#f3f3f3}.appearance-mini-dark .appearance-window-lines i{background:#303030}.appearance-theme-caption{display:flex;align-items:center;justify-content:space-between;height:33px;padding:6px 12px;border-top:1px solid var(--line);font-size:14px;color:var(--ink-soft)}.appearance-radio-mark{display:block;width:14px;height:14px;border:1px solid var(--muted);border-radius:50%;flex:none}.is-selected .appearance-radio-mark{border:4px solid var(--ink-soft)}.appearance-time-section{border-top:1px solid var(--line);padding-top:32px}.appearance-timezone-row{margin:0}.appearance-timezone-row>.field{width:200px;max-width:45%}.settings-select-search{display:block;width:100%;min-width:170px;padding:7px 8px;margin:0 0 4px;border:1px solid var(--line);border-radius:6px;background:var(--surface-subtle);color:var(--ink);font:inherit;font-size:13px}.settings-select-search:focus{outline:2px solid var(--focus);outline-offset:-2px}.settings-select-empty{padding:8px;color:var(--muted);font-size:13px}@media(max-width:640px){.appearance-theme-cards{gap:8px}.appearance-theme-preview{padding-left:8px;padding-right:8px;height:60px}.appearance-preview-system{padding-left:0;padding-right:0}.appearance-theme-caption{padding:6px 8px}.appearance-timezone-row{flex-direction:column}.appearance-timezone-row>.field{max-width:none;width:100%}.appearance-window-body{padding:8px;gap:8px}.appearance-mini-window{min-width:190px}}

/* Reference: about 1024 x 784 on a 1920 x 908 desktop, with clear outer margins. */
.settings-dialog{width:min(1024px,calc(100vw - 64px));height:min(784px,calc(100dvh - 96px))}.general-section{padding:0 0 30px}.general-section+.general-section{padding-top:30px;border-top:1px solid var(--line)}.settings-form .general-section h2{margin:0 0 22px;font-size:14px;line-height:20px;font-weight:600}.general-brand-name{max-width:356px}.general-section>.profile-setting-row{margin-bottom:26px}.general-section>.profile-setting-row>.settings-switch{min-width:26px;flex:none}.general-section>.profile-setting-row>.settings-switch .settings-check-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.general-section .profile-setting-row .settings-form-hint{max-width:610px}.general-section .settings-grid{margin-top:22px}.general-section .settings-grid .field{min-width:0}@media(max-width:640px){.settings-dialog{width:calc(100vw - 24px);height:calc(100dvh - 40px)}.general-section .profile-setting-row{flex-direction:row}.general-brand-name{max-width:none}}@media(max-height:500px){.settings-dialog{height:calc(100dvh - 32px)}}

.branding-row{display:flex;align-items:center;gap:14px;margin-top:16px;min-height:64px}.branding-preview{display:grid;place-items:center;flex:none;width:64px;height:64px;border:1px solid var(--line);border-radius:12px;color:var(--muted)}.branding-preview img{object-fit:contain}.branding-copy{flex:1;min-width:0}.settings-form .branding-copy h3{margin:0 0 3px;font-size:14px;font-weight:500}.branding-copy .settings-form-hint{margin:0;max-width:440px;line-height:20px}.branding-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.branding-upload{display:flex;align-items:center;gap:8px}.workspace-logo{display:grid;width:28px;height:28px;place-items:center}.workspace-logo[hidden]{display:none}.workspace-logo img{width:28px;height:28px;object-fit:contain}.profile-button:has(.workspace-logo:not([hidden])) #workspace-avatar{display:none}@media(max-width:640px){.branding-row{flex-wrap:wrap}.branding-copy{min-width:160px}.branding-actions{margin-left:78px}}

.agents-new-label{display:flex;align-items:center;gap:6px}.agents-new-label .icon{width:16px;height:16px}.agents-toolbar{display:flex;align-items:center;gap:8px;margin:0 0 24px}.agents-search{position:relative;display:flex;align-items:center;flex:1;min-width:0;margin:0}.agents-search>.icon{position:absolute;left:9px;width:16px;height:16px;color:var(--muted);pointer-events:none}.settings-dialog .agents-search input{width:100%;min-height:29px;padding:5px 10px 5px 32px;border:0;border-radius:8px;background:var(--control-surface);color:var(--ink);font:inherit;font-size:14px}.agents-toolbar>.field{width:82px;flex:none;margin:0}.agents-toolbar>.field>label,.agents-row-actions>.field>label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.agents-list-heading{padding-bottom:8px;border-bottom:1px solid var(--line);color:var(--muted);font-size:13px}.agents-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:10px 0!important;margin:0!important;border-bottom:1px solid var(--line)}.agents-row:last-child{border-bottom:0}.agents-identity{display:flex;align-items:center;gap:12px;min-width:0}.agents-identity>div{min-width:0}.agents-avatar{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:50%;background:var(--control-surface);color:var(--muted);font-size:14px}.agents-name,.agents-email{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:21px}.agents-name{font-weight:400;color:var(--ink)}.agents-email{color:var(--ink-soft)}.agents-row-actions{display:flex;align-items:center;gap:8px;flex:none}.agents-row-actions>.field{width:122px;min-width:0;margin:0}.agents-row-actions>.field .settings-select-trigger{padding:5px 9px}.agents-row>.error,.agents-row>.settings-save-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.agents-menu{position:relative;anchor-scope:--agent-menu}.agents-menu-trigger{anchor-name:--agent-menu;width:28px;height:28px;font-size:20px;background:transparent;border:0;border-radius:6px}.agents-menu-trigger:hover{background:var(--surface-hover)}.agents-menu-popup{position:fixed;position-anchor:--agent-menu;inset:auto;top:anchor(bottom);right:anchor(right);width:260px;max-width:calc(100vw - 32px);margin:6px 0 0;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);box-shadow:0 12px 32px #0002;position-try-fallbacks:flip-block}.agents-menu-popup>.field{margin:0 0 18px}.agents-menu-popup>.settings-switch{margin:0 0 12px}.agents-menu-popup>.settings-form-hint{margin:0;font-size:12px;line-height:18px}.agents-row-actions .button{min-height:28px}.agents-directory[aria-busy=true]{opacity:.65}@media(max-width:640px){.agents-row{flex-wrap:wrap;gap:8px}.agents-identity{width:100%}.agents-row-actions{margin-left:44px;margin-bottom:4px}.agents-toolbar{margin-bottom:18px}}

.agents-row-actions .settings-select-trigger>span{display:flex;align-items:center;gap:8px}.agents-row-actions .settings-select-trigger>span>.icon{width:16px;height:16px;transform:none;flex:none}.settings-select-icon-option{display:flex;align-items:center;gap:9px;padding:10px 9px}.settings-select-icon-option>.icon{width:17px;height:17px;flex:none}.settings-select-icon-option>span{flex:1}.settings-select-trigger:disabled{cursor:not-allowed;opacity:.65}

.team-list-row{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:51px;padding:12px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink-soft);font:inherit;font-size:14px;text-align:left;cursor:pointer}.team-list-row:hover{color:var(--ink);background:var(--surface-hover)}.team-list-row:focus-visible{outline:2px solid var(--focus);outline-offset:-2px;border-radius:6px}.team-list-row>span:last-child{padding:0 8px;font-size:20px;color:var(--ink)}.team-list-row:last-of-type{border-bottom:0}.team-detail-form{min-height:calc(100dvh - 240px);padding-bottom:0!important}.team-options{min-width:24px}.team-options summary{border-radius:6px;padding:0 4px}.team-options summary:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.team-member-picker{display:flex;align-items:center;gap:8px;margin:8px 0 20px}.team-search-wrapper{position:relative;flex:1;min-width:0;anchor-scope:--team-search}.team-search-wrapper>input{anchor-name:--team-search;width:100%;height:34px;padding:6px 12px;border:1px solid var(--line);border-radius:8px;background:var(--control-surface);color:var(--ink);font:inherit;font-size:14px}.team-search-wrapper>input:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.team-search-wrapper>input:disabled{opacity:.6}.team-add-member{min-height:34px;white-space:nowrap}.team-candidate-popup{position:fixed;position-anchor:--team-search;inset:auto;top:anchor(bottom);left:anchor(left);width:320px;max-width:calc(100vw - 48px);max-height:280px;overflow:auto;margin:4px 0 0;padding:5px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);box-shadow:0 12px 32px #0002;position-try-fallbacks:flip-block}.team-candidate{display:flex;align-items:center;gap:12px;width:100%;padding:7px 9px;border:0;border-radius:8px;background:transparent;color:var(--ink);font:inherit;font-size:14px;text-align:left}.team-candidate>span:last-child{min-width:0}.team-candidate strong{font-weight:400}.team-candidate:hover,.team-candidate:focus-visible{outline:0;background:var(--surface-hover)}.team-candidate:disabled{opacity:.5;cursor:not-allowed}.team-candidate-popup>.settings-form-hint{padding:8px;margin:0}.team-candidate-pages{display:flex;justify-content:space-between;gap:8px;padding:5px;border-top:1px solid var(--line)}.team-members{position:relative;min-height:300px}.team-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:360px;padding:48px 16px;text-align:center;color:var(--muted)}.team-empty-icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:14px;border-radius:50%;background:var(--surface-subtle);color:var(--ink-soft)}.team-empty-icon .icon{width:24px;height:24px}.team-empty>strong{font-size:14px;font-weight:500;color:var(--ink-soft)}.team-empty>.settings-form-hint{max-width:230px;line-height:20px;margin:4px 0 0}.team-member-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:12px 0;border-bottom:1px solid var(--line)}.team-member-row .agents-name{font-weight:400}.team-member-row .settings-action{flex:none}.team-detail-form>.settings-form-footer{margin-top:0}.team-members[aria-busy=true]{opacity:.65}@media(max-width:640px){.team-member-picker{flex-wrap:wrap}.team-search-wrapper{min-width:180px}.team-detail-form .settings-editor-controls{gap:8px}.team-detail-form .settings-editor-name{max-width:180px}.team-empty{min-height:280px}}

.team-detail-form{display:flex;flex-direction:column}.team-detail-form>.settings-editor-toolbar,.team-detail-form>.team-member-picker{flex:none}.team-members{display:flex;flex-direction:column;flex:1}.team-empty{flex:1}

/* Equal field margins prevent the last date column from stretching its label row. */
.settings-sla-policy-form .settings-grid{align-items:start}
.settings-sla-policy-form .field>label{margin-bottom:0;line-height:20px}
.settings-sla-policy-form .settings-policy-basics>.field,.settings-sla-policy-form .settings-policy-section>.settings-grid>.field{margin-bottom:0;min-width:0}
.settings-sla-policy-form .settings-policy-section>.settings-form-hint{line-height:20px}
.settings-sla-policy-form .settings-policy-dates{column-gap:20px;row-gap:18px}
.settings-dialog .settings-policy-dates>.field{display:flex;flex-direction:column;gap:6px;margin:0;min-width:0}
.settings-dialog .settings-policy-dates input[type=date]{display:block;box-sizing:border-box;width:100%;min-width:0;height:34px;min-height:34px;padding:6px 10px;line-height:20px;font-family:inherit;font-size:14px;border:1px solid transparent;border-radius:8px;background:var(--control-surface);color:var(--ink)}
.settings-policy-dates input[type=date]::-webkit-datetime-edit{padding:0}
.settings-policy-dates input[type=date]::-webkit-calendar-picker-indicator{width:14px;height:14px;margin:0;padding:0;opacity:.7;cursor:pointer}

.holiday-section{position:relative}.holiday-section>.settings-form-hint{padding-right:70px}.holiday-view-controls{position:absolute;top:30px;right:0;display:flex;align-items:center;gap:2px;padding:2px;border-radius:7px;background:var(--control-surface)}.holiday-view-controls .icon-button{width:25px;height:23px;border:0;border-radius:5px;background:transparent;color:var(--muted)}.holiday-view-controls .icon-button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #0001}.holiday-view-controls .icon{width:16px;height:16px}.holiday-import{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:12px 0 8px}.holiday-import .settings-check{margin:0;font-size:12px}.holiday-import-status{font-size:12px;line-height:18px;margin:0 0 18px!important;color:var(--muted)}.holiday-calendar{border:1px solid var(--line);border-radius:16px;padding:24px 26px 16px}.holiday-calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.holiday-calendar-toolbar>.field{width:92px;margin:0}.holiday-calendar-toolbar>.field>label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.holiday-calendar-toolbar .settings-select-trigger{background:transparent;font-size:14px}.holiday-calendar-toolbar>div:last-child{display:flex;align-items:center;gap:8px}.holiday-calendar-toolbar .button{background:transparent!important;min-width:25px;padding:4px 6px!important}.holiday-month-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;row-gap:26px}.holiday-month h4{margin:0 0 12px;font-size:14px;line-height:20px;font-weight:500;color:var(--ink)}.holiday-weekdays,.holiday-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center}.holiday-weekdays{margin-bottom:4px;color:var(--muted);font-size:11px;line-height:24px}.holiday-day,.holiday-day-outside{display:grid;place-items:center;min-width:0;height:27px;padding:0;border:1px solid transparent;border-radius:5px;background:transparent;font-family:inherit;font-size:12px;color:var(--ink)}.holiday-day{cursor:pointer}.holiday-day-outside{color:var(--line-strong)}.holiday-day:disabled{color:var(--muted);opacity:.45;cursor:default}.holiday-day:not(:disabled):hover{background:var(--surface-hover)}.holiday-day.is-holiday{background:#fff7d6;color:#785817}.holiday-day.is-today{border-color:var(--ink-soft)}.holiday-day:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.holiday-calendar-pages{display:flex;align-items:center;justify-content:center;gap:3px;margin-top:22px}.holiday-page-dot{padding:0 2px;border:0;background:transparent;font-size:20px;line-height:14px;color:var(--line-strong)}.holiday-page-dot[aria-pressed=true]{color:var(--ink)}.holiday-page-dot:disabled{opacity:.4}.holiday-calendar-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:10px}.holiday-legend{display:flex;align-items:center;gap:5px;color:var(--ink-soft);font-size:12px}.holiday-legend i{display:block;width:14px;height:14px;border-radius:4px;background:#fff7d6}.holiday-list-row{padding:12px 0;border-bottom:1px solid var(--line)}.holiday-list-row>.settings-action{grid-column:1/-1;justify-self:start}.settings-holiday-form .settings-grid{align-items:start}.settings-holiday-form .field>label{margin-bottom:0}.settings-holiday-form .settings-policy-section>.settings-grid>.field{margin-bottom:0}:root[data-theme=dark] .holiday-day.is-holiday,:root[data-theme=dark] .holiday-legend i{background:#473b15;color:#f5d985}@media(max-width:760px){.holiday-calendar{padding:20px 16px 14px}.holiday-month-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}}@media(max-width:480px){.holiday-month-grid{grid-template-columns:1fr}.holiday-calendar-toolbar{gap:8px}.holiday-calendar-toolbar>div:last-child{gap:2px}.holiday-import{align-items:flex-start;flex-direction:column}}


.sla-workday-menu>div{min-width:160px;padding:6px;border-radius:12px;box-shadow:0 8px 24px #0002}.sla-workday-menu button>span{display:flex;align-items:center;gap:8px}.sla-workday-menu .icon{width:17px;height:17px}.settings-table-wrap:has(.sla-workday-menu){overflow:visible}.settings-dialog .sla-workday-time{cursor:default;outline-offset:2px}#sla-workday-editor header{margin-bottom:22px}#sla-workday-editor header .icon-button{width:24px;height:24px;border:0;background:transparent}#sla-workday-editor .field{display:grid;gap:6px;margin:0 0 14px}#sla-workday-editor .field>label{line-height:20px;margin:0;color:var(--muted);font-size:14px}#sla-workday-editor .settings-select-trigger{height:29px;min-height:29px}#sla-workday-editor .error:empty{display:none}.sla-workday-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:40px}.sla-workday-footer>div{display:flex;gap:8px}.sla-workday-footer .button{min-height:29px;padding:5px 8px;font-size:14px}.sla-workday-footer .icon{width:16px;height:16px}


.user-header-actions{display:flex;align-items:center;gap:8px}.user-role{display:flex;align-items:center;gap:8px;padding:5px 9px;border-radius:8px;background:var(--control-surface);font-size:14px;white-space:nowrap}.user-role .icon{width:16px;height:16px}.user-access-label{font-size:12px;color:var(--muted);white-space:nowrap}.user-options>div{width:280px;max-width:calc(100vw - 56px);padding:14px;border-radius:12px;box-shadow:0 12px 32px #0002}.user-options>div>.field{margin:0 0 18px}.user-options>div>.settings-switch{margin:0 0 12px}.user-options>div>.settings-form-hint{margin:0;line-height:18px;font-size:12px}.user-options summary{display:grid;place-items:center;padding:0}.user-options summary:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media(max-width:640px){.user-header-actions{flex-wrap:wrap;justify-content:flex-end}.agents-row-actions:has(.user-role){flex-wrap:wrap;margin-left:0}.user-access-label{white-space:normal}}


.integrations-panel{min-height:560px}.integration-empty{display:flex;min-height:460px;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--ink-soft)}.integration-empty strong{font-size:14px;font-weight:500}.integration-empty .settings-form-hint{margin-top:4px}.integration-account{display:flex;align-items:center;gap:14px;width:100%;padding:16px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:left;font:inherit;cursor:pointer}.integration-account>span:nth-child(2){flex:1}.integration-account strong{font-size:14px;font-weight:500}.integration-account .settings-form-hint{margin:3px 0 0}.integration-account>.icon{width:16px;height:16px}.integration-setup-heading{padding:28px 0 0}.integration-setup-heading h2{font-size:16px;font-weight:600;margin:0}.integration-setup-heading .settings-form-hint{margin:4px 0 24px}.integration-providers{display:flex;gap:20px;margin-bottom:24px}.integration-provider{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;border:0;background:transparent;font:inherit;font-size:13px;color:var(--ink-soft);cursor:pointer}.integration-provider-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid transparent;border-radius:50%;background:var(--control-surface)}.integration-provider-icon .icon{width:21px;height:21px}.integration-email{color:#d94336}.integration-whatsapp{color:#199d54}.integration-telegram{color:#229ed9}.integration-provider[aria-pressed=true] .integration-provider-icon{border-color:#249aff;box-shadow:0 0 0 1px #249aff}.integration-provider:focus-visible{outline:2px solid var(--focus);outline-offset:5px;border-radius:8px}.integration-setup-body{min-height:470px;display:flex;flex-direction:column}.integration-setup-body>div{flex:1}.integration-setup-footer{display:flex;align-items:flex-end;justify-content:space-between;min-height:470px;padding-bottom:20px}.integration-connection-form{display:flex;flex-direction:column;min-height:470px}.integration-connection-form>.settings-form-footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:24px}.integration-connection-form>.settings-form-footer>.error:empty,.integration-connection-form>.settings-form-footer>.settings-save-status:empty{display:none}.integration-connection-form .integration-back{order:-1;margin-right:auto}.integration-tools{margin-top:24px;padding-top:16px;border-top:1px solid var(--line)}.integration-tools>summary{font-size:13px;color:var(--ink-soft);cursor:pointer}.integration-tools>.settings-action{margin-top:18px}@media(max-width:640px){.integrations-panel{min-height:400px}.integration-empty{min-height:340px}.integration-providers{gap:16px}.integration-setup-body,.integration-setup-footer,.integration-connection-form{min-height:340px}}


.settings-dialog .settings-operation-result:not(:empty){display:block;position:static;width:auto;height:auto;padding:0;margin:12px 0;clip:auto;overflow:visible;white-space:normal;font-size:13px;line-height:20px;color:var(--ink-soft)}.settings-operation-result{overflow-wrap:anywhere}.settings-panel .settings-form-title{font-size:14px;font-weight:600;line-height:20px;margin:26px 0 12px}.settings-preview{line-height:20px;background:var(--control-surface);border-color:var(--line)}.settings-pagination .settings-form-hint{margin:0;font-size:12px}.settings-row-menu summary:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:6px}.integration-provider:hover .integration-provider-icon{background:var(--surface-hover)}.integration-account:hover{background:var(--surface-hover)}.integration-account:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:8px}


.workspace{--sidebar-width:232px}.notifications-drawer{position:fixed;inset:0 auto 0 var(--sidebar-width);width:350px;max-width:calc(100vw - var(--sidebar-width));height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;border-right:1px solid var(--line);background:var(--surface);color:var(--ink);box-shadow:10px 0 24px #00000012;overflow:hidden;font:inherit}.notifications-drawer>header{display:flex;align-items:center;justify-content:space-between;height:50px;padding:0 20px;border-bottom:1px solid var(--line)}.notifications-drawer h2{margin:0;font-size:16px;font-weight:500}.notifications-drawer>header .icon-button{width:24px;height:24px}.notifications-drawer>header .icon{width:16px;height:16px}.notifications-status{margin:0;padding:12px 20px;color:var(--muted);font-size:13px;line-height:20px}.notifications-status:empty{display:none}.notifications-list{max-height:calc(100dvh - 90px);overflow:auto}.notifications-empty{display:flex;flex-direction:column;align-items:center;padding:100px 16px 20px;text-align:center}.notifications-empty>.icon{width:24px;height:24px;color:var(--muted)}.notifications-empty>p{margin:12px 0;font-size:14px}.notification-item{display:flex;flex-direction:column;gap:6px;width:100%;padding:16px 20px;border:0;border-bottom:1px solid var(--line);background:var(--surface);color:var(--ink-soft);text-align:left;font:inherit;cursor:pointer}.notification-item:hover{background:var(--surface-hover)}.notification-item:focus-visible{outline:2px solid var(--focus);outline-offset:-3px}.notification-item>strong{font-size:14px;font-weight:500;color:var(--ink)}.notification-body{font-size:13px;line-height:20px;overflow-wrap:anywhere;white-space:pre-wrap}.notification-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:11px}.notification-unread .notification-read-state{color:var(--blue)}.notification-item:disabled{opacity:.65;cursor:wait}.notifications-list>.settings-action{margin:8px 20px}@media(max-width:760px){.notifications-drawer{inset:8px 8px auto;width:calc(100vw - 16px);max-width:350px;height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 32px #0002}.notifications-list{max-height:calc(100dvh - 106px)}}


.search-dialog{width:min(640px,calc(100vw - 32px));max-width:640px;max-height:min(520px,calc(100dvh - 64px));margin:auto;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);box-shadow:0 20px 60px #0003;overflow:hidden;font:inherit}.search-dialog[open]{display:flex;flex-direction:column}.search-dialog::backdrop{background:#0004}.search-form{display:flex;align-items:center;gap:10px;flex:none;padding:12px 16px;border-bottom:1px solid var(--line)}.search-form>.icon{width:18px;height:18px;color:var(--muted)}.search-form>input{flex:1;min-width:0;padding:5px 0;border:0;outline:none;background:transparent;color:var(--ink);font:inherit;font-size:14px}.search-form:focus-within{box-shadow:inset 0 -2px var(--focus)}.search-form>.icon-button{width:24px;height:24px;flex:none}.search-form>.icon-button>.icon{width:16px;height:16px}.search-status{margin:0;padding:24px 20px;color:var(--muted);font-size:13px;line-height:20px}.search-status:empty{display:none}.search-results{min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 8px}.search-results:empty{padding:0}.search-results section>h2{margin:14px 12px 6px;font-size:12px;font-weight:500;color:var(--muted)}.search-result{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;border-radius:7px;background:transparent;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.search-result:hover,.search-result:focus-visible{outline:none;background:var(--surface-hover);box-shadow:inset 0 0 0 1px var(--line)}.search-result>.icon{color:var(--muted);width:17px;height:17px}.search-result>span{flex:1;min-width:0}.search-result strong{display:block;font-size:14px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-description{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:12px}.search-result>.icon:last-child{width:14px;height:14px}.search-results>.settings-action{margin:0 12px 18px}.search-dialog>footer{display:flex;align-items:center;gap:14px;flex:none;padding:10px 16px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.search-dialog>footer>span:last-child{margin-left:auto}.search-dialog kbd{padding:2px 4px;border:1px solid var(--line);border-radius:4px;background:var(--surface);font:inherit}@media(max-width:480px){.search-dialog>footer{gap:8px;font-size:10px}.search-form{padding:12px}.search-dialog{max-height:calc(100dvh - 40px)}}


@media(min-width:761px){.workspace{grid-template-columns:var(--sidebar-width) minmax(0,1fr)}.workspace.sidebar-collapsed{--sidebar-width:56px}.sidebar-collapsed .sidebar .nav-label,.sidebar-collapsed .sidebar .section-label,.sidebar-collapsed .sidebar .profile-copy,.sidebar-collapsed .sidebar .profile-button>.icon{display:none}.sidebar-collapsed .sidebar .nav-button{display:flex;justify-content:center;padding-left:0;padding-right:0;gap:0}.sidebar-collapsed .profile-button{display:flex;justify-content:center;padding:6px 0;gap:0}.sidebar-collapsed .profile-button:has(.workspace-logo:not([hidden]))>.avatar{display:none}.sidebar-collapsed .sidebar-section{margin-top:8px}.sidebar-collapsed .sidebar-collapse>.icon{transform:rotate(180deg)}}.sidebar-collapse{margin-top:4px}.sidebar-collapse:focus-visible{outline:2px solid var(--focus);outline-offset:1px}@media(max-width:760px){.sidebar-collapse{display:none}}


/* Shared motion stays short; fixed-width icon slots prevent collapse jumps. */
:root{--motion-fast:220ms;--motion-normal:360ms;--motion-layout:440ms;--motion-ease:cubic-bezier(.22,.61,.36,1)}
@media(prefers-reduced-motion:no-preference){
  .workspace{transition:grid-template-columns var(--motion-layout) var(--motion-ease)}
  .notifications-drawer{transition:left var(--motion-layout) var(--motion-ease)}
  :where(button,a,input,textarea,select){transition:background-color var(--motion-fast) ease,color var(--motion-fast) ease,border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease,opacity var(--motion-fast) ease}
  .settings-switch-track{transition:background-color var(--motion-fast) ease}.settings-switch-track::after{transition:transform var(--motion-normal) var(--motion-ease)}
  .sidebar-collapse>.icon{transition:transform var(--motion-layout) var(--motion-ease)}
  :is(.settings-dialog,.settings-notice,.search-dialog)[open]{animation:helpdesk-dialog-in var(--motion-normal) var(--motion-ease) both}
  :is(.settings-dialog,.settings-notice,.search-dialog)::backdrop{animation:helpdesk-fade-in var(--motion-normal) ease both}
  :is(.settings-select-popup,.agents-menu-popup,.team-candidate-popup):popover-open,.settings-row-menu[open]>div{animation:helpdesk-menu-in var(--motion-fast) var(--motion-ease) both}
  .notifications-drawer:popover-open{animation:helpdesk-drawer-in var(--motion-normal) var(--motion-ease) both}
  .settings-panel,.toast{animation:helpdesk-fade-in var(--motion-fast) ease both}
  .profile-photo-overlay{transition:opacity var(--motion-fast) ease}
}
@keyframes helpdesk-fade-in{from{opacity:0}to{opacity:1}}
@keyframes helpdesk-dialog-in{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}
@keyframes helpdesk-menu-in{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}
@keyframes helpdesk-drawer-in{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}
@media(min-width:761px){.sidebar-collapsed .sidebar .nav-button,.sidebar-collapsed .profile-button{width:40px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


.account-menu-anchor{position:relative;anchor-scope:--account-menu}.account-menu-anchor>.profile-button{anchor-name:--account-menu}.account-menu-anchor>.profile-button>.icon{transform:rotate(90deg)}.account-menu-anchor>.profile-button[aria-expanded=true]>.icon{transform:rotate(270deg)}.account-menu-popup{position:fixed;position-anchor:--account-menu;inset:auto;top:anchor(bottom);left:anchor(left);width:208px;max-width:calc(100vw - 24px);margin:5px 0 0;padding:5px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink-soft);box-shadow:0 10px 28px #0002;position-try-fallbacks:flip-inline,flip-block}.account-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:6px;background:transparent;color:inherit;font:inherit;font-size:14px;text-align:left}.account-menu-item>.icon{width:17px;height:17px;color:var(--muted)}.account-menu-item:hover,.account-menu-item:focus-visible{outline:none;background:var(--surface-hover);color:var(--ink)}.account-menu-item:focus-visible{box-shadow:inset 0 0 0 1px var(--line-strong)}.account-menu-logout{margin-top:4px;padding-top:10px;border-top:1px solid var(--line);border-top-left-radius:0;border-top-right-radius:0}.account-menu-item:disabled{opacity:.55;cursor:wait}.account-menu-error{margin:8px 10px;color:var(--red);font-size:12px;line-height:18px}.account-menu-error:empty{display:none}@media(prefers-reduced-motion:no-preference){.account-menu-popup:popover-open{animation:helpdesk-menu-in var(--motion-fast) var(--motion-ease) both}.account-menu-anchor>.profile-button>.icon{transition:transform var(--motion-normal) var(--motion-ease)}}


.ticket-list-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:41px;padding:5px 20px;border-bottom:1px solid var(--line);background:var(--surface)}.ticket-list-header h1{display:flex;align-items:center;gap:8px;margin:0;color:var(--muted);font-size:16px;font-weight:400}.ticket-list-header h1>.icon{width:16px;height:16px;color:var(--muted)}.ticket-list-header h1>strong{font-size:14px;font-weight:500;color:var(--ink)}.ticket-list-slash{color:var(--line-strong)}.ticket-list-header .button{min-height:28px;padding:4px 9px;font-size:13px}.ticket-list-page{padding:16px 20px;background:var(--surface);min-width:0}.ticket-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.ticket-quick-filters{display:flex;align-items:center;gap:8px;min-width:0}.ticket-quick-filters input{width:205px;min-width:0;height:29px;padding:5px 9px;border:1px solid transparent;border-radius:8px;background:var(--control-surface);color:var(--ink);font:inherit;font-size:14px}.ticket-quick-filters input:last-of-type{width:145px}.ticket-quick-filters input::placeholder{color:var(--muted)}.ticket-quick-filters input:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.ticket-list-tools{display:flex;align-items:center;gap:8px;flex:none}.ticket-list-tools>.settings-action:first-child{border-left:1px solid var(--line);padding-left:10px}.ticket-list-tools .button,.ticket-columns-menu>summary{min-height:28px;padding:5px 9px;border:0;border-radius:8px;background:var(--control-surface);font-size:13px;font-weight:400;color:var(--ink)}.ticket-list-tools .button:hover{background:var(--surface-hover)}.ticket-toolbar-label{display:flex;align-items:center;gap:8px}.ticket-toolbar-label>.icon{width:16px;height:16px}.ticket-list-tools>.field{width:160px;margin:0}.ticket-list-tools>.field>label{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}.ticket-list-tools .settings-select-trigger{min-height:28px;font-size:13px}.ticket-columns-menu>summary{display:flex;align-items:center;gap:7px;font-size:13px;line-height:18px;white-space:nowrap}.ticket-columns-menu>summary>.icon{width:16px;height:16px}.ticket-columns-menu>div{width:200px;max-height:360px;overflow:auto;padding:8px;border-radius:10px}.ticket-columns-menu>div>label{display:flex;align-items:center;gap:8px;padding:7px 6px;font-size:13px}.ticket-columns-menu input,.ticket-list-table input[type=checkbox]{width:14px;height:14px;margin:0;accent-color:var(--ink);cursor:pointer}.ticket-list-status{margin:0 0 12px;color:var(--muted);font-size:13px}.ticket-list-status:empty{display:none}.ticket-list-table-wrap{max-width:100%;overflow-x:auto;padding-bottom:6px}.ticket-list-table{width:100%;border-collapse:separate;border-spacing:0;text-align:left;table-layout:fixed;font-size:14px}.ticket-list-table th{height:31px;padding:6px 10px;background:var(--control-surface);font-size:12px;font-weight:400;color:var(--muted);white-space:nowrap}.ticket-list-table th:first-child{border-radius:8px 0 0 8px}.ticket-list-table th:last-child{border-radius:0 8px 8px 0}.ticket-list-table td{height:40px;padding:8px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;color:var(--ink)}.ticket-list-table tbody tr:hover td{background:var(--surface-hover)}.ticket-list-table .ticket-check-cell{width:28px;padding-left:8px;padding-right:4px}.ticket-col-id{width:100px}.ticket-col-subject{width:360px}.ticket-col-status{width:144px}.ticket-col-response,.ticket-col-resolution{width:144px}.ticket-col-assignee,.ticket-col-user{width:144px}.ticket-col-priority,.ticket-col-type,.ticket-col-team{width:144px}.ticket-col-updated{width:190px}.ticket-list-link{display:block;max-width:100%;padding:0;border:0;background:transparent;color:var(--ink);font:inherit;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-list-link:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:3px}.ticket-list-link:hover{color:var(--ink)}.ticket-list-state,.ticket-list-person,.ticket-list-priority{display:flex;align-items:center;gap:10px;min-width:0;overflow:hidden;text-overflow:ellipsis}.ticket-dot{display:block;flex:none;width:8px;height:8px;border-radius:50%;background:var(--muted)}.ticket-dot-blue{background:#2490ef}.ticket-dot-green{background:#28a745}.ticket-dot-red{background:#e34b4b}.ticket-dot-orange,.ticket-dot-yellow{background:var(--amber)}.ticket-dot-purple{background:#8b5cf6}.ticket-dot-pink{background:#ec4899}.ticket-dot-black{background:var(--ink)}.ticket-list-avatar{display:grid;place-items:center;width:20px;height:20px;flex:none;border-radius:50%;background:var(--control-surface);color:var(--muted);font-size:12px}.ticket-list-priority>.icon{width:15px;height:15px;color:var(--muted)}.ticket-sla{display:inline-block;padding:2px 7px;border-radius:999px;background:var(--control-surface);color:var(--ink-soft);font-size:11px;line-height:15px}.ticket-sla-none{background:transparent;padding:0;color:var(--muted)}.ticket-sla-paused{background:#e2f1ff;color:#0878ce}.ticket-sla-overdue{background:#feecec;color:#c73535}.ticket-list-empty{padding:64px 20px;text-align:center;color:var(--muted);font-size:14px}.ticket-list-pagination{justify-content:flex-end;gap:12px;min-height:28px;margin:14px 0 0}.ticket-selection-count{margin-right:auto;font-size:12px;color:var(--muted)}.ticket-page-label{font-size:12px;color:var(--muted)}.ticket-filter-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.ticket-filter-footer>button:first-child{margin-right:auto}.ticket-list-table-wrap[aria-busy=true]{opacity:.65}:root[data-theme=dark] .ticket-sla-paused{background:#132e48;color:#79bdff}:root[data-theme=dark] .ticket-sla-overdue{background:#451c1c;color:#fca5a5}@media(max-width:1200px){.ticket-list-toolbar{align-items:flex-start;flex-wrap:wrap}.ticket-quick-filters{flex:1}.ticket-list-tools{margin-left:auto}}@media(max-width:640px){.ticket-list-page{padding:14px 12px}.ticket-list-header{padding:5px 12px}.ticket-quick-filters{display:grid;grid-template-columns:1fr 1fr;width:100%}.ticket-quick-filters input,.ticket-quick-filters input:last-of-type{width:100%}.ticket-list-tools{flex-wrap:wrap;gap:6px;justify-content:flex-end}.ticket-list-tools>.field{width:145px}.ticket-col-subject{width:260px}.ticket-list-pagination{flex-wrap:wrap}}

.ticket-dot-amber{background:var(--amber)}.ticket-dot-cyan{background:#06b6d4}.ticket-dot-teal{background:#14b8a6}.ticket-dot-violet{background:#8b5cf6}

/* Ticket footer stays below the independently scrolling table. */
.ticket-list-content{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.ticket-list-content>.ticket-list-header{flex:none}.ticket-list-content>.ticket-list-page{display:flex;flex:1;min-height:0;flex-direction:column;padding-bottom:0}.ticket-list-toolbar,.ticket-list-status{flex:none}.ticket-list-content .ticket-list-table-wrap{flex:1;min-height:0;overflow:auto}.ticket-list-pagination{flex:none;display:flex;align-items:center;gap:12px;margin:0 -20px;padding:7px 20px;min-height:44px;border-top:1px solid var(--line);background:var(--surface)}.ticket-page-sizes{display:flex;align-items:center;gap:2px;padding:2px;border-radius:8px;background:var(--control-surface)}.ticket-page-size{height:26px;min-width:32px;padding:3px 7px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted);font-size:12px}.ticket-page-size[aria-pressed=true]{border-color:var(--line);background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #0000000a}.ticket-page-size:focus-visible{outline:2px solid var(--focus)}.ticket-list-pagination>.ticket-selection-count{margin-right:auto}.ticket-list-pagination .button{min-height:26px;padding:3px 7px;font-size:12px}.ticket-clickable-row{cursor:pointer}.ticket-clickable-row:focus-within td{background:var(--surface-hover)}@media(max-width:640px){.ticket-list-content{height:calc(100dvh - 48px)}.ticket-list-pagination{margin:0 -12px;padding:7px 12px;gap:8px}}

/* Shared checkbox shape excludes switches, which keep their own track. */
:root input[type=checkbox]:not([role=switch]){appearance:none;display:inline-grid;place-content:center;flex:none;width:14px;height:14px;min-height:0;margin:0;padding:0;border:1px solid var(--line-strong);border-radius:4px;background:var(--surface);vertical-align:middle;cursor:pointer}:root input[type=checkbox]:not([role=switch]):checked,:root input[type=checkbox]:not([role=switch]):indeterminate{border-color:var(--ink);background-color:var(--ink)}:root input[type=checkbox]:not([role=switch])::after{content:'';width:8px;height:4px;border:solid var(--surface);border-width:0 0 1.5px 1.5px;transform:translateY(-1px) rotate(-45deg);opacity:0}:root input[type=checkbox]:not([role=switch]):checked::after{opacity:1}:root input[type=checkbox]:not([role=switch]):indeterminate::after{height:0;border-width:0 0 1.5px;transform:none;opacity:1}:root input[type=checkbox]:not([role=switch]):focus-visible{outline:2px solid var(--focus);outline-offset:3px}:root input[type=checkbox]:disabled{opacity:.45;cursor:default}@media(forced-colors:active){:root input[type=checkbox]:not([role=switch]){appearance:auto}:root input[type=checkbox]::after{display:none}}
.ticket-list-page{position:relative}.ticket-list-table{border-spacing:0 2px}.ticket-list-table tbody td:first-child{border-radius:8px 0 0 8px}.ticket-list-table tbody td:last-child{border-radius:0 8px 8px 0}.ticket-list-table .is-selected td{background:var(--control-surface)}.ticket-list-table .is-selected:hover td{background:var(--surface-active)}.ticket-page-sizes{margin-right:auto}.ticket-selection-bar{position:absolute;left:50%;bottom:62px;translate:-50% 0;z-index:24;display:flex;align-items:center;gap:6px;width:max-content;max-width:calc(100% - 32px);padding:6px 8px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);box-shadow:0 4px 16px #0000000d,0 1px 3px #00000008}.ticket-selection-bar[hidden]{display:none}.ticket-selection-bar .ticket-selection-count{min-width:120px;margin-right:14px;color:var(--ink);white-space:nowrap}.ticket-bulk-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:6px 8px;min-height:30px;border:0;border-radius:7px;background:transparent;color:var(--ink);font:inherit;font-size:13px;white-space:nowrap}.ticket-bulk-button>.icon{width:16px;height:16px}.ticket-bulk-button:hover{background:var(--surface-hover)}.ticket-bulk-button:disabled{opacity:.4;cursor:default}.ticket-bulk-button:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.ticket-bulk-select{border-left:1px solid var(--line);border-radius:0 7px 7px 0;padding-left:14px}.ticket-bulk-menu>div{top:auto;bottom:calc(100% + 8px);right:0;width:160px;padding:5px;border-radius:12px;box-shadow:0 8px 24px #00000012}.ticket-bulk-menu>div>button{display:flex;align-items:center;gap:8px;width:100%;padding:7px 8px;border:0;border-radius:7px;background:transparent;color:var(--ink-soft);font:inherit;font-size:13px;text-align:left}.ticket-bulk-menu>div>button:hover,.ticket-bulk-menu>div>button:focus-visible{background:var(--surface-hover)}.ticket-bulk-menu>div>button>.icon{width:16px;height:16px}#ticket-action-dialog textarea{min-height:130px;resize:vertical}#ticket-action-dialog .error{height:auto;line-height:20px}#ticket-action-dialog .settings-form-hint{line-height:20px}@media(max-width:640px){.ticket-selection-bar{gap:2px;flex-wrap:wrap;justify-content:center;max-width:calc(100% - 16px);width:max-content;bottom:68px}.ticket-selection-bar .ticket-selection-count{min-width:0;margin-right:4px}.ticket-bulk-button{padding:6px}.ticket-selection-bar>.icon-button{width:26px}.ticket-list-table-wrap{scroll-padding-bottom:100px}}
/* One timing/easing vocabulary for all shared surfaces and controls. */
:root{--motion-fast:220ms;--motion-normal:360ms;--motion-layout:440ms;--motion-ease:cubic-bezier(.22,.61,.36,1)}
@media(prefers-reduced-motion:no-preference){
  :where(button,a,input,textarea,select,summary){transition:background-color var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) var(--motion-ease),opacity var(--motion-fast) var(--motion-ease)}
  .ticket-list-table td,.agents-row,.settings-select-option,.settings-nav-button,.search-result{transition:background-color var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease)}
  input[type=checkbox]::after{transition:opacity var(--motion-fast) var(--motion-ease)}
  .ticket-selection-bar:not([hidden]){animation:helpdesk-selection-in var(--motion-normal) var(--motion-ease) both}
  :is(.settings-select-popup,.agents-menu-popup,.team-candidate-popup,.account-menu-popup):popover-open,.settings-row-menu[open]>div{animation:helpdesk-menu-in var(--motion-normal) var(--motion-ease) both;transform-origin:top center}
  .ticket-bulk-menu[open]>div{transform-origin:bottom right}
  :is(.settings-dialog,.settings-notice,.search-dialog)[open]{animation:helpdesk-dialog-in var(--motion-normal) var(--motion-ease) both}
  .settings-panel,.content-body{animation:helpdesk-fade-in var(--motion-normal) var(--motion-ease) both}
  @supports(transition-behavior:allow-discrete){
    .settings-row-menu::details-content{opacity:0;transition:opacity var(--motion-fast) var(--motion-ease),content-visibility var(--motion-fast) allow-discrete}
    .settings-row-menu[open]::details-content{opacity:1}
    @starting-style{.settings-row-menu[open]::details-content{opacity:0}}
  }
}
@keyframes helpdesk-selection-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

/* Native discrete transitions retain closed surfaces for a short exit fade. */
@supports(transition-behavior:allow-discrete){@media(prefers-reduced-motion:no-preference){
  :is(.settings-dialog,.settings-notice,.search-dialog){opacity:0;transform:translateY(6px) scale(.99);transition:opacity var(--motion-normal) var(--motion-ease),transform var(--motion-normal) var(--motion-ease),display var(--motion-normal) allow-discrete,overlay var(--motion-normal) allow-discrete}
  :is(.settings-dialog,.settings-notice,.search-dialog)[open]{animation:none;opacity:1;transform:none}
  :is(.settings-dialog,.settings-notice,.search-dialog)::backdrop{animation:none;opacity:0;transition:opacity var(--motion-normal) ease,display var(--motion-normal) allow-discrete,overlay var(--motion-normal) allow-discrete}
  :is(.settings-dialog,.settings-notice,.search-dialog)[open]::backdrop{opacity:1}
  :is(.settings-select-popup,.agents-menu-popup,.team-candidate-popup,.account-menu-popup,.notifications-drawer){opacity:0;transform:translateY(-4px);transition:opacity var(--motion-fast) var(--motion-ease),transform var(--motion-normal) var(--motion-ease),left var(--motion-layout) var(--motion-ease),display var(--motion-normal) allow-discrete,overlay var(--motion-normal) allow-discrete}
  :is(.settings-select-popup,.agents-menu-popup,.team-candidate-popup,.account-menu-popup,.notifications-drawer):popover-open{animation:none;opacity:1;transform:none}
  @starting-style{
    :is(.settings-dialog,.settings-notice,.search-dialog)[open]{opacity:0;transform:translateY(6px) scale(.99)}
    :is(.settings-dialog,.settings-notice,.search-dialog)[open]::backdrop{opacity:0}
    :is(.settings-select-popup,.agents-menu-popup,.team-candidate-popup,.account-menu-popup,.notifications-drawer):popover-open{opacity:0;transform:translateY(-4px)}
  }
}}

@supports(transition-behavior:allow-discrete){@media(prefers-reduced-motion:no-preference){.ticket-selection-bar{opacity:0;transform:translateY(8px);transition:opacity var(--motion-fast) var(--motion-ease),transform var(--motion-normal) var(--motion-ease),display var(--motion-normal) allow-discrete}.ticket-selection-bar:not([hidden]){animation:none;opacity:1;transform:none}@starting-style{.ticket-selection-bar:not([hidden]){opacity:0;transform:translateY(8px)}}}}

/* Ticket detail uses the same surfaces, controls and motion as Settings. */
.ticket-detail-content{min-height:100dvh}.ticket-detail-page{min-height:100dvh;display:flex;flex-direction:column}.ticket-detail-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:43px;padding:6px 20px;border-bottom:1px solid var(--line)}.ticket-detail-header h1{display:flex;align-items:center;gap:5px;min-width:0;margin:0;font-size:16px;font-weight:400}.ticket-detail-header h1>strong{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-detail-header h1>span{color:var(--muted)}.ticket-breadcrumb{padding:0;border:0;background:transparent;color:var(--muted);font:inherit}.ticket-breadcrumb:hover{color:var(--ink)}.ticket-detail-status{display:flex;align-items:center;gap:8px;flex:none;padding:5px 9px;border-radius:8px;background:var(--control-surface);font-size:13px}.ticket-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;flex:1;min-height:0}.ticket-detail-main{min-width:0}.ticket-detail-tabs{display:flex;align-items:center;gap:24px;min-height:45px;padding:0 20px;border-bottom:1px solid var(--line);overflow-x:auto}.ticket-detail-tabs>button{display:flex;align-items:center;justify-content:center;gap:8px;flex:none;height:45px;padding:0 2px;border:0;border-bottom:1px solid transparent;background:transparent;color:var(--muted);font-size:14px}.ticket-detail-tabs>button[aria-selected=true]{border-bottom-color:var(--ink);color:var(--ink)}.ticket-detail-tabs .icon{width:16px;height:16px}.ticket-detail-tabs>button:hover{color:var(--ink)}.ticket-detail-tabs>button:focus-visible{outline:2px solid var(--focus);outline-offset:-3px;border-radius:4px}.ticket-detail-panel{padding:16px 20px 40px;min-width:0}.ticket-detail-panel>h2{margin:0 0 16px;font-size:18px;font-weight:600}.ticket-detail-notice{margin:12px 20px;color:var(--muted);font-size:13px}.ticket-detail-notice:empty{display:none}.ticket-activity-history{display:grid;gap:20px}.ticket-conversation{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);gap:16px;align-items:start}.ticket-conversation::before{content:'';position:absolute;left:14px;top:35px;bottom:-18px;width:1px;background:var(--line)}.ticket-conversation:last-child::before{display:none}.ticket-detail-avatar{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:50%;overflow:hidden;background:var(--control-surface);color:var(--muted);font-size:13px}.ticket-detail-avatar img{width:100%;height:100%;object-fit:cover}.ticket-conversation>.ticket-detail-avatar{margin-top:8px}.ticket-conversation-card{min-width:0;border:1px solid var(--line);border-radius:10px;overflow:hidden}.ticket-conversation-card>header{display:flex;align-items:center;gap:10px;min-height:48px;padding:12px;border-bottom:1px solid var(--line);font-size:13px}.ticket-conversation-card>header>strong{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-conversation time,.ticket-activity-event time,.ticket-activity-file time{margin-left:auto;flex:none;color:var(--muted);font-size:12px}.ticket-conversation-body{margin:0;padding:20px 12px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.6}.ticket-conversation-comment .ticket-conversation-card{border:0;background:var(--surface-subtle)}.ticket-conversation-comment .ticket-conversation-card>header{padding:6px 10px;min-height:30px;border:0;background:var(--surface)}.ticket-conversation-comment .ticket-conversation-body{padding:12px}.ticket-internal-label{padding:2px 6px;border-radius:5px;background:var(--control-surface);color:var(--muted);font-size:11px}.ticket-activity-event{display:flex;align-items:start;gap:24px;min-height:32px;padding:5px 0 5px 10px;font-size:13px}.ticket-activity-event>i{width:7px;height:7px;margin-top:7px;border-radius:50%;background:var(--line-strong);flex:none}.ticket-activity-event>details{flex:1;min-width:0}.ticket-activity-event summary{cursor:pointer;color:var(--ink)}.ticket-activity-event details>p{margin:10px 0;color:var(--muted)}.ticket-activity-event time{padding-top:2px}.ticket-activity-file{display:flex;align-items:center;gap:16px;font-size:13px;padding-left:5px}.ticket-detail-side{min-width:0;border-left:1px solid var(--line)}.ticket-requester{display:flex;align-items:center;gap:12px;padding:16px}.ticket-requester>.ticket-detail-avatar{width:46px;height:46px;font-size:20px}.ticket-requester>div{min-width:0}.ticket-requester strong{display:block;font-size:16px;font-weight:500;overflow-wrap:anywhere}.ticket-requester>div>span{display:block;margin-top:4px;color:var(--ink-soft);font-size:12px}.ticket-detail-sla{display:grid;gap:14px;padding:6px 16px 24px;border-bottom:1px solid var(--line)}.ticket-detail-metric{display:grid;grid-template-columns:112px minmax(0,1fr);gap:10px;font-size:13px;line-height:20px}.ticket-detail-metric>span:first-child{color:var(--muted)}.ticket-metric-met{color:var(--green)}.ticket-metric-breached{color:var(--red)}.ticket-metric-pending{color:var(--blue)}.ticket-metric-disabled{color:var(--muted)}.ticket-overview{padding:16px}.ticket-overview>summary{cursor:pointer;font-size:14px}.ticket-overview>dl{display:grid;grid-template-columns:100px minmax(0,1fr);gap:18px 12px;margin:24px 0;font-size:13px}.ticket-overview dt{color:var(--muted)}.ticket-overview dd{margin:0;overflow-wrap:anywhere}.ticket-composer{display:grid;gap:12px;margin:28px 0 0 46px;padding:16px;border:1px solid var(--line);border-radius:10px}.ticket-composer>label{font-size:14px;font-weight:500}.ticket-composer>textarea{min-height:110px;padding:10px;border:1px solid transparent;border-radius:8px;background:var(--control-surface);color:var(--ink);resize:vertical;line-height:1.6}.ticket-composer>textarea:focus-visible{outline:2px solid var(--focus)}.ticket-composer>.button{justify-self:end;min-height:28px;padding:4px 10px;font-size:13px}.ticket-composer>.error:empty{display:none}.ticket-detail-empty{padding:48px 20px;color:var(--muted);font-size:14px;text-align:center}.ticket-email-empty{display:grid;justify-items:center;gap:12px;padding-top:80px}.ticket-email-empty>.icon{width:30px;height:30px}.ticket-email-empty>h3{margin:0;color:var(--ink-soft);font-size:15px;font-weight:500}.ticket-email-empty>p{max-width:460px;margin:0;line-height:1.6}.ticket-analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 24px}.ticket-analytics-grid>div{padding:20px;border:1px solid var(--line);border-radius:10px}.ticket-analytics-grid dt{color:var(--muted);font-size:12px}.ticket-analytics-grid dd{margin:10px 0 0;font-size:16px;font-weight:500;overflow-wrap:anywhere}@media(prefers-reduced-motion:no-preference){.ticket-detail-panel{animation:helpdesk-fade-in var(--motion-normal) var(--motion-ease) both}}@media(max-width:1100px){.ticket-detail-layout{grid-template-columns:minmax(0,1fr) 290px}.ticket-detail-metric{grid-template-columns:1fr;gap:2px}.ticket-conversation time{font-size:11px}}@media(max-width:760px){.ticket-detail-layout{display:flex;flex-direction:column}.ticket-detail-side{order:-1;border-left:0;border-bottom:1px solid var(--line)}.ticket-requester{padding:12px 16px}.ticket-detail-sla{display:flex;gap:24px;padding:0 16px 12px;border:0}.ticket-overview{padding:10px 16px}.ticket-overview>dl{grid-template-columns:100px 1fr 100px 1fr}.ticket-detail-tabs{gap:18px;padding:0 12px}.ticket-detail-panel{padding:16px 12px 30px}.ticket-detail-header{padding:6px 12px}.ticket-conversation-card>header{flex-wrap:wrap;gap:6px}.ticket-conversation time{white-space:normal}.ticket-composer{margin-left:0}.ticket-activity-event{gap:14px}.ticket-analytics-grid{gap:10px}.ticket-analytics-grid>div{padding:14px}}@media(max-width:480px){.ticket-detail-tabs{gap:14px}.ticket-detail-tabs>button{font-size:13px;gap:5px}.ticket-detail-tabs .icon{width:14px;height:14px}.ticket-overview>dl{grid-template-columns:100px 1fr}.ticket-activity-event time{display:none}.ticket-conversation{gap:10px;grid-template-columns:24px minmax(0,1fr)}.ticket-conversation>.ticket-detail-avatar{width:24px;height:24px}.ticket-analytics-grid{grid-template-columns:1fr}}

/* Analytics mirrors the original timeline and conversation layout. */
.ticket-detail-main{display:flex;flex-direction:column;min-height:calc(100dvh - 43px)}.ticket-detail-main>.ticket-detail-panel{flex:1}.ticket-detail-tabs{flex:none}.ticket-analytics-panel{padding:16px 20px 24px}.ticket-analytics-view{width:100%;max-width:1112px;margin:0 auto}.ticket-analytics-card{min-width:0;padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.ticket-analytics-card>h3{margin:0;font-size:16px;font-weight:600;line-height:22px}.ticket-timeline-card{min-height:250px}.ticket-timeline-plot{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;list-style:none;margin:52px 0 58px;padding:0}.ticket-timeline-step{position:relative;display:flex;align-items:center;flex-direction:column;gap:6px;min-width:0;text-align:center;font-size:12px}.ticket-timeline-step::after{content:'';position:absolute;top:19px;left:50%;width:100%;height:0;border-top:2px dashed var(--line);z-index:0}.ticket-timeline-step:last-child::after{display:none}.ticket-timeline-line-met::after{border-top-style:solid;border-top-color:#36af7b}.ticket-timeline-line-breached::after{border-top-style:solid;border-top-color:var(--red)}.ticket-timeline-line-paused::after{border-top-color:#2490ef}.ticket-timeline-gap{position:relative;left:50%;height:14px;max-width:100%;color:var(--muted);white-space:nowrap;font-size:12px}.ticket-timeline-dot{display:inline-block;width:8px;height:8px;flex:none;border-radius:50%;background:var(--muted)}.ticket-timeline-step>.ticket-timeline-dot{position:relative;z-index:1}.ticket-timeline-dot-met{background:#36af7b}.ticket-timeline-dot-user{background:#999}.ticket-timeline-dot-agent{background:#2490ef}.ticket-timeline-dot-pending{background:var(--ink-soft)}.ticket-timeline-step>strong{margin-top:1px;font-weight:400;line-height:18px}.ticket-timeline-step>time,.ticket-timeline-date{max-width:100%;padding:0 4px;color:var(--muted);font-size:12px;line-height:18px}.ticket-timeline-legend{display:flex;align-items:center;flex-wrap:wrap;gap:16px;color:var(--muted);font-size:12px}.ticket-timeline-legend>span{display:flex;align-items:center;gap:6px}.ticket-analytics-summary-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px;margin-top:16px}.ticket-summary-card{min-height:228px}.ticket-summary-card>dl{display:grid;gap:16px;margin:24px 0 0}.ticket-conversation-stat{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px;line-height:16px}.ticket-conversation-stat>dt{color:var(--muted)}.ticket-conversation-stat>dd{margin:0;text-align:right}.ticket-response-cards{display:grid;gap:16px}.ticket-response-card{min-height:76px}.ticket-response-card>div{display:flex;align-items:center;gap:6px;font-size:14px;line-height:18px;color:var(--muted)}.ticket-response-card>p{margin:7px 0 0;font-size:14px;line-height:18px}.ticket-analytics-info{display:inline-flex;align-items:center;cursor:default;font-size:12px}.ticket-analytics-agents{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px}.ticket-analytics-agent{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--control-surface);font-size:12px;color:var(--muted)}.ticket-analytics-caption{margin:14px 0 8px;font-size:11px;line-height:18px;color:var(--muted)}.ticket-analytics-view>.settings-action{justify-content:flex-end}.ticket-analytics-view>.settings-action>.button{min-height:26px;font-size:12px}.ticket-detail-actions{position:sticky;bottom:0;z-index:2;display:flex;align-items:center;gap:22px;margin-top:auto;padding:10px 24px;min-height:48px;border-top:1px solid var(--line);background:var(--surface)}.ticket-detail-actions>button{display:flex;align-items:center;gap:9px;padding:4px 6px;border:0;border-radius:6px;background:transparent;color:var(--ink);font-size:14px}.ticket-detail-actions>button>.icon{width:16px;height:16px}.ticket-detail-actions>button:hover{background:var(--surface-hover)}.ticket-detail-actions>button:focus-visible{outline:2px solid var(--focus)}@media(max-width:1100px){.ticket-timeline-step>time{font-size:11px}.ticket-timeline-legend{gap:10px}}@media(max-width:900px){.ticket-analytics-summary-grid{grid-template-columns:1fr}.ticket-response-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ticket-response-card{padding:12px}.ticket-response-card>div{font-size:12px}}@media(max-width:600px){.ticket-analytics-panel{padding:12px}.ticket-timeline-card{overflow-x:auto}.ticket-timeline-plot{min-width:410px}.ticket-response-cards{grid-template-columns:1fr}.ticket-timeline-legend{font-size:11px}.ticket-detail-actions{padding:8px 12px}.ticket-analytics-card>h3{font-size:15px}}

/* Activity composer opens beneath the action row, without navigating tabs. */
.ticket-detail-actions{display:block;padding:0;gap:0;box-shadow:0 -2px 10px #00000003}.ticket-compose-actions{display:flex;align-items:center;gap:8px;padding:9px 16px;min-height:48px}.ticket-compose-actions>button{display:flex;align-items:center;gap:8px;padding:5px 9px;border:0;border-radius:7px;background:transparent;color:var(--ink);font-size:14px}.ticket-compose-actions>button>.icon{width:16px;height:16px}.ticket-compose-actions>button:hover,.ticket-compose-actions>button.active{background:var(--surface-active)}.ticket-compose-actions>button:focus-visible{outline:2px solid var(--focus)}.ticket-composer-shell{display:grid;grid-template-rows:0fr}.ticket-composer-inner{min-height:0;overflow:hidden;opacity:0;transform:translateY(12px)}.ticket-detail-actions.is-composing .ticket-composer-shell{grid-template-rows:1fr}.ticket-detail-actions.is-composing .ticket-composer-inner{opacity:1;transform:none}.ticket-detail-actions .ticket-composer{display:block;margin:0;padding:0 14px 10px;border:0;border-radius:0}.ticket-detail-actions .ticket-composer[hidden]{display:none}.ticket-editor{border-top:1px solid var(--line);background:var(--surface)}.ticket-editor>textarea{width:100%;min-height:145px;padding:12px 0;border:0;border-radius:0;background:var(--surface);color:var(--ink);resize:vertical}.ticket-editor>textarea[hidden]{display:none}.ticket-rich-editor.ql-container{border:0;font:inherit}.ticket-rich-editor .ql-editor{min-height:145px;max-height:300px;padding:12px 0;color:var(--ink);font:inherit;line-height:1.6;overflow-wrap:anywhere}.ticket-rich-editor .ql-editor.ql-blank::before{left:0;right:0;color:var(--muted);font-style:normal}.ticket-rich-editor .ql-editor img{max-width:100%;max-height:180px;object-fit:contain}.ticket-editor-toolbar{display:flex;align-items:center;gap:8px;padding:9px 0;border-top:1px solid var(--line);overflow-x:auto;scrollbar-width:thin}.ticket-format-group{display:flex;align-items:center;gap:3px;padding-right:8px;border-right:1px solid var(--line);flex:none}.ticket-format-group:last-child{border:0}.ticket-editor-toolbar button{display:grid;place-items:center;min-width:25px;height:25px;padding:3px 5px;border:0;border-radius:5px;background:transparent;color:var(--ink-soft);font-size:13px}.ticket-editor-toolbar button:hover{background:var(--surface-active)}.ticket-editor-toolbar button:focus-visible,.ticket-editor-toolbar select:focus-visible{outline:2px solid var(--focus)}.ticket-editor-toolbar .icon{width:16px;height:16px}.ticket-editor-toolbar select{max-width:90px;height:25px;padding:2px 4px;border:0;border-radius:5px;background:var(--surface);color:var(--ink);font-size:12px}.ticket-composer-submit{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:2px}.ticket-composer-submit>.button{min-height:27px;padding:4px 9px;font-size:13px}.ticket-composer-submit>.button:disabled{opacity:.4;cursor:default}.ticket-detail-actions .settings-check{margin:8px 0;font-size:12px}.ticket-editor-files{display:flex;flex-wrap:wrap;gap:6px;padding:0}.ticket-editor-files:not(:empty){padding:8px 0}.ticket-draft-file{display:flex;align-items:center;gap:6px;max-width:100%;padding:4px 6px;border:1px solid var(--line);border-radius:6px;font-size:12px;overflow-wrap:anywhere}.ticket-draft-file>.icon{width:15px;height:15px}.ticket-draft-file>button{display:grid;place-items:center;width:20px;height:20px;padding:0;border:0;background:transparent;color:var(--muted)}.ticket-draft-file>button>.icon{width:14px;height:14px}.ticket-editor .error:empty{display:none}.ticket-rich-body>p{margin:0 0 8px}.ticket-rich-body>p:last-child{margin-bottom:0}.ticket-rich-body>h1,.ticket-rich-body>h2,.ticket-rich-body>h3,.ticket-rich-body>h4{margin:8px 0}.ticket-rich-body>h1{font-size:24px}.ticket-rich-body>h2{font-size:21px}.ticket-rich-body>h3{font-size:18px}.ticket-rich-body>h4{font-size:16px}.ticket-rich-body>blockquote{margin:8px 0;padding:4px 12px;border-left:3px solid var(--line-strong);color:var(--ink-soft)}.ticket-rich-body>pre{padding:12px;border-radius:6px;background:var(--control-surface);font-family:monospace;overflow:auto}.ticket-rich-center{text-align:center}.ticket-rich-right{text-align:right}.ticket-rich-justify{text-align:justify}.ticket-rich-indent-1{margin-left:24px!important}.ticket-rich-indent-2{margin-left:48px!important}.ticket-rich-indent-3{margin-left:72px!important}.ticket-rich-indent-4{margin-left:96px!important}.ticket-rich-indent-5{margin-left:120px!important}.ticket-rich-font-serif{font-family:Georgia,serif}.ticket-rich-font-monospace{font-family:monospace}.ticket-rich-size-small{font-size:.8em}.ticket-rich-size-large{font-size:1.4em}.ticket-rich-size-huge{font-size:1.8em}.ticket-rich-color-0,.ql-editor [class~="ql-color-#000000"]{color:var(--ink)}.ticket-rich-color-1,.ql-editor [class~="ql-color-#e60000"]{color:#e60000}.ticket-rich-color-2,.ql-editor [class~="ql-color-#ff9900"]{color:#ff9900}.ticket-rich-color-3,.ql-editor [class~="ql-color-#ffff00"]{color:#b09700}.ticket-rich-color-4,.ql-editor [class~="ql-color-#008a00"]{color:#008a00}.ticket-rich-color-5,.ql-editor [class~="ql-color-#0066cc"]{color:#0066cc}.ticket-rich-color-6,.ql-editor [class~="ql-color-#9933ff"]{color:#9933ff}.ticket-rich-body a{color:var(--blue);text-decoration:underline}.ticket-rich-image{display:flex;align-items:start;flex-wrap:wrap;gap:8px;padding:8px 0}.ticket-rich-image>img{display:block;flex-basis:100%;max-width:100%;max-height:500px;object-fit:contain;object-position:left;border-radius:6px}.ticket-image-close,.ticket-file-link{display:inline-flex;align-items:center;gap:6px;padding:4px 0;border:0;background:transparent;color:var(--blue);font:inherit;font-size:12px;text-align:left;overflow-wrap:anywhere}.ticket-file-download{display:inline-flex;flex-direction:column;gap:4px}.ticket-file-error{font-size:12px;color:var(--red)}.ticket-file-link>.icon{width:16px;height:16px}.ticket-message-files{display:flex;flex-wrap:wrap;gap:12px;padding:10px 12px;border-top:1px solid var(--line)}.ticket-comment-marker{display:grid;place-items:center;width:28px;height:28px;color:var(--muted)}.ticket-comment-marker>.icon{width:18px;height:18px}.ticket-conversation-comment .ticket-conversation-card>header>.ticket-detail-avatar{width:22px;height:22px;font-size:11px}.ticket-commented-label{color:var(--muted);font-size:13px}.ticket-update-event{padding-left:10px;gap:24px}.ticket-update-group{flex:1;min-width:0}.ticket-update-group>summary{display:flex;align-items:center;gap:7px;list-style:none;cursor:pointer}.ticket-update-group>summary::-webkit-details-marker{display:none}.ticket-update-group>summary>.icon{width:15px;height:15px;color:var(--muted)}.ticket-update-group[open]>summary>.icon{transform:rotate(180deg)}.ticket-update-caption{font-size:13px;color:var(--ink)}.ticket-update-group>summary>time{margin-left:auto;font-size:12px;color:var(--muted);font-weight:400}.ticket-update-details{display:grid;gap:8px;margin-top:12px}.ticket-update-detail{display:flex;align-items:start;justify-content:space-between;gap:12px;font-size:13px;line-height:20px}.ticket-update-detail>span>span{color:var(--muted)}.ticket-update-detail>time{flex:none;margin-left:auto;color:var(--muted);font-size:12px}@media(prefers-reduced-motion:no-preference){.ticket-composer-shell{transition:grid-template-rows var(--motion-layout) var(--motion-ease)}.ticket-composer-inner{transition:opacity var(--motion-normal) var(--motion-ease),transform var(--motion-layout) var(--motion-ease)}.ticket-update-group>summary>.icon{transition:transform var(--motion-normal) var(--motion-ease)}@supports(transition-behavior:allow-discrete){.ticket-update-group::details-content{opacity:0;transition:opacity var(--motion-normal) var(--motion-ease),content-visibility var(--motion-normal) allow-discrete}.ticket-update-group[open]::details-content{opacity:1}}}@media(max-width:640px){.ticket-detail-actions .ticket-composer{padding:0 12px 8px}.ticket-rich-editor .ql-editor{max-height:240px}.ticket-update-group>summary>time,.ticket-update-detail>time{display:none}.ticket-update-event{gap:14px}.ticket-update-caption{font-size:12px}.ticket-format-group{gap:2px;padding-right:5px}.ticket-composer-submit{padding-top:6px}}

.ticket-editor-toolbar .field{margin:0;width:auto;flex:none}.ticket-editor-toolbar .field>label{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}.ticket-editor-toolbar .settings-select-trigger{height:25px;min-height:25px;padding:3px 6px;border:0;background:transparent;font-size:12px;min-width:60px}.ticket-editor-toolbar .settings-select-trigger>.icon{width:13px;height:13px}.ticket-editor-toolbar .settings-select{width:auto}

.ticket-composer-bottom{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line)}.ticket-composer-bottom>.ticket-editor-toolbar{flex:1;min-width:0;border:0}.ticket-composer-bottom>.settings-check{flex:none;margin:0;font-size:12px}.ticket-composer-bottom>.ticket-composer-submit{flex:none;margin:0}.ticket-composer-bottom .ticket-composer-submit>.button{white-space:nowrap}@media(max-width:640px){.ticket-composer-bottom{flex-wrap:wrap;gap:8px;padding-bottom:4px}.ticket-composer-bottom>.ticket-editor-toolbar{flex-basis:100%}.ticket-composer-bottom>.ticket-composer-submit{margin-left:auto}}

/* Ticket email recipients and composer lifecycle share Settings tokens. */
.ticket-compose-actions>button[hidden]{display:none}.ticket-email-recipients{border-top:1px solid var(--line)}.ticket-email-recipient-row{display:flex;align-items:center;gap:8px;padding:9px 0;min-height:45px}.ticket-email-recipient-row[hidden]{display:none}.ticket-email-recipient-row>label{flex:none;color:var(--muted);font-size:12px}.ticket-email-recipient-row>input{flex:1;min-width:0;max-width:560px;min-height:28px;padding:4px 8px;border:0;border-radius:7px;background:var(--control-surface);color:var(--ink);font:inherit;font-size:13px}.ticket-email-recipient-options{display:flex;gap:14px;margin-left:auto}.ticket-email-recipient-options>button{border:0;background:transparent;color:var(--muted);font-size:13px;padding:4px}.ticket-email-recipient-options>button:hover{color:var(--ink)}.ticket-email-availability{margin:0;padding:0 0 6px;font-size:11px;color:var(--muted)}.ticket-email-card{margin:0 0 16px;padding:16px;border:1px solid var(--line);border-radius:10px;overflow-wrap:anywhere}.ticket-email-card>header{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.ticket-email-card time{margin-left:auto;font-size:12px;color:var(--muted)}.ticket-email-state{font-size:12px;color:var(--muted)}.ticket-email-card>.muted{font-size:12px;margin:10px 0}.ticket-composer-shell{transition-duration:var(--motion-layout)}.ticket-composer-inner{transition-duration:var(--motion-normal),var(--motion-layout)}.ticket-composer[inert]{pointer-events:none}@media(prefers-reduced-motion:reduce){.ticket-composer-shell,.ticket-composer-inner{transition:none}}

/* Ticket detail choices reuse Settings surfaces and native popover placement. */
.ticket-header-status{display:flex;justify-content:flex-end;flex:none}.ticket-header-status .ticket-field-select{width:auto}.ticket-header-status .ticket-field-trigger{padding:0;border:0;min-height:0;background:transparent;box-shadow:none}.ticket-header-status .ticket-field-trigger>.icon{display:none}.ticket-header-status .ticket-field-popup{min-width:160px}.ticket-field-trigger{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-height:29px;padding:4px 8px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--ink);font-size:13px;box-shadow:none;text-align:left}.ticket-field-trigger>span:not(.ticket-detail-status){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-field-trigger>.icon:last-child{margin-left:auto;width:14px;height:14px;opacity:0}.ticket-field-trigger:hover,.ticket-field-trigger[aria-expanded=true]{border-color:var(--line-strong);background:var(--surface)}.ticket-field-trigger:hover>.icon:last-child,.ticket-field-trigger[aria-expanded=true]>.icon:last-child{opacity:1}.ticket-field-trigger[aria-expanded=true]>.icon:last-child{transform:rotate(-90deg)}.ticket-field-trigger:disabled{cursor:default;opacity:.65}.ticket-field-popup{min-width:190px;max-width:min(330px,calc(100vw - 24px));max-height:min(330px,50dvh)}.ticket-field-option{display:flex;align-items:center;gap:8px;min-height:29px;color:var(--ink-soft);font-size:13px}.ticket-field-option>span:not(.ticket-assignee-avatar):not(.ticket-tag-check){flex:1;min-width:0;overflow-wrap:anywhere}.ticket-field-option>.icon:last-child{width:15px;height:15px;margin-left:auto}.ticket-field-option.is-selected{background:var(--surface-active)}.ticket-field-option>.ticket-priority-icon:first-child{width:16px;height:16px;margin:0;flex:none}.ticket-field-option>.ticket-dot{flex:none}.ticket-field-trigger .ticket-detail-avatar,.ticket-field-option .ticket-detail-avatar{width:20px;height:20px;flex:none;font-size:11px}.ticket-assignee-avatar{position:relative;display:inline-flex;flex:none}.ticket-agent-presence{position:absolute;right:-1px;bottom:-1px;width:7px;height:7px;border:1px solid var(--surface);border-radius:50%;background:var(--muted)}.ticket-agent-online{background:var(--green)}.ticket-agent-away{background:#d69e2e}.ticket-agent-busy{background:var(--red)}.ticket-picker-more{display:block;width:100%;margin-top:4px;padding:7px;border:0;border-radius:6px;background:var(--control-surface);color:var(--ink);font-size:12px}.ticket-field-notice{padding:0 16px;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.ticket-field-notice:empty{display:none}.ticket-overview>dl{align-items:center;gap:10px 8px;margin:18px 0}.ticket-overview dd{min-width:0}.ticket-overview dd>.ticket-field-select{width:100%}.ticket-tags,.ticket-tag-values{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.ticket-tags>.ticket-field-select{width:auto}.ticket-tags .ticket-field-trigger{display:grid;place-items:center;width:25px;height:25px;min-height:25px;padding:5px;border:0;border-radius:50%;background:var(--control-surface);color:var(--muted)}.ticket-tags .ticket-field-trigger>.icon:first-child{width:16px;height:16px;margin:0;opacity:1}.ticket-tags .ticket-field-trigger>.icon:last-child{display:none}.ticket-tag-pill{display:inline-flex;align-items:center;gap:5px;max-width:180px;min-height:22px;padding:2px 7px;border:1px solid var(--line);border-radius:20px;font-size:12px;overflow-wrap:anywhere}.ticket-tag-dot{display:inline-block;width:8px;height:8px;flex:none;border-radius:50%;background:#8b5cf6}.ticket-tag-check{display:grid;place-items:center;width:14px;height:14px;flex:none;border:1px solid var(--line-strong);border-radius:4px}.ticket-tag-check.is-checked{border-color:var(--ink);background:var(--ink);color:var(--surface)}.ticket-tag-check>.icon{width:13px;height:13px}.ticket-tag-create{display:flex;gap:7px;padding:7px}.ticket-tag-create>.icon{width:16px;height:16px}.ticket-priority-icon{width:16px;height:16px;flex:none;color:var(--muted)}.ticket-list-priority>.ticket-priority-icon{width:16px;height:16px}.ticket-field-popup .settings-select-search{width:100%;min-width:0}.ticket-field-popup .error{margin:8px;font-size:12px}@media(prefers-reduced-motion:no-preference){.ticket-field-trigger{transition:background-color var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease)}.ticket-field-trigger>.icon{transition:opacity var(--motion-fast) var(--motion-ease),transform var(--motion-fast) var(--motion-ease)}}

.ticket-header-status .ticket-field-popup{left:auto;right:anchor(right)}.ticket-tags .ticket-field-popup{left:auto;right:anchor(right);min-width:235px}

/* Divisions follow the workspace list/detail rhythm. */
.divisions-page{display:flex;flex-direction:column;min-height:100dvh;background:var(--surface)}.division-page-header{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:5px 20px;border-bottom:1px solid var(--line)}.division-page-header h1{font-size:16px;font-weight:500;margin:0}.division-page-header .button{min-height:28px;padding:4px 9px;font-size:13px}.division-page-header .button>span{display:flex;align-items:center;gap:6px}.division-page-notice{margin:12px 20px;color:var(--muted);font-size:13px}.division-page-notice:empty{display:none}.division-page-content{display:flex;flex-direction:column;flex:1;padding:16px 20px 0;min-width:0}.division-toolbar{display:flex;align-items:center;gap:8px;padding:0 0 16px;flex-wrap:wrap}.division-toolbar>input{width:230px;height:29px;min-width:0;padding:5px 9px;border:0;border-radius:8px;background:var(--control-surface);color:var(--ink);font:inherit;font-size:13px}.division-toolbar>.field{width:160px;margin:0 0 0 auto}.division-toolbar>.field+ .field{margin-left:0}.division-toolbar>.field>label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.division-toolbar .button{min-height:28px;padding:4px 9px;font-size:12px}.division-toolbar .muted{font-size:13px;flex:1;margin:0}.division-toolbar .button>span{display:flex;align-items:center;gap:6px}.division-table-scroll{width:100%;overflow-x:auto;flex:1}.division-table{width:100%;border-collapse:separate;border-spacing:0;white-space:nowrap;font-size:13px}.division-table th{background:var(--control-surface);font-size:12px;font-weight:400;color:var(--muted);padding:8px 12px;text-align:left}.division-table th:first-child{border-radius:8px 0 0 8px}.division-table th:last-child{border-radius:0 8px 8px 0}.division-table td{padding:14px 12px;border-bottom:0}.division-table td .settings-badge{margin-left:6px}.division-clickable-row{cursor:pointer}.division-clickable-row:hover{background:var(--surface-subtle)}.division-clickable-row:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.division-empty{text-align:center;color:var(--muted);padding:60px 20px!important}.division-pagination{margin-top:auto;min-height:45px;border-top:1px solid var(--line);padding:8px 0}.division-pages{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted)}.division-pages .button{min-height:25px;padding:3px 7px;font-size:12px}.division-identity{display:flex;align-items:center;gap:12px;padding:8px 0 20px}.division-avatar{display:grid;place-items:center;width:52px;height:52px;flex:none;background:var(--control-surface);color:var(--muted);border-radius:10px;font-size:24px}.division-identity h2{margin:0 0 4px;font-size:18px;font-weight:500}.division-identity p{margin:3px 0;font-size:13px}.division-detail-actions{margin-left:auto;display:flex;gap:6px}.division-detail-actions .button{min-height:28px;padding:4px 9px;font-size:12px}.division-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 10px}.division-stat{border:1px solid var(--line);border-radius:9px;padding:14px 16px;min-height:110px;display:flex;flex-direction:column;justify-content:space-between}.division-stat>span{font-size:13px;color:var(--muted)}.division-stat>strong{font-size:22px;font-weight:500}.division-tabs{padding-left:0;gap:24px;margin-bottom:18px}.division-tabs .settings-badge{font-size:11px}.division-row-actions{display:flex;gap:6px}.division-row-actions .button{min-height:25px;padding:3px 7px;font-size:12px}.division-modal{max-width:510px;width:calc(100vw - 32px)}.division-modal>header{display:flex;align-items:center;justify-content:space-between}.division-modal h2{font-size:18px;margin:0}.division-modal-form>.field{margin:16px 0}.division-modal-form>.field>label{display:block;margin-bottom:6px;color:var(--muted);font-size:13px}.division-modal-form>.muted{font-size:12px;line-height:1.5}.division-modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-top:24px}.division-modal .error:empty{display:none}.division-modal .ticket-field-trigger{border-color:var(--line);background:var(--control-surface)}.division-modal .ticket-field-trigger>.icon:last-child{opacity:1}.division-modal .ticket-field-popup{min-width:280px}.division-modal .ticket-field-option>small{font-size:11px;color:var(--muted)}@media(min-width:1450px){.division-page-content:has(.division-identity){max-width:1320px;width:100%;margin:0 auto}}@media(max-width:900px){.division-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.division-identity{flex-wrap:wrap}.division-detail-actions{margin-left:0}}@media(max-width:600px){.division-page-content{padding:12px 12px 0}.division-page-header{padding:6px 12px}.division-toolbar>.field{width:130px}.division-pages{gap:6px}.division-stat{padding:12px;min-height:90px}}@media(prefers-reduced-motion:no-preference){.division-modal[open]{animation:helpdesk-fade-in var(--motion-normal) var(--motion-ease) both}.division-clickable-row{transition:background-color var(--motion-fast) var(--motion-ease)}}

#division-panel,#user-ticket-panel{display:flex;flex-direction:column;flex:1;min-height:0}.division-modal[open]{max-height:calc(100dvh - 40px);overflow-y:auto}

/* Shared chart motion: final data remains visible without animation support. */
.motion-chart{display:block;width:144px;height:64px;max-width:100%;flex:none;overflow:visible;color:var(--blue)}.motion-chart-blue{color:var(--blue)}.motion-chart-green{color:var(--green)}.motion-chart-red{color:var(--red)}.motion-chart-gray{color:var(--muted)}.motion-chart-line{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}.motion-chart-baseline{fill:none;stroke:var(--line);stroke-width:1}.motion-chart-bar{fill:currentColor;transform-box:fill-box;transform-origin:center bottom}.motion-chart-dot{fill:currentColor;stroke:var(--surface);stroke-width:1}.motion-bar{display:block;width:100%;height:12px;min-width:0;overflow:visible}.motion-chart-track{fill:var(--control-surface)}.motion-chart-fill{fill:var(--blue);transform-box:fill-box;transform-origin:left center}.division-stat-chart{min-height:132px;gap:10px;padding:14px 16px}.division-stat-chart>.division-stat-label{color:var(--muted);font-size:13px}.division-stat-body{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;min-height:64px}.division-stat-body>strong{font-size:24px;font-weight:500;line-height:1.2;min-width:0;overflow-wrap:anywhere}.division-stat-chart>small{font-size:10px;color:var(--muted);line-height:1.4}.division-tab-content{display:flex;flex-direction:column;flex:1;min-height:0}.division-tab-content>.error{font-size:13px}.division-stat-chart .motion-chart{width:144px}@media(max-width:1100px){.division-stat-chart{padding:12px}.division-stat-chart .motion-chart{width:95px}}@media(prefers-reduced-motion:reduce){.motion-chart *,.motion-bar *{animation:none!important;transition:none!important}}

.division-mini-chart{width:144px;max-width:52%;flex-shrink:0}.division-mini-chart .motion-chart{width:100%;max-width:100%}.division-period-picker{width:max-content;max-width:100%;margin-top:8px}.division-period-picker .ticket-field-trigger{font-size:12px;color:var(--text-muted,#7c8794);padding:0;min-height:22px;border:0;background:transparent;gap:4px}.division-period-picker .ticket-field-popup{min-width:160px}

.division-mini-chart{width:144px;max-width:52%;flex-shrink:0}.division-mini-chart .motion-chart{width:100%;max-width:100%}.division-period-picker{width:max-content;max-width:100%;margin-top:8px}.division-period-picker .ticket-field-trigger{font-size:12px;color:var(--text-muted,#7c8794);padding:0;min-height:22px;border:0;background:transparent;gap:4px}.division-period-picker .ticket-field-popup{min-width:160px}

.settings-dialog .integration-connection-form .settings-form-footer .error{position:static;width:auto;height:auto;margin:0;padding:0;overflow:visible;clip:auto;white-space:normal;flex-basis:100%}.integration-connection-form .settings-form-footer{flex-wrap:wrap}

.settings-badge.integration-enabled{background:#e6f5ec;color:#227344}:root[data-theme=dark] .settings-badge.integration-enabled{background:#183b2a;color:#91d5ab}

.new-ticket-page{height:100%;overflow:auto}.new-ticket-form{max-width:900px;margin:42px auto;padding:0 22px}.new-ticket-form>.field{margin-bottom:18px}.new-ticket-form .field>label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}.new-ticket-form .field>input{width:100%;border:1px solid transparent;border-radius:8px;background:var(--control-surface);padding:7px 10px;color:var(--ink);font:inherit}.new-ticket-composer{border:1px solid var(--line);border-radius:10px;box-shadow:0 1px 2px #00000008;overflow:hidden}.new-ticket-author{display:flex;align-items:center;gap:8px;padding:14px 16px;font-size:13px}.new-ticket-author .avatar{height:24px;width:24px;font-size:12px}.new-ticket-composer .ticket-editor{border:0}.new-ticket-composer .ql-editor,.new-ticket-composer textarea{min-height:180px}.new-ticket-submit{display:flex;justify-content:flex-end;padding:10px 14px}.new-ticket-form>.error:empty{display:none}@media(max-width:640px){.new-ticket-form{margin:22px auto;padding:0 14px}}
.new-ticket-composer .ticket-rich-editor{padding:0;border:0}.new-ticket-composer .ql-editor{padding:10px 14px;min-height:140px}.new-ticket-composer textarea{padding:10px 14px;min-height:140px;border:0;resize:vertical}.new-ticket-submit{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border:0}.new-ticket-submit .ticket-editor-toolbar{flex:1;min-width:0;border:0;padding:0;gap:0;overflow-x:auto;scrollbar-width:thin}.new-ticket-submit .ticket-format-group{gap:2px;padding:0 6px}.new-ticket-submit .ticket-format-group:first-child{padding-left:0}.new-ticket-submit .ticket-editor-toolbar button{min-width:22px;height:26px;padding:3px;font-size:12px}.new-ticket-submit .ticket-editor-toolbar .field{max-width:90px}.new-ticket-submit .ticket-editor-toolbar .settings-select-trigger{min-height:26px;padding:2px 5px;font-size:12px}.new-ticket-actions{display:flex;align-items:center;gap:8px;flex:none}.new-ticket-actions .button{min-height:28px;padding:4px 9px;border-radius:8px;font-size:13px;box-shadow:none}.new-ticket-actions .button.secondary,.new-ticket-actions .button:disabled{background:var(--control-surface);border-color:transparent;color:var(--muted)}@media(max-width:640px){.new-ticket-submit{flex-wrap:wrap}.new-ticket-submit .ticket-editor-toolbar{flex-basis:100%}.new-ticket-actions{margin-left:auto}}
/* Keep content and Quill's absolute placeholder aligned with the author inset. */
.new-ticket-composer .ticket-rich-editor .ql-editor{padding:12px 16px}.new-ticket-composer .ticket-rich-editor .ql-editor.ql-blank::before{left:16px;right:16px}.new-ticket-submit{padding:10px 14px}.new-ticket-submit .ticket-heading-label{padding:0 7px 0 2px;white-space:nowrap;font-size:13px}.new-ticket-submit .ticket-heading-choice{font-size:11px}.new-ticket-submit .ticket-heading-choice sub{font-size:8px;vertical-align:baseline}.new-ticket-submit .ticket-format-group{align-items:center}

.user-detail-actions .button>span{display:flex;align-items:center;gap:6px}.user-detail-actions .ticket-field-trigger{min-width:30px;width:30px;justify-content:center;padding:3px 8px;background:var(--control-surface);border:0}.user-detail-actions .ticket-field-trigger>.icon:last-child{display:none}#user-actions-options{min-width:230px}#user-actions-options .ticket-field-option:has(.user-delete-action){color:var(--red)}.user-delete-action{color:var(--red)}

.ticket-overview>summary{display:flex;align-items:center;gap:7px;list-style:none}.ticket-overview>summary::-webkit-details-marker{display:none}.ticket-overview>summary>.icon{width:15px;height:15px;transform:none;color:var(--muted)}.ticket-overview[open]>summary>.icon{transform:rotate(90deg)}.settings-select-trigger .ticket-priority-icon{transform:none}.ticket-info{position:relative;display:inline-flex;vertical-align:middle;flex:none}.ticket-info-trigger{display:inline-flex;align-items:center;justify-content:center;width:15px;height:18px;padding:0;border:0;background:transparent;color:var(--muted);cursor:default}.ticket-info-trigger>.icon{width:15px;height:15px;transform:none}.ticket-info-trigger:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}.ticket-tooltip{position:absolute;z-index:20;bottom:calc(100% + 7px);left:50%;transform:translate(-50%,3px);visibility:hidden;opacity:0;pointer-events:none;width:max-content;max-width:min(290px,calc(100vw - 32px));padding:5px 8px;border-radius:7px;background:#171717;color:#fff;font-size:12px;font-weight:400;line-height:1.5;text-align:left;white-space:normal;box-shadow:0 3px 10px #0002}.ticket-info:hover>.ticket-tooltip,.ticket-info:focus-within>.ticket-tooltip{visibility:visible;opacity:1;transform:translate(-50%,0)}.ticket-tooltip::after{content:'';position:absolute;top:100%;left:calc(50% - 4px);border:4px solid transparent;border-top-color:#171717}.ticket-tooltip-details{top:calc(100% + 8px);bottom:auto;left:auto;right:0;transform:translateY(3px);padding:12px 14px;width:285px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font-size:13px}.ticket-info:hover>.ticket-tooltip-details,.ticket-info:focus-within>.ticket-tooltip-details{transform:translateY(0)}.ticket-tooltip-details::after{display:none}.ticket-tooltip-details>dl{display:grid;grid-template-columns:auto 1fr;gap:7px 14px;margin:0}.ticket-tooltip-details dt{color:var(--muted)}.ticket-tooltip-details dd{margin:0;text-align:right;white-space:nowrap}.ticket-metric-value{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap}.division-stat-label{display:flex;align-items:center;gap:6px}.ticket-timeline-dot-breached{background:var(--red)}.ticket-timeline-due-tick{width:2px;height:12px;border-radius:0;margin-top:-2px;margin-bottom:-2px}@media(prefers-reduced-motion:no-preference){.ticket-tooltip{transition:opacity var(--motion-fast) var(--motion-ease),transform var(--motion-fast) var(--motion-ease),visibility var(--motion-fast)}.ticket-overview>summary>.icon{transition:transform var(--motion-normal) var(--motion-ease)}}

.ticket-detail-metric:hover .ticket-tooltip-details{visibility:visible;opacity:1;transform:translateY(0)}

.ticket-conversation-stat>dt{display:flex;align-items:center;gap:6px}

/* Material paths are filled outlines; priority glyphs keep the application reference geometry. */
.icon[data-icon-family=material]{fill:currentColor;stroke:none}

.button:not(.secondary):not(.quiet) .icon,.ticket-tag-check.is-checked .icon{color:inherit}.settings-select-option:has(.user-delete-action)>.icon{color:var(--red)}

/* Personal Home uses the same controls, icons and chart motion as ticket views. */
.home-page{max-width:1240px;margin:0 auto}.home-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;align-items:stretch}.home-widget{min-width:0;border:1px solid var(--line);border-radius:9px;background:var(--surface);padding:16px;position:relative}.home-widget>header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.home-widget h2{display:flex;align-items:center;gap:7px;margin:0;font-size:15px;font-weight:600}.home-metric{grid-column:span 4;min-height:126px;display:flex;flex-direction:column;gap:4px}.home-metric-label{color:var(--muted);font-size:14px}.home-metric-value{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.home-metric-value>strong{font-size:22px;font-weight:500;line-height:1.3}.home-metric-value .ticket-field-trigger{padding:0;min-height:24px;border:0;background:transparent;color:var(--muted);font-size:12px;gap:4px}.home-sparkline{width:100%;max-width:100%;height:48px;flex:1;min-height:38px;margin-top:4px}.home-alerts{grid-column:1/-1;min-height:390px}.home-activity{grid-column:span 4}.home-times{grid-column:span 8}.home-segments{display:flex;flex:none;align-items:center;padding:2px;background:var(--control-surface);border-radius:9px}.home-segments>button{padding:5px 10px;border:0;border-radius:7px;background:transparent;color:var(--muted);font:inherit;font-size:13px}.home-segments>button[aria-pressed=true]{background:var(--surface);color:var(--ink-soft);box-shadow:0 0 0 1px var(--line)}.home-empty{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;color:var(--muted)}.home-empty>.icon{width:24px;height:24px}.home-empty>strong{color:var(--ink-soft);font-size:14px;font-weight:500}.home-empty>p{margin:0;font-size:13px;max-width:420px}.home-table-scroll{overflow:auto}.home-ticket-table{border-collapse:collapse;width:100%;font-size:13px;white-space:nowrap}.home-ticket-table th,.home-ticket-table td{padding:12px 8px;text-align:left;border-bottom:1px solid var(--line)}.home-ticket-table th{font-weight:400;color:var(--muted);font-size:12px}.home-ticket-table td:nth-child(2){white-space:normal;min-width:200px}.home-ticket-table a,.home-activity-list a{color:var(--ink-soft);text-decoration:none}.home-ticket-table a:hover,.home-activity-list a:hover{text-decoration:underline;color:var(--ink)}.home-activity-list{list-style:none;padding:0;margin:0;display:grid;gap:20px}.home-activity-list>li{display:flex;gap:12px;align-items:flex-start;min-width:0;font-size:13px}.home-activity-list>li>.icon{margin-top:3px}.home-activity-list>li>div{flex:1;min-width:0;overflow-wrap:anywhere}.home-activity-list p{margin:3px 0 0;color:var(--muted);font-size:12px}.home-activity-list time{color:var(--muted);font-size:11px;white-space:nowrap}.home-time-legend{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:8px 0 12px}.home-time-legend>div{display:flex;flex-direction:column;gap:4px}.home-time-legend strong{font-weight:500;font-size:16px}.home-time-legend span{color:var(--muted);font-size:13px;display:flex;align-items:center;gap:8px}.home-time-dot{width:8px;height:8px;border-radius:50%;background:var(--ink-soft);display:inline-block}.home-time-dot-resolution{background:var(--line-strong)}.home-time-chart{display:block;width:100%;height:auto;min-height:220px;overflow:visible}.home-time-grid{fill:none;stroke:var(--line);stroke-dasharray:3 3;stroke-width:1}.home-time-tick{fill:var(--muted);font-size:12px;font-family:inherit}.home-time-bar{transform-box:fill-box;transform-origin:center bottom;fill:var(--ink-soft)}.home-time-bar-resolution{fill:var(--line-strong)}.home-times .ticket-field-select{width:auto;min-width:100px}.home-times .ticket-field-trigger{border:0;background:var(--control-surface);min-height:28px;padding:4px 8px;font-size:13px}.home-editor{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 0;margin-bottom:16px}.home-editor>.muted{flex:1;font-size:12px}.home-editor>.ticket-field-select{width:210px}.home-widget-editing{border-style:dashed;padding-top:56px}.home-widget-controls{position:absolute;top:8px;left:12px;right:12px;display:flex;align-items:center;gap:3px}.home-widget-controls>span{flex:1;min-width:0;color:var(--muted);font-size:11px}.home-widget-controls>.icon-button{width:28px;height:28px}.home-move-up>.icon{transform:rotate(-90deg)}.home-move-down>.icon{transform:rotate(90deg)}.home-widget[draggable=true]{cursor:grab}.home-widget[draggable=true]:active{cursor:grabbing}.home-notice{margin:0 0 14px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;color:var(--ink-soft);font-size:13px}.home-page [hidden]{display:none!important}
@media(max-width:1000px){.home-activity{grid-column:span 5}.home-times{grid-column:span 7}.home-activity-list time{display:none}}
@media(max-width:700px){.home-metric{grid-column:span 6}.home-activity,.home-times{grid-column:1/-1}.home-widget>header{flex-wrap:wrap}.home-grid{gap:12px}.home-time-chart{min-height:160px}}
@media(max-width:440px){.home-metric{grid-column:1/-1}.home-time-legend{gap:8px}.home-time-legend span{font-size:12px}.home-editor>.muted{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.home-time-bar{animation:none!important;transition:none!important}}

.home-sparkline .motion-chart-line,.home-sparkline .motion-chart-baseline{vector-effect:non-scaling-stroke}.home-sparkline .motion-chart-dot{display:none}

.home-metric{height:132px;min-height:132px}.home-metric-value>.ticket-field-select{width:auto;max-width:100%;flex:none}.home-sparkline{height:40px;min-height:0;flex:none}.content-body:has(>.home-page){padding-top:14px}.motion-chart-purple{color:#8b5cf6}

.home-metric.home-widget-editing{height:auto;min-height:176px}

.home-greeting{margin:0 0 20px;color:var(--ink);font-size:18px;font-weight:600;line-height:1.4}

/* One notification surface, including messages produced by older forms. */
[data-toast-source]{display:none!important}.notification-toasts{position:fixed;inset:auto 24px 24px auto;margin:0;padding:0;border:0;background:transparent;overflow:visible;width:min(380px,calc(100vw - 32px));max-height:calc(100dvh - 48px);display:flex;flex-direction:column;gap:10px;pointer-events:none;z-index:10000;color:#fff}.notification-toasts:empty{display:none}.notification-toasts::backdrop{background:transparent;pointer-events:none}.notification-toast{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:10px;background:#383838;color:#fff;box-shadow:0 5px 20px #0002;font-size:13px;line-height:1.5;pointer-events:auto;max-height:min(360px,50dvh);overflow:auto}.notification-toast-content{flex:1;min-width:0;overflow-wrap:anywhere;font-weight:500}.notification-toast-mark{display:grid;place-items:center;flex:none;width:14px;height:14px;margin-top:3px;border-radius:50%;background:#fff;color:#383838}.notification-toast-mark>.icon{width:11px;height:11px;color:inherit;flex:none}.notification-toast-close{display:grid;place-items:center;flex:none;width:22px;height:22px;padding:0;margin:-1px -4px 0 0;border:0;border-radius:5px;background:transparent;cursor:pointer}.notification-toast-close>.icon{width:15px;height:15px;color:#d4d4d4}.notification-toast-close:hover{background:#ffffff1a}.notification-toast button:focus-visible{outline:2px solid #fff;outline-offset:2px}.notification-toast-actions{display:flex;gap:8px;margin-top:8px}.notification-toast-actions>button{border:1px solid #ffffff55;border-radius:5px;padding:3px 9px;background:transparent;color:#fff;font:inherit;cursor:pointer}
@media(max-width:600px){.notification-toasts{right:12px;bottom:max(12px,env(safe-area-inset-bottom));width:calc(100vw - 24px)}}
@media(prefers-reduced-motion:no-preference){.notification-toast{animation:notification-enter var(--motion-normal) var(--motion-ease) both}}@keyframes notification-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

.sidebar-section+.sidebar-section{margin-top:18px}
/* Knowledge Base follows the existing list and editor surfaces. */
.kb-list{display:flex;flex-direction:column;min-height:calc(100dvh - 44px);padding:16px 20px 0;gap:18px;min-width:0}.kb-toolbar{display:flex;align-items:center;gap:8px}.kb-search{width:205px;min-height:29px;border:0;background:var(--control-surface);border-radius:8px;padding:5px 10px;color:var(--ink);font:inherit;font-size:13px}.kb-toolbar>.settings-select{width:145px}.kb-toolbar .settings-select-trigger,.kb-toolbar .button{min-height:29px;height:29px;border:0;box-shadow:none;padding:4px 9px;background:var(--control-surface);font-size:13px}.kb-toolbar-end{margin-left:auto;display:flex;align-items:center;gap:8px}.kb-toolbar-end .settings-select{min-width:140px}.kb-create .settings-select-trigger{height:29px;min-height:29px;background:var(--ink);color:var(--surface);border:0;gap:6px;padding:4px 9px;border-radius:8px}.kb-create .settings-select-trigger>.icon:last-child{display:none}.kb-create .settings-select-trigger>.icon:first-child{transform:none;color:inherit}.kb-table-scroll{overflow-x:auto;flex:1;min-height:160px}.kb-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px}.kb-table th{height:35px;padding:8px;color:var(--muted);font-weight:400;text-align:left;background:var(--control-surface)}.kb-table th:first-child{border-radius:8px 0 0 8px}.kb-table th:last-child{border-radius:0 8px 8px 0;width:42px}.kb-table th:nth-child(2){width:22%}.kb-table th:nth-child(3){width:11%}.kb-table th:nth-child(4){width:18%}.kb-table td{height:40px;padding:8px;border-bottom:0;overflow-wrap:anywhere}.kb-table .kb-check{width:30px;text-align:center;padding:8px 4px}.kb-table input[type=checkbox]{appearance:auto;accent-color:var(--ink);width:14px;height:14px;margin:0;vertical-align:middle}.kb-title-link{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink-soft)}.kb-title-link:hover{color:var(--ink)}.kb-title-link .icon,.kb-category-toggle .icon{flex:none;width:17px;height:17px;color:var(--muted)}.kb-category-row td{padding-top:13px;padding-bottom:10px}.kb-category-toggle{display:flex;align-items:center;gap:8px;border:0;background:none;padding:0;font:inherit;color:var(--ink);text-align:left}.kb-category-toggle>.icon:first-child{width:17px;transform:rotate(90deg)}.kb-category-toggle[aria-expanded=false]>.icon:first-child{transform:none}.kb-category-toggle small{color:var(--muted);font-size:12px}.kb-more{width:28px;min-width:28px}.kb-more .settings-select-trigger{min-height:26px;padding:3px;border:0;background:transparent;justify-content:center}.kb-more .settings-select-trigger>.icon:first-child{transform:none}.kb-more .settings-select-trigger>.icon:last-child{display:none}.kb-more .settings-select-trigger>.icon:only-child{display:block}.kb-badge{display:inline-block;width:max-content;border-radius:12px;padding:2px 7px;font-size:11px;line-height:16px}.kb-published{background:color-mix(in srgb,var(--green) 12%,var(--surface));color:var(--green)}.kb-draft{background:color-mix(in srgb,var(--amber) 12%,var(--surface));color:var(--amber)}.kb-archived{background:var(--control-surface);color:var(--muted)}.kb-empty{padding:24px 8px;color:var(--muted);font-size:13px}.kb-pagination{margin:0 -20px;padding:8px 20px;border-top:1px solid var(--line);min-height:44px}.kb-selection{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:13px}.kb-selection[hidden]{display:none}.kb-article-row[hidden]{display:none}.kb-editor-wrap{padding:24px 20px 10px}.kb-editor-card{max-width:856px;margin:0 auto;min-height:calc(100dvh - 80px);border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:16px}.kb-editor-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.kb-editor-author{display:flex;align-items:center;gap:7px;font-size:13px;min-width:0;flex-wrap:wrap}.kb-editor-author strong{font-weight:500;overflow-wrap:anywhere}.kb-editor-author .avatar,.kb-publisher .avatar{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:var(--control-surface);color:var(--muted);font-size:13px}.kb-editor-author .settings-select{width:auto;min-width:92px}.kb-editor-author .settings-select-trigger{background:var(--control-surface);border:0;min-height:29px;font-size:13px;padding:4px 9px}.kb-editor-actions{display:flex;gap:8px;flex:none}.kb-editor-actions .button,.kb-article-actions .button{min-height:29px;padding:4px 9px;border:0;border-radius:8px;box-shadow:none;font-size:13px}.kb-editor-actions .secondary,.kb-article-actions .secondary{background:var(--control-surface)}.kb-editor-title{border:0;border-bottom:1px solid var(--line);border-radius:0;font:inherit;font-size:21px;font-weight:600;min-height:46px;padding:6px 0 14px;background:transparent;color:var(--ink);width:100%}.kb-editor-title::placeholder{color:var(--muted);opacity:.55}.kb-editor-card>.ticket-editor{flex:1;display:flex;flex-direction:column;gap:0;min-height:450px}.kb-editor-card .ticket-rich-editor{border:0;padding:0;flex:1;display:flex;min-height:350px}.kb-editor-card .ql-editor{padding:0 0 16px;width:100%;min-height:350px;line-height:1.65}.kb-editor-card .ql-editor.ql-blank::before{left:0;right:0;font-style:normal;color:var(--muted)}.kb-editor-card textarea{min-height:350px;border:0;padding:0;resize:vertical;background:transparent}.kb-editor-card .ticket-editor-toolbar{border:0;padding:4px 0;gap:0;flex-wrap:wrap;overflow:visible}.kb-editor-card .ticket-format-group{align-items:center;gap:2px;padding:0 8px}.kb-editor-card .ticket-format-group:first-child{padding-left:0}.kb-editor-card .ticket-editor-toolbar button{min-width:24px;height:26px;padding:4px}.kb-editor-card .ticket-editor-toolbar .icon{width:17px;height:17px}.kb-editor-card .ticket-heading-label{font-size:13px;padding-right:8px}.kb-editor-card .ticket-heading-choice{font-size:10px}.kb-editor-card .ticket-heading-choice sub{font-size:8px;vertical-align:baseline}.kb-editor-card .error:empty{display:none}.kb-article{max-width:720px;margin:32px auto;padding:0 16px;overflow-wrap:anywhere}.kb-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.kb-detail-heading h1{font-size:21px;margin:0;font-weight:600}.kb-detail-tools{display:flex;gap:8px;align-items:center}.kb-vote{display:flex;align-items:center;gap:5px;border:0;padding:3px;background:transparent;color:var(--muted);font:inherit;font-size:12px}.kb-vote.active{color:var(--ink);background:var(--control-surface);border-radius:5px}.kb-vote .icon{width:18px;height:18px}.kb-detail-meta{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;margin:8px 0 12px}.kb-article>.ticket-conversation-body{padding:4px 0 20px;font-size:14px;line-height:1.65}.kb-publisher{display:flex;align-items:center;gap:10px;padding:16px 0;font-size:13px}.kb-publisher time{display:block;margin-top:4px;font-size:12px;color:var(--ink-soft)}.kb-article-actions{display:flex;align-items:center;gap:8px}@media(max-width:760px){.kb-toolbar{flex-wrap:wrap}.kb-toolbar-end{margin-left:0;width:100%;flex-wrap:wrap}.kb-table{min-width:650px}.kb-editor-header{align-items:flex-start}.kb-editor-author{max-width:65%}.kb-editor-wrap{padding:14px 10px}.kb-editor-card{padding:12px}.kb-article{margin-top:24px}.kb-detail-heading{align-items:flex-start}.kb-detail-tools{flex:none}.kb-list{padding-left:14px;padding-right:14px}.kb-pagination{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px}}

.kb-breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:5px;font-size:16px}
.kb-breadcrumbs a{color:var(--muted);text-decoration:none}
.kb-breadcrumbs a:hover{color:var(--ink);text-decoration:underline}
.kb-breadcrumbs a:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:3px}
.kb-breadcrumbs>span[aria-hidden]{color:var(--muted)}
.kb-breadcrumbs h1{font:inherit;color:var(--ink);margin:0}
.kb-publisher .muted,.kb-publisher time{color:var(--muted)}.kb-breadcrumbs>.kb-badge{margin-left:5px}.settings-menu-separator{height:1px;margin:5px -4px;background:var(--line)}#kb-article-more-options{min-width:160px}#kb-article-more-options .settings-select-option{gap:8px}#kb-article-more-options .settings-select-option>.icon{width:17px;height:17px;color:var(--muted)}
/* User Knowledge Base portal. */
.kb-portal{max-width:896px;width:100%;margin:36px auto 24px;padding:0 20px;min-width:0}.kb-portal-search{display:flex;align-items:center;gap:10px;min-height:33px;border-radius:8px;background:var(--control-surface);padding:0 11px;margin-bottom:16px}.kb-portal-search>.icon{width:17px;height:17px;color:var(--muted);flex:none}.kb-portal-search input{width:100%;border:0;border-radius:0;background:transparent;padding:7px 0;color:var(--ink);font:inherit;font-size:13px;outline-offset:3px}.kb-portal-results h2{font-size:14px;font-weight:500;margin:0 0 12px}.kb-portal-results h2 a{color:var(--ink);text-decoration:none}.kb-category-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.kb-category-card{display:flex;flex-direction:column;gap:6px;min-height:100px;padding:12px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink);overflow-wrap:anywhere}.kb-category-card>.icon{width:23px;height:23px;color:var(--muted);margin-bottom:4px}.kb-category-card strong{font-size:14px;font-weight:500}.kb-category-card>span{font-size:13px;color:var(--muted)}.kb-portal-group{margin-bottom:22px}.kb-article-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.kb-article-card{display:flex;flex-direction:column;min-height:120px;gap:8px;border:1px solid var(--line);border-radius:8px;padding:16px;text-decoration:none;color:var(--ink);min-width:0}.kb-article-card h3{margin:0;font-size:14px;font-weight:500;overflow-wrap:anywhere}.kb-article-card>p{margin:0 0 12px;font-size:13px;line-height:1.5;color:var(--muted);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}.kb-article-card>footer{display:flex;align-items:center;gap:8px;margin-top:auto;color:var(--muted);font-size:12px;min-width:0}.kb-article-card>footer>span:not(.avatar){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kb-article-card time{margin-left:auto;white-space:nowrap;flex:none}.kb-article-card .avatar{display:grid;place-items:center;width:24px;height:24px;flex:none;background:var(--control-surface);color:var(--muted);border-radius:50%;font-size:12px}.kb-category-card:hover,.kb-article-card:hover{background:var(--surface-subtle)}.kb-category-card:focus-visible,.kb-article-card:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.kb-portal-pagination{display:flex;justify-content:flex-end;align-items:center;gap:12px;color:var(--muted);font-size:12px;margin-top:22px}.kb-votes{display:flex;align-items:center;gap:8px}.kb-vote:disabled{cursor:default;opacity:.55}.kb-vote:disabled:hover{background:transparent}.kb-user-article .kb-publisher{padding:12px 0 20px}.kb-user-article .kb-publisher>div{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.kb-user-article .kb-publisher time{display:inline;margin:0}.kb-user-article .kb-publisher time::before{content:'·';margin-right:8px;color:var(--muted)}.kb-feedback-panel{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:16px;padding:16px;border-radius:12px;background:var(--control-surface);font-size:13px}.kb-feedback-panel p{margin:0;line-height:1.6}.kb-feedback-panel p+p{margin-top:6px;color:var(--muted)}.kb-feedback-panel a{color:inherit;text-decoration:underline;text-underline-offset:2px}.kb-feedback-panel .kb-votes{flex:none}.kb-feedback-panel .kb-vote{padding:5px}@media(max-width:640px){.kb-portal{margin-top:20px;padding:0 14px}.kb-category-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.kb-article-cards{grid-template-columns:minmax(0,1fr);gap:14px}.kb-feedback-panel{align-items:flex-start;gap:12px}.kb-article-card time{white-space:normal;text-align:right}}

.kb-feedback-panel .kb-vote .icon{color:inherit}.kb-feedback-panel .kb-vote[aria-pressed=true]{border-radius:6px}.kb-feedback-panel .kb-vote[data-feedback="1"][aria-pressed=true]{color:var(--green);background:color-mix(in srgb,var(--green) 14%,var(--surface))}.kb-feedback-panel .kb-vote[data-feedback="2"][aria-pressed=true]{color:var(--red);background:color-mix(in srgb,var(--red) 14%,var(--surface))}
.dashboard-page{padding:20px;min-width:0}.dashboard-tabs{display:flex;gap:2px;padding:2px;border-radius:9px;background:var(--control-surface)}.dashboard-tabs>button{display:flex;align-items:center;gap:7px;min-height:26px;padding:4px 9px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);font:inherit;font-size:13px}.dashboard-tabs>button[aria-selected=true]{background:var(--surface);border-color:var(--line);color:var(--ink);box-shadow:0 1px 2px #00000008}.dashboard-tabs .icon{width:16px;height:16px}.dashboard-filters{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.dashboard-filters>.settings-select{width:192px}.dashboard-filters .settings-select-trigger{min-height:29px;height:29px;padding:4px 9px;font-size:13px;gap:8px;background:var(--surface);border:1px solid var(--line);box-shadow:none}.dashboard-filters .settings-select-trigger>.icon:first-child{width:17px;height:17px;transform:none}.dashboard-filters .settings-select-trigger>span{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px}.dashboard-number{display:flex;flex-direction:column;gap:8px;min-height:100px;padding:14px 16px;border:1px solid var(--line);border-radius:9px}.dashboard-number-label{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:13px}.dashboard-number>strong{font-size:21px;font-weight:500;line-height:1.3}.dashboard-number>small{font-size:12px;color:var(--muted)}.dashboard-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dashboard-card{display:flex;flex-direction:column;min-width:0;min-height:320px;border:1px solid var(--line);border-radius:9px;padding:16px}.dashboard-wide{grid-column:1/-1}.dashboard-card>header{margin-bottom:12px}.dashboard-card h2{display:flex;align-items:center;gap:5px;font-size:14px;font-weight:500;margin:0 0 4px}.dashboard-card header>p{font-size:13px;color:var(--muted);margin:0}.dashboard-chart{position:relative;min-width:0;flex:1}.dashboard-chart>svg{display:block;width:100%;height:250px;overflow:visible}.dashboard-wide .dashboard-chart>svg{height:290px}.dashboard-gridline{fill:none;stroke:var(--line);stroke-dasharray:2 4;stroke-width:.7}.dashboard-axis-label{fill:var(--muted);font-family:inherit;font-size:10px}.dashboard-donut-value{fill:var(--ink);font-family:inherit;font-size:18px}.dashboard-legend{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;padding:8px 0 0;font-size:12px;max-height:90px;overflow:auto}.dashboard-legend>span,.dashboard-legend>button{display:flex;align-items:center;gap:6px;color:var(--ink-soft)}.dashboard-series-dot{display:inline-block;width:8px;height:8px;min-width:8px;flex:none;vertical-align:middle}.dashboard-tooltip{position:absolute;z-index:4;pointer-events:none;min-width:140px;max-width:260px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink-soft);box-shadow:0 3px 12px #0002;font-size:12px;line-height:1.5}.dashboard-tooltip[hidden]{display:none}.dashboard-tooltip>strong{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-bottom:8px;overflow-wrap:anywhere}.dashboard-tooltip>div{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:3px 0}.dashboard-tooltip span{display:flex;align-items:center;gap:6px;min-width:0;overflow-wrap:anywhere}.dashboard-tooltip b{font-weight:600;color:var(--ink);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.dashboard-chart svg [tabindex]{cursor:default;outline:none}.dashboard-chart svg [tabindex]:focus-visible{filter:brightness(.75);outline:2px solid var(--focus);outline-offset:3px}.dashboard-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:240px;color:var(--muted);text-align:center;font-size:13px}.dashboard-empty>.icon{width:28px;height:28px}.dashboard-empty strong{font-weight:400}.dashboard-loading{padding:24px 0;color:var(--muted);font-size:13px}@media(max-width:900px){.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.dashboard-page{padding:14px}.dashboard-tabs>button{font-size:12px;padding:4px 7px}.dashboard-filters{gap:8px}.dashboard-filters>.settings-select{flex:1;min-width:140px}.dashboard-charts{grid-template-columns:minmax(0,1fr)}.dashboard-card{min-height:300px;padding:13px}.dashboard-number{padding:12px}.dashboard-number-label{font-size:12px}.dashboard-chart>svg,.dashboard-wide .dashboard-chart>svg{height:230px}}

.dashboard-legend>button{border:0;border-radius:6px;padding:3px 6px;background:transparent;font:inherit;cursor:pointer}.dashboard-legend>button:hover,.dashboard-donut .dashboard-legend>button[aria-pressed=true]{background:var(--surface-active)}.dashboard-legend>button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.dashboard-legend small{color:var(--muted);font:inherit}.dashboard-chart:not(.dashboard-donut) .dashboard-legend>button[aria-pressed=false]{opacity:.4;text-decoration:line-through}.dashboard-donut-ring{transform-box:view-box;transform-origin:280px 120px}.dashboard-grow{transform-box:view-box;transform-origin:0px 210px}

.notification-count{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:10px;background:var(--surface-active);color:var(--ink);font-size:11px;font-weight:600}.notification-count[hidden]{display:none}.user-notification-trigger{position:relative;min-width:36px;min-height:36px}.user-notification-trigger .notification-count{position:absolute;right:0;top:0}.notification-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line)}.notification-filters{display:flex;gap:2px;border-radius:7px;background:var(--control-surface);padding:2px}.notification-filters>button{border:0;background:transparent;border-radius:6px;font:inherit;font-size:12px;padding:4px 9px;color:var(--muted);cursor:pointer}.notification-filters>button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #0001}.notification-toolbar>.button{font-size:11px;min-height:27px;padding:4px 7px}.notification-item{display:flex;align-items:flex-start;gap:10px}.notification-copy{display:flex;flex-direction:column;min-width:0;gap:6px;text-align:left}.notification-event-icon{flex:none;color:var(--muted);padding-top:2px}.notification-event-icon>.icon{width:18px;height:18px}.notification-copy>.notification-meta{display:flex;flex-wrap:wrap;gap:8px}.notifications-more{display:block;margin:12px auto}.notification-filters>button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.notifications-drawer{display:flex;flex-direction:column}.notifications-drawer .notifications-list{flex:1;min-height:0;overflow:auto}
.web-app-icon-preview{flex:none;width:64px;height:64px;object-fit:contain;border:1px solid var(--line);border-radius:12px;background:var(--surface)}#web-app-name{color:var(--muted)}

.home-chart-wrap{position:relative;min-width:0}.home-sparkline-wrap{width:100%;height:40px;margin-top:auto;flex:none}.home-sparkline-wrap .home-sparkline{display:block;margin:0;height:40px;min-height:0}.home-metric-label{display:flex;align-items:center;gap:6px}.home-chart-tooltip{position:absolute;z-index:30;pointer-events:none;min-width:150px;max-width:min(280px,calc(100vw - 24px));padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink-soft);box-shadow:0 3px 12px #0002;font-size:13px;line-height:1.5;white-space:nowrap}.home-chart-tooltip[hidden]{display:none}.home-chart-tooltip-heading{display:block;color:var(--ink);margin-bottom:2px}.home-chart-tooltip strong{font-weight:600;color:var(--ink)}.home-chart-wrap [tabindex]:focus-visible,.home-metric-value>strong:focus-visible,.home-time-legend strong:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.motion-chart-continuous .motion-chart-line{stroke-dasharray:none;stroke-dashoffset:0;stroke-width:1;fill:none}.motion-chart-continuous .motion-chart-line,.motion-chart-area{transform-box:view-box;transform-origin:0px 50px}.home-sparkline .motion-chart-line{stroke-dasharray:none;stroke-dashoffset:0;stroke-width:1;stroke-linejoin:round}.motion-chart-area{stroke:none;pointer-events:none}.home-activity-list>li{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:10px;align-items:center}.home-activity-list>li>.icon{width:16px;height:16px;color:var(--muted);margin:0}.home-activity-list time{display:block;font-size:12px;color:var(--muted);text-align:right}.home-activity-list a{font-size:13px;font-weight:400}.home-activity-list p{font-size:12px;line-height:1.5}.home-times .home-chart-wrap{margin-top:8px}
.home-sparkline.motion-chart-single .motion-chart-dot{display:block}
.login-logo{display:grid;place-items:center;width:64px;height:64px}.login-logo img{display:block;width:100%;height:100%;object-fit:contain}

/* Conversation actions stay attached to each message, including on narrow screens. */
.ticket-conversation-marker{position:relative;display:block;width:28px;height:28px;margin-top:6px}
.ticket-conversation-marker .ticket-comment-marker,.ticket-conversation-marker .ticket-email-marker{position:absolute;right:-4px;bottom:-2px;display:grid;place-items:center;width:15px;height:15px;border:2px solid var(--surface);border-radius:50%;background:var(--surface);color:var(--muted)}
.ticket-conversation-marker .icon{width:12px;height:12px}
.ticket-conversation-card{overflow:visible}
.ticket-conversation-card>header{border-radius:10px 10px 0 0;min-height:40px;padding:8px 12px;flex-wrap:wrap}
.ticket-conversation-comment .ticket-conversation-card{border:1px solid var(--line);background:var(--surface-subtle)}
.ticket-conversation-comment .ticket-conversation-card>header{padding:8px 12px;min-height:40px;border-bottom:1px solid var(--line)}
.ticket-conversation-body{border-radius:0 0 10px 10px;padding:14px 12px}
.ticket-conversation-actions{display:inline-flex;align-items:center;gap:3px;flex:none}
.ticket-conversation-actions .icon-button{display:grid;place-items:center;width:27px;height:27px;min-height:0;padding:5px;border:0;border-radius:7px;background:transparent;color:var(--ink-soft);cursor:pointer}
.ticket-conversation-actions .icon-button:hover,.ticket-conversation-menu[open]>summary{background:var(--surface-active)}
.ticket-conversation-actions .icon{width:16px;height:16px}
.ticket-conversation-menu{position:relative;display:block}
.ticket-conversation-menu>summary{list-style:none}
.ticket-conversation-menu>summary::-webkit-details-marker{display:none}
.ticket-conversation-menu>div{position:absolute;right:0;top:calc(100% + 4px);z-index:20;width:162px;padding:5px;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface);box-shadow:0 12px 28px #00000018}
.ticket-conversation-menu>div>button{display:flex;align-items:center;gap:9px;width:100%;padding:6px 8px;border:0;border-radius:7px;background:transparent;color:var(--ink-soft);font:inherit;text-align:left;cursor:pointer}
.ticket-conversation-menu>div>button:hover{background:var(--surface-active)}
.ticket-pinned-label{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:11px}
.ticket-pinned-label>.icon{width:13px;height:13px}
.ticket-conversation-pinned .ticket-conversation-card{border-color:var(--line-strong)}
.ticket-entry-highlight .ticket-conversation-card{outline:2px solid var(--focus);outline-offset:3px}
.ticket-update-group>summary>.icon{transform:rotate(90deg);width:13px;height:13px}
.ticket-update-group[open]>summary>.icon{transform:rotate(-90deg)}
.ticket-update-details{margin-left:8px;padding-left:15px;border-left:1px solid var(--line)}
.ticket-update-detail{flex:1;flex-wrap:wrap;align-items:center}
.ticket-change-description{color:var(--muted)}
.ticket-update-detail strong{font-weight:600;color:var(--ink)}
.ticket-update-detail.ticket-status-change{justify-content:flex-start;gap:7px}
.ticket-update-detail.ticket-status-change>time{display:inline-block;margin-left:0;padding:0}
.ticket-update-detail.ticket-status-change>time::before{content:'·';margin-right:7px}
.ticket-update-group>.ticket-status-summary>time{margin-left:0}
.ticket-update-group>summary>time,.ticket-update-detail>time{display:inline-block}
.ticket-conversation time{white-space:nowrap}
.ticket-email-card .ticket-conversation-actions{margin-left:4px}
@media(max-width:640px){.ticket-update-group>summary{flex-wrap:wrap}.ticket-update-detail{gap:5px}.ticket-conversation-card>header{gap:5px}.ticket-conversation-actions{margin-left:auto}.ticket-activity-event time{display:inline-block}.ticket-conversation time{font-size:11px}.ticket-update-group>summary>time{margin-left:0}}