/* CSS tùy chỉnh giao diện Web Góc Nhỏ 3D (Quản trị & AI Studio) */

/* Thanh khuyến mãi đầu trang */
#gn-promo-bar {
  position: relative;
  z-index: 41;
  background: linear-gradient(90deg, #ff6b2c, #ff8a4c);
  color: #14172b;
  padding: 10px 16px;
  text-align: center;
  border-bottom: 1px solid rgba(255,255,255,0.12);
}
#gn-promo-bar .gn-promo-text {
  margin: 0 auto;
  max-width: 1152px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
#gn-promo-bar .gn-promo-code {
  display: inline-block;
  margin: 0 2px;
  padding: 2px 10px;
  border-radius: 999px;
  background: rgba(20,23,43,0.18);
  font-family: var(--font-mono, monospace);
  font-weight: 700;
  letter-spacing: 0.04em;
}
@media (max-width: 390px) {
  #gn-promo-bar { padding: 8px 12px; }
  #gn-promo-bar .gn-promo-text { font-size: 13px; }
}

/* Nền xám than (#1f2227) theo yêu cầu chủ shop */
:root {
  --bg: #1f2227;
  --background: #1f2227;
  --onyx-950: #1f2227;
  --onyx-900: #2a2e36;
  --onyx-800: #2a2e36;
  --surface: #2a2e36;
  --surface-muted: #343a44;
  --fg: #f5f3ef;
  --foreground: #f5f3ef;
  --muted: #a3a9be;
  --border: #3b414c;
  --control-border: #6f7893;
  --accent-strong: #ff9a6b;
  --secondary-strong: #5eead4;
  --highlight: #ffc83d;
}
html { color-scheme: dark; }
.kx-header { background: rgba(31,34,39,0.92); }

/* Nền xám đậm (#16181d) theo yêu cầu chủ shop */
:root {
  --bg: #16181d;
  --background: #16181d;
  --onyx-950: #16181d;
  --onyx-900: #1f2227;
  --onyx-800: #1f2227;
  --surface: #1f2227;
  --surface-muted: #272b33;
  --fg: #f5f3ef;
  --foreground: #f5f3ef;
  --muted: #a3a9be;
  --border: #2f343d;
  --control-border: #6f7893;
  --accent-strong: #ff9a6b;
  --secondary-strong: #5eead4;
  --highlight: #ffc83d;
}
html { color-scheme: dark; }
.kx-header { background: rgba(22,24,29,0.92); }