/* ═══════════════════════════════════════════════════════════════
   BRO.TEAM HQ v0.9.16-R — Cyberpunk Neon IA Lite / English Copy Polish
   Base: Cyberpunk Neon Full System Layer. Visual/IA only, no trading logic.
═══════════════════════════════════════════════════════════════ */
:root {
  --bro-cyan-role: #00f5ff;
  --bro-amber-role: #f5a623;
  --bro-emerald-role: #00d68f;
  --bro-magenta-role: #ff2bd6;
  --bro-red-role: #ff4d6d;
  --bro-ia-text-soft: rgba(238, 240, 244, .78);
  --bro-ia-text-dim: rgba(238, 240, 244, .52);
  --bro-ia-card-min: rgba(18, 22, 31, .62);
}

body.neon-ia-lite-mode .main-content {
  padding-top: 28px;
}

body.neon-ia-lite-mode .bro-ia-page-header {
  margin-bottom: 18px;
  padding-bottom: 18px;
}

body.neon-ia-lite-mode .page-title {
  font-size: clamp(34px, 4.4vw, 62px);
  letter-spacing: -.055em;
  line-height: .92;
}

body.neon-ia-lite-mode .page-sub {
  max-width: 820px;
  font-size: 14px;
  color: var(--bro-ia-text-soft);
}

.bro-mission-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(260px, .72fr);
  gap: 16px;
  align-items: stretch;
}

.bro-mission-card {
  position: relative;
  overflow: hidden;
  border-radius: 22px;
  border: 1px solid rgba(0,245,255,.18);
  background:
    radial-gradient(circle at 8% 8%, rgba(0,245,255,.14), transparent 30%),
    radial-gradient(circle at 88% 12%, rgba(255,43,214,.10), transparent 32%),
    linear-gradient(135deg, rgba(255,255,255,.065), rgba(255,255,255,.018)),
    rgba(18,22,31,.58);
  box-shadow: 0 0 0 1px rgba(0,245,255,.045), 0 26px 80px rgba(0,0,0,.45);
  backdrop-filter: blur(22px) saturate(1.2);
  -webkit-backdrop-filter: blur(22px) saturate(1.2);
}

.bro-mission-main {
  min-height: 132px;
  padding: 22px 24px;
}

.bro-mission-main::after {
  content: '';
  position: absolute;
  right: -20%;
  top: -90%;
  width: 52%;
  height: 260%;
  transform: rotate(24deg);
  background: linear-gradient(90deg, transparent, rgba(0,245,255,.10), transparent);
  opacity: .55;
  pointer-events: none;
}

.bro-layer-label {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-family: var(--font-mono);
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--bro-cyan-role);
  margin-bottom: 8px;
}
.bro-layer-label::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--bro-cyan-role);
  box-shadow: 0 0 14px rgba(0,245,255,.55);
}

.bro-mission-main h2 {
  font-size: clamp(28px, 3.2vw, 46px);
  line-height: .98;
  margin: 0 0 8px;
  letter-spacing: -.05em;
  font-weight: 900;
}
.bro-mission-main p {
  max-width: 760px;
  color: var(--bro-ia-text-soft);
  font-size: 13px;
  line-height: 1.65;
  margin: 0;
}

.bro-mission-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 18px;
}
.bro-mission-pill {
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 999px;
  background: rgba(8,10,15,.30);
  color: var(--text);
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .05em;
  padding: 8px 13px;
  cursor: pointer;
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease;
}
.bro-mission-pill:hover { transform: translateY(-1px); background: rgba(255,255,255,.055); }
.bro-mission-pill.is-cyan { border-color: rgba(0,245,255,.26); box-shadow: 0 0 18px rgba(0,245,255,.08); }
.bro-mission-pill.is-amber { border-color: rgba(245,166,35,.30); box-shadow: 0 0 18px rgba(245,166,35,.08); }
.bro-mission-pill.is-emerald { border-color: rgba(0,214,143,.30); box-shadow: 0 0 18px rgba(0,214,143,.08); }
.bro-mission-pill.is-magenta { border-color: rgba(255,43,214,.25); box-shadow: 0 0 18px rgba(255,43,214,.08); }

.bro-status-stack {
  display: grid;
  grid-template-rows: 1fr 1fr;
  gap: 10px;
  padding: 0;
  background: transparent;
  border: none;
  box-shadow: none;
  backdrop-filter: none;
}
.bro-status-cell {
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.11);
  background: linear-gradient(135deg, rgba(255,255,255,.045), rgba(255,255,255,.014)), rgba(18,22,31,.60);
  padding: 15px 16px;
  min-height: 0;
}
.bro-status-cell span,
.bro-status-cell small {
  display: block;
  font-family: var(--font-mono);
  text-transform: uppercase;
  letter-spacing: .12em;
}
.bro-status-cell span { font-size: 8px; color: var(--bro-ia-text-dim); margin-bottom: 5px; }
.bro-status-cell strong { display:block; font-family: var(--font-mono); font-size: 19px; line-height:1; }
.bro-status-cell small { font-size: 9px; color: var(--bro-ia-text-dim); margin-top: 7px; text-transform: none; letter-spacing: .02em; }
.bro-status-cell.is-amber { border-color: rgba(245,166,35,.22); }
.bro-status-cell.is-amber strong { color: var(--bro-amber-role); }
.bro-status-cell.is-emerald { border-color: rgba(0,214,143,.22); }
.bro-status-cell.is-emerald strong { color: var(--bro-emerald-role); }

