/* Dark Flow Futures — Mission Control component unification.
   Visual-only overrides for dashboard, execution journey, tables, cards and controls. */

/* Shared surfaces */
.mc-loading,.mc-error,
.mc-status,.mc-top-stats>.mc-metric,.mc-account-card,.mc-panel,
.mc-mode-body,.mc-empty,.mc-flow-node,.mc-insight,
.mc-wl-grid .mc-metric,
.ej-health-panel,.ej-comparison-panel,.ej-errors-panel,.ej-cycle-panel{
  border-color:var(--df-line)!important;
  background:linear-gradient(180deg,rgba(16,23,32,.97),rgba(11,16,23,.97))!important;
  color:var(--df-text)!important;
  box-shadow:var(--df-shadow-panel);
}

.mc-loading,.mc-error{color:var(--df-muted)!important}
.mc-error strong{color:var(--df-bad)!important}

/* Mission Control header */
.mc-head{margin-bottom:16px}
.mc-head h2{color:var(--df-text-strong)!important;font-size:24px;font-weight:650;letter-spacing:-.025em}
.mc-head p,.mc-head-time span,.mc-head-time small{color:var(--df-muted)!important}
.mc-head-time strong{color:#cfd8e6!important;font-weight:620}
.mc-eyebrow{color:var(--df-accent-2)!important;font-size:9px;letter-spacing:.13em}

/* Status strip */
.mc-status{
  position:relative;
  overflow:hidden;
  border-top-width:2px!important;
  border-radius:10px!important;
  padding:10px 11px!important;
}
.mc-status::after{
  content:"";
  position:absolute;
  left:10px;
  right:10px;
  bottom:0;
  height:1px;
  opacity:.32;
  background:linear-gradient(90deg,transparent,currentColor,transparent);
}
.mc-status.good,.mc-status.fresh{border-top-color:var(--df-good)!important;color:var(--df-good)}
.mc-status.warn{border-top-color:var(--df-warn)!important;color:var(--df-warn)}
.mc-status.bad,.mc-status.stale{border-top-color:var(--df-bad)!important;color:var(--df-bad)}
.mc-status span,.mc-status small{color:var(--df-muted)!important}
.mc-status strong{color:var(--df-text-strong)!important;font-weight:650}

.mc-top-stats>.mc-metric{border-radius:10px!important}
.mc-metric>span{color:var(--df-muted)!important;font-size:8.5px!important;letter-spacing:.065em!important}
.mc-metric>strong{color:var(--df-text-strong);font-weight:650}
.mc-metric>small{color:var(--df-muted-2)!important}
.mc-metric.good>strong,.mc-metric.good strong{color:var(--df-good)!important}
.mc-metric.warn>strong,.mc-metric.warn strong{color:var(--df-warn)!important}
.mc-metric.bad>strong,.mc-metric.bad strong{color:var(--df-bad)!important}

.mc-section-title h3,.mc-panel-head h3,.mc-workflow-head strong{color:var(--df-text-strong)!important;font-weight:650}
.mc-section-title p,.mc-section-title>span,.mc-panel-head p,.mc-panel-head>small,.mc-workflow-head small{color:var(--df-muted)!important}

/* Account command cards */
.mc-account-card{
  position:relative;
  overflow:hidden;
  border-radius:12px!important;
  padding:15px!important;
}
.mc-account-card.active{
  border-color:rgba(101,146,232,.36)!important;
  box-shadow:0 0 0 1px rgba(101,146,232,.08),0 17px 34px rgba(0,0,0,.20)!important;
}
.mc-account-card.active::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:2px;
  background:linear-gradient(180deg,transparent,var(--df-accent),transparent);
}
.mc-account-head strong{color:var(--df-text-strong)!important;font-weight:650}
.mc-account-head small{color:var(--df-muted)!important}

