/* Page-local V16 Chroma Blackhole, adapted from the supplied hyMail scoped tokens.
   BeautifulUI layout/interaction adaptations: see vendor/hystore-beautifului. */
body.hystore-page { margin:0; background:#000204; }
#hystore-app { --bg:#000204; --surface:#03070f; --raised:#080e1c; --ink:#f6f9ff; --muted:#a7b5cd; --line:#344967; --cyan:#35eaff; --violet:#a657ff; --pink:#ff3fc8; --edge:linear-gradient(125deg,var(--cyan),var(--violet),var(--pink)); container: hystore / inline-size; width:100%; min-height:100dvh; background:radial-gradient(ellipse at 10% 0, #101a34 0,transparent 45%),var(--bg); color:var(--ink); font:400 15px/1.5 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color-scheme:dark; overflow-wrap:anywhere; }
#hystore-app *, #hystore-app *::before, #hystore-app *::after { box-sizing:border-box; }
#hystore-app [hidden] { display:none!important; }
#hystore-app :focus-visible { outline:3px solid var(--cyan); outline-offset:3px; }
#hystore-app h1 { margin:0 0 24px; font-size:clamp(25px,3vw,34px); line-height:1.2; letter-spacing:-.025em; }
#hystore-app h2 { font-size:17px; line-height:1.4; margin:0 0 16px; }
#hystore-app p { margin:8px 0; }
#hystore-app a { color:var(--cyan); }
#hystore-app button, #hystore-app select, #hystore-app input, #hystore-app textarea { font:inherit; color:var(--ink); background:var(--raised); border:1px solid var(--line); border-radius:10px; min-height:44px; min-width:44px; max-width:100%; padding:10px 12px; }
#hystore-app button { cursor:pointer; display:inline-flex; gap:10px; align-items:center; justify-content:center; white-space:normal; text-align:start; transition:background-color .15s,border-color .15s; }
#hystore-app button:hover { border-color:var(--cyan); }
#hystore-app button:disabled { opacity:.55; cursor:not-allowed; }
#hystore-app button[aria-current="page"], #hystore-app button[aria-pressed="true"] { border-color:var(--cyan); background:color-mix(in srgb,var(--cyan) 12%,var(--surface)); }
#hystore-app svg { flex-shrink:0; }
#hystore-app .hs-shell { display:grid; grid-template-columns:228px minmax(0,1fr); grid-template-rows:auto 1fr; min-height:100dvh; }
#hystore-app .hs-header { grid-column:1/-1; display:flex; align-items:center; flex-wrap:wrap; gap:16px; padding:16px max(16px,env(safe-area-inset-right)) 16px max(16px,env(safe-area-inset-left)); border-bottom:1px solid var(--line); background:var(--surface); }
#hystore-app .hs-brand { font-size:26px; letter-spacing:-.05em; margin-right:auto; }
#hystore-app .hs-brand span { color:var(--cyan); }
#hystore-app .hs-field { display:flex; flex-direction:column; gap:4px; min-width:0; }
#hystore-app .hs-field label { color:var(--muted); font-size:14px; }
#hystore-app .hs-header .hs-field { flex:0 1 220px; }
#hystore-app .hs-header select { width:100%; }
#hystore-app .hs-sidebar { padding:24px 12px; background:var(--surface); border-right:1px solid var(--line); }
#hystore-app nav { display:flex; flex-direction:column; gap:8px; }
#hystore-app nav button { justify-content:flex-start; width:100%; background:transparent; border-color:transparent; }
#hystore-app .hs-content { min-width:0; width:100%; max-width:1512px; padding:28px; margin-inline:auto; }
#hystore-app main { min-width:0; }
#hystore-app .hs-menu { display:none; }
#hystore-app .hs-skip { position:absolute; left:12px; top:0; transform:translateY(-150%); z-index:10; padding:12px; background:var(--surface); }
#hystore-app .hs-skip:focus { transform:translateY(0); }
#hystore-app .hs-toolbar { display:flex; align-items:end; flex-wrap:wrap; gap:16px; margin-bottom:24px; }
#hystore-app .hs-overview { display:grid; gap:24px; }
#hystore-app .hs-card { min-width:0; padding:20px; border:1px solid transparent; border-radius:18px; background:linear-gradient(var(--surface),var(--surface)) padding-box,var(--edge) border-box; box-shadow:0 16px 40px #0003,inset 0 1px 0 #ffffff0a; }
#hystore-app .hs-metrics { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr)); gap:20px; }
#hystore-app .hs-value { font-size:clamp(23px,3cqi,32px); font-weight:650; font-variant-numeric:tabular-nums; }
#hystore-app .hs-muted, #hystore-app .hs-metadata { color:var(--muted); }
#hystore-app .hs-state { padding:24px; background:var(--surface); border:1px solid var(--line); border-radius:16px; }
#hystore-app .hs-state strong { color:var(--cyan); }
#hystore-app .hs-table-scroll { width:100%; max-width:100%; overflow:auto; border:1px solid var(--line); border-radius:12px; overscroll-behavior-inline:contain; }
#hystore-app .hs-table { width:100%; min-width:480px; border-collapse:collapse; table-layout:fixed; }
#hystore-app .hs-table th, #hystore-app .hs-table td { padding:12px; border-bottom:1px solid var(--line); text-align:left; vertical-align:top; overflow-wrap:anywhere; }
#hystore-app .hs-table th { background:var(--raised); font-size:14px; }
#hystore-app .hs-table tr:last-child td { border-bottom:0; }
#hystore-app .hs-number { text-align:right!important; font-variant-numeric:tabular-nums; }
#hystore-app .hs-chips, #hystore-app .hs-selection { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-bottom:16px; }
#hystore-app .hs-chips button, #hystore-app .hs-badge { border-radius:24px; }
#hystore-app .hs-badge { border:1px solid var(--line); padding:4px 10px; font-size:14px; }
#hystore-app .hs-task { padding:12px; border-bottom:1px solid var(--line); }
#hystore-app summary { cursor:pointer; min-height:44px; padding:10px 0; }
#hystore-app .hs-task summary span { margin-right:12px; }
#hystore-app .hs-chart { display:grid; gap:12px; margin-block:20px; }
#hystore-app figure { margin:0 0 20px; }
#hystore-app .hs-chart-point { display:grid; grid-template-columns:minmax(85px,1fr) minmax(40px,3fr) minmax(90px,1fr); gap:12px; align-items:center; font-variant-numeric:tabular-nums; }
#hystore-app .hs-bar-track { height:14px; background:var(--raised); border-radius:4px; overflow:hidden; }
#hystore-app .hs-bar { display:block; height:100%; background:var(--cyan); border-radius:4px; }
#hystore-app .hs-dialog { position:fixed; max-width:min(480px,calc(100% - 24px)); width:100%; max-height:calc(100dvh - 24px); overflow:auto; overscroll-behavior:contain; border:1px solid var(--cyan); border-radius:18px; padding:24px; background:var(--surface); color:var(--ink); }
#hystore-app .hs-dialog::backdrop { background:#000a; }
#hystore-app .hs-dialog > button { margin-bottom:16px; }
#hystore-app .hs-notice:empty { display:none; }
#hystore-app .hs-notice { margin-bottom:16px; }
html[data-mode="light"] #hystore-app:not([data-theme="dark"]), #hystore-app[data-theme="light"] { --bg:#edf4fe; --surface:#f8fbff; --raised:#e1ebf8; --ink:#172b49; --muted:#435975; --line:#8498b2; --cyan:#00667f; --violet:#8041c0; --pink:#b12988; color-scheme:light; background:var(--bg); }
@container hystore (max-width:960px) {
 #hystore-app .hs-shell { grid-template-columns:minmax(0,1fr); }
 #hystore-app .hs-sidebar { display:none; }
 #hystore-app .hs-menu { display:inline-flex; }
 #hystore-app .hs-content { padding:24px; }
}
@container hystore (max-width:640px) {
 #hystore-app .hs-content { padding:20px 16px max(24px,env(safe-area-inset-bottom)); }
 #hystore-app .hs-header { gap:12px; }
 #hystore-app .hs-header .hs-field { flex:1 1 100%; }
 #hystore-app .hs-toolbar .hs-field { flex:1 1 120px; }
 #hystore-app .hs-card { padding:16px; }
 #hystore-app .hs-chart-point { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
 #hystore-app .hs-bar-track { grid-column:1/-1; grid-row:2; }
 #hystore-app .hs-dialog { padding:16px; }
}
@media (prefers-reduced-motion:reduce) {
 #hystore-app *, #hystore-app *::before, #hystore-app *::after { transition:none!important; animation:none!important; scroll-behavior:auto!important; }
}