:root{--accent:#3b5bdb;--accent-ink:#fff;--accent-text:var(--accent);--note:#fff8e1;--note-border:#f1e1a6;--sidebar:#f2f4f6;--nav-hover:#e6e9ed;--nav-active:#d9dfe4;--nav-active-border:#c9d0d6;--bg:#f6f7f9;--surface:#fff;--surface-2:#f1f3f6;--border:#e3e6eb;--text:#1c2129;--text-2:#5b6472;--text-3:#8a93a1;--danger:#c92a2a;--danger-bg:#fff0f0;--ok:#2b8a3e;--warn:#b35c00;--shadow:0 1px 2px #1018280f, 0 1px 3px #10182814;--radius:8px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#111418;--surface:#181c22;--surface-2:#20252d;--border:#2c323c;--text:#e8ebef;--text-2:#a6afbb;--text-3:#77808c;--danger:#ff8787;--danger-bg:#3a1d1d;--ok:#69db7c;--warn:#ffa94d;--shadow:0 1px 2px #0006;--accent-text:color-mix(in srgb, var(--accent) 40%, white);--note:#2c2716;--note-border:#4a4122;--sidebar:#15191e;--nav-hover:#1f242b;--nav-active:#29303a;--nav-active-border:#343c47;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#111418;--surface:#181c22;--surface-2:#20252d;--border:#2c323c;--text:#e8ebef;--text-2:#a6afbb;--text-3:#77808c;--danger:#ff8787;--danger-bg:#3a1d1d;--ok:#69db7c;--warn:#ffa94d;--shadow:0 1px 2px #0006;--accent-text:color-mix(in srgb, var(--accent) 40%, white);--note:#2c2716;--note-border:#4a4122;--sidebar:#15191e;--nav-hover:#1f242b;--nav-active:#29303a;--nav-active-border:#343c47;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;font:14px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit}h1,h2,h3{margin:0;line-height:1.25}h1{font-size:20px;font-weight:650}h2{font-size:16px;font-weight:600}button,input,select,textarea{font:inherit;color:inherit}.shell{grid-template-columns:208px 1fr;min-height:100vh;display:grid}.shell.collapsed{grid-template-columns:60px 1fr}.sidebar{background:var(--sidebar);border-right:1px solid var(--border);flex-direction:column;gap:2px;height:100vh;padding:12px 8px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;padding:4px 6px 14px;display:flex}.nav-item{color:var(--text);text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;width:100%;padding:8px 10px;font-size:14px;text-decoration:none;display:flex}.nav-item svg{flex:none}.nav-item:hover{background:var(--nav-hover)}.nav-item[aria-current=page]{background:var(--nav-active);border-color:var(--nav-active-border);font-weight:600}.nav-soon{color:var(--text-3);cursor:default}.nav-soon:hover{background:0 0}.soon{font-size:12px}.shell.collapsed .nav-text{display:none}.shell.collapsed .brand,.shell.collapsed .nav-item{justify-content:center;padding-left:0;padding-right:0}.brand-mark{background:var(--accent);width:30px;height:30px;color:var(--accent-ink);border-radius:8px;flex:none;place-items:center;font-size:15px;font-weight:700;display:grid}.brand-name{font-weight:650;line-height:1.2}.brand-sub{color:var(--text-3);font-size:12px}.nav-label{color:var(--text-3);letter-spacing:.06em;text-transform:uppercase;padding:14px 8px 4px;font-size:11px;font-weight:600}.nav-link{color:var(--text-2);border-radius:6px;padding:7px 10px;text-decoration:none;display:block}.nav-link:hover{background:var(--surface-2);color:var(--text)}.nav-link[aria-current=page]{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent-text);font-weight:600}.sidebar-foot{flex-direction:column;gap:2px;margin-top:auto;display:flex}.main-wrap{flex-direction:column;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--surface);z-index:10;align-items:center;gap:12px;padding:10px 32px;display:flex;position:sticky;top:0}.topbar-title{font-weight:600}.topbar-right{align-items:center;gap:10px;margin-left:auto;display:flex}.topbar-right .btn{text-decoration:none}.profile-menu{position:relative}.profile-circle{border:1px solid color-mix(in srgb, var(--accent) 40%, var(--border));background:color-mix(in srgb, var(--accent) 16%, var(--surface));width:32px;height:32px;color:var(--accent-text);cursor:pointer;border-radius:50%;font-weight:650}.profile-pop{z-index:30;flex-direction:column;width:280px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.profile-who{border-bottom:1px solid var(--border);overflow-wrap:anywhere;margin-bottom:4px;padding:8px 10px 10px}.profile-item{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;text-decoration:none;display:flex}a.profile-item:hover,button.profile-item:hover{background:var(--surface-2)}.profile-theme{cursor:default;flex-wrap:wrap}.theme-choices{gap:4px;margin-left:auto;display:flex}.theme-choices .btn[aria-pressed=true]{background:var(--nav-active);border-color:var(--nav-active-border)}.main{min-width:0;padding:24px 32px 48px}.profile-page{grid-template-columns:240px minmax(0,1fr);max-width:980px;display:grid;overflow:hidden}.profile-details{background:var(--surface-2);border-right:1px solid var(--border);padding:20px}.profile-photo{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 55%, #c9b8a6), color-mix(in srgb, var(--accent) 25%, #6b5e74));color:#fff;border-radius:10px;place-items:center;width:96px;height:96px;font-size:42px;font-weight:300;display:grid}.details{margin:0;font-size:13px}.details dt{color:var(--text-3);margin-top:8px}.details dd{overflow-wrap:anywhere;margin:0}.profile-main{flex-direction:column;gap:28px;padding:20px 24px;display:flex}.profile-section+.profile-section{border-top:1px solid var(--border);padding-top:24px}@media (width<=760px){.profile-page{grid-template-columns:1fr}.profile-details{border-right:0;border-bottom:1px solid var(--border)}.topbar{padding:10px 16px}}.form-page{max-width:820px;margin:0 auto}.form-foot{justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.form-foot .btn{text-decoration:none}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.page-head p{color:var(--text-2);margin:2px 0 0}@media (width<=760px){.shell,.shell.collapsed{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border);flex-flow:wrap;align-items:center;height:auto;position:static}.sidebar .nav-item{width:auto}.brand{width:100%;padding-bottom:4px}.nav-label,.nav-soon,.sidebar-foot{display:none}.sidebar-foot{flex-direction:row;margin:0 0 0 auto}.main{padding:16px}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card-pad{padding:20px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--text-3);border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 14px;font-size:12px;font-weight:600}td{border-bottom:1px solid var(--border);vertical-align:middle;padding:11px 14px}tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--surface-2)}.muted{color:var(--text-2)}.faint{color:var(--text-3)}.small{font-size:12px}.nowrap{white-space:nowrap}.num{font-variant-numeric:tabular-nums}.btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:7px 12px;font-weight:550;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-primary:hover{background:color-mix(in srgb, var(--accent) 88%, black)}.btn-link{color:var(--accent-text);background:0 0;border:0;padding:4px 6px;font-weight:550}.btn-link:hover{background:0 0;text-decoration:underline}.btn-danger{color:var(--danger)}.field{align-content:start;gap:5px;margin-bottom:14px;display:grid}.field label,.field .label{font-size:13px;font-weight:550}.field .hint{color:var(--text-3);font-size:12px}.input,select.input,textarea.input{border:1px solid var(--border);background:var(--surface);border-radius:6px;width:100%;padding:8px 10px}.input:focus,.btn:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:1px}.input[readonly]{background:var(--surface-2)}.row{align-items:center;gap:10px;display:flex}.grid-2{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}@media (width<=560px){.grid-2{grid-template-columns:1fr}}.checks{gap:6px;display:grid}.check{align-items:center;gap:8px;font-weight:400;display:flex}.error{background:var(--danger-bg);color:var(--danger);border-radius:6px;margin-bottom:14px;padding:8px 10px}.notice{background:var(--surface-2);color:var(--text-2);border-radius:6px;margin-bottom:14px;padding:10px 12px}.pill{white-space:nowrap;background:var(--surface-2);color:var(--text-2);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:550;display:inline-block}.pill-new{background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--accent-text)}.pill-open{color:#1c7ed6;background:#1c7ed624}.pill-waiting{color:var(--warn);background:#e6770024}.pill-resolved{color:var(--ok);background:#2b8a3e24}.pill-danger{background:var(--danger-bg);color:var(--danger)}.priority{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.priority:before{content:"";background:var(--text-3);border-radius:2px;width:8px;height:8px}.priority-high:before{background:#e67700}.priority-urgent:before{background:var(--danger)}.priority-low:before{background:var(--border)}.avatar{background:color-mix(in srgb, var(--accent) 18%, var(--surface-2));width:26px;height:26px;color:var(--text);border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:650;display:inline-grid}.tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:14px;display:flex;overflow-x:auto}.tab{color:var(--text-2);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:8px 12px}.tab[aria-selected=true]{color:var(--text);box-shadow:inset 0 -2px 0 var(--accent-text);font-weight:600}.count{color:var(--text-3);margin-left:4px;font-weight:500}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:960px;display:grid}.stat-card{color:inherit;padding:16px 18px;text-decoration:none}.stat-card:hover{border-color:var(--nav-active-border)}.stat-label{color:var(--text-2);font-weight:600}.stat-value{margin-top:6px;font-size:28px;font-weight:650}@media (width<=760px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.plain-list{border-top:1px solid var(--border);margin:0 0 12px;padding:0;list-style:none}.plain-list li{border-bottom:1px solid var(--border);padding:6px 0}.btn-small{padding:3px 9px;font-size:12px}.inbox{grid-template-columns:200px 1fr;align-items:start;gap:24px;display:grid}.queues{flex-direction:column;gap:2px;display:flex;position:sticky;top:72px}.queue-link{justify-content:space-between;gap:8px;display:flex}.queue-link .count{margin:0}.inbox-list{min-width:0}tr.clickable{cursor:pointer}.ticket-link{font-weight:600;text-decoration:none}tr.clickable:hover .ticket-link{text-decoration:underline}@media (width<=960px){.inbox{grid-template-columns:1fr;gap:12px}.queues{flex-flow:wrap;position:static}.queues .nav-label{display:none}}.tickets-page{grid-template-columns:230px minmax(0,1fr) 250px;grid-template-areas:"bar bar bar""views list filters";align-items:start;gap:14px;display:grid}.tickets-page.no-views{grid-template-columns:minmax(0,1fr) 250px;grid-template-areas:"bar bar""list filters"}.tickets-page.no-filters{grid-template-columns:230px minmax(0,1fr);grid-template-areas:"bar bar""views list"}.tickets-page.no-views.no-filters{grid-template-columns:minmax(0,1fr);grid-template-areas:"bar""list"}.tickets-bar{grid-area:bar;align-items:center;gap:10px;padding:8px 10px;display:flex}.tickets-title{margin:0;font-size:16px}.tickets-bar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.btn-icon{padding:5px 9px}.views{flex-direction:column;grid-area:views;gap:2px;padding:8px;display:flex;position:sticky;top:72px}.tickets-list{grid-area:list;min-width:0}.filters{flex-direction:column;grid-area:filters;max-height:calc(100vh - 96px);display:flex;position:sticky;top:72px}.filters-body{padding:14px;overflow-y:auto}.filters-foot{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:10px 14px;display:flex}@media (width<=1100px){.tickets-page,.tickets-page.no-views,.tickets-page.no-filters,.tickets-page.no-views.no-filters{grid-template-columns:minmax(0,1fr);grid-template-areas:"bar""views""filters""list"}.views,.filters{max-height:none;position:static}}.crumbs{color:var(--text-2);margin-bottom:8px}.ticket-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;padding:8px 10px;display:flex}.toolbar-error{color:var(--danger);font-size:13px}.ticket-layout{grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:18px;display:grid}.ticket-head{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.ticket-icon{color:var(--text-2);padding-top:3px}.ticket-icon svg{width:22px;height:22px}.conversation{flex-direction:column;gap:14px;display:flex}.entry{grid-template-columns:30px minmax(0,1fr);align-items:start;gap:12px;display:grid}.entry .avatar{width:30px;height:30px}.entry-body{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px}.entry-meta{margin-bottom:2px}.message-body{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:10px}.note-body{background:var(--note);border-color:var(--note-border)}.avatar-staff{background:color-mix(in srgb, var(--accent) 35%, var(--surface-2))}.timeline-event{border-left:2px solid var(--border);margin-left:52px;padding:2px 4px 2px 14px}.composer-prompt{margin-top:16px}.composer-prompt .simulate{flex-basis:100%}form.entry{margin-top:16px}.composer{overflow:hidden}.composer-tabs{border-bottom:1px solid var(--border);gap:4px;padding:6px 8px 0;display:flex}.composer-tabs .tab{align-items:center;gap:6px;display:inline-flex}.composer-fields{border-bottom:1px solid var(--border)}.composer-line{align-items:center;gap:10px;min-height:38px;padding:7px 14px;display:flex}.composer-line+.composer-line{border-top:1px solid var(--border)}.composer-label{width:44px;color:var(--text-2);flex:none;font-size:13px}.composer-input{background:0 0;border:0;flex:1;min-width:0;padding:4px 0}.composer-input:focus{outline:none}.composer-extras{gap:2px;display:flex}.composer-text{resize:vertical;background:var(--surface);border:0;width:100%;min-height:220px;padding:14px;line-height:1.55;display:block}.composer-text:focus{outline:none}.composer .error{margin:0 14px 10px}.composer-foot{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.saved-select{width:auto;max-width:260px}.split{display:inline-flex;position:relative}.split-main{border-top-right-radius:0;border-bottom-right-radius:0}.split-toggle{border-left:1px solid color-mix(in srgb, var(--accent-ink) 35%, transparent);border-top-left-radius:0;border-bottom-left-radius:0;padding:7px 9px}.split-menu{z-index:5;flex-direction:column;min-width:260px;padding:4px;display:flex;position:absolute;bottom:calc(100% + 6px);right:0}.split-menu button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:8px 10px}.split-menu button:hover{background:var(--surface-2)}.properties{flex-direction:column;max-height:calc(100vh - 96px);display:flex;position:sticky;top:72px}.properties-head{border-bottom:1px solid var(--border);padding:14px 16px;font-size:18px}.properties-body{padding:14px 16px 4px;overflow-y:auto}.properties-contact{border-top:1px solid var(--border);margin-bottom:10px;padding-top:12px}.properties-foot{border-top:1px solid var(--border);padding:12px 16px}@media (width<=1000px){.ticket-layout{grid-template-columns:minmax(0,1fr)}.properties{order:-1;max-height:none;position:static}}.drawer-backdrop{z-index:20;background:#0a0e1459;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;width:min(460px,100%);height:100%;display:flex}.drawer-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.drawer-body{flex:1;padding:20px;overflow-y:auto}.drawer-foot{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.auth-page{place-items:center;min-height:100vh;padding:16px;display:grid}.auth-card{width:min(400px,100%)}.auth-card .brand{justify-content:center;padding-bottom:20px}.empty{text-align:center;color:var(--text-2);padding:36px 20px}.swatches{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.swatch{cursor:pointer;border:2px solid #0000;border-radius:6px;width:28px;height:28px}.swatch[aria-pressed=true]{border-color:var(--text)}