.mc-tag{
  border:1px solid rgba(101,146,232,.15);
  background:rgba(101,146,232,.075)!important;
  color:#91b4f5!important;
  border-radius:6px!important;
  padding:4px 7px!important;
}
.mc-tag.good{border-color:rgba(63,199,139,.18);background:rgba(63,199,139,.075)!important;color:#71d8aa!important}
.mc-tag.warn{border-color:rgba(213,166,78,.20);background:rgba(213,166,78,.075)!important;color:#dfbc75!important}
.mc-tag.bad{border-color:rgba(233,106,119,.20);background:rgba(233,106,119,.075)!important;color:#f0939e!important}
.mc-tag.muted{border-color:var(--df-line);background:rgba(148,163,184,.055)!important;color:#96a3b4!important}

.mc-account-money{
  border:1px solid var(--df-line-soft);
  background:#090e14!important;
  border-radius:9px!important;
}
.mc-account-limits{color:var(--df-text)}
.mc-mode-body{
  border-radius:9px!important;
  background:#0a1017!important;
  box-shadow:none!important;
}
.mc-mode-body.gb{border-left-color:var(--df-warn)!important}
.mc-mode-body.full{border-left-color:var(--df-violet)!important}
.mc-mode-body.normal{border-left-color:var(--df-accent)!important}
.mc-mode-body.pd{border-left-color:var(--df-cyan)!important}
.mc-mode-title b{color:#cfd8e6!important}
.mc-mode-note,.mc-account-foot{color:var(--df-muted-2)!important}

/* Analytics panels and charts */
.mc-panel{border-radius:12px!important}
.mc-empty{background:#090e14!important;color:var(--df-muted)!important;box-shadow:none!important}
.mc-insight{
  border-radius:8px!important;
  background:#0a1017!important;
  color:#b5c0cf!important;
}
.mc-insight i{box-shadow:0 0 0 3px rgba(101,146,232,.08)}
.mc-insight.good i{background:var(--df-good)!important;box-shadow:0 0 0 3px rgba(63,199,139,.08)}
.mc-insight.warn i{background:var(--df-warn)!important;box-shadow:0 0 0 3px rgba(213,166,78,.08)}
.mc-insight.bad i{background:var(--df-bad)!important;box-shadow:0 0 0 3px rgba(233,106,119,.08)}

.mc-flow-node{
  border-top-width:2px!important;
  background:#0a1017!important;
  box-shadow:none!important;
}
.mc-flow-node.good{border-top-color:var(--df-good)!important}
.mc-flow-node.warn{border-top-color:var(--df-warn)!important}
.mc-flow-node.bad{border-top-color:var(--df-bad)!important}
.mc-flow-node span,.mc-flow-node small,.mc-flow-arrow{color:var(--df-muted)!important}
.mc-flow-node strong{color:#d8e0eb!important}

.mc-bar,.mc-progress-track{background:#1a2431!important}
.mc-bar i,.mc-progress-track i{background:linear-gradient(90deg,#4777c8,var(--df-accent-2))!important;box-shadow:0 0 10px rgba(101,146,232,.15)}
.mc-bar.net i{background:linear-gradient(90deg,#2b8a93,var(--df-cyan))!important}
.mc-legend,.mc-balance-label small,.mc-progress small{color:var(--df-muted)!important}
.mc-legend i{background:var(--df-accent)!important}.mc-legend i.net{background:var(--df-cyan)!important}

.mc-donut{
  background:conic-gradient(var(--df-good) 0 var(--win),var(--df-bad) var(--win) 100%)!important;
  box-shadow:0 0 34px rgba(101,146,232,.055);
}
.mc-donut:after{background:#0d131b!important;border:1px solid var(--df-line-soft)}
.mc-donut strong{color:var(--df-text-strong)!important}.mc-donut span{color:var(--df-muted)!important}
.mc-wl-grid .mc-metric{background:#0a1017!important;box-shadow:none!important}

.mc-line-chart line{stroke:#202c3b!important}
.mc-line-chart text{fill:#718096!important}
.mc-line-chart path{stroke:var(--df-accent)!important;filter:drop-shadow(0 0 7px rgba(101,146,232,.16))}
.mc-line-chart circle{fill:#0c121a!important;stroke:var(--df-accent-2)!important}

.mc-risk-table{color:#c9d3df!important}
.mc-risk-table th,.mc-risk-table td{border-bottom-color:var(--df-line-soft)!important}
.mc-risk-table th{color:var(--df-muted)!important}
.mc-risk-table td small{color:var(--df-muted-2)!important}
.mc-event{border-bottom-color:var(--df-line-soft)!important}
.mc-event-time,.mc-event-main small,.mc-footer{color:var(--df-muted)!important}
.mc-event-kind,.mc-event-main strong{color:#d2dbe7!important}

/* Execution Journey — unify hard-coded light surfaces without changing semantics */
#journey .panel{background:linear-gradient(180deg,rgba(15,21,29,.98),rgba(10,15,22,.98))}
#journey h3,#journey h4{color:var(--df-text-strong)}
#journey small,#journey p{color:var(--df-muted)}
#journey select{background:#090e14!important;color:var(--df-text)!important;border-color:#263446!important}

.ej-source-pill,.ej-cycle-meta{
  border:1px solid rgba(101,146,232,.18)!important;
  background:rgba(101,146,232,.075)!important;
  color:#8fb1ef!important;
  border-radius:7px!important;
}
.ej-toolbar,.ej-integrity,.ej-section-title,.ej-cycle-head,.ej-cycle-subhead{
  border-color:var(--df-line-soft)!important;
}
.ej-empty,.ej-footer-note,.ej-cycle-status{
  border-color:var(--df-line)!important;
  background:#0a1017!important;
  color:var(--df-muted)!important;
}

/* Any nested journey card/table surface carrying a white/light legacy fill */
#journey [class*="ej-"]{
  --ej-border:var(--df-line);
  --ej-muted:var(--df-muted);
}
#journey [class*="card"],
#journey [class*="stage"],
#journey [class*="comparison"],
#journey [class*="health"],
#journey [class*="error"],
#journey [class*="continuity"]{
  border-color:var(--df-line)!important;
}

.ej-cycle-table-wrap{
  border-color:var(--df-line)!important;
  background:#090e14!important;
}
.ej-cycle-table{color:#cbd5e1!important}
.ej-cycle-table th{
  position:sticky;
  top:0;
  background:#101720!important;
  color:#9eabba!important;
  border-color:var(--df-line-soft)!important;
}
.ej-cycle-table td{border-color:var(--df-line-soft)!important;background:transparent!important}
.ej-cycle-table tbody tr:hover td{background:rgba(101,146,232,.04)!important}

/* Controls, broker admin, account grid and strategy pages */
#accounts .panel,#series .panel,#signals .panel,#orders .panel,#trades .panel,
#risk .panel,#modes .panel,#profiles .panel,#strategy .panel,#system .panel,#add .panel,#help .panel{
  background:linear-gradient(180deg,rgba(15,21,29,.97),rgba(11,16,23,.97))!important;
  border-color:var(--df-line)!important;
}

#accounts table,#series table,#signals table,#orders table,#trades table,
#risk table,#modes table,#profiles table,#strategy table,#system table{
  color:#c9d3df;
}

/* Catch common feature-specific table wrappers without changing layout */
[class*="table-wrap"],[class*="tableWrap"],[class*="grid-wrap"]{
  border-color:var(--df-line)!important;
  scrollbar-color:#273547 transparent;
}

.tab table{border-color:var(--df-line-soft)!important}
.tab table th{
  border-color:var(--df-line-soft)!important;
  background:#101720;
  color:#a3afbf;
}
.tab table td{border-color:var(--df-line-soft)!important;color:#c8d1dd}
.tab table tbody tr:hover td{background:rgba(101,146,232,.035)}

/* Refined forms */
.form-panel{max-width:980px}
.form-grid{gap:15px}
.form-grid label{
  padding:0;
  color:#9ca9ba;
  font-size:10px;
  letter-spacing:.018em;
}
.actions{margin-top:4px}

/* Readable semantic coloring */
.good{color:var(--df-good)}
.bad{color:var(--df-bad)}
.warn{color:var(--df-warn)}

/* Micro graphic accents */
.mc-panel,.mc-account-card,.card,.panel{background-clip:padding-box}
.mc-panel-head,.mc-section-title,.panel-title{position:relative}
.mc-panel-head::after,.panel-title::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-9px;
  height:1px;
  pointer-events:none;
  opacity:.55;
  background:linear-gradient(90deg,rgba(101,146,232,.30),var(--df-line-soft) 30%,transparent 82%);
}
.panel>.panel-title{margin-bottom:18px}

/* Keep dense monitoring screens compact like Dark Flow Cloud */
@media(min-width:1151px){
  .mc-status-strip{gap:7px!important}
  .mc-top-stats{gap:8px!important}
}

@media(max-width:900px){
  .panel-title{flex-direction:column}
  .panel-title::after{bottom:-8px}
}