/* ════════════════════════════════════════════════════════════════
   PROCGENESIS — Height Map Viewer skin (2026)
   HMV's control rows are metric-sensitive and lay out differently
   across browsers, so unlike gen_skin.css this file changes COLORS
   ONLY: no font-family, no letter-spacing, no alignment — nothing
   that can reflow the 2017 layout. nova_bg.js provides the backdrop.
   ════════════════════════════════════════════════════════════════ */

/* deep-space base behind the nova canvas */
html {
  background: #04060d;
  background-image:
    radial-gradient(1100px 700px at 12% -8%, rgba(122, 100, 224, 0.10), transparent 60%),
    radial-gradient(1400px 900px at 50% 115%, rgba(122, 100, 224, 0.07), transparent 60%);
  background-attachment: fixed;
  overflow-x: hidden;
}

body {
  background-color: transparent;
  color: #d4dae6;
}

#Banner { background: none; }
#Navbar {
  background: rgba(4, 6, 13, 0.92);
  border-bottom-color: rgba(212, 218, 230, 0.14);
}
#Navbar li a { color: #99a2b6; }
#Navbar li a:hover {
  background-color: rgba(79, 218, 213, 0.10);
  border-bottom-color: #4fdad5;
  color: #eef1f7;
}

/* color-only button/input recolor (no border-width or font changes) */
.controlButtons {
  background-color: #0d1426;
  color: #d4dae6;
  border-color: rgba(212, 218, 230, 0.25);
}
.controlButtons:hover {
  background-color: rgba(79, 218, 213, 0.16);
  border-color: rgba(79, 218, 213, 0.5);
  color: #eef1f7;
}

/* native slider tint (paint-only) */
input[type=range] { accent-color: #4fdad5; }

/* ── Firefox track repair ──
   hmv_style.css sets ::-moz-range-track width to 30%; Firefox honors it
   (Chrome ignores the webkit equivalent), so thumbs floated outside the
   short track. Tracks must span the whole input.
   (The 2026 panel rebuild in gen_panel.css replaced the old float/absolute
   row layout, so the Firefox row-pinning hacks that used to live here are
   gone for good.) */
input[type=range]::-moz-range-track { width: 100%; }

/* dark scrollbars */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #070b16; }
::-webkit-scrollbar-thumb { background: #1c2540; border-radius: 5px; border: 2px solid #070b16; }
::-webkit-scrollbar-thumb:hover { background: #2a3a66; }