:root {
  --bg: #000;
  --sidebar: #000;
  --surface: #090909;
  --surface2: #101010;
  --border: #272727;
  --muted: #a6a6a6;
  --text: #f5f5f5;
  --accent: #e6c176;
  --gold: #e6c176;
}

body, .sidebar, .topbar { background: #000; }
.brand { justify-content: center; padding: 16px 15px 24px; }
.brand-emblem { display: block; width: min(100%, 190px); height: auto; object-fit: contain; }
.side-label, .topbar-note, .count-card span, .count-card small { color: #929292; }
.nav-button { color: #b7b7b7; }
.nav-button:hover, .item-row:hover, .zone-row:hover { background: #151515; color: #fff; }
.nav-button.active { background: #191713; border-color: #705b34; color: #f7e0ab; }
.nav-icon, .zone-address code, .item-row .id { color: #e6c176; }
.side-bottom, .crumb, .result-line { color: #b5b5b5; }
.side-bottom small, .crumb span, .search-wrap input::placeholder { color: #8f8f8f; }
.crumb strong { color: #f5f5f5; }
.status-dot { background: #d5b46d; box-shadow: 0 0 9px #d5b46d66; }
.search-wrap, .toolbar select { border-color: #404040; }
.search-wrap:focus-within { border-color: #c99d50; box-shadow: 0 0 0 3px #e6c17625; }
.search-icon { color: #b3b3b3; }
kbd { border-color: #434343; background: #161616; color: #bbb; }
.toggle input { accent-color: #d5b46d; }
.result-card { background: #0b0b0b; border-color: #303030; }
.result-card:hover { background: #151515; border-color: #8c7447; }
.card-sub, .item-row small, .zone-name small, .zone-address small { color: #a0a0a0; }
.item-row, .zone-row { border-bottom-color: #252525; }
.item-row .field { color: #c1c1c1; }
.empty { border-color: #444; }
.more-button, .copy-id { background: #17140e; border-color: #7a643d; color: #f3da9e; }
.more-button:hover, .copy-id:hover { background: #2a2114; border-color: #c49a53; color: #fff; }
.copy-id.copied { border-color: #8fa775; background: #1b2316; color: #d9edc5; }
.copy-id span { color: #c4b79c; }
.card-open:hover .card-meta, .item-open:hover strong { color: #f5d99e; }
.detail-panel { background: #080808; border-left-color: #3b3b3b; }
.detail-panel .detail-caption, .detail-field label { color: #aaa; }
.detail-field { border-top-color: #363636; }
.description { background: #111; border-color: #3b3b3b; }
.toast { background: #18140c; border-color: #8c7447; color: #f4dfad; }

@media (max-width: 850px) {
  .brand { padding: 12px 7px 20px; }
  .brand-emblem { width: 56px; }
}

@media (max-width: 620px) {
  .brand { padding: 4px; }
  .brand-emblem { width: 54px; }
}