/* Equity Coffee Clean Platform Patch - 2026
   Goal: one clean design system, wide workflow pages, readable admin, stable role sidebars, mobile friendly. */
:root{
  --eq-cream:#f7efe4;
  --eq-cream-2:#fffaf2;
  --eq-navy:#0b1020;
  --eq-panel:#111a2e;
  --eq-panel-2:#152033;
  --eq-line:rgba(255,255,255,.12);
  --eq-line-light:#ead9c1;
  --eq-text:#f6f7fb;
  --eq-muted:#b8c2e0;
  --eq-brown:#7b4b2a;
  --eq-green:#425f33;
  --eq-gold:#c8a96b;
  --eq-radius:18px;
  --eq-shadow:0 18px 50px rgba(0,0,0,.18);
}
*{box-sizing:border-box}
img{max-width:100%;height:auto}
body{ -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }

/* Logo fallback utility */
.eq-logo-fallback,.ec-brand img,.brand img,.logo img,img[src*="equity-logo"],img[src*="logo"]{object-fit:contain}
.ec-brand img[src=""],.brand img[src=""]{display:none!important}

/* ADMIN: dark readable command-center theme */
body[data-admin-shell], body.admin-page, body.admin, body.ec-admin{
  background:
    radial-gradient(1100px 520px at 12% 0%,rgba(123,75,42,.24),transparent 55%),
    radial-gradient(900px 520px at 95% 4%,rgba(66,95,51,.20),transparent 55%),
    var(--eq-navy) !important;
  color:var(--eq-text) !important;
}
body[data-admin-shell] .ec-main{
  width:100%!important;
  max-width:none!important;
  padding:clamp(14px,2vw,28px)!important;
  overflow-x:auto;
}
body[data-admin-shell] .wrap,
body[data-admin-shell] .container,
body[data-admin-shell] .page,
body[data-admin-shell] .page-container,
body[data-admin-shell] .content,
body[data-admin-shell] main,
body[data-admin-shell] .main,
body[data-admin-shell] .dashboard-container{
  max-width:none!important;
  width:100%!important;
}
body[data-admin-shell] .card,
body[data-admin-shell] .panel,
body[data-admin-shell] .box,
body[data-admin-shell] .tile,
body[data-admin-shell] .widget,
body[data-admin-shell] .stat,
body[data-admin-shell] .kpi,
body[data-admin-shell] .section,
body[data-admin-shell] table{
  background:var(--eq-panel)!important;
  color:var(--eq-text)!important;
  border-color:var(--eq-line)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.22)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body[data-admin-shell] .card p,
