/* Grista-inspired CRM workspace: warm surfaces, deep ink and crisp cobalt actions. */
body.ea360-interface{
  --gr-bg:#f4f1e9;
  --gr-surface:#fffdf8;
  --gr-surface-2:#f8f5ee;
  --gr-ink:#17243b;
  --gr-muted:#727d8d;
  --gr-line:#e6e0d4;
  --gr-blue:#2867dc;
  --gr-blue-dark:#1e50b4;
  --gr-blue-soft:#eaf1ff;
  --gr-green:#16876b;
  --gr-shadow:0 12px 30px rgba(31,43,64,.055);
  --bg:var(--gr-bg);
  --paper:var(--gr-surface);
  --ink:var(--gr-ink);
  --muted:var(--gr-muted);
  --line:var(--gr-line);
  color:var(--gr-ink)!important;
  background:var(--gr-bg)!important;
  font-family:Inter,"Segoe UI",Arial,sans-serif!important;
}
body.ea360-interface .shell,
body.ea360-interface .shell>main{background:var(--gr-bg)!important}
body.ea360-interface .shell,
body.ea360-interface .shell.sidebar-collapsed{
  display:grid!important;
  grid-template-columns:252px minmax(0,1fr)!important;
  align-items:stretch!important;
  min-height:100dvh!important;
  height:auto!important;
  overflow:visible!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.ea360-interface .shell>aside{
  position:sticky!important;inset:0 auto auto 0!important;z-index:100!important;
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  gap:0!important;width:252px!important;height:100dvh!important;min-height:100dvh!important;
  padding:18px 14px 12px!important;overflow:hidden!important;
  color:#eaf0fc!important;background:#111d34!important;border:0!important;border-right:1px solid #25314a!important;
  border-radius:0!important;box-shadow:10px 0 30px rgba(27,37,58,.06)!important;
}
body.ea360-interface .shell>aside>.sidehead{
  flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
  min-height:58px!important;height:58px!important;margin:0 0 16px!important;padding:0 10px 14px!important;
  border-bottom:1px solid rgba(255,255,255,.11)!important;
}
body.ea360-interface .shell>aside .brand.brand-logo{display:flex!important;min-width:0!important;padding:0!important}
body.ea360-interface .shell>aside .brand.brand-logo img{width:164px!important;max-width:100%!important;max-height:40px!important;object-fit:contain!important;object-position:left center!important;filter:brightness(1.06)!important}
body.ea360-interface .shell>aside .sidebar-toggle{display:none!important}
body.ea360-interface .shell>aside>#nav{
  flex:1 1 auto!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;
  gap:3px!important;width:100%!important;min-width:0!important;min-height:0!important;max-height:none!important;
  flex-wrap:nowrap!important;align-content:flex-start!important;
  padding:2px 0 12px!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;
  scrollbar-width:thin!important;scrollbar-color:#485775 transparent!important;
}
body.ea360-interface .shell>aside>#nav .ea-nav-heading{
  display:block!important;flex:0 0 auto!important;margin:17px 10px 6px!important;padding:0!important;
  color:#91a1bd!important;font-size:10px!important;font-weight:750!important;letter-spacing:.13em!important;text-transform:uppercase!important;
}
body.ea360-interface .shell>aside>#nav>button{
  position:static!important;left:auto!important;right:auto!important;transform:none!important;flex:0 0 auto!important;display:flex!important;align-self:stretch!important;align-items:center!important;justify-content:flex-start!important;
  gap:12px!important;width:auto!important;min-width:0!important;min-height:43px!important;height:43px!important;margin:0!important;padding:0 12px!important;box-sizing:border-box!important;
  color:#bec9dc!important;background:transparent!important;border:1px solid transparent!important;border-radius:12px!important;
  box-shadow:none!important;font-size:13px!important;font-weight:620!important;text-align:left!important;white-space:nowrap!important;
}
body.ea360-interface .shell>aside>#nav>button .nav-icon{width:20px!important;flex:0 0 20px!important;color:#97a8c7!important;font-size:17px!important;text-align:center!important}
body.ea360-interface .shell>aside>#nav>button:hover{color:#fff!important;background:rgba(255,255,255,.075)!important}
body.ea360-interface .shell>aside>#nav>button.active{color:#fff!important;background:#243c64!important;border-color:#31558c!important;box-shadow:inset 3px 0 #67a2ff!important}
body.ea360-interface .shell>aside>#nav>button.active .nav-icon{color:#81b5ff!important}
body.ea360-interface .shell>aside>#nav .ea-nav-heading{position:static!important;left:auto!important;transform:none!important;width:auto!important;align-self:stretch!important}
body.ea360-interface .shell>aside>#nav .nav-count{position:static!important;align-self:center!important;margin-left:auto!important;border-color:#111d34!important}
body.ea360-interface .shell>aside>footer{flex:0 0 auto!important;display:block!important;margin:8px 2px 0!important;padding:12px 8px 2px!important;color:#8695ae!important;border-top:1px solid rgba(255,255,255,.1)!important;font-size:10px!important;line-height:1.65!important}
/* The command controls stay in their original DOM, presented as the Grista-style top bar. */
body.ea360-interface .shell>aside>#commandBar{
  position:fixed!important;inset:0 0 auto 252px!important;z-index:110!important;display:block!important;
  width:auto!important;min-width:0!important;height:76px!important;margin:0!important;padding:12px clamp(16px,2.4vw,36px)!important;
  background:rgba(255,253,248,.94)!important;border:0!important;border-bottom:1px solid var(--gr-line)!important;
  box-shadow:0 6px 22px rgba(31,43,64,.045)!important;backdrop-filter:blur(14px)!important;
}
body.ea360-interface .commandbar{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
body.ea360-interface .command-search{flex:1 1 auto!important;min-width:160px!important;max-width:620px!important;height:44px!important;min-height:44px!important;padding:0 14px!important;background:var(--gr-surface-2)!important;border:1px solid var(--gr-line)!important;border-radius:13px!important}
body.ea360-interface .command-search input{font-size:13px!important;color:var(--gr-ink)!important}
body.ea360-interface .command-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;flex:0 0 auto!important;width:auto!important}
body.ea360-interface .command-actions button{min-width:40px!important;min-height:40px!important;height:40px!important;padding:0 11px!important;border-radius:12px!important}
body.ea360-interface .command-ai,body.ea360-interface .command-icon,body.ea360-interface .profile-menu{background:var(--gr-surface)!important;border:1px solid var(--gr-line)!important;color:var(--gr-ink)!important;box-shadow:none!important}
body.ea360-interface .command-new,body.ea360-interface .primary,body.ea360-interface button.primary{background:var(--gr-blue)!important;border-color:var(--gr-blue)!important;color:#fff!important;box-shadow:0 5px 12px rgba(40,103,220,.15)!important}
body.ea360-interface .command-new:hover,body.ea360-interface .primary:hover{background:var(--gr-blue-dark)!important;border-color:var(--gr-blue-dark)!important}
body.ea360-interface .shell>main{
  grid-column:2!important;width:100%!important;min-width:0!important;height:auto!important;min-height:100dvh!important;
  margin:0!important;padding:98px clamp(18px,2.5vw,40px) 54px!important;overflow:visible!important;background:var(--gr-bg)!important;
}
body.ea360-interface #app{width:100%!important;max-width:1560px!important;min-width:0!important;margin:0 auto!important}
body.ea360-interface #mobileNav{display:none!important}
body.ea360-interface #app h1,body.ea360-interface #app h2,body.ea360-interface #app h3,body.ea360-interface #app h4{color:var(--gr-ink)!important;letter-spacing:-.025em}
body.ea360-interface #app header p,body.ea360-interface #app .sub,body.ea360-interface #app small,body.ea360-interface #app .hint{color:var(--gr-muted)!important}
body.ea360-interface #app .home-dashboard{gap:18px!important}
body.ea360-interface #app .home-dashboard-head{align-items:flex-end!important;gap:18px!important;padding:2px 2px 4px!important}
body.ea360-interface #app .home-dashboard-head h1{font-size:clamp(26px,2.2vw,36px)!important;line-height:1.15!important;color:var(--gr-ink)!important}
body.ea360-interface #app .home-dashboard-head p{color:var(--gr-muted)!important}
body.ea360-interface #app .home-breadcrumb{color:#8190a3!important}
body.ea360-interface #app .home-kpis{gap:13px!important}
body.ea360-interface #app .home-kpi,body.ea360-interface #app .home-card,
body.ea360-interface #app .card,body.ea360-interface #app .panel,body.ea360-interface #app .stat-card{
  color:var(--gr-ink)!important;background:var(--gr-surface)!important;border:1px solid var(--gr-line)!important;
  border-radius:18px!important;box-shadow:var(--gr-shadow)!important;
}
body.ea360-interface #app .home-kpi{padding:17px!important;transition:transform .18s ease,box-shadow .18s ease!important}
body.ea360-interface #app .home-kpi:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(31,43,64,.09)!important}
body.ea360-interface #app .home-kpi-icon{border-radius:12px!important;background:var(--gr-blue-soft)!important;color:var(--gr-blue)!important}
body.ea360-interface #app .home-kpi-label,body.ea360-interface #app .home-kpi small{color:var(--gr-muted)!important}
body.ea360-interface #app .home-kpi>b{color:var(--gr-ink)!important}
body.ea360-interface #app .home-card{padding:20px!important}
body.ea360-interface #app .home-card-head h2{font-size:17px!important;color:var(--gr-ink)!important}
body.ea360-interface #app .home-card-head p{color:var(--gr-muted)!important}
body.ea360-interface #app button,body.ea360-interface #app a.button{touch-action:manipulation}
body.ea360-interface #app button:not(.primary):not(.home-primary),body.ea360-interface #app a.button:not(.primary){border-radius:11px}
body.ea360-interface #app button.home-primary{background:var(--gr-blue)!important;color:#fff!important;border-color:var(--gr-blue)!important}
body.ea360-interface #app input,body.ea360-interface #app select,body.ea360-interface #app textarea{border-radius:11px!important;border-color:var(--gr-line)!important;background:var(--gr-surface)!important;color:var(--gr-ink)!important}
body.ea360-interface #app table th{background:#f4f1e9!important;color:#68758a!important}
body.ea360-interface #app table td{border-color:var(--gr-line)!important}
body.ea360-interface :focus-visible{outline:3px solid #5794f566!important;outline-offset:2px}
body.ea360-interface dialog{border:1px solid var(--gr-line)!important;border-radius:20px!important;box-shadow:0 28px 90px rgba(16,29,52,.25)!important}

/* Dark mode keeps the same hierarchy with deep slate surfaces and bright blue controls. */
body.ea360-interface[data-theme="dark"]{
  --gr-bg:#101624;--gr-surface:#171f30;--gr-surface-2:#111a2a;--gr-ink:#edf2fc;--gr-muted:#a1aec3;
  --gr-line:#2c3850;--gr-blue:#4387f5;--gr-blue-dark:#2f70da;--gr-blue-soft:#1d3151;--gr-shadow:0 12px 30px rgba(0,0,0,.17);
  --bg:var(--gr-bg);--paper:var(--gr-surface);--ink:var(--gr-ink);--muted:var(--gr-muted);--line:var(--gr-line);
}
body.ea360-interface[data-theme="dark"] .shell>aside{background:#0c1423!important;border-color:#202d43!important}
body.ea360-interface[data-theme="dark"] .shell>aside>#commandBar{background:rgba(18,26,41,.94)!important;border-color:var(--gr-line)!important}
body.ea360-interface[data-theme="dark"] #app table th{background:#202b40!important;color:#bdc9de!important}
body.ea360-interface[data-theme="dark"] #app input,body.ea360-interface[data-theme="dark"] #app select,body.ea360-interface[data-theme="dark"] #app textarea{background:#111a2a!important;color:var(--gr-ink)!important}

/* Grista finish: light lavender navigation, warm canvas, and clear blue actions. */
body.ea360-interface{
  --gr-bg:#f5f4f8;--gr-surface:#fffefa;--gr-surface-2:#f7f6fb;--gr-ink:#172238;--gr-muted:#748096;
  --gr-line:#e4e6ee;--gr-blue:#2867dc;--gr-blue-dark:#1e50b4;--gr-blue-soft:#eaf1ff;
  --gr-shadow:0 10px 26px rgba(27,43,72,.055);background:var(--gr-bg)!important
}
body.ea360-interface .shell>aside{
  color:#26344d!important;background:#edf0fa!important;border-right:1px solid #e0e4f0!important;
  box-shadow:8px 0 28px rgba(31,45,77,.035)!important
}
body.ea360-interface .shell>aside>.sidehead{border-bottom-color:#dce2ef!important}
body.ea360-interface .shell>aside .brand.brand-logo img{filter:none!important}
body.ea360-interface .shell>aside>#nav .ea-nav-heading{color:#8b96ac!important}
body.ea360-interface .shell>aside>#nav>button{color:#66738a!important}
body.ea360-interface .shell>aside>#nav>button .nav-icon{color:#7c8ca8!important}
body.ea360-interface .shell>aside>#nav>button:hover{color:#1e2c45!important;background:#e3e9f8!important}
body.ea360-interface .shell>aside>#nav>button.active{
  color:#fff!important;background:linear-gradient(105deg,#2867dc,#4384f2)!important;border-color:#2867dc!important;
  box-shadow:0 7px 16px rgba(40,103,220,.2),inset 3px 0 #8cc0ff!important
}
body.ea360-interface .shell>aside>#nav>button.active .nav-icon{color:#fff!important}
body.ea360-interface .shell>aside>#nav .nav-count{border-color:#edf0fa!important}
body.ea360-interface .shell>aside>footer{color:#8994a8!important;border-top-color:#dce2ef!important}
body.ea360-interface .shell>aside>#commandBar{
  background:rgba(255,254,250,.94)!important;border-bottom-color:#e4e6ee!important;
  box-shadow:0 5px 22px rgba(25,40,66,.04)!important
}
body.ea360-interface .command-search{background:#f8f8fc!important;border-color:#e2e6f0!important}
body.ea360-interface .command-ai,body.ea360-interface .command-icon,body.ea360-interface .profile-menu{background:#fffefa!important;border-color:#e1e5ef!important;color:#26344d!important}
body.ea360-interface .shell>main{background:var(--gr-bg)!important}
body.ea360-interface #app .home-kpi,body.ea360-interface #app .home-card,body.ea360-interface #app .card,
body.ea360-interface #app .panel,body.ea360-interface #app .stat-card,body.ea360-interface #app .tablewrap,
body.ea360-interface #app .section-card,body.ea360-interface #app .workspace-card{
  background:var(--gr-surface)!important;border-color:var(--gr-line)!important;border-radius:20px!important;box-shadow:var(--gr-shadow)!important
}
body.ea360-interface #app button.primary,body.ea360-interface #app .primary,body.ea360-interface #app .home-primary,
body.ea360-interface #app button[data-primary="true"]{background:var(--gr-blue)!important;border-color:var(--gr-blue)!important;color:#fff!important}
body.ea360-interface #app button:not(.primary):not(.home-primary){border-color:#dfe4ef}
body.ea360-interface #app table th{background:#f1f2f7!important;color:#68758a!important}
body.ea360-interface .shell>aside>#nav,body.ea360-interface #app .tablewrap{scrollbar-color:#b8c3d8 transparent!important}

/* Dark mode follows the same Grista structure while retaining user choice. */
body.ea360-interface[data-theme="dark"]{
  --gr-bg:#101522;--gr-surface:#171e2d;--gr-surface-2:#121a29;--gr-ink:#edf2fc;--gr-muted:#a1aec3;
  --gr-line:#2b354a;--gr-blue:#4387f5;--gr-blue-dark:#2f70da;--gr-blue-soft:#1d3151;--gr-shadow:0 12px 30px rgba(0,0,0,.17)
}
body.ea360-interface[data-theme="dark"] .shell>aside{background:#151a29!important;border-color:#2a3042!important;color:#e7ecf8!important}
body.ea360-interface[data-theme="dark"] .shell>aside>.sidehead{border-bottom-color:#2a3042!important}
body.ea360-interface[data-theme="dark"] .shell>aside>#nav .ea-nav-heading{color:#8d9ab1!important}
body.ea360-interface[data-theme="dark"] .shell>aside>#nav>button{color:#bac4d6!important}
body.ea360-interface[data-theme="dark"] .shell>aside>#nav>button:hover{color:#fff!important;background:#222c40!important}
body.ea360-interface[data-theme="dark"] .shell>aside>#nav>button.active{color:#fff!important;background:#20477f!important;border-color:#3266aa!important}
body.ea360-interface[data-theme="dark"] .shell>aside>footer{color:#8d9ab1!important;border-color:#2a3042!important}
body.ea360-interface[data-theme="dark"] .shell>aside>#commandBar{background:rgba(18,25,39,.94)!important}
body.ea360-interface[data-theme="dark"] .command-search,body.ea360-interface[data-theme="dark"] .command-ai,
body.ea360-interface[data-theme="dark"] .command-icon,body.ea360-interface[data-theme="dark"] .profile-menu{background:#171e2d!important;border-color:#2b354a!important;color:#edf2fc!important}

@media(max-width:720px){
  body.ea360-interface .shell>aside>#commandBar{background:rgba(255,254,250,.97)!important}
  body.ea360-interface #mobileNav{background:#171f30!important;border-color:#2c3850!important}
  body.ea360-interface #mobileNav button.active{background:#263d64!important;color:#fff!important}
  body.ea360-interface[data-theme="dark"] .shell>aside>#commandBar{background:rgba(18,25,39,.97)!important}
  body.ea360-interface[data-theme="dark"] #mobileNav{background:#0c1423!important;border-color:#202d43!important}
}

@media(min-width:721px) and (max-width:1050px){
 body.ea360-interface .shell,body.ea360-interface .shell.sidebar-collapsed{grid-template-columns:220px minmax(0,1fr)!important}
 body.ea360-interface .shell>aside{width:220px!important;padding-right:11px!important;padding-left:11px!important}
 body.ea360-interface .shell>aside>#commandBar{left:220px!important;height:70px!important;padding:10px 16px!important}
 body.ea360-interface .shell>aside .brand.brand-logo img{width:150px!important}
 body.ea360-interface .shell>main{padding:88px 18px 48px!important}
 body.ea360-interface .command-actions{gap:4px!important}
 body.ea360-interface .command-actions button{min-width:36px!important;padding:0 8px!important}
}
@media(max-width:720px){
 body.ea360-interface{padding:0 0 calc(74px + env(safe-area-inset-bottom))!important;overflow-x:hidden!important}
 body.ea360-interface .shell,body.ea360-interface .shell.sidebar-collapsed{display:block!important;width:100%!important;min-height:100dvh!important;height:auto!important;overflow:visible!important}
 body.ea360-interface .shell>aside{position:relative!important;inset:auto!important;display:block!important;width:100%!important;height:auto!important;min-height:0!important;padding:0!important;overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important}
 body.ea360-interface .shell>aside>.sidehead,body.ea360-interface .shell>aside>#nav,body.ea360-interface .shell>aside>footer{display:none!important}
 body.ea360-interface .shell>aside>#commandBar{position:sticky!important;inset:0 0 auto!important;z-index:110!important;width:100%!important;height:auto!important;min-height:62px!important;padding:8px 12px!important;background:rgba(255,253,248,.96)!important;border-bottom:1px solid var(--gr-line)!important;box-shadow:0 5px 18px rgba(31,43,64,.07)!important}
 body.ea360-interface[data-theme="dark"] .shell>aside>#commandBar{background:rgba(18,26,41,.96)!important}
 body.ea360-interface .commandbar{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:7px!important}
 body.ea360-interface .command-search{flex:0 0 auto!important;width:100%!important;max-width:none!important;height:40px!important;min-height:40px!important}
 body.ea360-interface .command-actions{display:flex!important;justify-content:flex-end!important;gap:5px!important;width:100%!important;overflow-x:auto!important;scrollbar-width:none!important}
 body.ea360-interface .command-actions::-webkit-scrollbar{display:none!important}
 body.ea360-interface .command-actions button{flex:0 0 38px!important;min-width:38px!important;width:38px!important;height:38px!important;min-height:38px!important;padding:0 7px!important}
 body.ea360-interface .command-actions .command-ai{flex:0 0 38px!important;width:38px!important}
 body.ea360-interface .command-actions .command-ai span{display:none!important}
 body.ea360-interface .command-actions .command-new{flex:0 0 84px!important;width:84px!important}
 body.ea360-interface .command-actions .command-new span{display:inline!important}
 body.ea360-interface .shell>main{display:block!important;width:100%!important;min-height:calc(100dvh - 112px)!important;margin:0!important;padding:17px 12px calc(100px + env(safe-area-inset-bottom))!important;overflow:visible!important}
 body.ea360-interface #app{width:100%!important;max-width:100%!important}
 body.ea360-interface #mobileNav{
  position:fixed!important;inset:auto 12px calc(10px + env(safe-area-inset-bottom))!important;z-index:130!important;
  display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;align-items:center!important;justify-items:stretch!important;gap:1px!important;
  width:auto!important;min-height:62px!important;padding:7px!important;background:#111d34!important;border:1px solid #283651!important;
  border-radius:22px!important;box-shadow:0 12px 32px rgba(18,29,50,.24)!important;
 }
 body.ea360-interface #mobileNav button{display:grid!important;place-content:center!important;justify-items:center!important;gap:3px!important;width:100%!important;min-width:0!important;height:48px!important;min-height:48px!important;padding:3px 1px!important;border:0!important;border-radius:15px!important;background:transparent!important;color:#aab8cf!important;font-size:9px!important;line-height:1.1!important;white-space:nowrap!important}
 body.ea360-interface #mobileNav button>span{display:block!important;font-size:17px!important;line-height:1!important}
 body.ea360-interface #mobileNav button.active{color:#fff!important;background:#244372!important}
 body.ea360-interface #mobileNav .mobile-fab{position:static!important;grid-column:auto!important;display:grid!important;transform:none!important;width:100%!important;height:48px!important;min-height:48px!important;margin:0!important;border:0!important;border-radius:15px!important;background:transparent!important;box-shadow:none!important;color:#aab8cf!important;font-size:9px!important}
 body.ea360-interface #mobileNav .mobile-fab span{display:block!important;color:#82b6ff!important;font-size:22px!important;line-height:1!important}
 body.ea360-interface #mobileNav .mobile-fab::after{content:'Create';font-size:9px;font-weight:650;line-height:1;color:inherit}
 body.ea360-interface .mobile-workspace-sheet{background:rgba(18,29,50,.42)!important;backdrop-filter:blur(3px)!important}
 body.ea360-interface .mobile-workspace-panel{background:var(--gr-surface)!important;color:var(--gr-ink)!important;border:1px solid var(--gr-line)!important;border-bottom:0!important;box-shadow:0 -16px 42px rgba(20,36,60,.2)!important}
 body.ea360-interface .mobile-sheet-handle{background:#c8ced8!important}
 body.ea360-interface .mobile-sheet-head span{color:var(--gr-blue)!important}
 body.ea360-interface .mobile-sheet-head h2{color:var(--gr-ink)!important}
 body.ea360-interface .mobile-sheet-head button{background:var(--gr-surface-2)!important;color:var(--gr-ink)!important;border-color:var(--gr-line)!important;border-radius:12px!important}
 body.ea360-interface .mobile-workspace-grid button{background:var(--gr-surface-2)!important;color:var(--gr-ink)!important;border:1px solid var(--gr-line)!important;border-radius:13px!important}
 body.ea360-interface .mobile-workspace-grid button>span{color:var(--gr-blue)!important}
 body.ea360-interface #app .home-dashboard{gap:13px!important}
 body.ea360-interface #app .home-dashboard-head{display:block!important}
 body.ea360-interface #app .home-dashboard-head h1{font-size:25px!important}
 body.ea360-interface #app .home-header-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;width:100%!important;margin-top:12px!important}
 body.ea360-interface #app .home-header-actions button{width:100%!important;min-width:0!important;padding:9px 6px!important;font-size:11px!important}
 body.ea360-interface #app .home-header-actions button:last-child{grid-column:1/-1!important}
 body.ea360-interface #app .home-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 body.ea360-interface #app .home-kpi{box-sizing:border-box!important;grid-template-columns:30px minmax(0,1fr)!important;column-gap:8px!important;width:100%!important;min-width:0!important;padding:12px!important;border-radius:15px!important}
 body.ea360-interface #app .home-kpi-icon{width:29px!important;height:29px!important}
 body.ea360-interface #app .home-kpi-label{font-size:10px!important;overflow-wrap:anywhere!important}
 body.ea360-interface #app .home-kpi>b{font-size:18px!important}
 body.ea360-interface #app .home-kpi>b.home-money{font-size:13px!important}
 body.ea360-interface #app .home-kpi>small{font-size:9px!important}
 body.ea360-interface #app .home-analytics-grid,body.ea360-interface #app .home-lower-grid{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
 body.ea360-interface #app .home-card{padding:14px!important;border-radius:16px!important}
 body.ea360-interface #app .home-project-table{min-width:0!important;width:100%!important}
 body.ea360-interface #app .home-project-table thead{display:none!important}
 body.ea360-interface #app .home-project-table,body.ea360-interface #app .home-project-table tbody{display:block!important}
 body.ea360-interface #app .home-project-table tr{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:0 8px!important;margin:0 0 9px!important;padding:8px 10px!important;border:1px solid var(--gr-line)!important;border-radius:13px!important;background:var(--gr-surface)!important}
 body.ea360-interface #app .home-project-table td{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;min-width:0!important;padding:7px 0!important;border:0!important;text-align:right!important;font-size:11px!important}
 body.ea360-interface #app .home-project-table td::before{content:attr(data-label);flex:0 0 auto;color:var(--gr-muted)!important;font-size:9px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.05em}
 body.ea360-interface #app .home-project-table td:first-child{grid-column:1/-1!important;justify-content:flex-start!important;text-align:left!important}
 body.ea360-interface #app .home-project-table td:first-child::before,body.ea360-interface #app .home-project-table td:last-child::before{display:none!important}
 body.ea360-interface #app .home-project-table td:last-child{grid-column:1/-1!important;justify-content:flex-end!important}
 body.ea360-interface #app table:not(.home-project-table){min-width:640px}
 body.ea360-interface #app .tablewrap{max-width:100%!important;overflow-x:auto!important;overscroll-behavior-x:contain!important}
 body.ea360-interface dialog{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;margin:auto!important;padding:16px!important;overflow:auto!important;border-radius:16px!important}
 body.ea360-interface #app input,body.ea360-interface #app select,body.ea360-interface #app textarea{font-size:16px!important;min-height:42px}
}
@media(max-width:390px){
 body.ea360-interface .shell>aside>#commandBar{padding-right:8px!important;padding-left:8px!important}
 body.ea360-interface .command-actions{gap:3px!important}
 body.ea360-interface .command-actions button{flex-basis:35px!important;width:35px!important;min-width:35px!important}
 body.ea360-interface .command-actions .command-new{flex-basis:72px!important;width:72px!important}
 body.ea360-interface #app .home-kpis{grid-template-columns:1fr!important}
 body.ea360-interface #app .home-kpi{grid-template-columns:38px minmax(0,1fr)!important}
 body.ea360-interface #mobileNav{right:7px!important;left:7px!important}
 body.ea360-interface #mobileNav button{font-size:8px!important}
}

/* Grista fidelity: dark framed workspace, indigo panels, and a data-first overview. */
body.ea360-interface{
  --gr-bg:#080a0d;--gr-surface:#10111f;--gr-surface-2:#141626;--gr-ink:#f4f6fb;--gr-muted:#a0a8bb;
  --gr-line:#252a3c;--gr-blue:#3984ff;--gr-blue-dark:#2869d8;--gr-blue-soft:#1b2544;
  --gr-green:#10d6a0;--gr-shadow:0 12px 32px rgba(0,0,0,.22);
  --bg:var(--gr-bg);--paper:var(--gr-surface);--ink:var(--gr-ink);--muted:var(--gr-muted);--line:var(--gr-line);
  min-height:100dvh!important;padding:24px!important;overflow:hidden!important;color:var(--gr-ink)!important;
  background:radial-gradient(ellipse at 14% 10%,#d1d4f5 0,#bfc4eb 42%,#b4b8df 100%)!important
}
body.ea360-interface .shell,body.ea360-interface .shell.sidebar-collapsed{
  grid-template-columns:250px minmax(0,1fr)!important;width:min(100%,1600px)!important;height:calc(100dvh - 48px)!important;min-height:620px!important;
  margin:0 auto!important;overflow:hidden!important;border:1px solid #272b3c!important;border-radius:19px!important;
  background:#08090c!important;box-shadow:0 28px 80px rgba(27,28,52,.2)!important
}
body.ea360-interface .shell>aside{height:100%!important;min-height:0!important;background:#090a0d!important;border-right:1px solid #20222b!important;box-shadow:none!important}
body.ea360-interface .shell>aside>.sidehead{border-bottom-color:#23242c!important}
body.ea360-interface .shell>aside>#nav .ea-nav-heading{color:#8992a8!important}
body.ea360-interface .shell>aside>#nav>button{color:#bec5d4!important}
body.ea360-interface .shell>aside>#nav>button .nav-icon{color:#aab4c9!important}
body.ea360-interface .shell>aside>#nav>button:hover{color:#fff!important;background:#171b2b!important}
body.ea360-interface .shell>aside>#nav>button.active{color:#fff!important;background:linear-gradient(100deg,#18284c,#171b2c)!important;border-color:#303c61!important;box-shadow:inset 3px 0 #4387ff!important}
body.ea360-interface .shell>aside>#nav>button.active .nav-icon{color:#43c9ff!important}
body.ea360-interface .shell>aside>footer{color:#8c96aa!important;border-top-color:#23242c!important}
body.ea360-interface .shell>aside>#commandBar{
  top:24px!important;left:calc((100vw - min(1600px,100vw - 48px))/2 + 250px)!important;
  right:calc((100vw - min(1600px,100vw - 48px))/2 + 1px)!important;height:68px!important;padding:10px 18px!important;
  background:rgba(9,10,14,.96)!important;border-bottom:1px solid #202431!important;border-radius:0 18px 0 0!important;
  box-shadow:none!important;backdrop-filter:blur(16px)!important
}
body.ea360-interface .command-search{background:#10121d!important;border-color:#2a2e42!important;color:#bfc7da!important}
body.ea360-interface .command-search input{color:#f3f5fa!important}
body.ea360-interface .command-ai,body.ea360-interface .command-icon,body.ea360-interface .profile-menu{background:#10121d!important;border-color:#2a2e42!important;color:#e4e9f4!important}
body.ea360-interface .shell>main{height:100%!important;min-height:0!important;padding:91px 28px 34px!important;overflow-y:auto!important;overscroll-behavior:contain!important;background:#08090c!important;scrollbar-color:#343a4c transparent!important}
body.ea360-interface #app{max-width:1500px!important}
body.ea360-interface #app h1,body.ea360-interface #app h2,body.ea360-interface #app h3,body.ea360-interface #app h4{color:#f3f5fa!important}
body.ea360-interface #app header p,body.ea360-interface #app .sub,body.ea360-interface #app small,body.ea360-interface #app .hint{color:#a0a8bb!important}
body.ea360-interface #app .home-dashboard{gap:17px!important}
body.ea360-interface #app .home-dashboard-head{align-items:flex-end!important;padding:3px 1px 2px!important}
body.ea360-interface #app .home-dashboard-head h1{color:#f7f8fc!important;font-size:clamp(25px,2.25vw,34px)!important;letter-spacing:-.04em!important}
body.ea360-interface #app .home-dashboard-head p{color:#aab1c1!important}
body.ea360-interface #app .home-breadcrumb{color:#40bfff!important}
body.ea360-interface #app .home-eyebrow{display:block;color:#47c6ff!important;font-size:10px!important;font-weight:750!important;letter-spacing:.14em!important}
body.ea360-interface #app .home-header-actions button{background:#111421!important;border-color:#2b3044!important;color:#eef1f8!important}
body.ea360-interface #app .home-header-actions button.home-primary{background:#3984ff!important;border-color:#3984ff!important;color:#fff!important}
body.ea360-interface #app .home-summary-strip{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
body.ea360-interface #app .home-summary-strip>button{display:grid!important;grid-template-columns:9px minmax(0,1fr)!important;grid-template-rows:auto auto!important;align-items:center!important;gap:3px 10px!important;min-width:0!important;padding:12px 14px!important;text-align:left!important;background:#10121d!important;border:1px solid #22283a!important;border-radius:13px!important;color:#eef1f8!important}
body.ea360-interface #app .home-summary-strip>button>span{font-size:12px!important}
body.ea360-interface #app .home-summary-strip>button>small{grid-column:2!important;font-size:10px!important}
body.ea360-interface #app .home-summary-strip b{color:#fff!important;font-size:13px!important}
body.ea360-interface #app .summary-dot{grid-row:1/3;width:8px;height:8px;border-radius:50%;background:#ffb74a;box-shadow:0 0 14px currentColor}
body.ea360-interface #app .summary-dot.cyan{background:#19c6f4;color:#19c6f4}
body.ea360-interface #app .summary-dot.violet{background:#a176ff;color:#a176ff}
body.ea360-interface #app .home-overview-grid{display:grid!important;grid-template-columns:minmax(0,1.45fr) minmax(300px,.85fr)!important;gap:14px!important}
body.ea360-interface #app .home-secondary-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
body.ea360-interface #app .home-card,body.ea360-interface #app .home-kpi,body.ea360-interface #app .card,body.ea360-interface #app .panel,body.ea360-interface #app .stat-card,body.ea360-interface #app .tablewrap,body.ea360-interface #app .section-card,body.ea360-interface #app .workspace-card{
  color:#eef1f8!important;background:linear-gradient(145deg,#111321 0%,#101421 100%)!important;border:1px solid #252a3d!important;border-radius:19px!important;box-shadow:0 10px 28px rgba(0,0,0,.18)!important
}
body.ea360-interface #app .home-card{padding:19px!important}
body.ea360-interface #app .home-card-head{align-items:flex-start!important;gap:12px!important}
body.ea360-interface #app .home-card-head h2{margin:3px 0 4px!important;color:#f4f6fb!important;font-size:17px!important}
body.ea360-interface #app .home-card-head p{color:#9da6b9!important;font-size:11px!important}
body.ea360-interface #app .home-card-head>button,body.ea360-interface #app .home-status-foot button,body.ea360-interface #app .home-focus-actions button{background:#141827!important;border:1px solid #30364a!important;color:#dce4f4!important}
body.ea360-interface #app .home-client-work-card{background:radial-gradient(ellipse at 12% 0%,#172344 0%,#111321 58%,#101421 100%)!important}
body.ea360-interface #app .home-period-switch{background:#0d101a!important;border:1px solid #2a3042!important}
body.ea360-interface #app .home-period-switch button{color:#aab3c6!important}
body.ea360-interface #app .home-period-switch button.active{background:#253d76!important;color:#fff!important;box-shadow:0 0 16px #327cff3a!important}
body.ea360-interface #app .home-work-hero{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin:17px 0 16px!important;padding:16px 18px!important;border:1px solid #29314a!important;border-radius:16px!important;background:linear-gradient(115deg,#101729,#111322)!important}
body.ea360-interface #app .home-work-hero>div:first-child{display:grid;gap:3px}
body.ea360-interface #app .home-work-hero>div:first-child>span{color:#aab5ca!important;font-size:12px!important}
body.ea360-interface #app .home-work-hero>div:first-child>strong{color:#f8f9fc!important;font-size:clamp(34px,4vw,52px)!important;letter-spacing:-.05em!important;line-height:1.1!important}
body.ea360-interface #app .home-work-hero>div:first-child>small{font-size:10px!important}
body.ea360-interface #app .home-work-progress{display:grid;place-items:center;flex:0 0 88px;width:88px;height:88px;border-radius:50%;background:conic-gradient(#29d5c8 0 var(--progress,50%),#815cff var(--progress,50%) var(--progress,50%),#252b40 0)!important;position:relative}
body.ea360-interface #app .home-work-progress::before{content:"";position:absolute;inset:7px;border-radius:50%;background:#111523}
body.ea360-interface #app .home-work-progress>div{position:relative;z-index:1;display:grid;text-align:center}
body.ea360-interface #app .home-work-progress b{color:#fff!important;font-size:17px!important}
body.ea360-interface #app .home-work-progress small{font-size:8px!important;line-height:1.2}
body.ea360-interface #app .home-delivery-allocation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
body.ea360-interface #app .home-allocation-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto!important;gap:5px 10px!important;align-items:center!important;padding:10px 11px!important;text-align:left!important;background:#10121d!important;border:1px solid #252a3d!important;border-radius:12px!important;color:#e8edf6!important}
body.ea360-interface #app .home-allocation-row>span{display:flex;align-items:center;gap:7px;color:#b7c0d2!important;font-size:10px!important}
body.ea360-interface #app .home-allocation-row>span i{width:7px;height:7px;border-radius:50%;background:#36c8f4}
body.ea360-interface #app .home-allocation-row>span i.violet{background:#9b75ff}.home-allocation-row>span i.rose{background:#ef4d9b}.home-allocation-row>span i.green{background:#15d4a0}
body.ea360-interface #app .home-allocation-row>b{color:#fff!important;font-size:12px!important}
body.ea360-interface #app .home-allocation-row>small{font-size:9px!important}
body.ea360-interface #app .home-allocation-row>em{grid-column:1/-1;height:4px;overflow:hidden;border-radius:8px;background:#25293a}
body.ea360-interface #app .home-allocation-row>em>span{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#22c3e5,#876aff)}
body.ea360-interface #app .home-account-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:13px}
body.ea360-interface #app .home-account-totals button{display:grid;gap:4px;padding:10px 11px;text-align:left;background:#0e111b;border:1px solid #22283a;border-radius:11px;color:#e5eaf4}
body.ea360-interface #app .home-account-totals small{font-size:9px!important}
body.ea360-interface #app .home-account-totals b{font-size:14px!important;color:#fff!important}
body.ea360-interface #app .home-account-totals b span{font-size:10px;color:#8c96aa}
body.ea360-interface #app .home-focus-list{display:grid;gap:6px;margin-top:8px}
body.ea360-interface #app .home-focus-item{min-height:53px!important;background:#101421!important;border-bottom:1px solid #242a3a!important;color:#ecf1f8!important}
body.ea360-interface #app .home-focus-item small{color:#9da8bc!important}
body.ea360-interface #app .home-focus-mark{background:#26354e!important;color:#58c6ef!important}
body.ea360-interface #app .home-focus-item.is-overdue .home-focus-mark{background:#492435!important;color:#ff7b91!important}
body.ea360-interface #app .home-pipeline-flow{display:grid;gap:8px;margin-top:12px}
body.ea360-interface #app .home-flow-stage{display:grid!important;grid-template-columns:minmax(95px,1fr) 36px minmax(70px,2fr)!important;align-items:center!important;gap:10px!important;padding:8px 10px!important;text-align:left!important;background:#0e111b!important;border:1px solid #22283a!important;border-radius:10px!important;color:#c5cede!important;font-size:10px!important}
body.ea360-interface #app .home-flow-stage b{color:#fff!important;font-size:12px!important;text-align:center}
body.ea360-interface #app .home-flow-stage i{height:5px;overflow:hidden;border-radius:8px;background:#252a3a}
body.ea360-interface #app .home-flow-stage em{display:block;height:100%;border-radius:8px;background:#22c5e8}
body.ea360-interface #app .home-flow-stage.blue em{background:#4387ff}.home-flow-stage.violet em{background:#946bff}.home-flow-stage.green em{background:#10d6a0}.home-flow-stage.rose em{background:#ed4f9b}
body.ea360-interface #app .home-status-bars{display:grid;gap:12px;margin:18px 0}
body.ea360-interface #app .home-status-bar-row{color:#c4ccda!important}
body.ea360-interface #app .home-status-bar-row i{background:#282d40!important}
body.ea360-interface #app .home-status-bar-row strong{color:#fff!important}
body.ea360-interface #app .home-status-foot{border-top-color:#272d3f!important;color:#909bb0!important}
body.ea360-interface #app .home-project-tabs button{background:#141827!important;border-color:#2a3042!important;color:#aeb8ca!important}
body.ea360-interface #app .home-project-tabs button.active{background:#263d76!important;border-color:#3454a0!important;color:#fff!important}
body.ea360-interface #app .home-project-search{background:#0d1019!important;border-color:#282e40!important}
body.ea360-interface #app .home-project-search input{background:transparent!important;color:#f3f5f9!important}
body.ea360-interface #app .home-project-table th{background:#171a29!important;color:#9ba7bd!important;border-color:#2a2e40!important}
body.ea360-interface #app .home-project-table td{color:#c4ccda!important;border-color:#252a3b!important}
body.ea360-interface #app .home-project-table tr:hover td{background:#171b2a!important}
body.ea360-interface #app .home-status{background:#202943!important;color:#8db7ff!important}
body.ea360-interface #app .home-shortcuts button{background:#121522!important;border-color:#262c3d!important;color:#d9e0ed!important}
body.ea360-interface #app input,body.ea360-interface #app select,body.ea360-interface #app textarea{background:#121522!important;border-color:#2a3042!important;color:#edf2fb!important}
body.ea360-interface #app table th{background:#171a29!important;color:#a3aec2!important}
body.ea360-interface #app table td{border-color:#252a3b!important;color:#d4d9e4!important}
body.ea360-interface dialog,body.ea360-interface .modal,body.ea360-interface .mobile-workspace-panel{background:#101320!important;color:#edf2fb!important;border-color:#2a3042!important}
body.ea360-interface #mobileNav{background:#101320!important;border-color:#292e40!important}
body.ea360-interface #mobileNav button{color:#a6aec0!important}
body.ea360-interface #mobileNav button.active{background:#263f79!important;color:#fff!important}
body.ea360-interface[data-theme="dark"]{--gr-bg:#080a0d;--gr-surface:#10111f;--gr-surface-2:#141626;--gr-ink:#f4f6fb;--gr-muted:#a0a8bb;--gr-line:#252a3c;--gr-blue:#3984ff;--gr-blue-dark:#2869d8;--gr-blue-soft:#1b2544;--gr-shadow:0 12px 32px rgba(0,0,0,.22)}
@media(max-width:1050px) and (min-width:721px){body.ea360-interface{padding:14px!important}body.ea360-interface .shell{height:calc(100dvh - 28px)!important}body.ea360-interface .shell>aside>#commandBar{top:14px!important;left:calc((100vw - min(1600px,100vw - 28px))/2 + 220px)!important;right:calc((100vw - min(1600px,100vw - 28px))/2 + 1px)!important}body.ea360-interface .shell>main{padding:86px 18px 25px!important}}
@media(max-width:720px){
 body.ea360-interface{padding:0 0 calc(76px + env(safe-area-inset-bottom))!important;overflow-x:hidden!important;background:#08090c!important}
 body.ea360-interface .shell,body.ea360-interface .shell.sidebar-collapsed{width:100%!important;height:auto!important;min-height:100dvh!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
 body.ea360-interface .shell>aside{background:#08090c!important}
 body.ea360-interface .shell>aside>#commandBar{top:0!important;left:0!important;right:0!important;height:60px!important;min-height:60px!important;padding:8px 10px!important;background:rgba(9,10,14,.97)!important;border-radius:0!important;border-bottom:1px solid #242837!important}
 body.ea360-interface .shell>main{height:auto!important;min-height:calc(100dvh - 60px)!important;padding:15px 12px 100px!important;overflow:visible!important;background:#08090c!important}
 body.ea360-interface #app .home-dashboard{gap:11px!important}
 body.ea360-interface #app .home-dashboard-head{display:block!important;padding:2px 1px 4px!important}
 body.ea360-interface #app .home-dashboard-head h1{font-size:25px!important}
 body.ea360-interface #app .home-summary-strip{display:flex!important;gap:7px!important;margin:4px -2px 0!important;overflow-x:auto!important;scroll-snap-type:x proximity;padding-bottom:2px}
 body.ea360-interface #app .home-summary-strip>button{flex:0 0 175px!important;scroll-snap-align:start!important;padding:10px!important}
 body.ea360-interface #app .home-overview-grid,body.ea360-interface #app .home-secondary-grid{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
 body.ea360-interface #app .home-card{padding:14px!important;border-radius:17px!important}
 body.ea360-interface #app .home-work-hero{margin:12px 0!important;padding:12px!important}
 body.ea360-interface #app .home-work-progress{flex-basis:74px!important;width:74px!important;height:74px!important}
 body.ea360-interface #app .home-delivery-allocation{gap:6px!important}
 body.ea360-interface #app .home-allocation-row{padding:8px!important}
 body.ea360-interface #app .home-account-totals button{padding:8px!important}
 body.ea360-interface #app .home-card-head{gap:8px!important}
 body.ea360-interface #app .home-project-table{min-width:0!important;width:100%!important}
 body.ea360-interface #mobileNav{background:rgba(16,19,32,.97)!important;border-color:#2b3042!important;box-shadow:0 12px 36px rgba(0,0,0,.48)!important;backdrop-filter:blur(16px)!important}
}
@media(max-width:390px){body.ea360-interface #app .home-work-hero>div:first-child>strong{font-size:36px!important}body.ea360-interface #app .home-card-head h2{font-size:16px!important}}
@media(prefers-reduced-motion:no-preference){body.ea360-interface #app .home-card{animation:grista-card-in .42s cubic-bezier(.2,.7,.2,1) both}body.ea360-interface #app .home-card:nth-child(2){animation-delay:.06s}body.ea360-interface #app .home-card:nth-child(3){animation-delay:.1s}@keyframes grista-card-in{from{opacity:.01;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}

@media(max-width:720px){
 body.ea360-interface #app .home-summary-strip{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important;margin:4px 0 0!important;padding:0!important}
 body.ea360-interface #app .home-summary-strip>button{min-width:0!important;width:100%!important;padding:9px!important}
 body.ea360-interface #app .home-summary-strip>button:nth-child(3){grid-column:1/-1!important}
 body.ea360-interface #app .home-client-work-card>.home-card-head{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
 body.ea360-interface #app .home-client-work-card .home-period-switch{width:100%!important;margin-top:3px!important}
 body.ea360-interface #app .home-summary-strip::-webkit-scrollbar{display:none!important}
}

/* Reference pass: match Grista's warm canvas, compact command header and dark mobile dock. */
body.ea360-interface{
  --gr-bg:#f6f2e9;--gr-surface:#fffefa;--gr-surface-2:#f8f5ee;--gr-ink:#182437;--gr-muted:#778191;
  --gr-line:#e6e0d5;--gr-blue:#2e64d6;--gr-blue-dark:#214eae;--gr-blue-soft:#edf3ff;
  --gr-shadow:0 8px 24px rgba(35,45,62,.055);background:var(--gr-bg)!important
}
body.ea360-interface .shell,body.ea360-interface .shell>main{background:var(--gr-bg)!important}
body.ea360-interface .shell>aside{background:#f0ece3!important;border-right-color:#e3ddd1!important;box-shadow:4px 0 20px rgba(35,45,62,.035)!important}
body.ea360-interface .shell>aside>.sidehead{border-bottom-color:#dfd9cd!important}
body.ea360-interface .shell>aside>#nav>button{color:#536176!important}
body.ea360-interface .shell>aside>#nav>button .nav-icon{color:#71819a!important}
body.ea360-interface .shell>aside>#nav>button:hover{color:#1d2c45!important;background:#e7e9ee!important}
body.ea360-interface .shell>aside>#nav>button.active{color:#fff!important;background:var(--gr-blue)!important;border-color:var(--gr-blue)!important;box-shadow:0 6px 15px rgba(46,100,214,.17)!important}
body.ea360-interface .shell>aside>#nav>button.active .nav-icon{color:#fff!important}
body.ea360-interface .shell>aside>#nav .ea-nav-heading{color:#8b8e94!important}
body.ea360-interface .shell>aside>footer{color:#7d8795!important;border-color:#dfd9cd!important}
body.ea360-interface .shell>aside>#commandBar{background:rgba(255,254,250,.96)!important;border-bottom-color:var(--gr-line)!important}
body.ea360-interface .mobile-page-title{display:none}
body.ea360-interface .command-search{display:flex!important;align-items:center!important;gap:9px!important;box-sizing:border-box!important}
body.ea360-interface .command-search input{flex:1 1 auto!important;width:100%!important;min-width:0!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important}
body.ea360-interface .shell>main{padding-top:96px!important}
body.ea360-interface #app .home-dashboard-head{padding:5px 2px 9px!important}
body.ea360-interface #app .home-dashboard-head h1{letter-spacing:-.04em!important}
body.ea360-interface #app .home-period-switch{background:#eeece6!important;border:1px solid var(--gr-line)!important;border-radius:13px!important;padding:4px!important}
body.ea360-interface #app .home-period-switch button{border-radius:10px!important}
body.ea360-interface #app .home-period-switch button.active{background:var(--gr-blue)!important;color:#fff!important;box-shadow:0 4px 10px rgba(46,100,214,.18)!important}
body.ea360-interface #app .home-kpi,body.ea360-interface #app .home-card,body.ea360-interface #app .card,
body.ea360-interface #app .panel,body.ea360-interface #app .stat-card,body.ea360-interface #app .tablewrap,
body.ea360-interface #app .section-card,body.ea360-interface #app .workspace-card{
  background:var(--gr-surface)!important;border-color:var(--gr-line)!important;box-shadow:var(--gr-shadow)!important
}
body.ea360-interface #app .home-kpi{border-radius:18px!important}
body.ea360-interface #app .home-card{border-radius:21px!important}
body.ea360-interface #app .home-kpi-icon{background:var(--gr-blue-soft)!important;color:var(--gr-blue)!important}
body.ea360-interface #app .home-header-actions button{border-radius:13px!important}
body.ea360-interface #app .home-header-actions .home-primary{background:var(--gr-blue)!important;border-color:var(--gr-blue)!important;color:#fff!important}
body.ea360-interface #app .home-project-table tr:hover td{background:#f8f7f3!important}
body.ea360-interface #mobileNav{background:#151c2c!important;border-color:#252d40!important;box-shadow:0 12px 32px rgba(17,25,42,.25)!important}
body.ea360-interface #mobileNav button.active{background:#344f9e!important;color:#fff!important}
body.ea360-interface #mobileNav .mobile-fab span{color:#7fa8ff!important}
body.ea360-interface[data-theme="dark"]{
  --gr-bg:#111522;--gr-surface:#1a2030;--gr-surface-2:#151c2a;--gr-ink:#edf1f8;--gr-muted:#a6b0c0;
  --gr-line:#30394a;--gr-blue:#4c7df0;--gr-blue-dark:#3765d0;--gr-blue-soft:#242f4b;--gr-shadow:0 10px 28px rgba(0,0,0,.2)
}
body.ea360-interface[data-theme="dark"] .shell>aside{background:#151a28!important;border-color:#2b3242!important}
body.ea360-interface[data-theme="dark"] .shell>aside>.sidehead,body.ea360-interface[data-theme="dark"] .shell>aside>footer{border-color:#2b3242!important}
body.ea360-interface[data-theme="dark"] .shell>aside>#nav>button{color:#bac4d6!important}
body.ea360-interface[data-theme="dark"] .shell>aside>#nav>button.active{background:#344f9e!important;border-color:#4568bd!important}
body.ea360-interface[data-theme="dark"] .shell>aside>#commandBar{background:rgba(20,26,39,.96)!important}
body.ea360-interface[data-theme="dark"] #app .home-period-switch{background:#202737!important}
body.ea360-interface[data-theme="dark"] #app .home-project-table tr:hover td{background:#202737!important}

@media(max-width:720px){
  body.ea360-interface{padding:0 0 calc(76px + env(safe-area-inset-bottom))!important;background:var(--gr-bg)!important}
  body.ea360-interface .shell>aside>#commandBar{position:sticky!important;top:0!important;min-height:60px!important;height:60px!important;padding:8px 10px!important;background:rgba(255,254,250,.97)!important}
  body.ea360-interface .commandbar{display:flex!important;flex-direction:row!important;align-items:center!important;gap:5px!important}
  body.ea360-interface .mobile-page-title{display:block!important;flex:0 1 76px!important;min-width:0!important;overflow:hidden!important;color:var(--gr-ink)!important;font-size:12px!important;font-weight:750!important;line-height:1.15!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  body.ea360-interface .command-search{position:relative!important;flex:0 0 34px!important;width:34px!important;min-width:34px!important;max-width:34px!important;height:38px!important;min-height:38px!important;padding:0!important;justify-content:center!important;border-radius:12px!important}
  body.ea360-interface .command-search input{position:absolute!important;inset:0!important;width:100%!important;min-width:0!important;height:100%!important;padding:0!important;opacity:0!important;cursor:pointer!important}
  body.ea360-interface .command-search:focus-within{flex:1 1 76px!important;width:auto!important;max-width:none!important}
  body.ea360-interface .command-search:focus-within input{position:relative!important;opacity:1!important;cursor:text!important}
  body.ea360-interface .command-actions{flex:0 0 auto!important;display:flex!important;justify-content:flex-end!important;gap:3px!important;width:auto!important;overflow:visible!important}
  body.ea360-interface #commandBar .command-actions button{flex:0 0 32px!important;width:32px!important;min-width:32px!important;height:36px!important;min-height:36px!important;padding:0!important;border-radius:11px!important}
  body.ea360-interface .command-actions [data-today-workspace],body.ea360-interface .command-actions .command-logout{display:none!important}
  body.ea360-interface .command-actions .command-ai span{display:none!important}
  body.ea360-interface #commandBar .command-actions .command-new{flex:0 0 34px!important;width:34px!important;min-width:34px!important;grid-column:auto!important;padding:0!important;background:var(--gr-blue)!important;color:#fff!important}
  body.ea360-interface #commandBar .command-actions .command-new span{display:none!important}
  body.ea360-interface .shell>main{padding:16px 12px calc(98px + env(safe-area-inset-bottom))!important}
  body.ea360-interface #app .home-dashboard-head{padding:2px 2px 6px!important}
  body.ea360-interface #app .home-breadcrumb{font-size:9px!important;letter-spacing:.11em!important}
  body.ea360-interface #app .home-dashboard-head h1{font-size:25px!important;line-height:1.16!important}
  body.ea360-interface #app .home-dashboard-head p{font-size:13px!important}
  body.ea360-interface #app .home-header-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:13px!important}
  body.ea360-interface #app .home-header-actions button{min-height:42px!important;font-size:11px!important}
  body.ea360-interface #app .home-header-actions button:last-child{grid-column:1/-1!important}
  body.ea360-interface #app .home-period-row{align-items:flex-start!important;gap:10px!important}
  body.ea360-interface #app .home-period-row h2{font-size:18px!important}
  body.ea360-interface #app .home-period-switch{width:100%!important}
  body.ea360-interface #app .home-period-switch button{flex:1 1 0!important;min-width:0!important;padding:8px 3px!important;font-size:10px!important}
  body.ea360-interface #app .home-kpi{background:var(--gr-surface)!important;border-radius:17px!important;padding:12px!important}
  body.ea360-interface #app .home-card{background:var(--gr-surface)!important;border-radius:18px!important}
  body.ea360-interface #mobileNav{inset:auto 10px calc(10px + env(safe-area-inset-bottom))!important;min-height:62px!important;border-radius:22px!important}
  body.ea360-interface[data-theme="dark"] .shell>aside>#commandBar{background:rgba(20,26,39,.97)!important}
}
@media(max-width:390px){
  body.ea360-interface .shell>aside>#commandBar{padding-right:8px!important;padding-left:8px!important}
  body.ea360-interface .mobile-page-title{flex-basis:62px!important;font-size:11px!important}
  body.ea360-interface .command-search{flex-basis:32px!important;width:32px!important;min-width:32px!important;max-width:32px!important}
  body.ea360-interface .commandbar{gap:4px!important}
  body.ea360-interface .command-actions{gap:3px!important}
  body.ea360-interface #commandBar .command-actions button{flex-basis:31px!important;width:31px!important;min-width:31px!important}
  body.ea360-interface #commandBar .command-actions .command-new{flex-basis:33px!important;width:33px!important;min-width:33px!important}
  body.ea360-interface #app .home-header-actions button{padding:8px 5px!important;font-size:10px!important}
}

/* Keep the light theme readable while retaining the blue Grista navigation. */
body.ea360-interface[data-theme="light"]{
  --gr-bg:#f1f4fa;--gr-surface:#fff;--gr-surface-2:#f7f9fc;--gr-ink:#17243a;--gr-muted:#62718a;
  --gr-line:#dce4ef;--gr-blue:#2868d8;--gr-blue-dark:#1e50b4;--gr-blue-soft:#eaf1ff;
  --gr-shadow:0 8px 24px rgba(35,45,62,.07);color:var(--gr-ink)!important;
  background:#edf2f9!important
}
body.ea360-interface[data-theme="light"] .shell,
body.ea360-interface[data-theme="light"] .shell.sidebar-collapsed,
body.ea360-interface[data-theme="light"] .shell>main{background:#f1f4fa!important;color:#17243a!important}
body.ea360-interface[data-theme="light"] .shell>aside{background:#10233d!important;border-color:#243b59!important;color:#eaf1fb!important}
body.ea360-interface[data-theme="light"] .shell>aside>.sidehead{border-color:#29415f!important}
body.ea360-interface[data-theme="light"] .shell>aside>#nav>button{color:#b8c8dc!important}
body.ea360-interface[data-theme="light"] .shell>aside>#nav>button:hover{background:#1b385c!important;color:#fff!important}
body.ea360-interface[data-theme="light"] .shell>aside>#nav>button.active{background:#24558c!important;border-color:#3675b9!important;color:#fff!important}
body.ea360-interface[data-theme="light"] .shell>aside>#nav .ea-nav-heading{color:#8ea7c5!important}
body.ea360-interface[data-theme="light"] .shell>aside>footer{color:#8ea7c5!important;border-color:#29415f!important}
body.ea360-interface[data-theme="light"] .shell>aside>#commandBar{background:rgba(255,255,255,.96)!important;border-color:#dce4ef!important;box-shadow:0 5px 18px rgba(31,43,64,.07)!important}
body.ea360-interface[data-theme="light"] .command-search,
body.ea360-interface[data-theme="light"] .command-ai,
body.ea360-interface[data-theme="light"] .command-icon,
body.ea360-interface[data-theme="light"] .profile-menu{background:#fff!important;border-color:#dce4ef!important;color:#203552!important}
body.ea360-interface[data-theme="light"] .command-search input{color:#17243a!important}
body.ea360-interface[data-theme="light"] #app{color:#263750!important}
body.ea360-interface[data-theme="light"] #app h1,
body.ea360-interface[data-theme="light"] #app h2,
body.ea360-interface[data-theme="light"] #app h3,
body.ea360-interface[data-theme="light"] #app h4,
body.ea360-interface[data-theme="light"] #app strong{color:#17243a!important}
body.ea360-interface[data-theme="light"] #app p,
body.ea360-interface[data-theme="light"] #app small,
body.ea360-interface[data-theme="light"] #app .sub,
body.ea360-interface[data-theme="light"] #app .hint{color:#62718a!important}
body.ea360-interface[data-theme="light"] #app .home-card,
body.ea360-interface[data-theme="light"] #app .home-kpi,
body.ea360-interface[data-theme="light"] #app .card,
body.ea360-interface[data-theme="light"] #app .panel,
body.ea360-interface[data-theme="light"] #app .stat,
body.ea360-interface[data-theme="light"] #app .stat-card,
body.ea360-interface[data-theme="light"] #app .tablewrap,
body.ea360-interface[data-theme="light"] #app .section-card,
body.ea360-interface[data-theme="light"] #app .workspace-card{color:#263750!important;background:#fff!important;border-color:#dce4ef!important;box-shadow:0 8px 24px rgba(35,45,62,.06)!important}
body.ea360-interface[data-theme="light"] #app button:not(.primary):not(.home-primary){color:#203552!important;background:#fff!important;border-color:#d1dceb!important}
body.ea360-interface[data-theme="light"] #app button:not(.primary):not(.home-primary):hover{background:#edf3fc!important;color:#173b70!important}
body.ea360-interface[data-theme="light"] #app button.primary,
body.ea360-interface[data-theme="light"] #app button.home-primary{background:#2868d8!important;border-color:#2868d8!important;color:#fff!important}
body.ea360-interface[data-theme="light"] #app input,
body.ea360-interface[data-theme="light"] #app select,
body.ea360-interface[data-theme="light"] #app textarea{background:#fff!important;color:#17243a!important;border-color:#cfd9e8!important}
body.ea360-interface[data-theme="light"] #app table th{background:#e9eff8!important;color:#405675!important}
body.ea360-interface[data-theme="light"] #app table td{color:#263750!important;border-color:#dce4ef!important}
body.ea360-interface[data-theme="light"] #app .home-project-table tr:hover td{background:#eaf1ff!important;color:#243752!important}
body.ea360-interface[data-theme="light"] #mobileNav{background:rgba(16,35,61,.97)!important;border-color:#29415f!important}
body.ea360-interface[data-theme="light"] #mobileNav button{color:#c1cee0!important}
body.ea360-interface[data-theme="light"] #mobileNav button.active{color:#fff!important;background:#24558c!important}
@media(max-width:720px){
  body.ea360-interface #app .stats.four{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;width:100%!important;margin:0 0 14px!important;padding:0!important;overflow:visible!important;scroll-snap-type:none!important}
  body.ea360-interface #app .stats.four>.stat{box-sizing:border-box!important;width:100%!important;min-width:0!important;min-height:98px!important;padding:13px!important;overflow-wrap:anywhere!important;scroll-snap-align:none!important}
  body.ea360-interface #app .stats.four>.stat strong{font-size:clamp(16px,5vw,21px)!important;overflow-wrap:anywhere!important}
}
@media(min-width:721px) and (max-height:700px){
  body.ea360-interface{padding:10px!important;overflow:hidden!important}
  body.ea360-interface .shell,body.ea360-interface .shell.sidebar-collapsed{height:calc(100dvh - 20px)!important;min-height:0!important;overflow:hidden!important}
  body.ea360-interface .shell>aside{height:100%!important;min-height:0!important}
  body.ea360-interface .shell>aside>#nav{min-height:0!important;overflow-y:auto!important}
  body.ea360-interface .shell>aside>#commandBar{top:10px!important;left:calc((100vw - min(1600px,100vw - 20px))/2 + 250px)!important;right:calc((100vw - min(1600px,100vw - 20px))/2 + 1px)!important;height:62px!important;padding:8px 14px!important}
  body.ea360-interface .shell>main{height:100%!important;min-height:0!important;overflow-y:auto!important}
}
@media(min-width:721px) and (max-width:1050px) and (max-height:700px){
  body.ea360-interface .shell>aside>#commandBar{left:calc((100vw - min(1600px,100vw - 20px))/2 + 220px)!important}
}