:root{--bg:#f5f6f8;--surface:#fff;--text:#16202a;--muted:#5b6875;--line:#d9dee4;--accent:#1f5f8b;--danger:#b3261e;--product-hue:210;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#11161b;--surface:#1a2129;--text:#e6ebf0;--muted:#98a4b0;--line:#2d3742;--accent:#7fb8e0;--danger:#f2b8b5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--accent)}.layout{min-height:100vh}.topbar{background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 20px;display:flex}.brand{color:var(--text);font-weight:700;text-decoration:none}.topnav{flex-wrap:wrap;gap:8px;display:flex}.product-link{color:#fff;background:hsl(var(--product-hue) 55% 38%);border-radius:999px;padding:4px 10px;text-decoration:none}.shared-link{border:1px solid var(--line);color:var(--text);border-radius:999px;padding:4px 10px;text-decoration:none}.page{max-width:1180px;margin:0 auto;padding:20px 16px 60px}.narrow{max-width:420px}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px}.stack{flex-direction:column;gap:12px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}label{flex-direction:column;gap:4px;font-weight:600;display:flex}input,select,textarea{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:8px;padding:8px 10px}button{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:8px;padding:7px 14px}button:disabled{opacity:.55;cursor:default}.primary{background:var(--accent);border-color:var(--accent);color:#fff}.ghost{background:0 0}.muted{color:var(--muted)}.alert{color:var(--danger);font-weight:600}.product-frame{border-top:6px solid hsl(var(--product-hue) 55% 42%);background:var(--surface);border-radius:12px;padding:16px}.product-banner{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.product-tag{text-transform:uppercase;letter-spacing:.06em;color:hsl(var(--product-hue) 55% 42%);font-size:12px;font-weight:700}.tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.tab{color:var(--muted);border-bottom:3px solid #0000;padding:6px 12px;text-decoration:none}.tab.active{color:var(--text);border-bottom-color:hsl(var(--product-hue) 55% 42%);font-weight:600}table{border-collapse:collapse;width:100%}th,td{text-align:start;border-bottom:1px solid var(--line);vertical-align:top;padding:8px}th{color:var(--muted);font-size:13px}.table-wrap{overflow-x:auto}.pill{border:1px solid var(--line);border-radius:999px;padding:1px 8px;font-size:13px;display:inline-block}.correct{color:#1b7f3b;font-weight:700}.grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.stat b{font-size:24px;display:block}.shared-frame{border-top:6px solid var(--muted);background:var(--surface);border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.shared-tag{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:12px;font-weight:700}.subnav{flex-wrap:wrap;gap:6px;display:flex}.subtab{border:1px solid var(--line);color:var(--text);border-radius:999px;padding:4px 12px;font-size:14px;text-decoration:none}.subtab.active{background:var(--text);color:var(--surface);border-color:var(--text)}.row.between{justify-content:space-between}.row.end{justify-content:flex-end}h2,h3{margin:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.release-grid,.preview-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:12px;display:grid}.preview-grid .wide{grid-column:1/-1}.editor{border-color:var(--accent)}.field{min-width:0}.field>span,.field-label{font-weight:600}.field.wide{width:100%}.field.invalid input,.field.invalid textarea,.field.invalid select{border-color:var(--danger)}.field-error{color:var(--danger);font-weight:600}.check{flex-direction:row;align-items:center;gap:8px;font-weight:400}input,select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:8px;max-width:100%;padding:6px 8px}textarea{resize:vertical;width:100%}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.fieldset{border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:8px;min-width:0;padding:10px 12px;display:flex}.fieldset legend{padding:0 4px;font-weight:600}fieldset.plain{border:0;flex-direction:column;gap:12px;min-width:0;margin:0;padding:0;display:flex}.translation-row{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.translation-row .field.wide{flex:260px}.chips{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.chip{border:1px solid var(--line);border-radius:999px;align-items:center;gap:4px;padding:0 4px 0 10px;font-size:13px;display:inline-flex}.result-list,.plain-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}button.small{padding:0 6px}.danger{background:var(--danger);border-color:var(--danger);color:#fff}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid hsl(var(--product-hue) 70% 50%);outline-offset:2px}.alert-box{border:1px solid var(--danger);color:var(--danger);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;font-weight:600;display:flex}.warning-box{background:#b26a001a;border-inline-start:4px solid #b26a00;border-radius:6px;margin:0;padding:8px 12px}.hint-box{border-inline-start:4px solid var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent);border-radius:6px;margin:0;padding:8px 12px}.empty{border:1px dashed var(--line);text-align:center;border-radius:12px;flex-direction:column;gap:4px;padding:20px;display:flex}.skeleton{flex-direction:column;gap:8px;display:flex}.skeleton span{background:linear-gradient(90deg, var(--line), var(--surface), var(--line));background-size:200% 100%;border-radius:6px;height:14px;animation:1.2s linear infinite shimmer;display:block}.skeleton span:nth-child(2n){width:70%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton span{animation:none}}.badge{border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:12px;font-weight:600;display:inline-block}.badge.info{color:#1f5f8b;border-color:#1f5f8b}.badge.success{color:#1b7f3b;border-color:#1b7f3b}.badge.warning{color:#8a5300;border-color:#b26a00}.badge.danger{color:#fff;background:var(--danger);border-color:var(--danger)}@media (prefers-color-scheme:dark){.badge.info{color:#9ccbee;border-color:#9ccbee}.badge.success{color:#8fd6a4;border-color:#8fd6a4}.badge.warning{color:#f3c77a;border-color:#f3c77a}.badge.danger{color:#1a2129}}.toasts{inset-inline-end:16px;z-index:50;flex-direction:column;gap:8px;max-width:min(420px,100vw - 32px);display:flex;position:fixed;bottom:16px}.toast{background:var(--text);color:var(--surface);border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:8px 8px 8px 14px;display:flex;box-shadow:0 6px 20px #0003}.toast.error{background:var(--danger);color:#fff}.toast button{color:inherit;border-color:#0000}.dialog{border:1px solid var(--line);background:var(--surface);max-width:min(520px,100vw - 32px);color:var(--text);border-radius:14px;padding:20px}.dialog::backdrop{background:#00000073}.effect ul{margin:4px 0 0;padding-inline-start:18px}.facts{grid-template-columns:max-content 1fr;gap:4px 12px;margin:0;display:grid}.facts dt{color:var(--muted)}.facts dd{overflow-wrap:anywhere;margin:0}.announcement-mock,.notification-mock{border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:6px;padding:12px;display:flex}.announcement-mock p{margin:0}.announcement-mock.important{border-inline-start:4px solid #b26a00}.announcement-mock.critical{border-inline-start:4px solid var(--danger)}.link-like{color:var(--accent);font-size:14px}.flag-key{font-weight:700}td.actions{white-space:nowrap}td.actions button+button{margin-inline-start:6px}@media (max-width:640px){.page{padding-inline:10px}.product-frame,.shared-frame{padding:10px}table.responsive thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}table.responsive,table.responsive tbody,table.responsive tr,table.responsive td{width:100%;display:block}table.responsive tr{border:1px solid var(--line);border-radius:10px;margin-bottom:10px;padding:4px 0}table.responsive td{border:0;padding:4px 10px}table.responsive td[data-label]:before{content:attr(data-label);color:var(--muted);font-size:12px;display:block}td.actions{white-space:normal;flex-wrap:wrap;gap:6px;display:flex!important}td.actions button+button{margin-inline-start:0}}.facts .fact{display:contents}.facts.compact{font-size:13px}.stack.tight{gap:4px}.scope-note{border:1px solid var(--line);background:var(--surface);border-radius:8px;margin:0;padding:8px 12px}.small-print{margin:0;font-size:13px}.filters{align-items:flex-end}.filters-card{grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));align-items:end;gap:10px;display:grid}.filters-card .filter-actions{grid-column:1/-1}.pager{justify-content:center}.chart-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px;display:grid}.chart{flex-direction:column;gap:6px;margin:0;display:flex}.chart .bars{width:100%;height:90px;display:block}.chart .bars rect{fill:var(--accent)}.chart .axis{font-size:12px}.chart-empty{border:1px dashed var(--line);border-radius:8px;justify-content:center;align-items:center;min-height:90px;margin:0;display:flex}.day-table{max-height:240px;overflow-y:auto}.share-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.share-track{background:var(--line);border-radius:4px;height:8px;overflow:hidden}.share-track span{background:var(--accent);height:100%;display:block}.product-dot{background:hsl(var(--product-hue) 55% 42%);border-radius:50%;width:10px;height:10px;display:inline-block}.product-link.small,.shared-link.small{padding:1px 8px;font-size:12px}.account-head h1{overflow-wrap:anywhere;margin:0}.role-row{border-bottom:1px solid var(--line);padding:4px 0}.active-row td{background:#1b7f3b12}.legal-preview{max-height:420px;overflow-y:auto}.legal-preview.plain{white-space:pre-wrap}.link-button{color:var(--accent);cursor:pointer;font-size:inherit;text-align:start;overflow-wrap:anywhere;background:0 0;border:0;padding:0;text-decoration:underline}.ticket-layout{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (max-width:860px){.ticket-layout{grid-template-columns:1fr}}.thread{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.message{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:10px 12px}.message.from-staff{border-inline-start:4px solid var(--accent)}.message.internal{background:color-mix(in srgb, #b26a00 9%, var(--surface));border:1px dashed #b26a00}.message-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0 0}.composer.note{background:color-mix(in srgb, #b26a00 6%, var(--surface));border:1px dashed #b26a00}.audit-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.audit-event{flex-direction:column;gap:6px;padding:10px 12px;display:flex}.audit-meta,.changes{font-size:14px}.changes del{color:var(--danger)}.changes ins{color:#1b7f3b;font-weight:600;text-decoration:none}@media (prefers-color-scheme:dark){.changes ins{color:#8fd6a4}}
