/* Generated shared UI theme. Edit config/site_ui_theme.json, then run scripts/render_site_ui_theme.py. */
:root {
  --cb-accent: #9bff00;
  --cb-bg: #030604;
  --cb-panel: rgba(6,12,8,.92);
  --cb-panel-dark: rgba(3,6,5,.96);
  --cb-text: #edf3e8;
  --cb-muted: #9daa96;
  --cb-font-display: 'Orbitron','Rajdhani','Arial Black',system-ui,sans-serif;
  --cb-font-ui: 'Rajdhani','Arial Narrow',system-ui,sans-serif;
  --ops-green: #9bff00;
}

.cb-theme-command-center {
  color: var(--cb-text);
  font-family: var(--cb-font-ui);
}

.cb-display,
h1,h2,h3,h4,h5,h6,strong,b,
.brand-title,.eyebrow,.topbar h1,.sidebar-label,
.nav-link,.btn,.status-chip,th,.stat-row strong {
  font-family: var(--cb-font-display) !important;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.cb-pane,
.sidebar,
.panel,
.sidebar-card,
.slot-card,
.rsvp-modal-card,
.rsvp-modal,
.map-shell,
.inset-panel {
  background: linear-gradient(180deg, rgba(8,15,10,.92), rgba(3,6,5,.95)) !important;
  border-color: rgba(155,255,0,.16) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.025), 0 12px 28px rgba(0,0,0,.28) !important;
}

.sidebar {
  background:
    radial-gradient(circle at 45% 8%, rgba(155,255,0,.12), transparent 28%),
    linear-gradient(180deg, rgba(5,10,7,.98), rgba(2,4,3,.99)) !important;
  border-right: 1px solid rgba(155,255,0,.22) !important;
  box-shadow: inset -1px 0 0 rgba(255,255,255,.04), 18px 0 40px rgba(0,0,0,.32) !important;
}

.brand {
  border: 1px solid rgba(155,255,0,.16) !important;
  background: linear-gradient(135deg, rgba(155,255,0,.08), rgba(0,0,0,.10)) !important;
  clip-path: polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);
  padding: 12px !important;
}

.brand-logo,
.topbar-logo {
  filter: drop-shadow(0 0 14px rgba(155,255,0,.32));
}

.eyebrow {
  color: var(--cb-accent) !important;
}

.brand-title {
  color: var(--cb-text) !important;
}

.nav {
  display: grid;
  gap: 12px !important;
}

.nav-link {
  position: relative;
  display: grid;
  align-items: center;
  min-height: 58px;
  padding: 0 34px 0 18px !important;
  border: 1px solid rgba(155,255,0,.14) !important;
  border-radius: 0 !important;
  clip-path: polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px));
  background:
    linear-gradient(180deg, rgba(14,20,16,.80), rgba(4,7,6,.92)),
    radial-gradient(circle at 18% 50%, rgba(155,255,0,.07), transparent 28%) !important;
  color: #edf3e8 !important;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-weight: 800 !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.03), inset 0 -16px 24px rgba(0,0,0,.36), 0 12px 18px rgba(0,0,0,.24) !important;
  overflow: hidden;
  transition: transform .12s ease,border-color .14s ease,box-shadow .14s ease,background .14s ease;
}

.nav-link::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: rgba(155,255,0,.38);
  box-shadow: 0 0 12px rgba(155,255,0,.26);
  transition: width .14s ease, box-shadow .14s ease;
}

.nav-link::after {
  content: "›";
  position: absolute;
  right: 13px;
  top: 50%;
  transform: translateY(-52%);
  font-size: 24px;
  color: #f2f7ee;
  opacity: .84;
}

.nav-link:hover,
.nav-link.is-active {
  transform: translateX(4px);
  color: #fff !important;
  border-color: rgba(155,255,0,.65) !important;
  background:
    linear-gradient(180deg, rgba(38,82,18,.48), rgba(5,10,6,.94)),
    radial-gradient(circle at 18% 50%, rgba(155,255,0,.28), transparent 38%) !important;
  box-shadow: inset 0 0 0 1px rgba(220,255,170,.10), inset 0 0 22px rgba(155,255,0,.10), 0 0 22px rgba(155,255,0,.14), 0 12px 20px rgba(0,0,0,.34) !important;
}

.nav-link:hover::before,
.nav-link.is-active::before {
  width: 8px;
  background: var(--cb-accent);
  box-shadow: 0 0 14px var(--cb-accent), 0 0 24px rgba(155,255,0,.28);
}

.btn {
  border-radius: 0 !important;
  clip-path: polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));
  font-family: var(--cb-font-display) !important;
}

.btn-primary,
.btn-secondary {
  background: linear-gradient(135deg,#9bff00,#4f9700) !important;
  color: #071006 !important;
  border-color: rgba(155,255,0,.44) !important;
  box-shadow: 0 0 18px rgba(155,255,0,.18);
}

.btn-ghost {
  border-color: rgba(155,255,0,.22) !important;
  color: #edf3e8 !important;
}

input,
select,
textarea {
  border-color: rgba(155,255,0,.18) !important;
  background: rgba(2,5,4,.82) !important;
}