:root{--accent:#3b5bdb;--accent-ink:#fff;--accent-text:var(--accent);--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);--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:232px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;gap:4px;height:100vh;padding:16px 12px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;padding:4px 8px 16px;display:flex}.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{border-top:1px solid var(--border);margin-top:auto;padding:12px 8px 0;font-size:13px}.sidebar-foot .who{font-weight:600}.sidebar-foot .role{color:var(--text-3);font-size:12px}.main{min-width:0;padding:24px 32px 48px}.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{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border);flex-flow:wrap;align-items:center;height:auto;position:static}.brand{width:100%;padding-bottom:4px}.nav-label{display:none}.sidebar-foot{border:0;margin:0 0 0 auto;padding:0}.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{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}.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:24px}.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}}.ticket-page{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:24px;display:grid}.ticket-side{position:sticky;top:24px}.timeline{flex-direction:column;gap:10px;display:flex}.message{padding:14px 16px}.message header{margin-bottom:10px}.message-body{white-space:pre-wrap;overflow-wrap:anywhere}.timeline-event{border-left:2px solid var(--border);margin-left:12px;padding:2px 4px 2px 16px}@media (width<=960px){.ticket-page{grid-template-columns:1fr}.ticket-side{order:-1;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)}
