/* Equity Coffee readable dashboard patch
   Keeps dark navigation/sidebar, but forces every workspace/card surface to use readable light UI. */
:root{
  --ec-page:#f6f1e8;
  --ec-workspace:#f8fafc;
  --ec-surface:#ffffff;
  --ec-surface-2:#fffaf3;
  --ec-ink:#21170f;
  --ec-text:#2f2119;
  --ec-muted-readable:#5f574f;
  --ec-line-readable:rgba(47,33,25,.14);
  --ec-gold-readable:#c98a35;
  --ec-darknav:#080b14;
}

/* Main working areas: no more black/blue gradient behind cards */
body:not(.home),
body.ec-readable-dashboard{
  background:var(--ec-workspace)!important;
  color:var(--ec-text)!important;
}
.app,
main,
.main,
.content,
.workspace,
.dashboard,
.page,
.wrap{
  color:var(--ec-text)!important;
}
.app main,
.main,
.content,
.workspace,
.dashboard-content,
.page-content{
  background:var(--ec-workspace)!important;
}

/* Keep only navigation chrome dark */
aside,
.sidebar,
.role-sidebar,
.side-menu,
.topbar,
.admin-topbar,
.app-shell-topbar,
.mhead{
  background:linear-gradient(180deg,#0b1020,#060812)!important;
  color:#f8fafc!important;
}
aside a,
.sidebar a,
.role-sidebar a,
.side-menu a,
.topbar a,
.admin-topbar a,
.app-shell-topbar a{
  color:#dbe4f0!important;
}
aside .active,
.sidebar .active,
.role-sidebar .active,
.side-menu .active{
  color:#fff!important;
  background:linear-gradient(90deg,rgba(201,138,53,.26),rgba(201,138,53,.08))!important;
  border-color:rgba(201,138,53,.35)!important;
}

/* All real content cards must be readable */
.card,
.panel,
.section,
.box,
.widget,
.tile,
.kpi,
.kpi-card,
.stat,
.stat-card,
.metric,
.metric-card,
.notice,
.hero,
.hero-card,
.dashboard-banner,
.ec-v2-card,
.ec-v2-stat,
.ec-v2-dashboard-brand,
.report-card,
.table,
.table-wrap,
.academy-card,
.training-card,
.evaluation-card,
.cupping-card,
.profile-card,
form,
fieldset{
  background:var(--ec-surface)!important;
  background-image:none!important;
  color:var(--ec-text)!important;
  border:1px solid var(--ec-line-readable)!important;
  box-shadow:0 12px 34px rgba(47,33,25,.07)!important;
}

/* Hero/banner blocks use warm cream, not dark glass */
.hero,
.hero-card,
.dashboard-banner,
.ec-v2-dashboard-brand,
.brand.ec-v2-dashboard-brand,
.notice{
  background:linear-gradient(135deg,#fffaf3,#ffffff)!important;
}

/* Text hierarchy inside cards */
.card *,
.panel *,
.section *,
.box *,
.widget *,
.tile *,
.kpi *,
.stat *,
.metric *,
.notice *,
.hero *,
.hero-card *,
.dashboard-banner *,
.ec-v2-dashboard-brand *,
.report-card *,
.table *,
.academy-card *,
.training-card *,
.evaluation-card *,
.cupping-card *,
.profile-card *{
  text-shadow:none!important;
}
.card h1,.card h2,.card h3,.card h4,
.panel h1,.panel h2,.panel h3,.panel h4,
.section h1,.section h2,.section h3,.section h4,
.box h1,.box h2,.box h3,.box h4,
.widget h1,.widget h2,.widget h3,.widget h4,
.tile h1,.tile h2,.tile h3,.tile h4,
.hero h1,.hero h2,.hero h3,.hero h4,
.hero-card h1,.hero-card h2,.hero-card h3,.hero-card h4,
.dashboard-banner h1,.dashboard-banner h2,.dashboard-banner h3,.dashboard-banner h4,
.ec-v2-dashboard-brand h1,.ec-v2-dashboard-brand h2,.ec-v2-dashboard-brand h3,
.ch h2,.hd strong,.li-title,.tt,
.klabel,.kval,
.card strong,.section strong,.panel strong{
  color:var(--ec-ink)!important;
  opacity:1!important;
}
.card p,.card span,.card small,.card label,
.panel p,.panel span,.panel small,.panel label,
.section p,.section span,.section small,.section label,
.box p,.box span,.box small,.box label,
.widget p,.widget span,.widget small,.widget label,
.hero p,.hero span,.hero small,
.hero-card p,.hero-card span,.hero-card small,
.dashboard-banner p,.dashboard-banner span,.dashboard-banner small,
.ec-v2-dashboard-brand p,.ec-v2-dashboard-brand span,.ec-v2-dashboard-brand small,
.mut,.muted,.sub,.li-sub,.li-meta,.tm,
.kpi p,.stat p,.metric p{
  color:var(--ec-muted-readable)!important;
  opacity:1!important;
}

/* Dashboard content headings outside cards */
main h1,main h2,main h3,
.content h1,.content h2,.content h3,
.wrap h1,.wrap h2,.wrap h3,
.page h1,.page h2,.page h3{
  color:var(--ec-ink)!important;
}
main p,.content p,.wrap p,.page p,
main .mut,.content .mut,.wrap .mut,.page .mut{
  color:var(--ec-muted-readable)!important;
  opacity:1!important;
}

/* Tables */
table{color:var(--ec-text)!important;background:#fff!important;border-collapse:collapse!important}
th{
  background:#f3eadf!important;
  color:var(--ec-ink)!important;
  border-bottom:1px solid var(--ec-line-readable)!important;
}
td{
  background:#fff!important;
  color:var(--ec-text)!important;
  border-bottom:1px solid rgba(47,33,25,.10)!important;
}
tr:hover td{background:#fffaf3!important}

/* Form controls */
input,select,textarea{
  background:#ffffff!important;
  color:var(--ec-text)!important;
  border:1px solid rgba(47,33,25,.18)!important;
}
input::placeholder,textarea::placeholder{color:#8a8178!important;opacity:1!important}

/* Buttons/tabs */
.btn,.ibtn,.tab,.pill,.chip,.tag,button,a.button{
  opacity:1!important;
}
.btn:not(.primary):not(.danger):not(.green),
.ibtn:not(.primary),
.tab:not(.active),
button:not(.primary):not(.danger):not(.green),
a.button:not(.primary){
  background:#ffffff!important;
  color:var(--ec-text)!important;
  border:1px solid var(--ec-line-readable)!important;
}
.btn.primary,.tab.active,.pill.primary,.chip.primary,
button.primary,a.button.primary{
  background:linear-gradient(180deg,#f5b638,#ffcf66)!important;
  color:#17130c!important;
  border-color:transparent!important;
}

/* Metrics should be light, not red/black gradient cards */
.kpi,.kpi-card,.metric,.metric-card,.stat,.stat-card{
  background:#ffffff!important;
  border-top:4px solid var(--ec-gold-readable)!important;
}
.kval,.kpi-value,.metric-value,.stat-value{
  color:var(--ec-ink)!important;
}

/* Official logo balancing */
.ec-logo-official,
img[src$="/images/logo.png"],
img[src*="images/logo.png"]{
  object-fit:contain!important;
  background:#fff!important;
  border-radius:12px!important;
  padding:5px!important;
  border:1px solid rgba(47,33,25,.12)!important;
}
.ec-v2-dashboard-brand{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
}

/* Remove accidental faded/disabled look from content */
.card,.panel,.section,.box,.widget,.tile,.kpi,.stat,.metric,
.card *,.panel *,.section *,.box *,.widget *,.tile *,.kpi *,.stat *,.metric *{
  opacity:1!important;
}
button:disabled,.btn:disabled,.disabled,[aria-disabled="true"]{
  opacity:.55!important;
}

/* Full-width blank protected pages should show normal lock content, not empty white screen */
.login-lock,.auth-lock,.locked-screen{
  background:#fff!important;
  color:var(--ec-text)!important;
  border:1px solid var(--ec-line-readable)!important;
  box-shadow:0 16px 40px rgba(47,33,25,.08)!important;
}

@media(max-width:900px){
  .app{display:block!important}
  main,.main,.content,.workspace,.wrap{padding:16px!important}
  .card,.panel,.section,.box,.widget,.tile{border-radius:16px!important}
}

/* === Global readability + no-version hotfix === */
.ec-v2-pill,.ec-v2-dashboard-header .ec-v2-pill{display:none!important}
.ec-v2-dashboard-header{background:linear-gradient(135deg,#fffaf2,#ffffff)!important;color:#241813!important;border:1px solid rgba(215,155,47,.25)!important}
.ec-v2-dashboard-header h1,.ec-v2-dashboard-header p{color:#241813!important;text-shadow:none!important}
body:not(.ec-home-refresh) main, body:not(.ec-home-refresh) .content, body:not(.ec-home-refresh) .main-content{color:#241813}
.card,.panel,.tile,.stat-card,.metric-card,.eq-card,.ec-card,.academy-card,.dashboard-card,.section-card,
[class*="card"],[class*="panel"]{color:#241813}
.card p,.panel p,.tile p,.stat-card p,.metric-card p,.eq-card p,.ec-card p,
.card span,.panel span,.tile span,.stat-card span,.metric-card span,.eq-card span,.ec-card span{color:inherit}
.hero,.dashboard-hero,.academy-hero,.educator-hero,.evaluator-hero{isolation:isolate}
.hero :is(h1,h2,h3,p,span),.dashboard-hero :is(h1,h2,h3,p,span),.academy-hero :is(h1,h2,h3,p,span){text-shadow:none}
:not(.sidebar):not(.side-nav):not(.ec-brandbar):not(.topbar) > .dark,
:not(.sidebar):not(.side-nav):not(.ec-brandbar):not(.topbar) > [class*="dark"]{color:#fff}
.sidebar,.side-nav,.ec-sidebar,.role-sidebar{color:#f9fafb!important;background:#0f172a!important}
.sidebar a,.side-nav a,.ec-sidebar a,.role-sidebar a{color:#e5e7eb!important}
.sidebar a.active,.side-nav a.active,.ec-sidebar a.active,.role-sidebar a.active{color:#fff!important;background:rgba(215,155,47,.18)!important;border-color:rgba(215,155,47,.35)!important}
input,select,textarea{background:#fff!important;color:#241813!important;border-color:#d8c6ad!important}
table{background:#fff;color:#241813}th{color:#241813!important;background:#f7f2ea!important}td{color:#241813!important}
button,.btn,a.btn{font-weight:900}