/**
 * TradeForge — War Room Control Room CSS
 * Styling for War Room panels within the Company Workspace app shell.
 * Includes: Command Strip, Missions, Revenue Pulse, Operational Feed,
 * AI Insights, Field Snapshot, Competition, and secondary modules.
 * Follows existing design system: charcoal/graphite/bronze industrial palette.
 */

/* ── War Room Environment ── */
.wr-env { min-height: 100vh; }

/* ── War Room Grid ── */
.wr-panels { display: grid; gap: 14px; padding: 0 0 28px; }

/* ── Executive View ── */
.wr-execview {
  background: linear-gradient(160deg, rgba(21,27,35,.98), rgba(15,19,24,.96));
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 12px;
  padding: 12px;
  display: grid;
  gap: 10px;
}
.wr-execview-cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.wr-execview-card {
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  background: rgba(46,49,54,.34);
  padding: 10px 12px;
  min-height: 84px;
  display: grid;
  align-content: start;
  gap: 7px;
}
.wr-execview-card--value {
  border-color: rgba(106,191,105,.34);
  background: linear-gradient(180deg, rgba(24,38,30,.8), rgba(20,28,24,.88));
}
.wr-execview-card--warning {
  border-color: rgba(228,200,155,.34);
  background: linear-gradient(180deg, rgba(44,37,27,.84), rgba(30,26,20,.9));
}
.wr-execview-label {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: rgba(181,183,185,.74);
}
.wr-execview-value {
  font-size: 26px;
  font-weight: 800;
  color: #f4f6f7;
  line-height: 1;
}
.wr-execview-lines {
  display: grid;
  gap: 6px;
  padding-top: 2px;
  border-top: 1px solid rgba(255,255,255,.06);
}
.wr-execview-line {
  margin: 0;
  font-size: 13px;
  color: #dce3eb;
  line-height: 1.4;
}

/* ── Founder Strip ── */
.wr-founder-strip {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
}
.wr-founder-card {
  background: linear-gradient(180deg, rgba(30,34,40,.86), rgba(20,24,30,.92));
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  padding: 10px 12px;
  min-height: 92px;
  display: grid;
  align-content: start;
  gap: 7px;
}
.wr-founder-card--value {
  border-color: rgba(106,191,105,.3);
  background: linear-gradient(180deg, rgba(24,38,30,.86), rgba(20,28,24,.9));
}
.wr-founder-card--warning {
  border-color: rgba(228,200,155,.34);
  background: linear-gradient(180deg, rgba(46,39,28,.88), rgba(28,24,19,.9));
}
.wr-founder-label {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: rgba(181,183,185,.76);
}
.wr-founder-value {
  font-size: 21px;
  font-weight: 800;
  line-height: 1;
  color: #f4f6f7;
}
.wr-founder-hint {
  font-size: 10px;
  color: rgba(181,183,185,.68);
  line-height: 1.35;
}

