:root{--bg:#f7f8fa;--surface:#fff;--surface-2:#f1f3f6;--border:#dfe3e8;--text:#1c2430;--muted:#5d6877;--accent:#3157d5;--accent-text:#fff;--danger:#c62f2f;--warning:#b86e00;--ok:#1f7a4d;--note:#fff7d6;--note-border:#ecd77a;--focus:0 0 0 3px color-mix(in srgb, var(--accent) 35%, transparent);--radius:8px;--gap:12px;color:var(--text);background:var(--bg);font:14px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#11151b;--surface:#181e26;--surface-2:#202833;--border:#2d3743;--text:#e5e9ef;--muted:#98a3b1;--accent:#7f9cff;--accent-text:#0b1020;--danger:#ff7a7a;--warning:#f0b45a;--ok:#63d39a;--note:#3a3418;--note-border:#6b5d22}}*{box-sizing:border-box}body{background:var(--bg);margin:0}a{color:var(--accent)}h1{margin:0;font-size:20px}h2{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 8px;font-size:14px}h3{margin:12px 0 4px;font-size:13px}:focus-visible{box-shadow:var(--focus);border-radius:4px;outline:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{position:absolute;left:-999px}.skip:focus{z-index:10;background:var(--surface);padding:8px;top:8px;left:8px}.muted,.meta{color:var(--muted)}.meta{font-size:12px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}button,select,input,textarea{font:inherit;color:inherit}button,select{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:6px 10px}button:hover{background:var(--surface-2)}button:disabled{opacity:.55;cursor:default}button.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent);font-weight:600}button.link{color:var(--accent);cursor:pointer;text-align:left;background:0 0;border:0;padding:0}input,textarea{background:var(--surface);border:1px solid var(--border);border-radius:6px;width:100%;padding:7px 10px}textarea{resize:vertical;min-height:80px}.field{flex-direction:column;gap:4px;font-weight:500;display:flex}.field input,.field select,.field textarea{font-weight:400}.stack{gap:var(--gap);flex-direction:column;display:flex}.row{gap:var(--gap);flex-wrap:wrap;align-items:end;display:flex}.grow{flex:1;min-width:180px}.check{align-items:center;gap:6px;display:inline-flex}.check input{width:auto}.error-box{border:1px solid var(--danger);color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, var(--surface));border-radius:var(--radius);padding:8px 12px}.ok{color:var(--ok)}.empty{text-align:center;color:var(--muted);padding:48px 16px}.spinner{color:var(--muted);align-items:center;gap:8px;padding:24px;display:flex}.spinner-dot{background:var(--accent);border-radius:50%;width:10px;height:10px;animation:1s infinite alternate pulse}@keyframes pulse{to{opacity:.2}}@media (prefers-reduced-motion:reduce){.spinner-dot{animation:none}}.badge{background:color-mix(in srgb, var(--badge,var(--muted)) 16%, transparent);color:var(--text);border:1px solid color-mix(in srgb, var(--badge,var(--muted)) 40%, transparent);border-radius:999px;padding:1px 8px;font-size:12px;display:inline-block}.tag{background:var(--surface-2);border-radius:4px;margin-right:4px;padding:0 6px;font-size:12px;display:inline-block}.dot{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.dot-overdue{background:var(--danger)}.dot-warning{background:var(--warning)}.flag{vertical-align:-2px;border-radius:2px;width:4px;height:14px;margin-right:6px;display:inline-block}.flag-red{background:#e5484d}.flag-orange{background:#f76b15}.flag-yellow{background:#f5d90a}.flag-green{background:#30a46c}.flag-blue{background:#0090ff}.flag-purple{background:#8e4ec6}.sla{margin-bottom:4px;font-weight:600;display:block}.sla-ok{color:var(--ok)}.sla-warning{color:var(--warning)}.sla-overdue{color:var(--danger)}.auth{place-items:center;min-height:100vh;padding:16px;display:grid}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:14px;width:min(420px,100%);padding:28px;display:flex}.brand{letter-spacing:.02em;color:var(--accent);font-weight:800}.auth-foot{justify-content:flex-end;display:flex}.suffix-input{align-items:center;gap:6px;display:flex}.shell{grid-template-rows:52px 1fr;grid-template-columns:240px 1fr;min-height:100vh;display:grid}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:5;grid-column:1/-1;align-items:center;gap:12px;padding:0 16px;display:flex;position:sticky;top:0}.topbar .tenant-switch{max-width:240px}.menu-toggle{display:none}.live{background:var(--muted);border-radius:50%;width:8px;height:8px;margin-left:auto}.live-live{background:var(--ok)}.live-offline{background:var(--danger)}.bell{font-size:18px;text-decoration:none;position:relative}.bell .count{position:absolute;top:-6px;right:-10px}.count{background:var(--surface-2);color:var(--muted);border-radius:999px;padding:0 7px;font-size:11px}.bell .count{background:var(--danger);color:#fff}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;padding:16px 10px;display:flex;overflow-y:auto}.side-title{text-transform:uppercase;color:var(--muted);letter-spacing:.05em;margin:8px 8px 6px;font-size:12px}.side-list{margin:0 0 12px;padding:0;list-style:none}.side-list a,.side-list button.link{color:var(--text);border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:6px 8px;text-decoration:none;display:flex}.side-list a:hover{background:var(--surface-2)}.side-list a.active{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent);font-weight:600}.side-bottom{margin-top:auto}.content{outline:none;min-width:0;padding:20px 24px}.page-head{gap:var(--gap);flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.head-tools{gap:8px;display:flex}.search input{min-width:260px}.hint{margin-top:12px;font-size:12px}.tickets{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;overflow:hidden}.tickets th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);background:var(--surface-2);padding:8px 10px;font-size:12px;font-weight:600}.tickets td{border-bottom:1px solid var(--border);vertical-align:top;padding:8px 10px}.tickets tbody tr{cursor:pointer}.tickets tbody tr:hover{background:var(--surface-2)}.tickets tr.cursor{box-shadow:inset 3px 0 0 var(--accent)}.tickets tr.selected{background:color-mix(in srgb, var(--accent) 8%, transparent)}.tickets input[type=checkbox]{width:auto}.subject{color:var(--text);font-weight:600;text-decoration:none}.load-more{margin-top:12px}.bulk-bar{background:var(--surface);border:1px solid var(--accent);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;display:flex}.plain-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.notifications{flex-direction:column;gap:6px;padding:0;list-style:none;display:flex}.notifications li{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;gap:8px;padding:10px 12px;display:flex}.notifications li.unread{border-left:3px solid var(--accent)}.notifications li.read{opacity:.75}.ticket{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:20px;display:grid}.ticket-head{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:12px;display:flex}.ticket-head .meta{align-items:center;gap:8px;margin-top:4px;display:flex}.actions{flex-wrap:wrap;gap:6px;display:flex}.presence{color:var(--warning);margin:0 0 8px;font-weight:500}.timeline{flex-direction:column;gap:10px;margin:0 0 16px;padding:0;list-style:none;display:flex}.timeline>li{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px}.timeline .message.outbound{border-left:3px solid var(--accent)}.timeline .message.inbound{border-left:3px solid var(--ok)}.timeline .author-system{opacity:.85}.timeline .note{background:var(--note);border-color:var(--note-border)}.timeline .events{background:0 0;border:0;padding:0 4px;font-size:12px}.timeline .events ul{color:var(--muted);margin:4px 0 0;padding-left:16px}.item-head{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.item-head time{color:var(--muted);margin-left:auto;font-size:12px}.delivery{color:var(--muted);font-size:12px}.delivery-failed{color:var(--danger);font-weight:600}.plain{white-space:pre-wrap;overflow-wrap:anywhere}.message-frame{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;background:0 0;border:0;width:100%;display:block}@media (prefers-color-scheme:dark){.message-frame{--lightningcss-light: ;--lightningcss-dark:initial}}.files{flex-wrap:wrap;gap:10px;margin:8px 0 0;padding:0;list-style:none;display:flex}.composer{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;padding:12px;display:flex}.composer-note{background:var(--note);border-color:var(--note-border)}.tabs{gap:4px;display:flex}.tabs [role=tab]{border-radius:6px 6px 0 0}.tabs [aria-selected=true]{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.composer-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.composer-bar .primary{margin-left:auto}.file-button{border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:6px 10px;position:relative}.file-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.macro-picker{position:relative}.popover{z-index:4;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:280px;padding:8px;position:absolute;bottom:110%;left:0;box-shadow:0 8px 24px #00000026}.popover ul{max-height:220px;margin:6px 0 0;padding:0;list-style:none;overflow:auto}.popover li{padding:4px 2px}.editor{border:1px solid var(--border);background:var(--surface);border-radius:6px}.toolbar{border-bottom:1px solid var(--border);gap:2px;padding:4px;display:flex}.tool{border:0;padding:2px 8px;font-weight:600}.tool.active{background:var(--surface-2);color:var(--accent)}.editor-content{outline:none;min-height:120px;padding:8px 12px}.editor-content p{margin:0 0 8px}.editor-content p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--muted);float:left;pointer-events:none;height:0}.side-panel{flex-direction:column;gap:12px;display:flex;position:sticky;top:64px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:8px;padding:12px;display:flex}.tags{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.tags form{flex:1;min-width:100px}.profile .cols{grid-template-columns:1fr 1fr;gap:24px;display:grid}.note.note-yellow{background:var(--note);border:1px solid var(--note-border);border-radius:6px;padding:6px 10px}.settings{flex-direction:column;gap:16px;max-width:720px;display:flex}fieldset{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:10px;padding:12px 16px;display:flex}legend{padding:0 6px;font-weight:600}.matrix{border-collapse:collapse}.matrix th,.matrix td{text-align:left;padding:4px 12px}.matrix input{width:auto}@media (max-width:860px){.shell{grid-template-columns:1fr}.menu-toggle{display:inline-block}.sidebar{z-index:6;width:260px;transition:transform .2s;position:fixed;top:52px;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:none;box-shadow:0 0 0 100vmax #0000004d}.content{padding:12px}.ticket{grid-template-columns:1fr}.side-panel{position:static}.hide-sm{display:none}.search input{min-width:0}.profile .cols{grid-template-columns:1fr}}.admin{grid-template-columns:200px minmax(0,1fr);align-items:start;gap:24px;display:grid}.admin-nav{position:sticky;top:64px}.admin-nav h1{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:8px;font-size:13px}.admin-nav ul{margin:0;padding:0;list-style:none}.admin-nav a{color:var(--text);border-radius:6px;padding:5px 8px;text-decoration:none;display:block}.admin-nav a:hover{background:var(--surface-2)}.admin-nav a.active{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent);font-weight:600}.admin-body{min-width:0}.dialog{border:1px solid var(--border);background:var(--surface);width:min(480px,100vw - 24px);max-height:calc(100vh - 32px);color:var(--text);border-radius:12px;padding:20px}.dialog.wide{width:min(780px,100vw - 24px)}.dialog::backdrop{background:#0006}.dialog h2{text-transform:none;letter-spacing:0;color:var(--text);font-size:16px}.dialog-actions{background:var(--surface);justify-content:flex-end;gap:8px;padding:8px 0;display:flex;position:sticky;bottom:-20px}.cards>li{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px}.row-between{justify-content:space-between;align-items:center;gap:8px;display:flex}.row-inline{align-items:center;gap:8px;display:inline-flex}.danger{color:var(--danger)!important}.tree{flex-direction:column;gap:6px;padding:0;list-style:none;display:flex}.tree .child{margin-left:24px}.nested{margin:4px 0 8px 16px}.section-title{margin-top:20px}.cols{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.multicheck{max-height:200px;overflow:auto}.conditions{gap:8px}.condition{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.condition input{flex:1;width:auto;min-width:120px}.interval{align-items:center;gap:4px;margin-right:8px;display:inline-flex}.interval input{width:auto}.matrix input:not([type=checkbox]){width:90px}.onboarding{background:var(--surface);border:1px solid var(--accent);border-radius:var(--radius);margin-bottom:12px;padding:10px 14px}.onboarding ol{columns:2;margin:0;padding:0;list-style:none}.onboarding li.done{color:var(--ok)}.onboarding li.later{color:var(--muted)}.domain{border-top:1px solid var(--border);padding:8px 0}.dns{flex-direction:column;gap:4px;margin:6px 0;display:flex}code{background:var(--surface-2);border-radius:4px;padding:1px 5px;font-size:12px}code.wrap{overflow-wrap:anywhere}.tickets.compact td,.tickets.compact th{padding:4px 8px;font-size:13px}.tickets tr.header-row{color:var(--muted)}.scroll-x{overflow-x:auto}.clamp{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (max-width:860px){.admin{grid-template-columns:1fr}.admin-nav{position:static}.admin-nav ul{flex-wrap:wrap;gap:4px;display:flex}.cols,.grid2{grid-template-columns:1fr}.onboarding ol{columns:1}}