body[data-admin-shell] .panel p,
body[data-admin-shell] .muted,
body[data-admin-shell] .sub,
body[data-admin-shell] small,
body[data-admin-shell] .hint{color:var(--eq-muted)!important;opacity:1!important}
body[data-admin-shell] h1,body[data-admin-shell] h2,body[data-admin-shell] h3,body[data-admin-shell] h4,
body[data-admin-shell] th,body[data-admin-shell] label{color:var(--eq-text)!important}
body[data-admin-shell] td{color:#e9eefc!important}
body[data-admin-shell] input,body[data-admin-shell] select,body[data-admin-shell] textarea{
  background:#0f1728!important;color:var(--eq-text)!important;border:1px solid var(--eq-line)!important;border-radius:12px!important;
}
body[data-admin-shell] input::placeholder,body[data-admin-shell] textarea::placeholder{color:#93a4cc!important;opacity:1}
body[data-admin-shell] .btn,body[data-admin-shell] button,body[data-admin-shell] .ec-btn{
  border-radius:13px!important;font-weight:900!important;min-height:40px;
}
body[data-admin-shell] .btn.primary,body[data-admin-shell] .ec-btn.primary,
body[data-admin-shell] button.primary{background:linear-gradient(135deg,var(--eq-brown),var(--eq-green))!important;color:#fff!important;border-color:transparent!important}
body[data-admin-shell] a{color:#f1d19a} body[data-admin-shell] a:hover{color:#ffe3b7}

/* Remove duplicate shared quick-nav cards when JS misses them */
body[data-admin-shell] .quick-navigation,
body[data-admin-shell] .quick-nav,
body[data-admin-shell] #quickNavigation,
body[data-admin-shell] [data-quick-nav],
body[data-admin-shell] .ec-shared-brand-shell,
body[data-admin-shell] .ec-shared-invoice-brand{display:none!important}

/* Admin dashboard: command-center density */
body[data-admin-shell] .kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
body[data-admin-shell] .grid{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;gap:16px!important}
body[data-admin-shell] .grid>.card{grid-column:span 6!important}
body[data-admin-shell] .hero{padding:8px 0 6px!important}

/* Wide workflow/evaluation pages */
body.eq-workflow-wide .ec-main,
body.eq-workflow-wide .wrap,
body.eq-workflow-wide .container,
body.eq-workflow-wide .page,
body.eq-workflow-wide main,
body.eq-workflow-wide .content{
  max-width:none!important;width:100%!important;
}
body.eq-workflow-wide .grid,
body.eq-workflow-wide .layout,
body.eq-workflow-wide .eval-grid,
body.eq-workflow-wide .evaluation-grid,
body.eq-workflow-wide .workspace,
body.eq-workflow-wide .app-grid{
  max-width:none!important;width:100%!important;
}
@media (min-width:1100px){
  body.eq-workflow-wide .evaluation-grid,
  body.eq-workflow-wide .eval-grid,
  body.eq-workflow-wide .workspace.two-col,
  body.eq-workflow-wide .grid.two-col{
    grid-template-columns:minmax(760px,1fr) minmax(320px,420px)!important;
  }
}

/* Role pages: keep sidebars useful and profile attached */
.sidebar,.side-nav,.app-sidebar,aside[class*="sidebar"],nav[class*="sidebar"]{
  background:linear-gradient(180deg,#111827,#0f1728)!important;color:#f6f7fb!important;border-right:1px solid rgba(255,255,255,.10);
}
.sidebar a,.side-nav a,.app-sidebar a,aside[class*="sidebar"] a,nav[class*="sidebar"] a{color:#e8eefc!important;text-decoration:none}
.sidebar a:hover,.side-nav a:hover,.app-sidebar a:hover,aside[class*="sidebar"] a:hover,nav[class*="sidebar"] a:hover{background:rgba(200,169,107,.12)!important;color:#fff!important}
.sidebar .profile,.side-nav .profile,.app-sidebar .profile,.sidebar-footer,.profile-footer,[class*="profile-footer"],[class*="sidebar-footer"]{
  margin-top:auto!important;position:sticky!important;bottom:0!important;background:rgba(15,23,40,.96)!important;border-top:1px solid rgba(255,255,255,.10)!important;z-index:5;
}

/* General page polish */
.card,.panel,.box,.tile{border-radius:var(--eq-radius)!important}
.table-wrap,.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
table{max-width:100%}

/* Mobile */
@media (max-width:959px){
  body[data-admin-shell] .ec-shell{display:block!important;width:100%!important;overflow-x:hidden!important}
  body[data-admin-shell] .ec-main{padding:12px!important;width:100%!important;max-width:100%!important}
  body[data-admin-shell] .kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body[data-admin-shell] .grid>.card{grid-column:span 12!important}
  body[data-admin-shell] .hero{display:block!important}
  body[data-admin-shell] .hero .row{margin-top:12px!important}
  .grid,.cards,.stats-grid,.metrics-grid,.kpi-grid,.row.cards{grid-template-columns:1fr!important}
  .sidebar,.side-nav,.app-sidebar,aside[class*="sidebar"],nav[class*="sidebar"]{max-height:80vh;overflow:auto}
}
@media (max-width:560px){
  body[data-admin-shell] .kpis{grid-template-columns:1fr!important}
  h1{font-size:clamp(24px,8vw,34px)!important}
  .btn,button,a.btn{width:100%;justify-content:center}
  body[data-admin-shell] .ec-topbar .page{max-width:48vw!important}
}