/* NHB Wormhole Mapper v0.2 rebrand overrides */
:root {
  --nhb-black: #050505;
  --nhb-panel: rgba(11, 12, 14, 0.92);
  --nhb-panel-2: rgba(20, 7, 7, 0.86);
  --nhb-red: #8f1111;
  --nhb-red-bright: #c91e1e;
  --nhb-gold: #d2aa55;
  --nhb-gold-soft: #f0d38a;
  --nhb-text: #e9e2d0;
}

html, body {
  background-color: var(--nhb-black) !important;
  color: var(--nhb-text) !important;
}

a, a:visited { color: var(--nhb-gold-soft) !important; }
a:hover { color: #fff2bd !important; }

header,
#topbar {
  background: linear-gradient(90deg, #030303 0%, #160505 55%, #090909 100%) !important;
  border-bottom: 2px solid var(--nhb-red) !important;
  box-shadow: 0 0 24px rgba(143,17,17,.35), inset 0 -1px 0 rgba(210,170,85,.35) !important;
}

#partner-panel,
#footer p#legal,
#footer p,
footer.container {
  display: none !important;
}

#version-panel {
  color: var(--nhb-gold-soft) !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
}

#app_info h1 {
  color: var(--nhb-text) !important;
  text-shadow: 0 0 14px rgba(210,170,85,.18) !important;
}

#app_info h1 img.nhb-landing-logo {
  display: block;
  max-width: 360px;
  max-height: 190px;
  width: auto;
  height: auto;
  margin: 0 auto 14px auto;
  filter: drop-shadow(0 0 18px rgba(210,170,85,.22));
}

#app_info .tagline,
#app_info p,
#pages .page p,
#pages .page li {
  color: #d8d0bf !important;
}

#pages,
#pages .page,
.dialog-like,
.gridWidget,
#panel #content,
.toggle-panel {
  background: var(--nhb-panel) !important;
  border-color: rgba(210,170,85,.25) !important;
}

#pages .top_shadow,
#pages .bottom_shadow { opacity: .35 !important; }

.large_button,
button,
input[type='button'],
input[type='submit'],
.button {
  border-radius: 6px !important;
  border: 1px solid rgba(210,170,85,.42) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 16px rgba(0,0,0,.25) !important;
}

.large_button.proceed,
.button.white,
button.button.white {
  background: linear-gradient(#d6ae58, #9f742b) !important;
  color: #120b04 !important;
  text-shadow: none !important;
  font-weight: 700 !important;
}

.large_button.corp,
.large_button.logout,
#copy-bookmarks-nhb {
  background: linear-gradient(#b91717, #6d0808) !important;
  color: #fff2d0 !important;
  text-shadow: 0 1px 0 #000 !important;
  font-weight: 700 !important;
}

#copy-bookmarks-nhb {
  margin-left: 8px;
  padding: 1px 8px;
  height: 20px;
  line-height: 17px;
  font-size: 11px;
  cursor: pointer;
  vertical-align: middle;
}

#logo a {
  color: #f4e5bc !important;
  letter-spacing: .05em;
}

#logo .nhb-top-logo {
  height: 24px;
  max-width: 64px;
  vertical-align: middle;
  margin-right: 8px;
  filter: drop-shadow(0 0 8px rgba(210,170,85,.22));
}

#logo #version,
#serverStatus,
#serverTime,
#mask {
  color: var(--nhb-gold-soft) !important;
}

#sigTable th,
.stdTable th,
#massTable th {
  color: var(--nhb-gold-soft) !important;
  background: rgba(55, 12, 12, .45) !important;
}

#sigTable tbody tr:hover,
.gridWidget .controls {
  background-color: rgba(143,17,17,.18) !important;
}

#footer {
  display: none !important;
}

/* NHB v0.3 row BM buttons and favicon polish */
#copy-bookmarks-nhb { display: none !important; }

#sigTable .nhb-row-bm {
  display: inline-block !important;
  min-width: 24px !important;
  height: 16px !important;
  line-height: 13px !important;
  margin-left: 5px !important;
  padding: 0 4px !important;
  border: 1px solid rgba(210,170,85,.62) !important;
  border-radius: 3px !important;
  background: linear-gradient(#2a0707, #8f1111) !important;
  color: #f6e6b8 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  text-shadow: 0 1px 0 #000 !important;
  cursor: pointer !important;
  vertical-align: middle !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 0 4px rgba(0,0,0,.35) !important;
}
#sigTable .nhb-row-bm:hover {
  background: linear-gradient(#b31818, #d2aa55) !important;
  color: #070303 !important;
  text-shadow: none !important;
}
#sigTable .nhb-row-bm:active {
  transform: translateY(1px);
}

#logo .nhb-top-logo {
  background: transparent !important;
  border-radius: 0 !important;
}
