:root{color-scheme:dark;--bg:#111214;--surface:#1a1c1f;--raised:#222529;--ink:#f3f2ed;--muted:#b1b3b5;--line:#34363a;--lime:#c6f36b;--error:#ffb4ad;--radius:12px;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.5;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a,select{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button,input,select{border-radius:9px}button{color:inherit}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0}h1{font-size:2rem;line-height:1.2;font-weight:600;letter-spacing:-.03em}h2{font-size:1.15rem;font-weight:600;letter-spacing:-.015em}h3{font-size:1rem;font-weight:600}p{color:var(--muted);max-width:68ch}p+p{margin-top:12px}code,pre{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}code{overflow-wrap:anywhere}::selection{background:var(--lime);color:var(--bg)}:focus-visible{outline:2px solid var(--lime);outline-offset:4px}input{caret-color:var(--lime)}[hidden]{display:none!important}.icons{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;top:-60px;left:20px;z-index:100;padding:12px 20px;background:var(--lime);color:var(--bg)}.skip:focus{top:10px}.accent{color:var(--lime)}.muted,.subtle{color:var(--muted)}.subtle{font-size:.83rem}.brand{display:inline-flex;gap:10px;align-items:center;font-size:1.5rem;font-weight:600;letter-spacing:-.04em}.brand svg{width:32px;height:32px;stroke-width:1.4}.button{border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 18px;border:1px solid var(--line);background:transparent;font-weight:550;font-size:.875rem;transition:background .18s ease,color .18s ease}.button:hover{background:var(--raised)}.button.primary{color:#171b11;background:var(--lime);border-color:transparent}.button.primary:hover{background:#d6ff86}.button.small{padding:7px 12px;min-height:36px;font-size:.8rem}.button.danger{color:var(--error)}.quiet-button{display:inline-flex;align-items:center;gap:10px;border:0;background:transparent;padding:8px 0;color:var(--muted);font-size:.875rem}.quiet-button:hover,.quiet-link:hover{color:var(--ink)}.quiet-link{color:var(--muted);font-size:.875rem;text-decoration:underline;text-underline-offset:4px}.language-select{padding:7px 10px;font-size:.8rem;min-height:36px}
.auth-layout{min-height:100dvh;display:grid;grid-template-columns:45% 55%}.auth-story{padding:48px 10%;background:var(--surface);display:flex;flex-direction:column;align-items:flex-start;border-right:1px solid var(--line)}.auth-pitch{margin-block:auto;padding:65px 0}.auth-pitch h1{font-size:3.4rem;line-height:1.08;max-width:9ch;letter-spacing:-.04em;white-space:pre-line}.auth-pitch p{margin-top:24px;max-width:30ch;font-size:1.05rem}.api-address{margin-top:48px;border-top:1px solid var(--line);padding-top:20px;display:flex;flex-direction:column;gap:7px}.api-address span{font-size:.75rem;color:var(--muted);letter-spacing:.08em}.api-address code{font-size:.85rem}.auth-main{display:flex;flex-direction:column;padding:30px 8%}.auth-tools{display:flex;justify-content:flex-end;align-items:center}.mobile-brand{display:none}.auth-content{margin:auto;width:100%;max-width:360px;padding-block:60px}.auth-content>p{margin-top:12px;font-size:.9rem}.auth-content form{margin-top:30px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.field label{font-size:.85rem;font-weight:500}.field input,.search-input{width:100%;height:46px;background:var(--bg);border:1px solid var(--line);padding:10px 13px;color:var(--ink);font-size:.9rem}.field input::placeholder,.search-input::placeholder{color:var(--muted)}.field input:hover,.search-input:hover{border-color:#62666b}.field small{font-size:.78rem;color:var(--muted)}.password-wrap{position:relative}.password-wrap input{padding-right:75px}.password-toggle{position:absolute;right:10px;top:0;bottom:0;min-width:48px;border:0;background:transparent;color:var(--muted);font-size:.75rem}.full-width{width:100%}.form-error{color:var(--error);font-size:.85rem;line-height:1.5;margin-bottom:16px}.form-success{color:var(--lime);font-size:.85rem;margin-bottom:16px}.auth-switch{margin-top:24px!important;text-align:center;font-size:.85rem!important}.auth-switch a{color:var(--lime);text-decoration:underline;text-underline-offset:4px}.auth-secondary{margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}.auth-secondary>p{margin-bottom:12px;font-size:.8rem}.auth-footer{display:flex;justify-content:center;gap:24px;font-size:.75rem;color:var(--muted);padding-bottom:10px}.auth-footer a:hover{color:var(--ink)}.telegram-pending{padding:18px 0;display:grid;gap:14px}.telegram-pending p{font-size:.85rem}.no-script{padding:30px}
.app-layout{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100dvh}.sidebar{position:sticky;top:0;height:100dvh;background:var(--surface);border-right:1px solid var(--line);padding:30px 18px;display:flex;flex-direction:column}.sidebar>.brand{padding:0 8px;margin-bottom:48px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:8px;font-size:.85rem;color:var(--muted)}.sidebar nav a:hover{background:var(--raised);color:var(--ink)}.sidebar nav a[aria-current="page"]{background:var(--nav-active);color:var(--lime)}.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:30px 13px 0;color:var(--muted);font-size:.78rem}.sidebar-bottom a{display:flex;gap:10px;align-items:center}.sidebar-bottom a:hover{color:var(--ink)}.sidebar-bottom svg{width:16px;height:16px}.workspace{min-width:0;display:flex;flex-direction:column}.topbar{height:76px;padding:0 40px;border-bottom:1px solid var(--line);display:flex;gap:20px;align-items:center;justify-content:space-between}.account-label{font-size:.8rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main{width:100%;max-width:1380px;margin-inline:auto;padding:42px 40px 64px;min-height:calc(100dvh - 140px)}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:32px}.page-heading h1+p{margin-top:9px;font-size:.875rem}.period-control{min-height:40px;padding:7px 12px;font-size:.8rem}.metrics{display:grid;grid-template-columns:1.5fr 1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:32px;padding-block:25px}.metric{padding:0 24px;border-left:1px solid var(--line)}.metric:first-child{padding-left:0;border:0}.metric-label{font-size:.8rem;color:var(--muted);margin-bottom:9px}.metric-value{font-size:2rem;line-height:1.2;letter-spacing:-.03em;font-weight:550;font-variant-numeric:tabular-nums}.metric:first-child .metric-value{color:var(--lime)}.metric-note{font-size:.75rem;color:var(--muted);margin-top:9px}.metric-actions{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.metric-actions .button{margin-top:5px}.overview-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr);gap:32px;margin-bottom:40px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px}.section-heading a{font-size:.8rem;color:var(--muted)}.section-heading a:hover{color:var(--lime)}.section-heading h2{display:flex;align-items:center;gap:10px}.chart-panel{min-width:0}.chart-legend{font-size:.75rem;color:var(--muted)}.chart{height:190px;display:flex;gap:8px;align-items:flex-end;border-bottom:1px solid var(--line);padding-top:15px}.chart-column{height:100%;flex:1;display:flex;align-items:center;justify-content:flex-end;flex-direction:column;position:relative;min-width:0}.chart-bar{display:block;background:var(--lime);opacity:.85;width:100%;max-width:40px;min-height:2px;border-radius:3px 3px 0 0}.chart-column:hover .chart-bar{opacity:1}.chart-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted);margin-top:10px}.chart-empty{height:210px;display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center;border-bottom:1px solid var(--line);text-align:center}.chart-empty svg{color:var(--muted);width:30px;height:30px;margin-bottom:8px}.chart-empty strong{font-size:.9rem;font-weight:500}.chart-empty p{font-size:.8rem;max-width:30ch}.start-panel{padding:22px;border:1px solid var(--line);border-radius:var(--radius);align-self:start}.start-panel>p{font-size:.8rem;margin-top:10px}.start-links{display:grid;margin-top:18px}.start-links a{display:flex;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line);font-size:.8rem}.start-links a>svg:last-child{margin-left:auto;width:16px}.start-links a:hover{color:var(--lime)}.step-state{border:1px solid var(--line);width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem}.step-state.done{border-color:var(--lime);color:var(--lime)}.step-state svg{width:13px;height:13px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:.8rem}th{color:var(--muted);font-size:.75rem;font-weight:500;padding:12px 16px;border-bottom:1px solid var(--line);white-space:nowrap}td{padding:17px 16px;border-bottom:1px solid var(--row-line);vertical-align:middle;font-variant-numeric:tabular-nums}th:first-child,td:first-child{padding-left:0}th:last-child,td:last-child{padding-right:0}td code{font-size:.78rem}td small{display:block;font-size:.75rem;color:var(--muted);margin-top:4px}.number{text-align:right;white-space:nowrap}.status{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;color:var(--muted);white-space:nowrap}.status:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.status.active,.status.success{color:var(--lime)}.status.error,.status.stream_timeout{color:var(--error)}.empty-state{padding:52px 24px;border-block:1px solid var(--line);text-align:center}.empty-state>svg{width:32px;height:32px;color:var(--muted);margin-bottom:16px}.empty-state h2{font-size:1rem}.empty-state p{margin:10px auto 20px;font-size:.85rem;max-width:46ch}.pagination{display:flex;justify-content:flex-end;gap:12px;align-items:center;margin-top:22px}.pagination span{font-size:.78rem;color:var(--muted)}.inline-form{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin-bottom:24px}.inline-form .field{flex:1;min-width:180px;max-width:400px;margin:0}.inline-form .button{height:46px}.secret-reveal{background:var(--surface);padding:24px;border:1px solid var(--lime);border-radius:var(--radius);margin-bottom:28px}.secret-reveal p{font-size:.85rem;margin-block:10px 18px}.secret-value{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.secret-value code{font-size:.85rem;flex:1;user-select:all;min-width:180px}.secret-reveal .dismiss-secret{margin-top:16px}.search-row{display:flex;gap:16px;margin-bottom:24px}.search-input{max-width:420px}.model-name{font-weight:500}.endpoint-list{color:var(--muted);font-size:.75rem;margin-top:5px}.model-price-note{max-width:68ch;font-size:.78rem;margin-bottom:24px}.tier-note{color:var(--muted);font-size:.75rem;display:block}.wallet-top{max-width:780px}.wallet-top .metrics{grid-template-columns:1fr 1fr}.funding-panel{padding-block:8px 32px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.funding-panel h2{margin-bottom:12px}.funding-panel p{font-size:.85rem;margin-bottom:18px}.settings-section{display:grid;grid-template-columns:240px minmax(0,480px);gap:40px;padding-block:30px;border-top:1px solid var(--line)}.settings-section:first-of-type{padding-top:0;border-top:0}.settings-section>div:first-child p{font-size:.8rem;margin-top:10px}.settings-section .field:last-of-type{margin-bottom:18px}.settings-section .status{margin-bottom:14px}.profile-details{display:grid;grid-template-columns:120px 1fr;gap:14px;font-size:.85rem;margin:0}.profile-details dt{color:var(--muted)}.profile-details dd{margin:0;overflow-wrap:anywhere}.inline-note{padding:14px 0;font-size:.8rem}.confirm-row{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap}.confirm-row span{font-size:.75rem;color:var(--error)}.app-footer{margin-top:auto;border-top:1px solid var(--line);padding:20px 40px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:.75rem}.toast{position:fixed;bottom:24px;right:24px;max-width:min(430px,calc(100vw - 32px));padding:16px 22px;background:var(--raised);border-radius:var(--radius);box-shadow:0 12px 36px #0005;font-size:.85rem;z-index:30}.toast.error{color:var(--error)}.loading-lines{display:grid;gap:24px;padding:20px 0}.loading-lines span{display:block;background:var(--surface);border-radius:9px;height:52px}.loading-lines span:nth-child(2){height:150px}.loading-lines span:nth-child(3){height:100px}.error-panel{padding:50px 0}.error-panel p{margin:14px 0 22px}
@media(min-width:1450px){.main{padding-inline:56px}.topbar{padding-inline:56px}}
@media(max-width:1100px){.main{padding:32px 26px 50px}.topbar{padding-inline:26px}.app-layout{grid-template-columns:195px minmax(0,1fr)}.sidebar{padding-inline:12px}.brand{font-size:1.3rem}.metrics{grid-template-columns:1.3fr 1fr 1fr}.metric{padding-inline:18px}.metric-value{font-size:1.7rem}.metric-actions{flex-direction:column}.overview-grid{grid-template-columns:1fr}.start-panel{display:grid;grid-template-columns:1fr 1.3fr;column-gap:28px}.start-panel>p{grid-column:1}.start-links{grid-column:2;grid-row:1/3;margin-top:0}.settings-section{grid-template-columns:180px 1fr;gap:26px}}
@media(max-width:760px){.auth-layout{grid-template-columns:1fr}.auth-story{display:none}.auth-main{min-height:100dvh;padding:22px}.auth-tools{justify-content:space-between}.mobile-brand{display:block;font-size:1.25rem;font-weight:600;letter-spacing:-.03em}.auth-content{padding-block:48px}.auth-footer{gap:18px;font-size:.75rem}.app-layout{display:block}.sidebar{height:auto;position:sticky;z-index:10;padding:0;border-right:0;border-bottom:1px solid var(--line)}.sidebar>.brand,.sidebar-bottom{display:none}.sidebar nav{flex-direction:row;overflow-x:auto;gap:2px;padding:8px 12px}.sidebar nav a{flex-direction:column;gap:5px;font-size:.75rem;padding:8px 12px;min-width:66px;white-space:nowrap}.sidebar nav svg{width:18px;height:18px}.topbar{height:60px;padding-inline:20px}.main{padding:28px 20px 44px;min-height:calc(100dvh - 200px)}h1{font-size:1.65rem}.page-heading{gap:16px;align-items:flex-start;margin-bottom:26px}.page-heading p{max-width:35ch}.page-heading .button{white-space:nowrap}.period-control{max-width:125px;font-size:.75rem}.metrics{grid-template-columns:1fr 1fr;row-gap:22px;padding-block:22px}.metric:first-child{grid-column:1/-1;border-bottom:1px solid var(--line);padding-bottom:22px}.metric:nth-child(2){padding-left:0;border:0}.metric:last-child{padding-right:0}.metric-actions{flex-direction:row;align-items:center}.metric-value{font-size:1.8rem}.metric-label{font-size:.75rem}.overview-grid{gap:28px;margin-bottom:34px}.start-panel{display:block}.start-links{margin-top:18px}.chart{height:165px;gap:5px}.chart-empty{height:180px}.section-heading{margin-bottom:15px}td{padding:15px 12px}.funding-panel{grid-template-columns:1fr;gap:30px}.wallet-top .metrics{grid-template-columns:1fr 1fr}.wallet-top .metric:first-child{grid-column:auto;border-bottom:0;padding:0}.wallet-top .metric:nth-child(2){border-left:1px solid var(--line);padding-left:20px}.settings-section{grid-template-columns:1fr;gap:24px}.profile-details{grid-template-columns:100px 1fr}.app-footer{padding:18px 20px;flex-wrap:wrap;gap:8px 20px}.app-footer>span:nth-child(2){display:none}.inline-form{gap:12px}.inline-form .field{max-width:none}.secret-reveal{padding:20px}.search-row{display:block}.search-input{max-width:none}.auth-content h1{font-size:1.8rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media(prefers-contrast:more){:root{--muted:#d3d4d5;--line:#777}.sidebar nav a[aria-current="page"]{outline:1px solid var(--lime)}td{border-color:var(--line)}}

/* Activity inherits the cabinet's workbench palette and compact controls. */
.activity-filters { display:grid; grid-template-columns:200px minmax(0,1fr) minmax(180px,.65fr); gap:20px; padding:20px; background:var(--surface); border-radius:var(--radius); }
.activity-filters label { display:block; font-size:.75rem; color:var(--muted); margin-bottom:8px; }
.activity-filters select,.activity-filters input { width:100%; min-width:0; min-height:42px; padding:8px 12px; font-size:.85rem; }
.activity-filters input { background:var(--bg); color:var(--ink); border:1px solid var(--line); }
:root[data-theme="light"] .activity-filters input { border-color:var(--control-line); }
.activity-filters>div { min-width:0; }
.activity-filters .activity-range { grid-column:1/-1; display:flex; flex-wrap:wrap; gap:12px; align-items:flex-end; padding-top:4px; }
.activity-range>span { padding-bottom:10px; color:var(--muted); }
.activity-range .button { min-height:42px; }
.activity-range small { width:100%; color:var(--muted); font-size:.75rem; }
.activity-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin-block:28px 34px; padding-block:6px 24px; border-bottom:1px solid var(--line); gap:24px; }
.activity-summary p { font-size:.8rem; margin-bottom:8px; }
.activity-summary strong { display:block; font-size:clamp(1.35rem,2.1vw,1.9rem); line-height:1.25; font-weight:550; letter-spacing:-.025em; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.activity-summary>div:first-child strong { color:var(--lime); }
.activity-summary small { display:block; color:var(--muted); font-size:.72rem; margin-top:9px; }
.activity-chart { margin-bottom:48px; }
.activity-chart-heading { margin-bottom:28px; }
.segmented { display:inline-flex; gap:3px; padding:3px; border:1px solid var(--line); border-radius:9px; }
.segmented button { min-height:32px; padding:5px 13px; background:transparent; border:0; color:var(--muted); font-size:.78rem; border-radius:6px; }
.segmented button:hover { color:var(--ink); background:var(--surface); }
.segmented button[aria-pressed="true"] { color:var(--bg); background:var(--lime); }
.activity-plot { display:grid; grid-template-columns:auto minmax(0,1fr); gap:16px; }
.activity-axis { display:flex; flex-direction:column; justify-content:space-between; padding-bottom:29px; color:var(--muted); font-size:.7rem; min-width:16px; text-align:right; font-variant-numeric:tabular-nums; }
.activity-bars { position:relative; display:grid; grid-template-columns:repeat(var(--columns),minmax(0,1fr)); gap:clamp(2px,.7vw,10px); height:220px; }
.activity-bars:before { content:""; position:absolute; inset:0 0 29px; border-block:1px solid var(--line); pointer-events:none; }
.activity-bars:after { content:""; position:absolute; top:calc(50% - 14px); left:0; right:0; border-top:1px dashed var(--line); pointer-events:none; }
.activity-column { min-width:0; display:flex; flex-direction:column; align-items:center; position:relative; }
.activity-bar-target { display:flex; align-items:flex-end; justify-content:center; padding:0; background:transparent; border:0; border-radius:2px; height:191px; width:100%; position:relative; z-index:1; }
.activity-bar-target:hover,.activity-bar-target:focus-visible { background:color-mix(in srgb,var(--lime) 5%,transparent); }
.activity-bar-target:hover .activity-bar-stack,.activity-bar-target:focus-visible .activity-bar-stack { opacity:1; }
.activity-bar-stack { display:flex; flex-direction:column; max-width:56px; width:72%; opacity:.85; border-radius:3px 3px 0 0; overflow:hidden; }
.activity-bar-stack>span { flex-basis:0; min-height:0; }
.bar-success { background:var(--lime); }
.bar-issues { background:var(--error); }
.activity-day { height:29px; padding-top:10px; font-size:.7rem; color:var(--muted); white-space:nowrap; }
.activity-tooltip { display:none; position:absolute; z-index:5; bottom:40%; left:50%; transform:translateX(-50%); width:190px; padding:12px; border-radius:8px; background:var(--raised); color:var(--ink); box-shadow:0 6px 20px #0006; font-size:.75rem; text-align:left; pointer-events:none; }
.activity-column:first-child .activity-tooltip { left:0; transform:none; }
.activity-column:last-child .activity-tooltip { left:auto; right:0; transform:none; }
.activity-bar-target:hover .activity-tooltip,.activity-bar-target:focus-visible .activity-tooltip { display:block; }
.activity-chart-foot { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; font-size:.72rem; color:var(--muted); margin-top:18px; }
.activity-legend { display:flex; gap:18px; }
.activity-legend>span { display:inline-flex; gap:7px; align-items:center; }
.activity-legend>span:before { content:""; width:7px; height:7px; border-radius:2px; background:var(--lime); }
.activity-legend>.legend-issues:before { background:var(--error); }
.activity-history .section-heading p { font-size:.8rem; margin-top:6px; }
.activity-table table { min-width:740px; }
.activity-table code { overflow-wrap:anywhere; }
.activity-table td:nth-child(2) { max-width:240px; }
.activity-table .activity-date-group th { background:var(--surface); padding:8px 12px; font-size:.7rem; border-bottom:0; }
.activity-request { cursor:pointer; transition:background .18s ease; }
.activity-request:hover,.activity-request.expanded { background:var(--surface); }
.activity-request td:first-child { padding-left:12px; }
.request-toggle { display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; background:transparent; border:1px solid transparent; margin-right:8px; color:var(--muted); }
.request-toggle:hover { border-color:var(--line); color:var(--lime); }
.request-toggle svg { width:16px; height:16px; transform:rotate(90deg); transition:transform .2s ease; }
.request-toggle[aria-expanded="true"] { color:var(--lime); }
.request-toggle[aria-expanded="true"] svg { transform:rotate(-90deg); }
.activity-table .request-detail-row>td { padding:0; }
.request-detail { padding:24px; background:var(--surface); border-bottom:1px solid var(--line); white-space:normal; }
.request-detail-grid { display:grid; grid-template-columns:1fr 1fr; gap:40px; }
.request-detail h3 { font-size:.85rem; margin-bottom:16px; }
.detail-values { display:grid; grid-template-columns:1fr 1fr; margin:0; gap:18px 24px; }
.detail-values dt { font-size:.75rem; color:var(--muted); margin-bottom:5px; }
.detail-values dd { margin:0; font-size:.9rem; font-weight:500; overflow-wrap:anywhere; }
.detail-values dd code { font-size:.75rem; }
.detail-note { font-size:.75rem; margin-top:18px; }
.request-detail-footer { border-top:1px solid var(--line); margin-top:24px; padding-top:16px; display:flex; flex-wrap:wrap; gap:12px; align-items:center; justify-content:space-between; }
.request-detail-footer>div { display:flex; align-items:center; gap:10px; flex-wrap:wrap; min-width:0; }
.request-detail-footer span,.request-detail-footer p { font-size:.72rem; color:var(--muted); }
.request-detail-footer code { font-size:.72rem; user-select:all; }
.request-detail-footer .button { min-height:32px; padding:6px; }
.request-detail-footer svg { width:15px; height:15px; }
.activity-history-foot { display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; gap:16px; margin-top:20px; }
.activity-history-foot>span { color:var(--muted); font-size:.75rem; font-variant-numeric:tabular-nums; }
.activity-history-foot .pagination { margin:0; }
.activity-retention { margin-top:28px; font-size:.75rem; }
.table-scroll { position:relative; scrollbar-color:var(--line) var(--bg); scrollbar-width:thin; }
@media(max-width:1100px) {
  .activity-filters { grid-template-columns:150px minmax(0,1fr) minmax(140px,.7fr); gap:14px; }
  .activity-summary { grid-template-columns:1fr 1fr; gap:24px 32px; }
}
@media(max-width:760px) {
  .activity-filters { grid-template-columns:1fr 1fr; padding:16px; gap:16px; }
  .activity-filters>.activity-period { grid-column:1/-1; }
  .activity-summary { gap:22px 16px; margin-block:26px 28px; }
  .activity-summary strong { font-size:1.45rem; }
  .activity-chart-heading { align-items:flex-start; flex-direction:column; gap:14px; }
  .segmented { width:100%; }
  .segmented button { flex:1; min-height:36px; }
  .activity-bars { height:195px; gap:3px; }
  .activity-bar-target { height:166px; }
  .activity-axis { font-size:.65rem; }
  .activity-day { font-size:.65rem; }
  .activity-range>div { flex:1; min-width:110px; }
  .activity-range .button { width:100%; }
  .activity-history .section-heading { align-items:flex-start; }
  .activity-history .section-heading .chart-legend { font-size:.65rem; white-space:nowrap; margin-top:5px; }
  .activity-chart { margin-bottom:36px; }
  .activity-table { overflow:visible; }
  .activity-table table,.activity-table tbody { display:block; width:100%; min-width:0; }
  .activity-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
  .activity-table .activity-date-group { display:block; }
  .activity-table .activity-date-group th { display:block; }
  .activity-table .activity-request { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px 12px; padding:16px 8px; border-bottom:1px solid var(--line); align-items:center; }
  .activity-table .activity-request td { display:block; padding:0; border:0; min-width:0; font-size:.75rem; }
  .activity-table .activity-request td:nth-child(1) { grid-column:1; grid-row:2; color:var(--muted); }
  .activity-table .activity-request td:nth-child(2) { grid-column:1/3; grid-row:1; max-width:none; }
  .activity-table .activity-request td:nth-child(3) { grid-column:2/4; grid-row:2; text-align:right; }
  .activity-table .activity-request td:nth-child(4) { grid-column:1; grid-row:3; text-align:left; }
  .activity-table .activity-request td:nth-child(5) { grid-column:2; grid-row:3; text-align:center; }
  .activity-table .activity-request td:nth-child(6) { grid-column:3; grid-row:3; }
  .activity-table .activity-request td:nth-child(7) { grid-column:3; grid-row:1; }
  .activity-request td[data-label]:before { content:attr(data-label); display:block; margin-bottom:3px; font-size:.65rem; color:var(--muted); }
  .request-toggle { margin:0; }
  .activity-table .request-detail-row,.activity-table .request-detail-row>td { display:block; width:100%; }
  .request-detail { padding:20px 16px; }
  .request-detail-grid { grid-template-columns:1fr; gap:24px; }
}

.appearance-tools { display:flex; align-items:center; gap:10px; flex:none; }
.auth-tools { gap:16px; }
:root[data-theme="light"] .field input,
:root[data-theme="light"] .search-input { border-color:var(--control-line); }
:root[data-theme="light"] .toast { box-shadow:0 8px 28px #20330b20; }
@media(max-width:760px) { .topbar { gap:12px; } .appearance-tools { gap:8px; } }
@media(max-width:400px) { .auth-tools { flex-wrap:wrap; } .auth-tools .appearance-tools { margin-left:auto; } .appearance-tools .language-select { max-width:116px; } }