/* Equity Coffee targeted Educator/Evaluator dashboard navigation patch only.
   Keeps sidebar visible on desktop, converts it to a trader-style drawer on mobile. */
:root{--ee-sidebar-w:280px;--ee-top-gap:0px;--ee-dark:#080d19;--ee-dark-2:#101827;--ee-line:rgba(226,232,240,.16);--ee-text:#eef3ff;--ee-muted:#aeb9cf;--ee-gold:#f5b63f;}
body.ec-edueval-shell{background:#f6f7f9;color:#1d2430;}
body.ec-edueval-shell *{box-sizing:border-box;}
body.ec-edueval-shell .ee-mobile-menu,
body.ec-edueval-shell .ee-sidebar-backdrop{display:none;}
body.ec-edueval-shell.has-sidebar .sidebar,
body.ec-edueval-shell.has-sidebar aside#sidebar,
body.ec-edueval-shell.has-sidebar aside.sidebar{
  background:linear-gradient(180deg,var(--ee-dark),#070b13) !important;
  color:var(--ee-text) !important;
  border-right:1px solid var(--ee-line) !important;
  box-shadow:18px 0 45px rgba(15,23,42,.18) !important;
}
body.ec-edueval-shell.has-sidebar .sidebar a,
body.ec-edueval-shell.has-sidebar aside#sidebar a,
body.ec-edueval-shell.has-sidebar aside.sidebar a{color:#dfe7f8 !important;}
body.ec-edueval-shell.has-sidebar .sidebar a:hover,
body.ec-edueval-shell.has-sidebar .sidebar a.active,
body.ec-edueval-shell.has-sidebar aside#sidebar a:hover,
body.ec-edueval-shell.has-sidebar aside#sidebar a.active,
body.ec-edueval-shell.has-sidebar aside.sidebar a:hover,
body.ec-edueval-shell.has-sidebar aside.sidebar a.active{
  color:#fff !important;background:rgba(245,182,63,.16) !important;border-color:rgba(245,182,63,.35) !important;
}
body.ec-edueval-shell .card,body.ec-edueval-shell .panel,body.ec-edueval-shell section,body.ec-edueval-shell .kpi,body.ec-edueval-shell .stat,body.ec-edueval-shell .tile{
  color:#1f2937;
}
body.ec-edueval-shell .hero,body.ec-edueval-shell .banner,body.ec-edueval-shell .topbar,body.ec-edueval-shell .toolbar{color:inherit;}
body.ec-edueval-shell .btn,body.ec-edueval-shell button{min-height:38px;}

@media (min-width:981px){
  body.ec-edueval-shell.has-sidebar{overflow-x:hidden;}
  body.ec-edueval-shell.has-sidebar .sidebar,
  body.ec-edueval-shell.has-sidebar aside#sidebar,
  body.ec-edueval-shell.has-sidebar aside.sidebar{
    position:fixed !important;top:0 !important;left:0 !important;bottom:0 !important;
    width:var(--ee-sidebar-w) !important;height:100vh !important;max-height:100vh !important;
    transform:none !important;display:block !important;visibility:visible !important;opacity:1 !important;
    z-index:1000 !important;overflow-y:auto !important;overflow-x:hidden !important;padding-bottom:24px !important;
  }
  body.ec-edueval-shell.has-sidebar .layout,
  body.ec-edueval-shell.has-sidebar .app{display:block !important;min-height:100vh;}
  body.ec-edueval-shell.has-sidebar main,
  body.ec-edueval-shell.has-sidebar .main,
  body.ec-edueval-shell.has-sidebar .main-content,
  body.ec-edueval-shell.has-sidebar .content,
  body.ec-edueval-shell.has-sidebar .workspace{
    margin-left:var(--ee-sidebar-w) !important;width:calc(100% - var(--ee-sidebar-w)) !important;max-width:none !important;
  }
  body.ec-edueval-shell.has-sidebar .mobilebar,
  body.ec-edueval-shell.has-sidebar .hamburger,
  body.ec-edueval-shell.has-sidebar .menu-toggle{display:none !important;}
}

@media (max-width:980px){
  body.ec-edueval-shell.has-sidebar{padding-top:54px;overflow-x:hidden;}
  body.ec-edueval-shell.has-sidebar main,
  body.ec-edueval-shell.has-sidebar .main,
  body.ec-edueval-shell.has-sidebar .main-content,
  body.ec-edueval-shell.has-sidebar .content,
  body.ec-edueval-shell.has-sidebar .workspace{
    margin-left:0 !important;width:100% !important;max-width:100% !important;padding-left:14px !important;padding-right:14px !important;
  }
  body.ec-edueval-shell.has-sidebar .ee-mobile-menu{
    display:flex;align-items:center;gap:10px;position:fixed;top:10px;left:12px;z-index:1200;
    border:1px solid rgba(17,24,39,.12);background:#fff;color:#111827;border-radius:999px;
    padding:10px 14px;font-weight:900;box-shadow:0 12px 35px rgba(15,23,42,.18);cursor:pointer;
  }
  body.ec-edueval-shell.has-sidebar .ee-mobile-menu i{color:var(--ee-gold);}
  body.ec-edueval-shell.has-sidebar .ee-sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(15,23,42,.48);z-index:1090;backdrop-filter:blur(2px);}
  body.ec-edueval-shell.has-sidebar.sidebar-open .ee-sidebar-backdrop{display:block;}
  body.ec-edueval-shell.has-sidebar .sidebar,
  body.ec-edueval-shell.has-sidebar aside#sidebar,
  body.ec-edueval-shell.has-sidebar aside.sidebar{
    position:fixed !important;top:0 !important;left:0 !important;bottom:0 !important;
    width:min(86vw,320px) !important;height:100vh !important;max-height:100vh !important;z-index:1100 !important;
    transform:translateX(-105%) !important;transition:transform .22s ease !important;
    overflow-y:auto !important;overflow-x:hidden !important;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px)) !important;
  }
  body.ec-edueval-shell.has-sidebar.sidebar-open .sidebar,
  body.ec-edueval-shell.has-sidebar.sidebar-open aside#sidebar,
  body.ec-edueval-shell.has-sidebar.sidebar-open aside.sidebar,
  body.ec-edueval-shell.has-sidebar .sidebar.open,
  body.ec-edueval-shell.has-sidebar aside#sidebar.open,
  body.ec-edueval-shell.has-sidebar aside.sidebar.open{transform:translateX(0) !important;}
  body.ec-edueval-shell.has-sidebar .grid,body.ec-edueval-shell.has-sidebar .cards,body.ec-edueval-shell.has-sidebar .kpis{grid-template-columns:1fr !important;}
  body.ec-edueval-shell.has-sidebar table{display:block;overflow-x:auto;white-space:nowrap;}
}