/* Mining Scan brand layer.
   Existing pages predate a shared stylesheet. Keep the approved black, orange,
   white, green and red hues, then make neutral text and borders white-alpha so
   browser defaults cannot introduce blue, grey panels, or light form controls. */
:root {
  --bg: #0d0d12;
  --sidebar: #090910;
  --card: #13131c;
  --card2: #0f0f18;
  --border: rgba(232, 232, 240, .14);
  --border-strong: rgba(232, 232, 240, .24);
  --border2: var(--border-strong);
  --orange: #ff5500;
  --orange2: #ff7733;
  --orange-soft: rgba(255, 85, 0, .10);
  --text: #e8e8f0;
  --muted: rgba(232, 232, 240, .68);
  --dim: rgba(232, 232, 240, .42);
  --green: #3fb950;
  --red: #f85149;
  --yellow: var(--orange);
  --glow: var(--orange2);
  --orange-dark: var(--card2);
  color-scheme: dark;
}

html { background: var(--bg); color-scheme: dark; }

body {
  background: var(--bg) !important;
  color: var(--text) !important;
}

a { color: var(--orange2); }
a:visited { color: var(--orange); }
a:hover { color: var(--orange2); }

button, input, select, textarea { font: inherit; }

input, select, textarea {
  background-color: var(--card2) !important;
  color: var(--text) !important;
  border-color: var(--border) !important;
  caret-color: var(--orange);
}

button {
  background: var(--orange);
  color: #fff;
  border: 1px solid var(--orange);
  border-radius: 4px;
  padding: 7px 13px;
  cursor: pointer;
  transition: background .15s, border-color .15s, color .15s;
}

button:hover {
  background: var(--orange2);
  border-color: var(--orange2);
}

button:disabled {
  background: var(--card2);
  color: var(--dim);
  border-color: var(--border);
  cursor: not-allowed;
}

input::placeholder, textarea::placeholder { color: var(--dim) !important; }

select option, select optgroup {
  background: var(--card2) !important;
  color: var(--text) !important;
}

input:focus-visible,
select:focus-visible,
textarea:focus-visible,
button:focus-visible,
a:focus-visible,
[role="button"]:focus-visible,
[role="combobox"]:focus-visible {
  outline: 2px solid var(--orange) !important;
  outline-offset: 2px;
  box-shadow: none !important;
}

button, select, [role="button"], [role="combobox"] {
  accent-color: var(--orange);
}

.hamburger {
  background: transparent !important;
  color: var(--text) !important;
  border-color: var(--border) !important;
}

table thead th, table th {
  background: var(--card2) !important;
  color: var(--muted) !important;
}

[role="listbox"], [role="option"], .dropdown, .dropdown-menu,
.select-options, .cu-drop {
  background: var(--card2) !important;
  color: var(--text) !important;
  border-color: var(--orange) !important;
}

[role="option"][aria-selected="true"], [role="option"]:hover,
.cu-opt.active, .cu-opt:hover {
  background: var(--orange-soft) !important;
  color: var(--orange2) !important;
}

/* External/social links are one semantic link type, not a collection of
   unrelated platform colours. */
.coin-link.cl-site:hover, .coin-link.cl-expl:hover,
.coin-link.cl-paper:hover, .coin-link.cg-tw:hover,
.coin-link.cg-tg:hover, .coin-link.cg-dc:hover,
.coin-link.cg-rd:hover, .coin-link.cg-gh:hover,
.coin-link.cl-btalk:hover, .coin-link.cl-forum:hover,
.coin-link.cl-ann:hover, .coin-link.cl-fb:hover,
.coin-link.cg-cmc:hover {
  color: var(--orange2) !important;
  border-color: rgba(255, 85, 0, .45) !important;
  background: var(--orange-soft) !important;
}

::selection { color: #fff; background: var(--orange); }