body.neon-ia-lite-mode .bro-ia-stat-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}
body.neon-ia-lite-mode .stat-chip {
  min-width: 0;
  padding: 12px 14px;
}
body.neon-ia-lite-mode .stat-chip .sc-label {
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 8px;
}
body.neon-ia-lite-mode .stat-chip .sc-value {
  font-size: 18px;
}

body.neon-ia-lite-mode .bro-action-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
body.neon-ia-lite-mode .bro-action-grid .card {
  position: relative;
  min-height: 112px;
  padding: 18px;
  background: linear-gradient(135deg, rgba(255,255,255,.052), rgba(255,255,255,.016)), rgba(18,22,31,.56);
}
body.neon-ia-lite-mode .bro-action-grid .card::after {
  content: attr(data-index);
  position: absolute;
  right: 14px;
  bottom: 8px;
  font-family: var(--font-mono);
  font-size: 28px;
  font-weight: 900;
  color: rgba(255,255,255,.035);
  letter-spacing: -.08em;
}
body.neon-ia-lite-mode .bro-action-grid .card:nth-child(1) { border-color: rgba(245,166,35,.26); }
body.neon-ia-lite-mode .bro-action-grid .card:nth-child(2) { border-color: rgba(0,214,143,.24); }
body.neon-ia-lite-mode .bro-action-grid .card:nth-child(3) { border-color: rgba(0,245,255,.24); }
body.neon-ia-lite-mode .bro-action-grid .card:nth-child(4) { border-color: rgba(255,43,214,.22); }
body.neon-ia-lite-mode .bro-action-grid .card-title {
  font-size: 18px;
  letter-spacing: -.03em;
}
body.neon-ia-lite-mode .bro-action-grid .card-note {
  font-size: 12px;
  color: var(--bro-ia-text-soft);
}

body.neon-ia-lite-mode #cyberNeonControlDeck {
  grid-template-columns: 1.25fr .85fr .9fr;
  gap: 12px;
  margin-top: 14px;
  margin-bottom: 16px;
}
body.neon-ia-lite-mode .cyber-panel {
  padding: 16px;
  border-color: rgba(0,245,255,.14);
  box-shadow: 0 0 24px rgba(0,245,255,.055), 0 20px 62px rgba(0,0,0,.36);
}
body.neon-ia-lite-mode .cyber-panel-title {
  font-size: 17px;
}
body.neon-ia-lite-mode .cyber-panel-note {
  font-size: 11px;
  color: var(--bro-ia-text-dim);
}
body.neon-ia-lite-mode .cyber-chart-svg { height: 96px; }
body.neon-ia-lite-mode .cyber-bars { min-height: 88px; }

body.neon-ia-lite-mode .bro-stock-strip {
  border: 1px solid rgba(0,245,255,.13);
  border-radius: 20px;
  padding: 12px 14px 14px;
  background: linear-gradient(135deg, rgba(0,245,255,.045), rgba(255,43,214,.018)), rgba(18,22,31,.34);
  margin-bottom: 14px;
}
body.neon-ia-lite-mode .bro-stock-strip .grid-3 {
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 10px;
}
body.neon-ia-lite-mode .bro-stock-strip .card {
  padding: 14px 16px;
  min-height: 74px;
  box-shadow: none;
  background: rgba(255,255,255,.035);
}
body.neon-ia-lite-mode .bro-stock-strip .card-title {
  font-size: 15px;
}
body.neon-ia-lite-mode .bro-stock-strip .card-note {
  font-size: 11px;
}

body.neon-ia-lite-mode .bro-safety-strip {
  margin-bottom: 0;
}
body.neon-ia-lite-mode .bro-safety-strip .safety-wall {
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 10px;
}
body.neon-ia-lite-mode .bro-safety-strip .safety-item {
  padding: 10px 12px;
  min-height: 50px;
  background: rgba(0,214,143,.045);
  border-color: rgba(0,214,143,.18);
}
body.neon-ia-lite-mode .bro-safety-strip .s-label {
  font-size: 10px;
}
body.neon-ia-lite-mode .bro-safety-strip .s-status {
  font-size: 9px;
}

body.neon-ia-lite-mode .page-kicker,
body.neon-ia-lite-mode .card-label,
body.neon-ia-lite-mode .cyber-panel-kicker {
  letter-spacing: .15em;
}

@media (max-width: 1100px) {
  .bro-mission-grid { grid-template-columns: 1fr; }
  .bro-status-stack { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
  body.neon-ia-lite-mode .bro-ia-stat-row,
  body.neon-ia-lite-mode .bro-action-grid,
  body.neon-ia-lite-mode .bro-safety-strip .safety-wall { grid-template-columns: repeat(2, minmax(0,1fr)); }
  body.neon-ia-lite-mode #cyberNeonControlDeck { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  body.neon-ia-lite-mode .main-content { padding: 18px 14px; }
  .bro-mission-main { padding: 18px; }
  .bro-mission-main h2 { font-size: 30px; }
  .bro-status-stack,
  body.neon-ia-lite-mode .bro-ia-stat-row,
  body.neon-ia-lite-mode .bro-action-grid,
  body.neon-ia-lite-mode .bro-stock-strip .grid-3,
  body.neon-ia-lite-mode .bro-safety-strip .safety-wall { grid-template-columns: 1fr; }
}

.cyber-fx-off .bro-mission-main::after { display: none; }
@media (prefers-reduced-motion: reduce) {
  .bro-mission-main::after { display: none; }
  .bro-mission-pill,
  body.neon-ia-lite-mode .bro-action-grid .card { transition: none; }
}