/* =========================================
   ATLAS LABS V31 DEVELOPMENT BRANDING
   V30 remains completely unchanged.
========================================= */

:root{
  --labs-gold:#ffd84a;
  --labs-orange:#ff9f1a;
  --labs-dark:#0d0b05;
  --labs-panel:#171209;
  --labs-muted:#a99f87;
  --labs-border:rgba(255,216,74,.22);
}

/* Gold ambient background */
html,
body{
  background:
    radial-gradient(
      circle at 50% -10%,
      rgba(255,216,74,.14),
      transparent 34%
    ),
    radial-gradient(
      circle at 100% 16%,
      rgba(255,159,26,.08),
      transparent 28%
    ),
    linear-gradient(
      180deg,
      #161006 0%,
      #070806 42%,
      #020506 100%
    ) !important;
}

/* Development badge */
body::before{
  content:"ATLAS LABS";
  position:fixed;
  z-index:999999;
  top:8px;
  right:9px;
  padding:6px 9px;
  border-radius:999px;
  color:#211600;
  background:linear-gradient(
    135deg,
    var(--labs-gold),
    var(--labs-orange)
  );
  border:1px solid rgba(255,255,255,.20);
  box-shadow:0 8px 24px rgba(255,159,26,.22);
  font-size:8px;
  font-weight:1000;
  letter-spacing:.15em;
  pointer-events:none;
}

/* Main premium cards */
.hero,
.card,
.panel,
.command-center,
.alerts-hero,
.alerts-summary,
.filter-card,
.alert-item,
section{
  border-color:var(--labs-border) !important;
}

/* Only tint the main page cards, without breaking special red/green cards */
.hero,
.command-center,
.alerts-hero{
  background:
    radial-gradient(
      circle at 12% 0%,
      rgba(255,216,74,.14),
      transparent 36%
    ),
    linear-gradient(
      180deg,
      rgba(31,24,11,.97),
      rgba(7,11,13,.99)
    ) !important;
  box-shadow:
    0 20px 62px rgba(0,0,0,.44),
    inset 0 1px 0 rgba(255,255,255,.045) !important;
}

/* Eyebrows and small headings */
.kicker,
.eyebrow,
.v29-eye,
.v28-eye,
.v27-eyebrow{
  color:var(--labs-gold) !important;
}

/* Online indicator */
.dot,
.live-dot,
.v271-dot{
  background:var(--labs-gold) !important;
  box-shadow:0 0 17px rgba(255,216,74,.70) !important;
}

/* Refresh and action buttons */
button:not(.tf):not(.filter),
.primary-btn,
.cta,
.wide,
#refresh-alerts{
  background:
    linear-gradient(
      135deg,
      var(--labs-gold),
      var(--labs-orange)
    ) !important;
  color:#211600 !important;
  box-shadow:
    0 11px 30px rgba(255,159,26,.20) !important;
}

/* Timeframe controls */
.timeframe-tabs .tf.active,
.filter.active{
  color:#211600 !important;
  background:
    linear-gradient(
      135deg,
      var(--labs-gold),
      var(--labs-orange)
    ) !important;
  border-color:rgba(255,216,74,.55) !important;
}

.timeframe-tabs .tf:not(.active),
.filter:not(.active){
  border-color:rgba(255,216,74,.15) !important;
}

/* Command centre controls */
.control-box{
  border-color:rgba(255,216,74,.14) !important;
  background:
    linear-gradient(
      180deg,
      rgba(42,33,16,.91),
      rgba(9,18,22,.97)
    ) !important;
}

.control-box strong::before{
  background:var(--labs-gold) !important;
  box-shadow:0 0 14px rgba(255,216,74,.70) !important;
}

/* Alert connection card */
.atlas-enable-alerts,
.atlas-install-app{
  border-color:rgba(255,216,74,.25) !important;
  background:
    linear-gradient(
      180deg,
      rgba(42,32,12,.94),
      rgba(12,20,22,.98)
    ) !important;
}

.atlas-alert-icon,
.atlas-install-app > span:first-child{
  color:var(--labs-gold) !important;
  border-color:rgba(255,216,74,.25) !important;
  background:rgba(255,216,74,.10) !important;
}

/* Keep connected state green */
.atlas-enable-alerts.enabled{
  border-color:rgba(34,197,94,.34) !important;
  background:
    linear-gradient(
      180deg,
      rgba(8,58,38,.93),
      rgba(4,28,25,.98)
    ) !important;
}

.atlas-enable-alerts.enabled .atlas-alert-icon{
  color:#22c55e !important;
  border-color:rgba(34,197,94,.30) !important;
  background:rgba(34,197,94,.12) !important;
}

/* Neutral score and status pills */
.card-head em:not(.count),
.bias-pill,
.pill:not(.green):not(.red),
.premium-bias.mixed{
  color:var(--labs-gold) !important;
  border-color:rgba(255,216,74,.30) !important;
  background:rgba(255,216,74,.10) !important;
}

/* Do not override meaningful trade colours */
.red,
.short,
.list-card.short h2,
.list-card.short .row strong{
  color:#ff5570 !important;
}

.green,
.long,
.list-card.long h2,
.list-card.long .row strong{
  color:#22c55e !important;
}

.blue{
  color:#38bdf8 !important;
}

/* Navigation */
.nav,
.atlas-nav,
.bottom-nav,
nav{
  border-color:rgba(255,216,74,.18) !important;
  background:rgba(8,7,5,.96) !important;
  box-shadow:0 18px 55px rgba(0,0,0,.58) !important;
}

.nav a.active,
.atlas-nav a.active,
.bottom-nav a.active,
nav a.active{
  color:var(--labs-gold) !important;
  border-color:rgba(255,216,74,.28) !important;
  background:
    linear-gradient(
      180deg,
      rgba(255,216,74,.20),
      rgba(255,216,74,.06)
    ) !important;
}

/* Alert Centre */
.summary-tile,
.alert-item{
  border-color:rgba(255,216,74,.13) !important;
}

.alert-icon{
  color:var(--labs-gold) !important;
  border-color:rgba(255,216,74,.20) !important;
  background:rgba(255,216,74,.08) !important;
}

/* Compact development banner on small screens */
@media(max-width:430px){
  body::before{
    top:6px;
    right:7px;
    padding:5px 7px;
    font-size:7px;
  }
}