/* ── Action Queue ── */
.wr-action-queue { display: grid; gap: 8px; }
.wr-action-item {
  display: grid;
  grid-template-columns: 140px 1fr 70px;
  gap: 10px;
  align-items: center;
  padding: 10px 12px;
  border-radius: 9px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(19,25,33,.95);
}
.wr-action-item--high { border-left: 3px solid #d56666; }
.wr-action-item--medium { border-left: 3px solid #e4c89b; }
.wr-action-item--low { border-left: 3px solid rgba(181,183,185,.3); }
.wr-action-type {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--bronze, #8c6a3e);
}
.wr-action-title { font-size: 12px; font-weight: 700; color: #f4f6f7; }
.wr-action-detail { font-size: 11px; color: rgba(181,183,185,.74); margin-top: 2px; }
.wr-action-priority {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: rgba(181,183,185,.74);
  text-align: right;
}

/* ── Executive Snapshot ── */
.wr-exec-snapshot { display: grid; gap: 10px; }
.wr-exec-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.wr-exec-card {
  background: rgba(46,49,54,.45);
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 10px;
  padding: 11px;
  text-align: center;
}
.wr-exec-card-val { font-size: 22px; font-weight: 800; color: #fff; }
.wr-exec-card-label {
  margin-top: 4px;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: rgba(181,183,185,.7);
}
.wr-exec-funnel {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
.wr-exec-funnel div {
  display: grid;
  gap: 3px;
  background: rgba(46,49,54,.32);
  border: 1px solid rgba(255,255,255,.05);
  border-radius: 8px;
  padding: 8px;
}
.wr-exec-funnel span {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: rgba(181,183,185,.64);
}
.wr-exec-funnel strong { font-size: 16px; color: #f5f5f5; }

/* ── Section Headers ── */
.wr-section-head {
  display: flex; align-items: center; justify-content: space-between;
  gap: 12px; margin-bottom: 14px;
}
.wr-section-title {
  display: flex; align-items: center; gap: 10px;
  font-size: 14px; font-weight: 750; color: #fff;
  letter-spacing: .01em;
}
.wr-section-title svg { width: 18px; height: 18px; color: var(--bronze, #8c6a3e); flex-shrink: 0; }
.wr-section-badge {
  font-size: 10px; font-weight: 700; padding: 3px 8px;
  border-radius: 999px; letter-spacing: .04em; text-transform: uppercase;
}
.wr-section-badge--live { background: rgba(106,191,105,.15); color: #6abf69; border: 1px solid rgba(106,191,105,.3); }
.wr-section-badge--count { background: rgba(140,106,62,.12); color: var(--bronze, #8c6a3e); border: 1px solid rgba(140,106,62,.25); }

/* ── What Needs Attention ── */
.wr-attention {
  background: linear-gradient(165deg, rgba(32,38,46,.92), rgba(18,23,29,.96));
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 12px;
  padding: 12px 14px;
}
.wr-attention--setup {
  border-color: rgba(140,106,62,.3);
  background: linear-gradient(165deg, rgba(45,36,24,.42), rgba(18,23,29,.96));
}
.wr-attention--clear {
  border-color: rgba(106,191,105,.26);
  background: linear-gradient(165deg, rgba(25,40,31,.42), rgba(18,23,29,.96));
}
.wr-attention-list {
  margin: 0;
  padding-left: 16px;
  display: grid;
  gap: 8px;
}
.wr-attention-item {
  color: #f4f6f7;
  font-size: 13px;
  line-height: 1.45;
}
.wr-attention-note {
  margin: 0 0 10px;
  color: rgba(220,227,235,.84);
  font-size: 12px;
}

/* ── Focus Layer ── */
.wr-focus-layer {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.wr-focus-block {
  border: 1px solid rgba(181,183,185,.16);
  border-radius: 12px;
  background: linear-gradient(165deg, rgba(24,28,35,.92), rgba(14,18,24,.96));
  padding: 12px;
}
.wr-focus-block--urgent {
  border-color: rgba(239,68,68,.45);
  background: linear-gradient(165deg, rgba(46,24,24,.9), rgba(22,14,16,.95));
}
.wr-focus-block h3 {
  margin: 0 0 10px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: rgba(220,227,235,.82);
}
.wr-focus-list {
  margin: 0;
  padding-left: 16px;
  display: grid;
  gap: 8px;
}
.wr-focus-item {
  font-size: 13px;
  color: #f4f6f7;
  line-height: 1.4;
}

/* ── Operating Start ── */
.wr-start-wrap {
  border: 1px solid rgba(140,106,62,.24);
  border-radius: 12px;
  background: linear-gradient(160deg, rgba(33,28,22,.5), rgba(18,23,29,.96));
  padding: 12px;
  display: grid;
  gap: 10px;
}
.wr-start-note {
  margin: 0;
  font-size: 12px;
  color: rgba(220,227,235,.86);
}
.wr-start-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.wr-start-step {
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  background: rgba(19,25,33,.82);
  padding: 10px;
  display: grid;
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 8px;
}
.wr-start-step span {
  width: 22px;
  height: 22px;
  border-radius: 999px;
  border: 1px solid rgba(140,106,62,.36);
  background: rgba(140,106,62,.12);
  color: #ead7bc;
  font-size: 11px;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.wr-start-step strong {
  display: block;
  font-size: 12px;
  color: #f0e6d9;
}
.wr-start-step p {
  margin: 4px 0 7px;
  font-size: 11px;
  color: rgba(181,183,185,.74);
  line-height: 1.4;
}
.wr-start-step a {
  font-size: 11px;
  font-weight: 700;
  color: var(--bronze, #8c6a3e);
  text-decoration: none;
}

/* ── Revenue Summary Layer ── */
.wr-summary-layer {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.wr-summary-card {
  background: linear-gradient(180deg, rgba(30,34,40,.85), rgba(20,24,30,.9));
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  padding: 10px 12px;
  min-height: 108px;
  display: grid;
  align-content: start;
  gap: 8px;
}
.wr-summary-card--value {
  border-color: rgba(106,191,105,.35);
  background: linear-gradient(180deg, rgba(24,38,30,.86), rgba(20,28,24,.9));
}
.wr-summary-card--warning {
  border-color: rgba(228,200,155,.3);
  background: linear-gradient(180deg, rgba(44,37,27,.86), rgba(30,26,20,.9));
}
.wr-summary-label {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: rgba(181,183,185,.76);
  line-height: 1.25;
}
.wr-summary-value {
  font-size: 22px;
  font-weight: 800;
  line-height: 1;
  color: #f4f6f7;
}
.wr-summary-guidance {
  font-size: 10px;
  color: rgba(181,183,185,.68);
  line-height: 1.35;
}

/* ── Equipment Demand Signals ── */
.wr-eqd-wrap {
  background: linear-gradient(160deg, rgba(19,25,33,.98), rgba(14,19,26,.96));
  border: 1px solid rgba(140,106,62,.2);
  border-radius: 12px;
  padding: 12px;
  display: grid;
  gap: 10px;
}
.wr-eqd-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.wr-eqd-stat {
  background: rgba(46,49,54,.4);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 9px;
  padding: 9px 10px;
  display: grid;
  gap: 4px;
}
.wr-eqd-stat span {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: rgba(181,183,185,.7);
}
.wr-eqd-stat strong {
  font-size: 22px;
  line-height: 1;
  color: #f4f6f7;
}
.wr-eqd-stat small {
  font-size: 10px;
  color: rgba(181,183,185,.66);
}
.wr-eqd-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.wr-eqd-col {
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 10px;
  background: rgba(46,49,54,.34);
  padding: 10px;
  display: grid;
  gap: 8px;
}
.wr-eqd-col h4 {
  margin: 0;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #e4c89b;
}
.wr-eqd-item {
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  background: rgba(15,17,20,.45);
  padding: 8px 9px;
  display: grid;
  gap: 4px;
}
.wr-eqd-item-head {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
.wr-eqd-item-head strong {
  font-size: 12px;
  color: #f4f6f7;
}
.wr-eqd-item-head span {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--bronze, #8c6a3e);
}
.wr-eqd-item-meta {
  font-size: 11px;
  color: rgba(181,183,185,.74);
}
.wr-eqd-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.wr-eqd-actions a {
  font-size: 11px;
  font-weight: 700;
  color: var(--bronze, #8c6a3e);
  text-decoration: none;
  border: 1px solid rgba(140,106,62,.3);
  background: rgba(140,106,62,.1);
  border-radius: 999px;
  padding: 4px 9px;
}

/* ── Shared Card Base ── */
.wr-card {
  background: linear-gradient(170deg, rgba(21,27,35,.98), rgba(19,25,33,.92));
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 12px; padding: 14px;
  transition: border-color .18s ease;
}
.wr-card:hover { border-color: rgba(140,106,62,.25); }
.wr-card--accent { border-left: 3px solid var(--bronze, #8c6a3e); }
.wr-card--red { border-left: 3px solid #d56666; }
.wr-card--green { border-left: 3px solid #6abf69; }
.wr-card--yellow { border-left: 3px solid #e4c89b; }

.wr-card-head {
  display: flex; align-items: center; justify-content: space-between;
  gap: 8px; margin-bottom: 12px;
}
.wr-card-title { font-size: 13px; font-weight: 700; color: #f0e6d9; }
.wr-card-sub { font-size: 11px; color: rgba(181,183,185,.72); margin-top: 4px; }

/* ── 1. Operator Briefing ── */
.wr-briefing {
  background: linear-gradient(135deg, rgba(140,106,62,.08), rgba(21,27,35,.98));
  border: 1px solid rgba(140,106,62,.22);
  border-radius: 14px; padding: 16px;
  position: relative; overflow: hidden;
}
.wr-briefing::before {
  content: ""; position: absolute; top: 0; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg, var(--bronze, #8c6a3e), transparent 80%);
}
.wr-briefing-head {
  display: flex; align-items: center; justify-content: space-between;
  gap: 12px; margin-bottom: 12px;
}
.wr-briefing-icon {
  width: 42px; height: 42px; border-radius: 10px;
  background: linear-gradient(135deg, rgba(140,106,62,.2), rgba(140,106,62,.06));
  border: 1px solid rgba(140,106,62,.3);
  display: flex; align-items: center; justify-content: center;
}
.wr-briefing-icon svg { width: 20px; height: 20px; color: var(--bronze, #8c6a3e); }
.wr-briefing-label {
  font-size: 16px; font-weight: 800; color: #fff; letter-spacing: .01em;
}
.wr-briefing-label span { font-size: 11px; color: rgba(181,183,185,.72); display: block; font-weight: 500; }
.wr-briefing-live {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em;
  color: #6abf69;
}
.wr-briefing-live::before {
  content: ""; width: 7px; height: 7px; border-radius: 50%;
  background: #6abf69; animation: wr-pulse 2s ease-in-out infinite;
}
@keyframes wr-pulse { 0%,100% { opacity: 1; } 50% { opacity: .3; } }

.wr-briefing-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.wr-briefing-col h4 {
  font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em;
  margin: 0 0 10px; padding-bottom: 8px;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.wr-briefing-col h4.wr-head-risk { color: #d56666; }
.wr-briefing-col h4.wr-head-action { color: #e4c89b; }
.wr-briefing-col h4.wr-head-opp { color: #6abf69; }
.wr-briefing-item {
  font-size: 12px; color: rgba(220,227,235,.88); line-height: 1.5;
  padding: 6px 0;
  display: flex; align-items: flex-start; gap: 8px;
}
.wr-briefing-dot {
  width: 6px; height: 6px; border-radius: 50%; flex-shrink: 0; margin-top: 6px;
}
.wr-dot-red { background: #d56666; }
.wr-dot-yellow { background: #e4c89b; }
.wr-dot-green { background: #6abf69; }
.wr-dot-blue { background: #63b3ed; }

/* ── 2. Revenue Competition ── */
.wr-competition {
  background: linear-gradient(160deg, rgba(21,27,35,.98), rgba(14,18,24,.96));
  border: 1px solid rgba(140,106,62,.18); border-radius: 14px; padding: 20px;
}
.wr-comp-timer {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 12px; font-weight: 700; color: #e4c89b;
  background: rgba(228,200,155,.08); border: 1px solid rgba(228,200,155,.2);
  border-radius: 8px; padding: 6px 12px;
}
.wr-comp-timer strong { font-size: 18px; color: #fff; }
.wr-comp-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: 16px; }
.wr-comp-founder {
  background: linear-gradient(170deg, rgba(46,49,54,.6), rgba(46,49,54,.35));
  border: 1px solid rgba(255,255,255,.06); border-radius: 12px; padding: 16px;
  text-align: center; transition: border-color .18s;
}
.wr-comp-founder:hover { border-color: rgba(140,106,62,.3); }
.wr-comp-founder.wr-leader { border-color: rgba(140,106,62,.45); background: linear-gradient(170deg, rgba(140,106,62,.1), rgba(46,49,54,.35)); }
.wr-comp-rank {
  font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em;
  color: var(--bronze, #8c6a3e); margin-bottom: 8px;
}
.wr-comp-name { font-size: 14px; font-weight: 700; color: #fff; margin-bottom: 4px; }
.wr-comp-total { font-size: 28px; font-weight: 800; color: #fff; line-height: 1; margin: 8px 0; }
.wr-comp-total .wr-comp-currency { font-size: 16px; color: var(--bronze, #8c6a3e); }
.wr-comp-breakdown { display: grid; gap: 4px; margin-top: 12px; }
.wr-comp-row {
  display: flex; justify-content: space-between; align-items: center;
  font-size: 11px; padding: 3px 0;
}
.wr-comp-row-label { color: rgba(181,183,185,.72); }
.wr-comp-row-val { font-weight: 700; color: #dce3eb; }

/* ── 3. Live Recent Wins ── */
.wr-wins {
  background: rgba(19,25,33,.95); border: 1px solid rgba(255,255,255,.06);
  border-radius: 12px; overflow: hidden;
}
.wr-wins-list { max-height: 380px; overflow-y: auto; }
.wr-wins-list::-webkit-scrollbar { width: 4px; }
.wr-wins-list::-webkit-scrollbar-thumb { background: rgba(140,106,62,.3); border-radius: 2px; }
.wr-win-item {
  display: flex; align-items: center; gap: 12px; padding: 11px 14px;
  border-bottom: 1px solid rgba(255,255,255,.03);
  transition: background .15s;
}
.wr-win-item:hover { background: rgba(140,106,62,.04); }
.wr-win-icon {
  width: 32px; height: 32px; border-radius: 8px;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.wr-win-icon svg { width: 14px; height: 14px; }
.wr-win-icon--project { background: rgba(99,179,237,.12); color: #63b3ed; border: 1px solid rgba(99,179,237,.2); }
.wr-win-icon--supply { background: rgba(140,106,62,.12); color: #8c6a3e; border: 1px solid rgba(140,106,62,.25); }
.wr-win-icon--design { background: rgba(167,139,250,.12); color: #a78bfa; border: 1px solid rgba(167,139,250,.2); }
.wr-win-icon--contributor { background: rgba(106,191,105,.12); color: #6abf69; border: 1px solid rgba(106,191,105,.2); }
.wr-win-body { flex: 1; min-width: 0; }
.wr-win-label { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
.wr-win-label--project { color: #63b3ed; }
.wr-win-label--supply { color: #8c6a3e; }
.wr-win-label--design { color: #a78bfa; }
.wr-win-label--contributor { color: #6abf69; }
.wr-win-detail { font-size: 12px; color: #dce3eb; margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wr-win-meta { text-align: right; flex-shrink: 0; }
.wr-win-value { font-size: 13px; font-weight: 700; color: #6abf69; }
.wr-win-time { font-size: 10px; color: rgba(181,183,185,.56); margin-top: 2px; }

/* ── 4. Mission Control ── */
.wr-missions { display: grid; gap: 12px; }
.wr-mission-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.wr-mission-stat {
  background: rgba(46,49,54,.5); border: 1px solid rgba(255,255,255,.06);
  border-radius: 10px; padding: 12px; text-align: center;
}
.wr-mission-stat-val { font-size: 24px; font-weight: 800; color: #fff; }
.wr-mission-stat-lbl { font-size: 10px; color: rgba(181,183,185,.72); text-transform: uppercase; letter-spacing: .06em; margin-top: 4px; }
.wr-mission-stat--active .wr-mission-stat-val { color: #6abf69; }
.wr-mission-stat--blocked .wr-mission-stat-val { color: #d56666; }

.wr-mission-list { display: grid; gap: 8px; }
.wr-mission-item {
  display: flex; align-items: center; gap: 12px; padding: 10px 14px;
  background: rgba(46,49,54,.4); border: 1px solid rgba(255,255,255,.05);
  border-radius: 10px; border-left: 3px solid transparent;
  transition: border-color .15s;
}
.wr-mission-item:hover { border-color: rgba(140,106,62,.3); }
.wr-mission-item--critical { border-left-color: #d56666; }
.wr-mission-item--high { border-left-color: #e4c89b; }
.wr-mission-item--standard { border-left-color: rgba(181,183,185,.3); }
.wr-mission-rank {
  width: 28px; height: 28px; border-radius: 50%;
  background: rgba(140,106,62,.12); border: 1px solid rgba(140,106,62,.25);
  display: flex; align-items: center; justify-content: center;
  font-size: 11px; font-weight: 800; color: var(--bronze, #8c6a3e); flex-shrink: 0;
}
.wr-mission-body { flex: 1; min-width: 0; }
.wr-mission-name { font-size: 12px; font-weight: 700; color: #f0e6d9; }
.wr-mission-meta { font-size: 10px; color: rgba(181,183,185,.6); margin-top: 3px; }
.wr-mission-impact {
  font-size: 12px; font-weight: 700; color: #6abf69; flex-shrink: 0;
}

/* ── 5. Risk Radar ── */
.wr-radar { display: grid; gap: 12px; }
.wr-radar-summary { display: flex; gap: 14px; align-items: center; }
.wr-radar-count {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 12px; font-weight: 700; padding: 5px 10px; border-radius: 8px;
}
.wr-radar-count--red { background: rgba(213,102,102,.12); color: #d56666; border: 1px solid rgba(213,102,102,.25); }
.wr-radar-count--yellow { background: rgba(228,200,155,.1); color: #e4c89b; border: 1px solid rgba(228,200,155,.2); }
.wr-radar-count--green { background: rgba(106,191,105,.1); color: #6abf69; border: 1px solid rgba(106,191,105,.2); }
.wr-radar-list { display: grid; gap: 6px; }
.wr-radar-item {
  display: flex; align-items: center; gap: 10px; padding: 10px 12px;
  background: rgba(46,49,54,.35); border-radius: 8px;
  border-left: 3px solid transparent;
}
.wr-radar-item--red { border-left-color: #d56666; }
.wr-radar-item--yellow { border-left-color: #e4c89b; }
.wr-radar-item--green { border-left-color: #6abf69; }
.wr-radar-dot { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }
.wr-radar-dot--red { background: #d56666; }
.wr-radar-dot--yellow { background: #e4c89b; }
.wr-radar-dot--green { background: #6abf69; }
.wr-radar-text { font-size: 12px; color: #dce3eb; flex: 1; }
.wr-radar-project { font-size: 10px; color: rgba(181,183,185,.56); flex-shrink: 0; }

/* ── 6. Profitability Heatmap ── */
.wr-heatmap { overflow-x: auto; }
.wr-heatmap-table { width: 100%; border-collapse: collapse; }
.wr-heatmap-table th {
  font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em;
  color: rgba(181,183,185,.56); padding: 8px 10px; text-align: left;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.wr-heatmap-table td {
  font-size: 12px; color: #dce3eb; padding: 10px;
  border-bottom: 1px solid rgba(255,255,255,.03);
}
.wr-heatmap-table tr:hover td { background: rgba(140,106,62,.03); }
.wr-hm-project { font-weight: 700; color: #f0e6d9; }
.wr-hm-type { font-size: 10px; color: rgba(181,183,185,.56); }
.wr-hm-margin { font-weight: 700; }
.wr-hm-margin--high { color: #6abf69; }
.wr-hm-margin--med { color: #e4c89b; }
.wr-hm-margin--low { color: #d56666; }
.wr-hm-risk {
  display: inline-block; font-size: 10px; font-weight: 700; text-transform: uppercase;
  padding: 2px 7px; border-radius: 4px; letter-spacing: .04em;
}
.wr-hm-risk--high { background: rgba(213,102,102,.15); color: #d56666; }
.wr-hm-risk--medium { background: rgba(228,200,155,.12); color: #e4c89b; }
.wr-hm-risk--low { background: rgba(106,191,105,.1); color: #6abf69; }
.wr-hm-bar { width: 100%; height: 6px; background: rgba(255,255,255,.06); border-radius: 3px; overflow: hidden; }
.wr-hm-bar-fill { height: 100%; border-radius: 3px; transition: width .3s ease; }
.wr-hm-bar-fill--high { background: #6abf69; }
.wr-hm-bar-fill--med { background: #e4c89b; }
.wr-hm-bar-fill--low { background: #d56666; }

/* ── 7. Pipeline Flow ── */
.wr-pipeline { display: grid; gap: 12px; }
.wr-pipeline-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.wr-pipeline-stat {
  background: rgba(46,49,54,.5); border: 1px solid rgba(255,255,255,.06);
  border-radius: 10px; padding: 12px; text-align: center;
}
.wr-pipeline-stat-val { font-size: 22px; font-weight: 800; color: #fff; }
.wr-pipeline-stat-val--bronze { color: var(--bronze, #8c6a3e); }
.wr-pipeline-stat-lbl { font-size: 10px; color: rgba(181,183,185,.72); text-transform: uppercase; letter-spacing: .06em; margin-top: 4px; }
.wr-pipeline-funnel { display: grid; gap: 4px; }
.wr-funnel-stage { display: grid; grid-template-columns: 110px 1fr 60px 70px; gap: 10px; align-items: center; padding: 6px 0; }
.wr-funnel-label { font-size: 11px; font-weight: 600; color: rgba(181,183,185,.72); }
.wr-funnel-bar { height: 8px; background: rgba(255,255,255,.04); border-radius: 4px; overflow: hidden; }
.wr-funnel-fill { height: 100%; border-radius: 4px; background: var(--bronze, #8c6a3e); transition: width .3s ease; }
.wr-funnel-count { font-size: 12px; font-weight: 700; color: #fff; text-align: right; }
.wr-funnel-value { font-size: 11px; color: #6abf69; font-weight: 600; text-align: right; }

/* ── 8. Ecosystem Pulse ── */
.wr-ecosystem { display: grid; gap: 12px; }
.wr-eco-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.wr-eco-stat {
  background: rgba(46,49,54,.5); border: 1px solid rgba(255,255,255,.06);
  border-radius: 10px; padding: 14px; text-align: center;
}
.wr-eco-stat-val { font-size: 24px; font-weight: 800; color: #fff; }
.wr-eco-stat-lbl { font-size: 10px; color: rgba(181,183,185,.72); text-transform: uppercase; letter-spacing: .06em; margin-top: 4px; }
.wr-eco-stat--active .wr-eco-stat-val { color: #6abf69; }
.wr-eco-activity { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.wr-eco-activity-card {
  background: rgba(46,49,54,.4); border: 1px solid rgba(255,255,255,.05);
  border-radius: 10px; padding: 12px;
}
.wr-eco-activity-card h4 { margin: 0 0 6px; font-size: 12px; font-weight: 700; color: #f0e6d9; }
.wr-eco-activity-row {
  display: flex; justify-content: space-between; font-size: 11px; padding: 3px 0;
  color: rgba(181,183,185,.72);
}
.wr-eco-activity-row strong { color: #dce3eb; }

/* ── 9. What's Not Moving ── */
.wr-notmoving { display: grid; gap: 6px; }
.wr-notmove-item {
  display: flex; align-items: center; gap: 10px; padding: 10px 12px;
  background: rgba(46,49,54,.35); border-radius: 8px;
  border-left: 3px solid transparent;
}
.wr-notmove-item--high { border-left-color: #d56666; }
.wr-notmove-item--medium { border-left-color: #e4c89b; }
.wr-notmove-item--low { border-left-color: rgba(181,183,185,.3); }
.wr-notmove-type {
  font-size: 9px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em;
  padding: 2px 6px; border-radius: 4px;
  background: rgba(255,255,255,.06); color: rgba(181,183,185,.72);
}
.wr-notmove-label { font-size: 12px; font-weight: 700; color: #f0e6d9; flex: 1; }
.wr-notmove-detail { font-size: 11px; color: rgba(181,183,185,.56); flex-shrink: 0; }

/* ── Contributor Panel ── */
.wr-contrib-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.wr-contrib-stat { text-align: center; padding: 10px; background: rgba(46,49,54,.4); border-radius: 10px; border: 1px solid rgba(255,255,255,.05); }
.wr-contrib-stat-val { font-size: 20px; font-weight: 800; color: #fff; }
.wr-contrib-stat-val--green { color: #6abf69; }
.wr-contrib-stat-val--amber { color: #e4c89b; }
.wr-contrib-stat-lbl { font-size: 10px; color: rgba(181,183,185,.72); text-transform: uppercase; letter-spacing: .06em; margin-top: 3px; }

/* ── Live Haulage Tickets ── */
.wr-haul-wrap {
  background: linear-gradient(160deg, rgba(19,25,33,.98), rgba(14,19,26,.96));
  border: 1px solid rgba(140,106,62,.22);
  border-radius: 12px;
  padding: 12px 12px 10px;
}
.wr-haul-kpis {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 10px;
}
.wr-haul-kpis div {
  background: rgba(46,49,54,.4);
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 9px;
  padding: 8px 10px;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.wr-haul-kpis span {
  font-size: 10px;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: rgba(181,183,185,.7);
}
.wr-haul-kpis strong { font-size: 18px; color: #f0e6d9; }
.wr-haul-kpis div:first-child strong { color: #d56666; }
.wr-haul-kpis div:nth-child(2) strong { color: #e4c89b; }
.wr-haul-kpis div:nth-child(3) strong { color: #6abf69; }
.wr-haul-col--open { border-color: rgba(213,102,102,.28); }
.wr-haul-col--assigned { border-color: rgba(228,200,155,.26); }
.wr-haul-col--completed { border-color: rgba(106,191,105,.26); }
.wr-haul-col-head--open strong { color: #d56666; }
.wr-haul-col-head--assigned strong { color: #e4c89b; }
.wr-haul-col-head--completed strong { color: #6abf69; }
.wr-haul-col-head--open { background: rgba(213,102,102,.08); }
.wr-haul-col-head--assigned { background: rgba(228,200,155,.08); }
.wr-haul-col-head--completed { background: rgba(106,191,105,.08); }
.wr-haul-card {
  background: rgba(15,17,20,.5);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 8px;
  padding: 9px;
}
.wr-haul-note {
  margin: 0 0 10px;
  font-size: 11px;
  color: rgba(181,183,185,.66);
}
.wr-haul-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.wr-haul-col {
  background: rgba(46,49,54,.34);
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 10px;
  min-height: 200px;
}
.wr-haul-col-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255,255,255,.08);
  padding: 8px 10px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: #dce3eb;
}
.wr-haul-col-head strong {
  color: var(--bronze, #8c6a3e);
}
.wr-haul-col-body {
  display: grid;
  gap: 8px;
  padding: 8px;
}
.wr-haul-owner {
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 6px;
}
.wr-haul-row {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  font-size: 11px;
  color: rgba(181,183,185,.75);
  margin-top: 3px;
}
.wr-haul-row strong {
  color: #f0e6d9;
  font-weight: 600;
  text-align: right;
}
.wr-haul-empty {
  border: 1px dashed rgba(255,255,255,.1);
  border-radius: 8px;
  text-align: center;
  color: rgba(181,183,185,.56);
  font-size: 11px;
  padding: 14px 8px;
}

/* ── Coordination Signals ── */
.wr-signals { display: grid; gap: 6px; }
.wr-signal {
  display: flex; align-items: center; gap: 8px; padding: 6px 10px;
  background: rgba(140,106,62,.04); border-radius: 6px;
  font-size: 12px; color: #dce3eb;
}
.wr-signal-dot {
  width: 6px; height: 6px; border-radius: 50%; background: var(--bronze, #8c6a3e);
  animation: wr-pulse 2.5s ease-in-out infinite;
}
.wr-signal-time { color: rgba(181,183,185,.5); font-size: 10px; margin-left: auto; }

/* ── Operational Progression ── */
.wr-buildpath {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 12px;
}
.wr-progress-intro {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.wr-progress-intro a {
  border: 1px solid rgba(140,106,62,.3);
  background: rgba(140,106,62,.11);
  color: #f0e2cf;
  border-radius: 999px;
  padding: 5px 10px;
  font-size: 10px;
  font-weight: 700;
  text-decoration: none;
}
.wr-phase-list {
  display: grid;
  gap: 10px;
}
.wr-phase {
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  background: rgba(19,25,33,.95);
  padding: 10px 12px;
}
.wr-phase--active {
  border-color: rgba(140,106,62,.28);
}
.wr-phase-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.wr-phase-head strong {
  font-size: 13px;
  color: #f0e6d9;
}
.wr-phase-head span {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: rgba(181,183,185,.72);
}
.wr-progress-list {
  display: grid;
  gap: 10px;
  margin-top: 10px;
}
.wr-progress-item {
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  background: rgba(19,25,33,.95);
  padding: 11px 12px;
  display: grid;
  gap: 7px;
}
.wr-progress-item--active {
  border-left: 3px solid #6abf69;
}
.wr-progress-item--blocked {
  border-left: 3px solid #e4c89b;
}
.wr-progress-check {
  display: flex;
  align-items: flex-start;
  gap: 9px;
}
.wr-progress-toggle {
  margin-top: 2px;
}
.wr-progress-check-body {
  display: flex;
  align-items: center;
  gap: 8px;
}
.wr-progress-check strong {
  font-size: 13px;
  color: #f0e6d9;
}
.wr-progress-source {
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: rgba(181,183,185,.72);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 999px;
  padding: 2px 7px;
}
.wr-progress-note {
  font-size: 12px;
  color: rgba(181,183,185,.8);
  line-height: 1.4;
}
.wr-buildpath-notes {
  display: grid;
  gap: 10px;
}
.wr-buildpath-note {
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  background: rgba(15,17,20,.42);
  padding: 10px 11px;
}
.wr-buildpath-note h4 {
  margin: 0 0 8px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: rgba(181,183,185,.7);
}
.wr-buildpath-note ul {
  margin: 0;
  padding-left: 16px;
  display: grid;
  gap: 6px;
}
.wr-buildpath-note li {
  font-size: 12px;
  color: #dce3eb;
}

/* ── Two-Column Layout ── */
.wr-dual { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.wr-triple { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 16px; }

/* ── Loading State ── */
.wr-loading {
  display: flex; align-items: center; justify-content: center;
  min-height: 80px; color: rgba(181,183,185,.56);
}
.wr-spinner {
  width: 16px; height: 16px; border: 2px solid rgba(140,106,62,.2);
  border-top-color: var(--bronze, #8c6a3e); border-radius: 50%;
  animation: wr-spin .7s linear infinite;
}
@keyframes wr-spin { to { transform: rotate(360deg); } }

/* ── Empty States ── */
.wr-empty {
  text-align: center; padding: 24px; color: rgba(181,183,185,.5);
  font-size: 12px; border: 1px dashed rgba(255,255,255,.08); border-radius: 10px;
}

/* ── Visual System Flow ── */
.wr-system-flow {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  background: rgba(19,25,33,.6);
  border: 1px solid rgba(255,255,255,.05);
  border-radius: 10px;
  overflow-x: auto;
  white-space: nowrap;
  margin-bottom: 4px;
}
.wr-flow-stage {
  font-size: 11px;
  font-weight: 600;
  color: rgba(181,183,185,.56);
  text-decoration: none;
  padding: 4px 10px;
  border-radius: 6px;
  transition: color .15s, background .15s;
}
.wr-flow-stage:hover { color: #f0e6d9; background: rgba(140,106,62,.08); }
.wr-flow-stage--active {
  color: #fff;
  background: rgba(140,106,62,.18);
  border: 1px solid rgba(140,106,62,.3);
  font-weight: 700;
}
.wr-flow-arrow {
  font-size: 10px;
  color: rgba(181,183,185,.28);
  flex-shrink: 0;
}

/* ── Command Strip ── */
.wr-command-strip {
  background: linear-gradient(135deg, rgba(140,106,62,.06), rgba(21,27,35,.98));
  border: 1px solid rgba(140,106,62,.2);
  border-radius: 12px;
  padding: 14px;
}
.wr-cmd-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}
.wr-cmd-col { display: grid; gap: 6px; align-content: start; }
.wr-cmd-col-title {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  padding-bottom: 6px;
  margin-bottom: 2px;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.wr-cmd-col-title.wr-dot-red { color: #d56666; }
.wr-cmd-col-title.wr-dot-yellow { color: #e4c89b; }
.wr-cmd-col-title.wr-dot-green { color: #6abf69; }
.wr-cmd-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 12px;
  color: rgba(220,227,235,.88);
  line-height: 1.45;
  padding: 4px 0;
}
.wr-cmd-source {
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: rgba(181,183,185,.48);
  padding: 1px 5px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 3px;
  margin-left: auto;
  flex-shrink: 0;
}
.wr-cmd-empty {
  font-size: 11px;
  color: rgba(181,183,185,.4);
  font-style: italic;
  padding: 4px 0;
}
.wr-cmd-idle {
  text-align: center;
  padding: 14px;
  font-size: 12px;
  color: rgba(181,183,185,.5);
}

/* ── Field Snapshot ── */
.wr-field-snapshot { display: grid; gap: 10px; }
.wr-field-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.wr-field-stat {
  background: rgba(46,49,54,.5);
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 10px;
  padding: 12px;
  text-align: center;
}
.wr-field-stat-val { font-size: 22px; font-weight: 800; color: #fff; }
.wr-field-stat-lbl { font-size: 10px; color: rgba(181,183,185,.72); text-transform: uppercase; letter-spacing: .06em; margin-top: 4px; }
.wr-field-logs { display: grid; gap: 4px; }
.wr-field-log-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 10px;
  background: rgba(46,49,54,.35);
  border-radius: 8px;
  font-size: 12px;
}
.wr-field-log-title { font-weight: 700; color: #f0e6d9; flex: 1; }
.wr-field-log-project { font-size: 10px; color: rgba(181,183,185,.56); }
.wr-field-log-time { font-size: 10px; color: rgba(181,183,185,.44); flex-shrink: 0; }

/* ── Equipment Demand ── */
.wr-equipment-demand {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.wr-ed-col {
  background: rgba(46,49,54,.38);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  padding: 10px;
}
.wr-ed-col-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: rgba(181,183,185,.74);
  margin-bottom: 8px;
}
.wr-ed-col-head span { color: var(--bronze, #8c6a3e); font-weight: 800; }
.wr-ed-type-list,
.wr-ed-upcoming-list {
  display: grid;
  gap: 6px;
}
.wr-ed-type-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 10px;
  border-radius: 8px;
  background: rgba(19,25,33,.9);
  border: 1px solid rgba(255,255,255,.06);
}
.wr-ed-type-label {
  font-size: 12px;
  color: #dce3eb;
}
.wr-ed-type-count {
  font-size: 14px;
  color: #f0e6d9;
}
.wr-ed-upcoming-item {
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 8px;
  background: rgba(19,25,33,.9);
  padding: 8px 10px;
  display: grid;
  gap: 4px;
}
.wr-ed-upcoming-head {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  align-items: baseline;
}
.wr-ed-upcoming-head strong {
  font-size: 12px;
  color: #f0e6d9;
}
.wr-ed-upcoming-head span {
  font-size: 10px;
  color: var(--bronze, #8c6a3e);
  text-transform: uppercase;
  letter-spacing: .04em;
  flex-shrink: 0;
}
.wr-ed-upcoming-meta {
  font-size: 11px;
  color: rgba(181,183,185,.74);
}

/* ── AI Insights ── */
.wr-ai-insights { display: grid; gap: 6px; }
.wr-ai-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  background: rgba(46,49,54,.35);
  border-radius: 8px;
  border-left: 3px solid transparent;
}
.wr-ai-type {
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
  padding: 2px 6px;
  border-radius: 4px;
  flex-shrink: 0;
}
.wr-ai-risk { background: rgba(213,102,102,.15); color: #d56666; border-left-color: #d56666; }
.wr-ai-item:has(.wr-ai-risk) { border-left-color: #d56666; }
.wr-ai-financial { background: rgba(106,191,105,.1); color: #6abf69; }
.wr-ai-item:has(.wr-ai-financial) { border-left-color: #6abf69; }
.wr-ai-update { background: rgba(228,200,155,.12); color: #e4c89b; }
.wr-ai-item:has(.wr-ai-update) { border-left-color: #e4c89b; }
.wr-ai-text { font-size: 12px; color: #dce3eb; flex: 1; }
.wr-ai-module {
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: rgba(181,183,185,.48);
  padding: 1px 5px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 3px;
  flex-shrink: 0;
}
.wr-ai-help {
  display: grid;
  gap: 9px;
}
.wr-ai-prompt-list {
  display: grid;
  gap: 6px;
}
.wr-ai-prompt {
  border: 1px solid rgba(140,106,62,.24);
  background: rgba(140,106,62,.08);
  border-radius: 8px;
  padding: 7px 9px;
  font-size: 11px;
  color: #eadfce;
}
.wr-ai-open {
  display: inline-flex;
  width: fit-content;
  border: 1px solid rgba(140,106,62,.36);
  background: rgba(140,106,62,.14);
  color: #f0e2cf;
  text-decoration: none;
  border-radius: 999px;
  padding: 5px 10px;
  font-size: 10px;
  font-weight: 700;
}

/* ── Mission Accountability Enhancements ── */
.wr-mission-stale {
  display: inline-block;
  margin-top: 4px;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: #d56666;
  padding: 2px 7px;
  background: rgba(213,102,102,.1);
  border: 1px solid rgba(213,102,102,.2);
  border-radius: 4px;
}
.wr-mission-next {
  margin-top: 3px;
  font-size: 11px;
  color: #e4c89b;
  font-weight: 600;
}

/* ── Operational Feed Enhancements ── */
.wr-win-source {
  font-size: 9px;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: rgba(181,183,185,.48);
  padding: 1px 5px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 3px;
  margin-left: 6px;
  vertical-align: middle;
}
.wr-win-impact {
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
  padding: 1px 5px;
  border-radius: 3px;
  margin-bottom: 2px;
}
.wr-win-impact--financial { background: rgba(106,191,105,.1); color: #6abf69; }
.wr-win-impact--progress { background: rgba(99,179,237,.1); color: #63b3ed; }
.wr-win-impact--update { background: rgba(228,200,155,.1); color: #e4c89b; }
.wr-win-impact--risk { background: rgba(213,102,102,.1); color: #d56666; }

/* ── Project Health ── */
.wr-project-health { display: grid; gap: 10px; }
.wr-ph-counts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.wr-ph-count {
  background: rgba(46,49,54,.45);
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 9px;
  padding: 8px 10px;
  display: grid;
  gap: 2px;
}
.wr-ph-count strong { font-size: 19px; color: #fff; line-height: 1; }
.wr-ph-count span { font-size: 10px; text-transform: uppercase; letter-spacing: .05em; color: rgba(181,183,185,.74); }
.wr-ph-count--on-track,
.wr-ph-count--healthy { border-color: rgba(106,191,105,.3); }
.wr-ph-count--needs-attention { border-color: rgba(228,200,155,.3); }
.wr-ph-count--at-risk { border-color: rgba(213,102,102,.3); }
.wr-ph-list { display: grid; gap: 7px; }
.wr-ph-item {
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 9px;
  padding: 9px 11px;
  background: rgba(19,25,33,.96);
}
.wr-ph-item--on-track,
.wr-ph-item--healthy { border-left: 3px solid #6abf69; }
.wr-ph-item--needs-attention { border-left: 3px solid #e4c89b; }
.wr-ph-item--at-risk { border-left: 3px solid #d56666; }
.wr-ph-head { display: flex; justify-content: space-between; gap: 8px; align-items: center; }
.wr-ph-head strong { font-size: 13px; color: #fff; }
.wr-ph-label {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
  padding: 2px 8px;
  border-radius: 999px;
  border: 1px solid;
}
.wr-ph-label--on-track,
.wr-ph-label--healthy { color: #6abf69; border-color: rgba(106,191,105,.35); background: rgba(106,191,105,.1); }
.wr-ph-label--needs-attention { color: #e4c89b; border-color: rgba(228,200,155,.35); background: rgba(228,200,155,.1); }
.wr-ph-label--at-risk { color: #d56666; border-color: rgba(213,102,102,.35); background: rgba(213,102,102,.1); }
.wr-ph-metrics {
  margin-top: 5px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  font-size: 11px;
  color: rgba(181,183,185,.74);
}

/* ── Responsive ── */
@media (max-width: 1100px) {
  .wr-execview-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wr-founder-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .wr-summary-layer { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .wr-exec-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wr-action-item { grid-template-columns: 120px 1fr 64px; }
  .wr-comp-grid { grid-template-columns: repeat(2, 1fr); }
  .wr-briefing-grid { grid-template-columns: 1fr 1fr; }
  .wr-dual { grid-template-columns: 1fr; }
  .wr-triple { grid-template-columns: 1fr; }
  .wr-buildpath { grid-template-columns: 1fr; }
  .wr-eco-stats { grid-template-columns: repeat(2, 1fr); }
  .wr-mission-stats { grid-template-columns: repeat(2, 1fr); }
  .wr-pipeline-stats { grid-template-columns: 1fr; }
  .wr-eqd-stats { grid-template-columns: 1fr 1fr 1fr; }
  .wr-eqd-grid { grid-template-columns: 1fr; }
  .wr-cmd-grid { grid-template-columns: 1fr 1fr; }
  .wr-field-stats { grid-template-columns: repeat(2, 1fr); }
  .wr-ph-counts { grid-template-columns: 1fr 1fr 1fr; }
  .wr-start-grid { grid-template-columns: 1fr; }
}
@media (max-width: 840px) {
  .wr-execview-cards { grid-template-columns: 1fr 1fr; }
  .wr-founder-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wr-action-item {
    grid-template-columns: 1fr;
    gap: 6px;
    align-items: start;
  }
  .wr-action-priority { text-align: left; }
  .wr-exec-cards { grid-template-columns: 1fr 1fr; }
  .wr-exec-funnel { grid-template-columns: 1fr 1fr; }
  .wr-summary-layer { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wr-briefing-grid { grid-template-columns: 1fr; }
  .wr-comp-grid { grid-template-columns: 1fr; }
  .wr-eco-stats { grid-template-columns: 1fr 1fr; }
  .wr-eco-activity { grid-template-columns: 1fr; }
  .wr-eqd-stats { grid-template-columns: 1fr 1fr; }
  .wr-funnel-stage { grid-template-columns: 80px 1fr 50px 60px; }
  .wr-equipment-demand { grid-template-columns: 1fr; }
  .wr-haul-grid { grid-template-columns: 1fr; }
  .wr-heatmap-table th:nth-child(n+4),
  .wr-heatmap-table td:nth-child(n+4) { display: none; }
  .wr-cmd-grid { grid-template-columns: 1fr; }
  .wr-field-stats { grid-template-columns: repeat(2, 1fr); }
  .wr-system-flow { flex-wrap: wrap; }
  .wr-ph-counts { grid-template-columns: 1fr; }
  .wr-progress-intro a { width: 100%; text-align: center; }
}
@media (max-width: 520px) {
  .wr-execview-cards { grid-template-columns: 1fr; }
  .wr-execview-line { font-size: 12px; }
  .wr-founder-strip { grid-template-columns: 1fr; }
  .wr-haul-kpis { grid-template-columns: 1fr; }
  .wr-exec-cards { grid-template-columns: 1fr; }
  .wr-exec-funnel { grid-template-columns: 1fr; }
  .wr-summary-layer { grid-template-columns: 1fr; }
  .wr-summary-value { font-size: 20px; }
  .wr-eco-stats { grid-template-columns: 1fr; }
  .wr-eqd-stats { grid-template-columns: 1fr; }
  .wr-mission-stats { grid-template-columns: 1fr 1fr; }
  .wr-contrib-stats { grid-template-columns: 1fr; }
  .wr-field-stats { grid-template-columns: 1fr 1fr; }
  .wr-system-flow { gap: 4px; padding: 6px 10px; }
  .wr-flow-stage { font-size: 10px; padding: 3px 6px; }
}

/* ── War Room Spacing + Alignment Polish ── */
.wr-panels {
  gap: 16px;
  padding: 0 0 32px;
}

.wr-card,
.wr-briefing,
.wr-attention,
.wr-command-strip,
.wr-haul-wrap {
  padding: 16px;
}

.wr-section-head,
.wr-card-head {
  align-items: flex-start;
  margin-bottom: 12px;
}

.wr-section-title,
.wr-card-title {
  line-height: 1.35;
}

.wr-execview-cards,
.wr-founder-strip,
.wr-summary-layer,
.wr-comp-grid,
.wr-mission-stats,
.wr-contrib-stats,
.wr-field-stats,
.wr-cmd-grid,
.wr-haul-grid,
.wr-eco-stats,
.wr-eco-activity,
.wr-dual,
.wr-triple {
  gap: 14px;
}

.wr-execview-card,
.wr-founder-card,
.wr-summary-card,
.wr-mission-stat,
.wr-eco-stat,
.wr-field-stat {
  padding: 12px 14px;
}

@media (max-width: 840px) {
  .wr-panels {
    gap: 14px;
    padding-bottom: 24px;
  }
  .wr-focus-layer {
    grid-template-columns: 1fr;
  }
}