.app-shell,.public-shell{--font-ui:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--ui-title:1.8rem;--ui-heading:.95rem;--ui-body:.82rem;--ui-small:.75rem;--ui-label:.69rem;--ui-border:#e6e8eb;--card-border:var(--ui-border);--card-bg:var(--surface);--card-shadow:0 1px 3px #0000000f;--table-head-bg:#fbfcfd;--table-head-fg:#20262d;font-family:var(--font-ui);font-size:var(--ui-body);line-height:1.5}:is(.app-shell,.public-shell) :is(h1,h2,h3){font-family:var(--font-ui)}:is(.app-shell,.public-shell) :is(p,label,input,select,textarea){font-size:var(--ui-body)}:is(.app-shell,.public-shell) small{font-size:var(--ui-small)}:is(.app-shell,.public-shell) .page-header h1,:is(.app-shell,.public-shell) .workspace-page h1,:is(.app-shell,.public-shell) .admin-heading h1,:is(.app-shell,.public-shell) .team-workspace h1{font-size:var(--ui-title);line-height:1.15}:is(.app-shell,.public-shell) .page-header .page-lede{font-size:var(--ui-body);margin:4px 0 0}:is(.app-shell,.public-shell) :is(h2,h3){font-size:var(--ui-heading);border-bottom:0;padding-bottom:0}:is(.app-shell,.public-shell) :is(.dashboard-section-heading,.copilot-header,.copilot-section-heading,.customer-card-heading,.email-panel-heading,.ai-provider-panel-heading,.report-panel-heading) :is(h2,h3){font-size:var(--ui-heading)}:is(.app-shell,.public-shell) :is(.dashboard-section-heading,.copilot-header,.copilot-section-heading,.customer-card-heading,.email-panel-heading,.ai-provider-panel-heading,.report-panel-heading) p{font-size:var(--ui-small)}:is(.app-shell,.public-shell) :is(.dashboard-empty-state,.copilot-summary,.copilot-row-copy) strong{font-size:var(--ui-body)}:is(.app-shell,.public-shell) :is(.dashboard-empty-state span,.copilot-row-copy span,.copilot-row-copy small,.copilot-summary p,.copilot-summary ul,.copilot-empty,.copilot-ticket-id),:is(.app-shell,.public-shell) :is(.dashboard-tabs,.copilot-section-heading>span,.copilot-section-heading>a){font-size:var(--ui-small)}:is(.app-shell,.public-shell) .dashboard-metric span{font-size:var(--ui-label);text-transform:uppercase;letter-spacing:.035em}:is(.app-shell,.public-shell) .dashboard-metric small{font-size:var(--ui-small)}:is(.app-shell,.public-shell) .dashboard-metric strong,:is(.app-shell,.public-shell) :is(.summary-card-count,.email-metric strong,.knowledge-stats strong,.report-metric-grid strong){font-size:1.65rem}:is(.app-shell,.public-shell) :is(.card,.dashboard-metric,.dashboard-copilot,.knowledge-table-card,.knowledge-categories,.email-panel,.ai-provider-panel){border-color:var(--ui-border);box-shadow:var(--card-shadow);border-radius:7px}:is(.app-shell,.public-shell) :is(.data-table,.email-table){font-size:var(--ui-body)}:is(.app-shell,.public-shell) :is(.data-table,.email-table) th{color:#20262d;height:46px;font-size:var(--ui-label);letter-spacing:.035em;text-transform:none;border-bottom:1px solid var(--ui-border);background:#fbfcfd;padding:10px 14px}:is(.app-shell,.public-shell) :is(.data-table,.email-table) td{height:61px;font-size:var(--ui-body);color:#273343;border-color:var(--ui-border);padding:9px 14px}:is(.app-shell,.public-shell) .data-table tbody tr:nth-child(2n){background:#fff}:is(.app-shell,.public-shell) .data-table th a.sort-link{color:inherit}:is(.app-shell,.public-shell) :is(.badge,.status-pill){min-height:29px;font-size:var(--ui-small);white-space:nowrap;border:0;border-radius:999px;align-items:center;padding:5px 12px;font-weight:500;display:inline-flex}:is(.app-shell,.public-shell) .status-new{color:#1461d2;background:#e8f1ff}:is(.app-shell,.public-shell) .status-assigned{color:#3258b8;background:#e9efff}:is(.app-shell,.public-shell) .status-in-progress{color:#6741d9;background:#eee7ff}:is(.app-shell,.public-shell) .status-waiting{color:#795300;background:#fff3d8}:is(.app-shell,.public-shell) .status-resolved{color:#087a4b;background:#def7ed}:is(.app-shell,.public-shell) .status-closed{color:#34404d;background:#eceff2}:is(.app-shell,.public-shell) :is(.status-cancelled,.status-duplicate){color:#8d3434;background:#f2e8e8}:is(.app-shell,.public-shell) .priority-urgent{color:#d62e3b;background:#fde7e9}:is(.app-shell,.public-shell) .priority-high{color:#df6c00;background:#fff0e1}:is(.app-shell,.public-shell) .priority-normal{color:#d09200;background:#fff5d8}:is(.app-shell,.public-shell) .priority-low{color:#159766;background:#e0f7ee}:is(.app-shell,.public-shell) :is(.email-panel-heading,.ai-provider-panel-heading,.report-panel-heading,.report-catalog-heading){z-index:1;background:var(--card-bg);position:sticky;top:0}:is(.app-shell,.public-shell) .app-main{gap:12px;min-height:0;overflow:hidden}.app-main>.workspace-page{flex-direction:column;flex:1 1 0;gap:12px;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.workspace-page>:is(header,nav,p,.notice,.reports-breadcrumb,.customer-breadcrumb,.customer-profile-header,.knowledge-stats,.email-metrics,.template-edit-header),.app-main>:is(.page-header,.chip-strip,p,.notice){flex:none}:is(.app-shell,.public-shell) .page-header{max-height:25dvh;overflow:auto}.workspace-page>:is(section,form,.card,.card-grid,.admin-grid,.knowledge-browser,.customer-overview-layout,.report-breakdown-grid),.app-main>:is(section,.card,.card-grid,form:not(.chip-strip)){overscroll-behavior:contain;flex:1 1 0;min-width:0;min-height:0;margin-top:0;margin-bottom:0;overflow:auto}.workspace-page>:is(.knowledge-stats,.email-metrics,.report-filters,.report-toolbar){flex:none}.app-main :is(.card-grid,.admin-grid){grid-auto-rows:minmax(180px,1fr);align-content:start;align-items:stretch;min-height:0;overflow:auto}.app-main :is(.card-grid,.admin-grid)>*{min-width:0;min-height:0;overflow:auto}.workspace-page :is(.template-list-card,.customers-list-card,.knowledge-table-card){flex-direction:column;display:flex;overflow:hidden}.workspace-page :is(.template-list-card,.customers-list-card,.knowledge-table-card)>:not(.table-scroll){flex-shrink:0}.workspace-page :is(.template-list-card,.customers-list-card,.knowledge-table-card)>.table-scroll{flex:1 1 0;min-height:0;overflow:auto}.workspace-page :is(.knowledge-categories,.knowledge-editor-main,.knowledge-information){min-height:0;overflow:auto}.workspace-page :is(.knowledge-browser,.knowledge-editor){align-items:stretch;overflow:hidden}.workspace-page :is(.customer-overview-main,.customer-overview-rail){min-height:0;overflow:auto}.workspace-page .new-record-form{overflow:auto}.workspace-page .new-record-actions{z-index:1;position:sticky;bottom:0}.panel-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1 1 0;min-width:0;min-height:0;overflow:auto}.panel-scroll:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.panel-scroll>.table-scroll{overflow:visible}.panel-scroll .data-table th{z-index:1;position:sticky;top:0}.workspace-page .dashboard-layout{flex:1 1 0;align-items:stretch;min-height:0;overflow:hidden}.workspace-page .dashboard-main{overscroll-behavior:contain;grid-template-rows:auto;grid-auto-rows:minmax(220px,1fr);min-height:0;display:grid;overflow:auto}.workspace-page .dashboard-metrics{min-height:0}.workspace-page .dashboard-metric{min-height:96px;padding:12px 14px}.workspace-page .dashboard-section{flex-direction:column;min-height:0;display:flex;overflow:auto}.workspace-page .dashboard-section>:not(.panel-scroll){flex-shrink:0}.workspace-page .dashboard-section-heading{padding:12px 16px}.workspace-page .dashboard-empty-state{height:100%;min-height:0;padding:12px}.workspace-page .dashboard-copilot{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.workspace-page .copilot-header{flex-shrink:0;padding:12px 16px}.workspace-page .copilot-header>div{min-width:0}.workspace-page .copilot-header>div>div,.workspace-page .copilot-section-heading{flex-wrap:wrap}@media (max-width:1280px){.workspace-page .dashboard-layout{grid-template-rows:minmax(0,1fr) minmax(0,.8fr)}}@media (max-width:700px){.workspace-page .dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-page .dashboard-metric{grid-template-columns:minmax(0,1fr);gap:0;min-height:64px;padding:8px}.workspace-page .dashboard-metric>:not(div),.workspace-page .dashboard-metric small{display:none}.workspace-page .dashboard-section-heading{flex-wrap:wrap;gap:4px;padding:8px}}.app-main>.ticket-detail-page{flex:1 1 0;height:calc(100% + 48px);min-height:0;overflow:hidden}@media (max-width:1024px){.app-main>.ticket-detail-page{height:calc(100% + 32px)}}@media (max-width:860px){.app-main>.ticket-detail-page{display:flex}.ticket-detail-page .ticket-workspace{flex:1 1 0;min-height:0;overflow:auto}}.public-shell{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.public-shell:has(.sign-in-page){overflow:auto}.public-shell>.site-header{flex:none}.public-shell>.public-page-container{flex-direction:column;flex:1 1 0;gap:12px;width:min(1200px,100%);min-height:0;margin:16px auto;display:flex;overflow:hidden}.public-page-container>:is(h1,p,form,a){flex:none;margin:0}.public-page-container>:is(section,.table-scroll,.knowledge-article-body){overscroll-behavior:contain;flex:1 1 0;min-height:0;margin:0;overflow:auto}.public-shell :is(h1,h2,h3){font-family:var(--font-ui)}.public-shell h1{font-size:var(--ui-title)}.public-page-container>h1{max-height:25dvh;overflow:auto}.public-shell section{border-color:var(--ui-border);border-radius:7px}.public-shell :is(table,input,textarea,select){font-size:var(--ui-body)}:is(.app-shell,.public-shell){--workspace-gap:12px;--workspace-sidebar-width:260px}:is(.app-shell,.public-shell) .app-main{container:app-content/inline-size}:is(.app-shell,.public-shell) .workspace-layout{gap:var(--workspace-gap);overscroll-behavior:contain;flex:1 1 0;align-items:stretch;min-width:0;height:100%;min-height:0;overflow:auto}:is(.app-shell,.public-shell) .workspace-layout.workspace-layout-full{flex-direction:column;display:flex}:is(.app-shell,.public-shell) .workspace-layout.workspace-layout-split{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,65fr) minmax(0,35fr);display:grid}:is(.app-shell,.public-shell) .workspace-layout.workspace-layout-sidebar{grid-template-columns:minmax(0, 1fr) var(--workspace-sidebar-width);grid-template-rows:minmax(0,1fr);display:grid}:is(.app-shell,.public-shell) .workspace-layout-sidebar[data-secondary-side=left]{grid-template-columns:var(--workspace-sidebar-width) minmax(0, 1fr)}:is(.app-shell,.public-shell) .workspace-layout>*{min-width:0;min-height:0}:is(.app-shell,.public-shell) :is(.workspace-layout-split,.workspace-layout-sidebar)>*{height:100%;overflow:auto}:is(.app-shell,.public-shell) .workspace-layout-full>:is(main,section,form,.card,.card-grid,.admin-grid,.board,.table-scroll,.knowledge-article-body,.customer-overview-layout,.workspace-layout){flex:1 1 0;margin-top:0;margin-bottom:0;overflow:auto}:is(.app-shell,.public-shell) .workspace-layout-full>:is(nav,p,.notice,.workspace-controls,.summary-cards,.knowledge-stats,.email-metrics,.tickets-viewbar,.chip-strip,.report-filters,.report-toolbar){flex:none}:is(.app-shell,.public-shell) .knowledge-editor{flex-direction:column;display:flex}:is(.app-shell,.public-shell) .workspace-layout.ticket-workspace{grid-auto-rows:auto;height:100%}:is(.app-shell,.public-shell) .workspace-layout.ticket-workspace .ticket-main-column{grid-template-rows:auto auto minmax(0,1fr) auto;height:100%;display:grid;overflow:hidden}:is(.app-shell,.public-shell) .workspace-layout.ticket-workspace .ticket-detail-rail{height:100%;min-height:0;overflow:hidden}:is(.app-shell,.public-shell) .ticket-detail-rail{container:assistant-rail/inline-size}:is(.app-shell,.public-shell) .workspace-layout.ticket-workspace .ticket-tab-content{min-height:0;overflow:auto}:is(.app-shell,.public-shell) .workspace-layout .dashboard-copilot{overflow:hidden}:is(.app-shell,.public-shell) .workspace-layout .dashboard-main{height:100%}:is(.app-shell,.public-shell) .workspace-layout .knowledge-categories{overflow:auto}:is(.app-shell,.public-shell) .workspace-layout .knowledge-table-card{overflow:hidden}:is(.app-shell,.public-shell) .page-header{align-items:center;gap:16px;min-height:72px;margin:0}:is(.app-shell,.public-shell) .page-header .page-header-actions{justify-content:flex-end;align-items:center;gap:12px;padding:0}.page-heading{align-items:flex-start;gap:12px;min-width:0;display:flex}.page-heading-icon{flex:0 0 24px;margin-top:3px;display:inline-flex}.page-heading-icon svg{width:24px;height:24px}.page-heading-text{min-width:0}:is(.app-shell,.public-shell) .page-heading h1{margin:0}.workspace-controls{flex-wrap:wrap;flex:none;justify-content:flex-start;align-items:center;gap:12px;min-height:40px;margin:0;padding:0;display:flex}:is(.app-shell,.public-shell) .workspace-tabs{border-bottom:1px solid var(--ui-border);justify-content:flex-start;gap:24px;padding:0}:is(.app-shell,.public-shell) .workspace-tabs a{min-height:40px;color:var(--muted);font-size:var(--ui-small);background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;align-items:center;padding:0 2px;display:inline-flex}:is(.app-shell,.public-shell) .workspace-tabs a:is(.active,[aria-current=page]){border-bottom-color:var(--gold);color:var(--heading);background:0 0;font-weight:600}@container app-content (max-width:960px){:is(.app-shell,.public-shell) .workspace-layout.workspace-layout-split{grid-template-rows:minmax(220px,1fr) minmax(180px,.8fr);grid-template-columns:minmax(0,1fr)}:is(.app-shell,.public-shell) .workspace-layout.ticket-workspace .ticket-main-column{display:block;overflow:auto}:is(.app-shell,.public-shell) .workspace-layout.ticket-workspace{grid-template-rows:minmax(360px,1fr) minmax(420px,1fr)}}@container app-content (max-width:760px){:is(.app-shell,.public-shell) .workspace-layout.workspace-layout-sidebar{grid-template-rows:minmax(220px,1fr) minmax(120px,.4fr);grid-template-columns:minmax(0,1fr)}:is(.app-shell,.public-shell) .workspace-layout-sidebar[data-secondary-side=left]{grid-template-rows:minmax(120px,.4fr) minmax(220px,1fr)}}@container assistant-rail (max-width:500px){.ai-source-cards{grid-template-columns:minmax(0,1fr)}.ai-source-card+.ai-source-card{border-top:1px solid var(--ui-border);border-left:0}}.public-page-container>.page-header{flex:none;max-height:25dvh;overflow:auto}.workspace-layout:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.team-workspace .workspace-main-column{min-height:320px}:is(.app-shell,.public-shell) .knowledge-image-controls>*{min-width:0;max-width:100%}:is(.app-shell,.public-shell) .knowledge-image-controls .button{white-space:normal;overflow-wrap:anywhere}