.setup-page{padding-block:clamp(40px,6vw,72px) 72px}
.setup-page h1{font-size:clamp(2.25rem,5vw,3.5rem);letter-spacing:-.065em}
.setup-page code{background:var(--red-surface);border-color:var(--red-edge);color:var(--text);overflow-wrap:anywhere}
.setup-overview{padding:16px 0 18px;border-bottom:1px solid var(--edge);margin-bottom:16px}
.setup-overview h2{overflow-wrap:anywhere;margin-bottom:4px}
.setup-overview p{margin:0;font-size:.9rem}
.setup-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px;padding:0;margin:0;list-style:none}
.setup-check{display:flex;flex-direction:column;align-items:flex-start;gap:12px;background:var(--panel);border:1px solid var(--edge);border-radius:16px;padding:18px;min-width:0}
.setup-check-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;width:100%}
.setup-check h3{margin:0;font-size:1rem}
.setup-check p{font-size:.9rem;margin:0;overflow-wrap:anywhere}
.setup-check code{margin-top:auto;font-size:.82rem}
.setup-status{font-size:.75rem;color:var(--muted);border:1px solid #3b3b43;border-radius:999px;padding:3px 9px}
.setup-status[data-status=attention]{border-color:var(--red-edge);color:var(--red-ink)}
.setup-status[data-status=ready]{color:var(--text)}
@media(max-width:520px){.graphite .nav-inner{grid-template-columns:1fr;justify-items:start;padding-block:12px;gap:8px}}
html:has(.dashboard-login:not([hidden])){scrollbar-gutter:auto}
.graphite:has(.dashboard-login:not([hidden])){display:grid;grid-template-rows:auto 1fr;min-height:100svh}
.setup-page:has(.dashboard-login:not([hidden])){display:grid;place-items:center;padding-block:24px}
.dashboard-login{width:min(100%,500px);margin:0 auto;padding:clamp(24px,6vw,40px);border:1px solid var(--edge);border-radius:16px;background:var(--panel)}
.dashboard-login [hidden]{display:none}
.dashboard-login h1,.dashboard-top h1{font-size:clamp(1.85rem,4vw,2.45rem);margin-bottom:10px}
.dashboard-login p,.dashboard-top p,#setup-message{font-size:.9rem}
.dashboard-login #dashboard-challenge{margin-top:23px;padding-top:18px;border-top:1px solid var(--edge)}
.dashboard-code{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:14px}
.dashboard-code code{font-size:1rem;letter-spacing:.06em}
#setup-message:empty,#dashboard-login-message:empty{display:none}
#dashboard-login-message{margin:16px 0 0;color:var(--red-ink)}
#setup-message{text-align:center}
.dashboard-top{display:flex;align-items:end;justify-content:space-between;gap:20px;flex-wrap:wrap;border-bottom:1px solid var(--edge);padding-bottom:18px;margin-bottom:24px}
.dashboard-top>div{min-width:0}
.dashboard-top p{margin:0;overflow-wrap:anywhere}
.dashboard-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.server-picker{position:relative;width:min(245px,64vw);min-width:0;z-index:3}
.server-picker summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;padding:7px 12px;border-radius:10px;color:var(--text);background:var(--panel);border:1px solid #3a3a43;font-size:.84rem;transition:border-color 160ms ease,background-color 160ms ease}
.server-picker summary::-webkit-details-marker{display:none}
.server-picker summary::after{content:"";margin-left:auto;flex:none;width:6px;height:6px;border:solid var(--muted);border-width:0 1.5px 1.5px 0;transform:translateY(-2px) rotate(45deg);transition:transform 160ms ease}
.server-picker[open] summary,.server-picker summary:hover{border-color:var(--red-edge);background:#1b1518}
.server-picker[open] summary::after{transform:translateY(2px) rotate(225deg)}
.server-picker-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.server-picker .server-picker-menu{position:absolute;inset-block-start:calc(100% + 6px);inset-inline:0;max-height:min(360px,50vh);overflow:auto;padding:5px;background:#18181d;border:1px solid #393940;border-radius:12px;box-shadow:0 12px 26px #0009}
.server-picker[open] .server-picker-menu{animation:server-picker-open 160ms ease-out both}
@keyframes server-picker-open{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.server-option{display:flex;align-items:center;gap:10px;width:100%;padding:8px;border:1px solid transparent;border-radius:8px;background:none;color:var(--text);font:inherit;font-size:.82rem;text-align:left;cursor:pointer}
.server-option[aria-current]{background:var(--red-surface);border-color:var(--red-edge)}
.server-picker-menu.has-selection-frame .server-option[aria-current]{background:transparent;border-color:transparent}
.server-option:focus-visible{outline-offset:-2px}
.server-option span{min-width:0;overflow-wrap:anywhere}
.server-option img,.server-option-initial{display:grid;place-items:center;width:25px;height:25px;flex:none;border-radius:7px;background:#302024;color:var(--text);font-weight:700}
@media(max-width:850px){.server-picker .server-picker-menu{inset-inline-start:0;inset-inline-end:auto}}
.dashboard-layout:not([hidden]){display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);gap:22px;align-items:start}
.dashboard-menu{display:grid;gap:4px;position:relative;isolation:isolate}
.dashboard-menu a{color:#b6b6c0;border-radius:8px;border:1px solid transparent;text-decoration:none;white-space:nowrap;position:relative;z-index:1;transition:color 160ms ease,background-color 160ms ease}
.dashboard-menu a:hover{color:var(--text)}
.dashboard-menu > .selection-frame:not(.hover-frame){border-color:#962923}
.dashboard-menu a[aria-current]{background:var(--red-surface);border-color:var(--red-edge);color:var(--text)}
.dashboard-menu.has-selection-frame a[aria-current]{background:transparent;border-color:transparent}
.dashboard-menu a:focus-visible{outline-offset:-2px}
.dashboard-controls .button{transition:background-color 160ms ease,border-color 160ms ease}
.dashboard-menu small{padding:7px 0 3px;color:#a7a7b0;font-size:.82rem;font-weight:600}
.dashboard-content{min-width:0}
.dashboard-content h2{max-width:100%;font-size:clamp(1.45rem,3.2vw,2.4rem);line-height:1.12;letter-spacing:-.04em;overflow-wrap:anywhere;margin-bottom:14px}
.dashboard-content h3{font-size:1rem;margin:0 0 10px}
.dashboard-box{border:1px solid var(--edge);border-radius:13px;background:var(--panel);padding:16px;min-width:0}
#dashboard-content>.dashboard-box+.dashboard-box{margin-top:12px}
.dashboard-box>:last-child{margin-bottom:0}
.dashboard-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.dashboard-analytics{display:grid;gap:12px}
.dashboard-message-grid>.dashboard-box:first-child{grid-column:1/-1}
.dashboard-analytics .stats-range{width:min(100%,195px);margin:0}
.message-chart{list-style:none;display:flex;gap:clamp(2px,1vw,10px);padding:0 0 21px;margin:12px 0 0;height:180px}
.message-chart li{position:relative;display:flex;align-items:end;justify-content:center;min-width:0;flex:1;border-bottom:1px solid var(--edge)}
.message-bar{width:100%;max-width:54px;height:var(--height);background:var(--red);border-radius:4px 4px 0 0}
.message-chart-point{display:flex;align-items:end;justify-content:center;width:100%;height:100%;padding:0;border:0;border-radius:5px;background:transparent;cursor:pointer;transition:background-color 160ms ease}
.message-chart-point:is(:hover,:focus-visible,[aria-pressed=true]){background:var(--red-surface)}
.message-chart-point .message-bar{transition:filter 160ms ease}
.message-chart-point:is(:hover,:focus-visible,[aria-pressed=true]) .message-bar{filter:brightness(1.25)}
.dashboard-box .stats-day-detail{min-height:1.5em;margin:17px 0 0;font-variant-numeric:tabular-nums}
.stats-chart-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:10px 0 18px}
.stats-chart-metrics .dashboard-metric{padding:8px 10px;border-radius:8px;background:#111114}
.dashboard-box .stats-chart-timezone{margin:5px 0 0;font-size:.72rem}
.message-chart-date{position:absolute;top:100%;margin-top:5px;white-space:nowrap;color:var(--muted);font-size:.65rem}
.message-chart li:first-child .message-chart-date{left:0}
.message-chart li:last-child .message-chart-date{right:0}
.dashboard-sync{margin-top:12px}
.dashboard-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}
.dashboard-metric span{color:var(--muted);font-size:.75rem}
.dashboard-metric strong{display:block;font-size:1.45rem;font-variant-numeric:tabular-nums;margin-top:1px}
.dashboard-values{margin:0}
.dashboard-values div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:14px;padding:5px 0;font-size:.82rem}
.dashboard-values dt{color:var(--muted);overflow-wrap:anywhere}
.dashboard-values dd{margin:0;text-align:right;max-width:24ch;overflow-wrap:anywhere}
.dashboard-box p{color:var(--muted);font-size:.82rem;overflow-wrap:anywhere}
.dashboard-health{display:grid;gap:4px;margin:0;padding:0;list-style:none}
.dashboard-health a{display:flex;justify-content:space-between;align-items:center;gap:12px;text-decoration:none;font-size:.87rem;color:var(--text);padding:7px 9px;border-radius:8px;position:relative;z-index:1}
.dashboard-health a:focus-visible{outline-offset:-2px}
.dashboard-health-control{display:flex;gap:10px;align-items:center}
.dashboard-health-arrow{color:var(--muted);transition:color 160ms ease,transform 160ms ease}
.dashboard-health a:is(:hover,:focus-visible) .dashboard-health-arrow{color:var(--red-ink);transform:translateX(2px)}
.dashboard-rule-list{display:grid;gap:3px;padding:8px}
.dashboard-rule{border-radius:8px;min-width:0;transition:background-color 160ms ease}
.dashboard-rule[open]{background:#ffffff07}
.dashboard-rule-row{display:flex;align-items:center;gap:9px;min-width:0;padding:9px 10px;font-size:.86rem}
.dashboard-rule summary{list-style:none;cursor:pointer;border-radius:8px;transition:background-color 160ms ease}
.dashboard-rule summary:is(:hover,:focus-visible){background:#ffffff09}
.dashboard-rule summary::-webkit-details-marker{display:none}
.dashboard-rule-row span:first-child{min-width:0;overflow-wrap:anywhere}
.dashboard-rule-row .setup-status{margin-left:auto;flex:none;white-space:nowrap}
.dashboard-rule-row [data-status=ready]{background:var(--red-surface);border-color:var(--red-edge)}
.dashboard-rule summary::after{content:"";width:6px;height:6px;flex:none;margin-inline:2px;border:solid var(--muted);border-width:0 1.5px 1.5px 0;transform:rotate(45deg);transition:transform 160ms ease}
.dashboard-rule[open] summary::after{transform:rotate(225deg)}
.dashboard-rule-settings{padding:8px 10px 13px}
.dashboard-rule-limits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:5px 12px}
.dashboard-rule-limits .dashboard-field{display:grid;justify-items:start;gap:4px}
.dashboard-rule-limits small{grid-column:1/-1;color:var(--muted)}
.graphite .dashboard-security-tabs{grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,340px);margin-bottom:12px}
.dashboard-security-panel{min-width:0}
.dashboard-edit-form{display:grid;justify-items:start;gap:10px}
.dashboard-edit-form .button:disabled{opacity:.6;cursor:wait}
.dashboard-edit-form .dashboard-edit-status:empty{display:none}
.dashboard-edit-form .dashboard-edit-status{margin:0;color:var(--red-ink)}
.dashboard-field{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px;font-size:.83rem}
.dashboard-field input[type=number]{max-width:87px;border-radius:7px;padding:6px 8px;border:1px solid #3a3a43;background:#111114;color:var(--text);font:inherit}
.dashboard-field input[type=checkbox]{appearance:none;position:relative;width:34px;height:19px;flex:none;border:1px solid #3a3a43;background:#25252a;border-radius:999px;cursor:pointer;transition:background-color 160ms ease,border-color 160ms ease}
.dashboard-field input[type=checkbox]:checked{border-color:var(--red-edge);background:var(--red-surface)}
.dashboard-field input[type=checkbox]::before{content:"";position:absolute;top:3px;left:3px;width:11px;height:11px;border-radius:50%;background:var(--muted);transition:transform 160ms ease,background-color 160ms ease}
.dashboard-field input[type=checkbox]:checked::before{transform:translateX(15px);background:var(--red-ink)}
.dashboard-options{border:0;padding:0;margin:0;min-width:0;font-size:.82rem}
.dashboard-options legend{margin-bottom:5px}
.graphite .dashboard-options .segmented{grid-template-columns:repeat(4,minmax(0,1fr));margin:0}
.dashboard-channel-picker{max-width:100%}
.dashboard-channel-picker .server-option{overflow-wrap:anywhere}
.dashboard-feature{padding:12px 0}
.dashboard-feature:last-child{padding-bottom:0}
.dashboard-feature .dashboard-field{font-weight:600}
.dashboard-feature .dashboard-edit-form{gap:7px}
.dashboard-feature .dashboard-edit-form p{margin:0}
@media(max-width:390px){.graphite .dashboard-options .segmented{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-rule-row{gap:5px;padding-inline:8px}}
.activity-grid{list-style:none;display:grid;gap:7px;margin:0;padding:0}
.activity-grid li{display:grid;grid-template-columns:64px minmax(0,1fr) 45px;gap:10px;align-items:center;font-size:.79rem;color:var(--muted)}
.activity-grid meter{width:100%;height:10px;accent-color:var(--red)}
.activity-grid meter::-webkit-meter-bar{background:#26262b;border:0}
.activity-grid meter::-webkit-meter-optimum-value{background:var(--red)}
.activity-grid small{text-align:right;font-variant-numeric:tabular-nums}
@media(max-width:700px){.dashboard-stats-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:540px){.dashboard-layout:not([hidden]){grid-template-columns:minmax(0,1fr);gap:16px}.dashboard-menu{display:flex;overflow:auto;max-width:100%;padding:2px}.dashboard-menu a{flex:none}.dashboard-menu small{display:none}.dashboard-metrics .dashboard-box{padding:9px}.dashboard-values dd{max-width:17ch}}