/* Equity Coffee clean dark dashboard patch
   Scope: evaluator + education/academy pages only.
   Purpose: remove washed-out white-on-white cards and temporary V2/EC badges. */
:root{
  --ec-bg:#07090f !important;
  --ec-bg2:#0b1020 !important;
  --ec-panel:#0d1326 !important;
  --ec-panel2:#111a30 !important;
  --ec-card:#101827 !important;
  --ec-card2:#0f172a !important;
  --ec-stroke:#24314d !important;
  --ec-text:#f4f7ff !important;
  --ec-muted:#b8c3de !important;
  --ec-soft:#d7def1 !important;
  --ec-gold:#f5b638 !important;
  --ec-gold2:#ffd36d !important;
  --ec-green:#39d98a !important;
  --ec-red:#ff5c7a !important;
}
html, body{
  background:
    radial-gradient(900px 520px at 14% 12%, rgba(245,182,56,.10), transparent 55%),
    radial-gradient(720px 480px at 82% 8%, rgba(98,134,255,.10), transparent 60%),
    linear-gradient(180deg, var(--ec-bg) 0%, #050713 60%, #03040a 100%) !important;
  color:var(--ec-text) !important;
  color-scheme:dark !important;
}
/* kill accidental global fade/washed out inheritance */
body *:not(.fa):not(.fas):not(.far):not(.fab){
  opacity:1 !important;
  text-shadow:none !important;
}
/* Remove temporary polish branding chips and EC/avatar badge clutter */
.brand-badge,
.ec-float-logo,
.mbrand .logo,
.brand .logo,
.uava,
.page-badge,
.release-badge,
.v2-badge,
.logo-card,
.ec-logo-card,
[class*="v2-badge"],
[class*="release-badge"]{
  display:none !important;
}
/* If a temporary badge remains, JS removes exact text nodes too. */
/* Dark structural areas */
.app,.dashboard,.dashboard-shell,.page,.workspace,.main,.main-content,.content,.role-main,main,#main,.wrap,.container{
  background:transparent !important;
  color:var(--ec-text) !important;
}
.sidebar, aside, .side, .role-sidebar, #sidebar{
  background:linear-gradient(180deg, rgba(11,16,32,.98), rgba(5,7,17,.98)) !important;
  color:var(--ec-text) !important;
  border-color:rgba(36,49,77,.85) !important;
}
.topbar,.toolbar,.nav-top,.header,.role-topbar,.quickbar{
  background:rgba(13,19,38,.92) !important;
  color:var(--ec-text) !important;
  border-color:rgba(36,49,77,.9) !important;
}
/* Cards and panels: no white cards */
.card,.panel,.section,.box,.widget,.tile,.stat,.stat-card,.metric,.metric-card,.hero,.hero-card,
.report-card,.academy-card,.eval-card,.dashboard-card,.content-card,.glass,.surface,
section[class], div[class*="card"], div[class*="panel"], div[class*="stat"], div[class*="metric"]{
  background:linear-gradient(180deg, rgba(16,24,39,.98), rgba(13,19,38,.98)) !important;
  color:var(--ec-text) !important;
  border-color:rgba(36,49,77,.95) !important;
  box-shadow:0 16px 40px rgba(0,0,0,.28) !important;
}
/* Light info boxes inside cards */
.notice,.alert,.empty,.empty-state,.table-wrap,.list,.list-item,.row-card,.item,.callout{
  background:rgba(17,26,48,.96) !important;
  color:var(--ec-text) !important;
  border-color:rgba(36,49,77,.95) !important;
}
/* Text contrast */
h1,h2,h3,h4,h5,h6,.title,.heading,.section-title,.card-title,.panel-title,.metric-title,.stat-title,strong,b,label,legend{
  color:var(--ec-text) !important;
  opacity:1 !important;
}
p,span,small,li,td,th,div,button,a,input,select,textarea,.muted,.sub,.subtitle,.desc,.description,.help,.hint,.meta{
  color:var(--ec-muted) !important;
  opacity:1 !important;
}
h1 .muted,h2 .muted,h3 .muted,.title .muted{color:var(--ec-soft) !important;}
.stat-value,.metric-value,.kpi-value,.number,.count{color:var(--ec-text) !important; font-weight:800 !important;}
/* Navigation */
nav a,.nav a,.menu a,.sidebar a{
  color:var(--ec-muted) !important;
  background:transparent !important;
  border-color:transparent !important;
}
nav a:hover,.nav a:hover,.menu a:hover,.sidebar a:hover,
nav a.active,.nav a.active,.menu a.active,.sidebar a.active{
  color:var(--ec-text) !important;
  background:rgba(245,182,56,.12) !important;
  border-color:rgba(245,182,56,.25) !important;
}
.ico,.icon{background:rgba(36,49,77,.85) !important; color:var(--ec-soft) !important; border-color:rgba(36,49,77,.95) !important;}
/* Buttons */
button,.btn,.button,a.btn,input[type="button"],input[type="submit"]{
  background:#1f2937 !important;
  color:var(--ec-text) !important;
  border:1px solid rgba(55,65,81,.95) !important;
  opacity:1 !important;
}
button.primary,.btn.primary,.primary,.gold,.accent,.btn-gold,
button[data-primary],.cta,.active-tab,.tabs .active{
  background:linear-gradient(180deg, var(--ec-gold2), var(--ec-gold)) !important;
  color:#211504 !important;
  border-color:rgba(245,182,56,.9) !important;
  font-weight:800 !important;
}
button:disabled,.btn:disabled,.disabled,[disabled]{opacity:.55 !important; cursor:not-allowed !important;}
/* Tables */
table{background:rgba(16,24,39,.98) !important; color:var(--ec-text) !important; border-color:rgba(36,49,77,.95) !important;}
thead,thead tr,th{background:#263044 !important; color:var(--ec-text) !important;}
tbody tr,td{background:rgba(17,26,48,.92) !important; color:var(--ec-muted) !important; border-color:rgba(36,49,77,.75) !important;}
tbody tr:nth-child(even) td{background:rgba(13,19,38,.95) !important;}
/* Forms */
input,select,textarea{
  background:#0b1020 !important;
  color:var(--ec-text) !important;
  border:1px solid rgba(36,49,77,.95) !important;
}
input::placeholder,textarea::placeholder{color:#8390ad !important;}
/* Badges */
.badge,.pill,.tag,.chip{
  background:rgba(245,182,56,.14) !important;
  color:var(--ec-gold2) !important;
  border-color:rgba(245,182,56,.25) !important;
}
/* Do not let old white surfaces reappear */
[style*="background:#fff"],[style*="background: #fff"],[style*="background:white"],[style*="background: white"],[style*="background-color:#fff"],[style*="background-color: #fff"],[style*="background-color:white"],[style*="background-color: white"]{
  background:linear-gradient(180deg, rgba(16,24,39,.98), rgba(13,19,38,.98)) !important;
  color:var(--ec-text) !important;
}
[style*="color:#fff"],[style*="color: #fff"],[style*="color:white"],[style*="color: white"]{
  color:var(--ec-text) !important;
}
/* Page width and spacing */
.main,.main-content,.content,main{padding-top:18px !important;}
/* Mobile */
@media(max-width:900px){
  .app,.dashboard-shell{display:block !important;}
  .sidebar,aside,#sidebar{position:relative !important;width:100% !important;height:auto !important;max-height:75vh !important;overflow:auto !important;}
  .grid,.cards,.stats{grid-template-columns:1fr !important;}
}