/* "Cat" theme, Sakura Night palette (dist/cat.js). Everything sits under html[data-theme="cat"]; the
   default look is untouched. The aura cat lives only in the sidebar's empty space (desktop) and replaces the header
   mark on phones. Charts, prices, buttons and status text get colours only. */

/* ---------- Tokens (same names as style.css / sol.css, so every component follows) */
html[data-theme="cat"]{
  --z-bg:11 7 16; --z-surface:20 13 26; --z-text:251 238 246; --z-textDim:216 198 212; --z-muted:163 143 161;
  --z-accent:255 158 207; --z-success:126 240 208; --z-danger:255 106 77; --z-warn:255 210 122;
  --z-metalHi:251 238 246; --z-metalMid:163 143 161; --z-metalDark:46 30 52; --z-borderStrong:255 158 207;
  --z-surface2:rgba(255,158,207,.04); --z-surface3:rgba(255,158,207,.075);
  --z-border:rgba(255,158,207,.10); --z-borderHi:rgba(255,158,207,.19);
  --z-body-bg:#0b0710; --z-body-text:#fbeef6; --z-placeholder:#7d6879;
  --z-selection-bg:rgba(255,158,207,.3); --z-selection-text:#fff7fb;
  --z-scroll-thumb:rgba(255,158,207,.13); --z-scroll-thumb-hover:rgba(255,158,207,.24);
  --z-spot-1:rgba(180,140,255,.08); --z-spot-2:rgba(255,158,207,.05);
  --z-panel-bg:linear-gradient(180deg,rgba(255,158,207,.04),rgba(255,158,207,0) 160px),rgba(20,13,26,.94); --z-panel-border:rgba(255,158,207,.11);
  --z-panel-shadow:inset 0 1px 0 0 rgba(255,214,236,.07),0 1px 0 0 rgba(0,0,0,.6),0 16px 40px -18px rgba(0,0,0,.85);
  --z-btn-text:#fbeef6; --z-btn-bg:rgba(255,158,207,.05); --z-btn-border:rgba(255,158,207,.16); --z-btn-shadow:inset 0 1px 0 0 rgba(255,214,236,.05);
  --z-btn-hover-text:#fff7fb; --z-btn-hover-bg:rgba(255,158,207,.09); --z-btn-hover-border:rgba(255,158,207,.28);
  --z-btn-active-bg:rgba(255,158,207,.04); --z-btn-active-border:rgba(255,158,207,.16);
  --z-ghost-text:#c7b1c2; --z-ghost-border:rgba(255,158,207,.1); --z-ghost-hover-text:#fbeef6; --z-ghost-hover-border:rgba(255,158,207,.22); --z-ghost-hover-bg:rgba(255,158,207,.04);
  --z-btn-danger-text:#ff8a72; --z-btn-danger-border:rgba(255,106,77,.26); --z-btn-danger-hover-text:#ffb3a3; --z-btn-danger-hover-border:rgba(255,106,77,.48); --z-btn-danger-hover-bg:rgba(255,106,77,.06);
  --z-btn-warn-text:#ffd27a; --z-btn-warn-border:rgba(255,210,122,.25); --z-btn-warn-hover-text:#ffe2a8; --z-btn-warn-hover-border:rgba(255,210,122,.5); --z-btn-warn-hover-bg:rgba(255,210,122,.06);
  --z-input-bg:rgba(255,158,207,.03); --z-input-border:rgba(255,158,207,.11);
  --z-pill-bg:rgba(255,158,207,.1); --z-pill-border:rgba(255,158,207,.34); --z-pill-text:#ffb8dc; --z-pill-dot:#ff9ecf;
  --z-chip-text:#a38fa1; --z-chip-ok:#7ef0d0; --z-chip-warn:#ffd27a; --z-chip-info:#ffb8dc;
  --z-seg-bg:rgba(255,158,207,.03); --z-seg-border:rgba(255,158,207,.09);
  --z-seg-text:#c7b1c2; --z-seg-hover-text:#fff3f9; --z-seg-hover-bg:rgba(255,158,207,.06);
  --z-seg-active-bg:#ffe3f1; --z-seg-active-text:#2a0a1c; --z-seg-active-shadow:0 1px 2px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.6);
  --z-seg-active-chip-bg:rgba(42,10,28,.10); --z-seg-active-chip-text:#5c2a45;
  --z-cta-bg:#ff9ecf; --z-cta-hover-bg:#ffb6da; --z-cta-active-bg:#f68bc2; --z-cta-text:#2a0a1c; --z-cta-border:rgba(255,214,236,.6);
  --z-cta-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 0 0 1px rgba(255,158,207,.2),0 8px 26px -10px rgba(255,158,207,.6);
  --z-cta-hover-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 0 0 1px rgba(255,158,207,.32),0 10px 30px -10px rgba(255,158,207,.75);
  --z-live-glow:0 0 0 2px rgba(126,240,208,.14),0 0 7px rgba(126,240,208,.7);
  --z-chart-bg:20 13 26;
  --sol-band:255 158 207;
}
html[data-theme="cat"] body{background:#0b0710}

/* ---------- Sidebar cat: fills the empty space between the nav and the network card; dist/cat.js sizes it */
.aura-cat{display:none}
html[data-theme="cat"] aside .sidebar-bottom{margin-top:0}
html[data-theme="cat"] .aura-cat{display:flex;flex:1 1 auto;min-height:0;align-items:flex-end;justify-content:center;position:relative;margin:16px 0 12px}
html[data-theme="cat"] .aura-cat::before{content:"";position:absolute;left:-12px;right:-12px;bottom:-40px;height:75%;pointer-events:none;
  background:radial-gradient(60% 55% at 50% 70%,rgba(180,140,255,.14),rgba(255,158,207,.05) 55%,transparent 75%)}
.aura-cat-btn{position:relative;display:block;padding:0;margin:0;border:0;background:none;box-shadow:none;cursor:pointer;line-height:0;min-height:0}
html[data-theme="cat"] .aura-cat-btn:hover,html[data-theme="cat"] .aura-cat-btn:active{background:none;border:0;box-shadow:none}
.aura-cat-btn:focus-visible{outline:2px solid rgb(var(--z-accent)/.7);outline-offset:4px;border-radius:12px}
.aura-cat-btn[hidden]{display:none}
.aura-cat svg{display:block;overflow:visible}
.aura-bubble{position:absolute;bottom:calc(100% - 6px);left:50%;transform:translateX(-50%);padding:4px 9px;border-radius:9px;white-space:nowrap;pointer-events:none;
  font:500 .647059rem/1.3 var(--z-font-mono,ui-monospace,monospace);color:#2a0a1c;background:#ffe3f1;box-shadow:0 8px 20px -8px rgba(255,158,207,.6)}
.aura-bubble::after{content:"";position:absolute;top:100%;left:50%;margin-left:-4px;border:4px solid transparent;border-top-color:#ffe3f1}
.aura-bubble[hidden]{display:none}
/* Phones: the sidebar becomes the bottom nav, so the cat moves to the header in place of the ZYPER mark. */
.aura-head{display:none}
@media(max-width:550px){html[data-theme="cat"] .aura-cat{display:none}html[data-theme="cat"] .mobile-brand-mark{display:none}
  html[data-theme="cat"] .aura-head{display:block;flex-shrink:0;width:28px;height:28px;margin-right:2px;overflow:hidden}}