/* Revamp Cloud-inspired dark dashboard theme. Applies only in dark mode. */
body.ea360-interface[data-theme="dark"]{
  --revamp-bg:#090b0f;
  --revamp-surface:#10131d;
  --revamp-card:#111522;
  --revamp-card-soft:#151a2b;
  --revamp-line:#252b40;
  --revamp-ink:#f4f6fb;
  --revamp-muted:#9aa4b8;
  --revamp-dim:#737e94;
  --revamp-blue:#287cf0;
  --revamp-cyan:#12c9f4;
  --revamp-green:#13d9a0;
  --revamp-purple:#9568f5;
  --revamp-pink:#ed4e9c;
  --bg:var(--revamp-bg);
  --paper:var(--revamp-surface);
  --ink:var(--revamp-ink);
  --muted:var(--revamp-muted);
  --line:var(--revamp-line);
  color:var(--revamp-ink)!important;
  background:#aeb7ef!important;
  color-scheme:dark;
}

body.ea360-interface[data-theme="dark"] .shell{
  height:calc(100dvh - 30px)!important;
  min-height:0!important;
  margin:15px!important;
  overflow:hidden!important;
  border:1px solid #20263a!important;
  border-radius:20px!important;
  background:var(--revamp-bg)!important;
  box-shadow:0 18px 55px #343b7844!important;
}
body.ea360-interface[data-theme="dark"] .shell aside{
  background:linear-gradient(180deg,#0b0d13 0%,#0a0c12 68%,#0a1728 100%)!important;
  color:var(--revamp-ink)!important;
  border-right:1px solid #1d2232!important;
}
body.ea360-interface[data-theme="dark"] .sidehead{border-bottom-color:#ffffff16!important}
body.ea360-interface[data-theme="dark"] .brand.brand-logo img{filter:brightness(0) invert(1)!important}
body.ea360-interface[data-theme="dark"] .shell aside nav button{color:#c6ccda!important;border-radius:9px!important}
body.ea360-interface[data-theme="dark"] .shell aside nav button .nav-icon{color:#a9b5ce!important}
body.ea360-interface[data-theme="dark"] .shell aside nav button:hover{background:#1b2335!important;color:#fff!important}
body.ea360-interface[data-theme="dark"] .shell aside nav button.active{
  background:linear-gradient(100deg,#15243d,#14223a)!important;
  color:#fff!important;
  box-shadow:inset 3px 0 var(--revamp-cyan),0 4px 15px #078dd31a!important;
}
body.ea360-interface[data-theme="dark"] .shell aside nav button.active .nav-icon{color:var(--revamp-cyan)!important}
body.ea360-interface[data-theme="dark"] .ea-nav-heading{color:#78869f!important}
body.ea360-interface[data-theme="dark"] .shell aside nav{scrollbar-color:#36405b #10131d}
body.ea360-interface[data-theme="dark"] .shell aside nav::-webkit-scrollbar-thumb{background:#36405b!important}
body.ea360-interface[data-theme="dark"] .shell aside footer{border-top-color:#ffffff17!important;color:#77849a!important}

body.ea360-interface[data-theme="dark"] .shell main{background:var(--revamp-bg)!important;color:var(--revamp-ink)!important}
body.ea360-interface[data-theme="dark"] .commandbar{
  background:#0e1119!important;
  border:1px solid var(--revamp-line)!important;
  border-radius:14px!important;
  box-shadow:0 8px 24px #0005!important;
  color:var(--revamp-ink)!important;
}
body.ea360-interface[data-theme="dark"] .command-search{
  background:#151927!important;border-color:#292f44!important;color:#94a1b8!important;border-radius:9px!important;
}
body.ea360-interface[data-theme="dark"] .command-search input{background:transparent!important;color:var(--revamp-ink)!important}
body.ea360-interface[data-theme="dark"] .command-search input::placeholder{color:#758198!important}
body.ea360-interface[data-theme="dark"] .command-ai,
body.ea360-interface[data-theme="dark"] .command-icon,
body.ea360-interface[data-theme="dark"] .profile-menu,
body.ea360-interface[data-theme="dark"] .command-logout{
  background:#151a2a!important;border-color:#2c3550!important;color:#e5eafa!important;box-shadow:none!important;
}
body.ea360-interface[data-theme="dark"] .command-ai{color:#70caff!important}
body.ea360-interface[data-theme="dark"] .command-new,
body.ea360-interface[data-theme="dark"] .primary,
body.ea360-interface[data-theme="dark"] .mobile-fab{
  background:linear-gradient(110deg,#176bea,#347df4)!important;border-color:#3486ff!important;color:#fff!important;
  box-shadow:0 0 18px #2477f133!important;
}
body.ea360-interface[data-theme="dark"] .command-new:hover,
body.ea360-interface[data-theme="dark"] .primary:hover,
body.ea360-interface[data-theme="dark"] .mobile-fab:hover{background:#388bff!important;border-color:#58a2ff!important}

body.ea360-interface[data-theme="dark"] #app{color:var(--revamp-ink)!important}
body.ea360-interface[data-theme="dark"] #app h1,
body.ea360-interface[data-theme="dark"] #app h2,
body.ea360-interface[data-theme="dark"] #app h3,
body.ea360-interface[data-theme="dark"] #app h4,
body.ea360-interface[data-theme="dark"] #app strong{color:var(--revamp-ink)!important}
body.ea360-interface[data-theme="dark"] #app header p,
body.ea360-interface[data-theme="dark"] #app .sub,
body.ea360-interface[data-theme="dark"] #app small,
body.ea360-interface[data-theme="dark"] #app .hint,
body.ea360-interface[data-theme="dark"] #app label{color:var(--revamp-muted)!important}
body.ea360-interface[data-theme="dark"] .eyebrow{color:#58baff!important;letter-spacing:.14em}

body.ea360-interface[data-theme="dark"] .panel,
body.ea360-interface[data-theme="dark"] .stat,
body.ea360-interface[data-theme="dark"] .document-card,
body.ea360-interface[data-theme="dark"] .client-card,
body.ea360-interface[data-theme="dark"] .department-card,
body.ea360-interface[data-theme="dark"] .work-queue-panel,
body.ea360-interface[data-theme="dark"] .recent-work-panel,
body.ea360-interface[data-theme="dark"] .work-metric,
body.ea360-interface[data-theme="dark"] .command-card,
body.ea360-interface[data-theme="dark"] .command-kpi,
body.ea360-interface[data-theme="dark"] .attention-panel,
body.ea360-interface[data-theme="dark"] .client360-panel{
  background:var(--revamp-card)!important;
  border:1px solid var(--revamp-line)!important;
  border-radius:18px!important;
  box-shadow:0 9px 28px #0004!important;
  color:var(--revamp-ink)!important;
}
body.ea360-interface[data-theme="dark"] .panel{padding:22px!important}
body.ea360-interface[data-theme="dark"] .stat{position:relative;overflow:hidden;padding:20px!important}
body.ea360-interface[data-theme="dark"] .stats .stat strong,
body.ea360-interface[data-theme="dark"] .command-kpi b{color:#f4f7ff!important;font-size:27px}
body.ea360-interface[data-theme="dark"] .stat:first-child{background:#111a29!important;border-color:#25354e!important}
body.ea360-interface[data-theme="dark"] .stat:nth-child(2){background:#111522!important}
body.ea360-interface[data-theme="dark"] .stat:nth-child(3){background:#141324!important}
body.ea360-interface[data-theme="dark"] .stat:nth-child(4){background:#171321!important}
body.ea360-interface[data-theme="dark"] .stats .stat:after,
body.ea360-interface[data-theme="dark"] .command-kpi:after{background:#2089ff25!important}

body.ea360-interface[data-theme="dark"] .workday-hero,
body.ea360-interface[data-theme="dark"] .command-dashboard .command-hero{
  background:linear-gradient(115deg,#111524 0%,#101827 60%,#112138 100%)!important;
  border:1px solid #293752!important;border-radius:20px!important;
  box-shadow:0 12px 34px #0005!important;color:var(--revamp-ink)!important;
}
body.ea360-interface[data-theme="dark"] .workday-hero h1,
body.ea360-interface[data-theme="dark"] .command-hero h1{color:#f4f6fb!important}
body.ea360-interface[data-theme="dark"] .workday-hero p,
body.ea360-interface[data-theme="dark"] .command-hero p{color:#aeb8ca!important}
body.ea360-interface[data-theme="dark"] .workday-hero .eyebrow,
body.ea360-interface[data-theme="dark"] .command-hero .eyebrow{color:#43bfff!important}
body.ea360-interface[data-theme="dark"] .workday-actions button:not(.primary),
body.ea360-interface[data-theme="dark"] .command-actions button:not(.primary){
  background:#171c2b!important;border-color:#303950!important;color:#edf2fb!important;
}
body.ea360-interface[data-theme="dark"] .workday-actions .primary,
body.ea360-interface[data-theme="dark"] .command-hero .command-actions .primary{
  background:linear-gradient(110deg,#176bea,#347df4)!important;border-color:#3486ff!important;color:#fff!important;
}
body.ea360-interface[data-theme="dark"] .work-queue-item,
body.ea360-interface[data-theme="dark"] .focus-item{border-bottom-color:#272d40!important}
body.ea360-interface[data-theme="dark"] .work-priority-dot{background:var(--revamp-cyan)!important;box-shadow:0 0 0 5px #12c9f426!important}
body.ea360-interface[data-theme="dark"] .focus-item b{color:#f2f5fb!important}
body.ea360-interface[data-theme="dark"] .focus-item span{color:var(--revamp-muted)!important}
body.ea360-interface[data-theme="dark"] .smallbtn,
body.ea360-interface[data-theme="dark"] #app button:not(.primary):not(.danger):not(.active):not(.nav-icon){
  background:#151a28!important;border-color:#303850!important;color:#e4eaf6!important;border-radius:10px!important;
}
body.ea360-interface[data-theme="dark"] .smallbtn:hover,
body.ea360-interface[data-theme="dark"] #app button:not(.primary):not(.danger):not(.active):not(.nav-icon):hover{
  background:#1b263c!important;border-color:#4675b5!important;color:#fff!important;
}
body.ea360-interface[data-theme="dark"] .danger{color:#ff7888!important}
body.ea360-interface[data-theme="dark"] .danger.smallbtn{background:#26151d!important;border-color:#60303c!important}

body.ea360-interface[data-theme="dark"] table{border-color:var(--revamp-line)!important;background:transparent!important}
body.ea360-interface[data-theme="dark"] table th{background:#151a29!important;color:#aab5cb!important;border-bottom-color:#293047!important}
body.ea360-interface[data-theme="dark"] table td{border-bottom-color:#252b3d!important;color:#d5dbea!important}
body.ea360-interface[data-theme="dark"] table tbody tr:hover{background:#171d2c!important}
body.ea360-interface[data-theme="dark"] .pipeline .lane{background:#101421!important;border-color:#252d43!important;border-radius:17px!important;color:#edf1fa!important}
body.ea360-interface[data-theme="dark"] .lead-card{background:#151a29!important;border:1px solid #2a3249!important;border-radius:15px!important;box-shadow:0 6px 18px #0004!important}
body.ea360-interface[data-theme="dark"] .lead-card strong{color:#f4f6fc!important}
body.ea360-interface[data-theme="dark"] .pipeline-step,
body.ea360-interface[data-theme="dark"] .client360-grid article{background:#171c2a!important;border:1px solid #282f44!important}
body.ea360-interface[data-theme="dark"] .pipeline-step b,
body.ea360-interface[data-theme="dark"] .client360-grid b{color:#f4f6fc!important}
body.ea360-interface[data-theme="dark"] .pipeline-step span,
body.ea360-interface[data-theme="dark"] .client360-grid span,
body.ea360-interface[data-theme="dark"] .client360-grid small{color:var(--revamp-muted)!important}
body.ea360-interface[data-theme="dark"] .source-track{background:#252b3c!important}
body.ea360-interface[data-theme="dark"] .source-track i{background:linear-gradient(90deg,var(--revamp-blue),var(--revamp-cyan))!important}
body.ea360-interface[data-theme="dark"] .attention-card{background:#171c2a!important;border-color:#2a3044!important}
body.ea360-interface[data-theme="dark"] .attention-card h3{color:#f1f4fb!important}
body.ea360-interface[data-theme="dark"] .attention-card p{color:var(--revamp-muted)!important}

body.ea360-interface[data-theme="dark"] input,
body.ea360-interface[data-theme="dark"] select,
body.ea360-interface[data-theme="dark"] textarea{
  background:#111522!important;border-color:#30364b!important;border-radius:10px!important;color:#f0f3fa!important;
}
body.ea360-interface[data-theme="dark"] input::placeholder,
body.ea360-interface[data-theme="dark"] textarea::placeholder{color:#78849a!important}
body.ea360-interface[data-theme="dark"] input:focus,
body.ea360-interface[data-theme="dark"] select:focus,
body.ea360-interface[data-theme="dark"] textarea:focus{outline:3px solid #287cf044!important;border-color:#4189f4!important}
body.ea360-interface[data-theme="dark"] dialog{background:#10131c!important;color:var(--revamp-ink)!important;border:1px solid #2b3248!important;border-radius:18px!important;box-shadow:0 24px 80px #000b!important}
body.ea360-interface[data-theme="dark"] dialog h1,
body.ea360-interface[data-theme="dark"] dialog h2,
body.ea360-interface[data-theme="dark"] dialog h3,
body.ea360-interface[data-theme="dark"] dialog label{color:#edf2fb!important}
body.ea360-interface[data-theme="dark"] .modalbar{background:#111521!important;border-bottom:1px solid #292f43!important;color:#edf2fb!important}
body.ea360-interface[data-theme="dark"] .badge.Paid,
body.ea360-interface[data-theme="dark"] .badge.Accepted{background:#12332d!important;color:#59e3b0!important}
body.ea360-interface[data-theme="dark"] .badge.Sent{background:#142a46!important;color:#7ebcff!important}
body.ea360-interface[data-theme="dark"] .badge.Overdue{background:#3a1d29!important;color:#ff8995!important}
body.ea360-interface[data-theme="dark"] #mobileNav{background:#0d1019!important;border-top:1px solid #293047!important;box-shadow:0 -8px 24px #0007!important}
body.ea360-interface[data-theme="dark"] #mobileNav button{color:#9ba6ba!important}
body.ea360-interface[data-theme="dark"] #mobileNav button.active{color:#6ccaff!important}
body.ea360-interface[data-theme="dark"] .toast{background:#141a2a!important;color:#f2f5fb!important;border:1px solid #323c56!important;box-shadow:0 10px 34px #0009!important}

@media(min-width:721px){
  body.ea360-interface[data-theme="dark"] .shell aside{height:100%!important;min-height:0!important}
  body.ea360-interface[data-theme="dark"] .shell main{height:100%!important;min-height:0!important}
  body.ea360-interface[data-theme="dark"] .commandbar .command-search{flex:1 1 180px;min-width:180px}
  body.ea360-interface[data-theme="dark"] .commandbar .command-actions{flex:0 0 auto;flex-wrap:nowrap;gap:6px}
}
@media(max-width:720px){
  body.ea360-interface[data-theme="dark"]{background:#090b0f!important}
  body.ea360-interface[data-theme="dark"] .shell{height:auto!important;min-height:100dvh!important;margin:0!important;border:0!important;border-radius:0!important;overflow:visible!important;box-shadow:none!important}
  body.ea360-interface[data-theme="dark"] .shell aside{background:#090c13!important}
  body.ea360-interface[data-theme="dark"] .panel{padding:16px!important}
  body.ea360-interface[data-theme="dark"] .workday-hero{padding:20px 18px!important}
  body.ea360-interface[data-theme="dark"] .stats{gap:10px}
  body.ea360-interface[data-theme="dark"] .stat{padding:14px!important}
  body.ea360-interface[data-theme="dark"] #app table{min-width:640px}
}

/* Deal dashboard layout follows the supplied Revamp Cloud reference while using live CRM records. */
body.ea360-interface[data-theme="dark"] .revamp-dashboard{display:grid;gap:18px;color:var(--revamp-ink);min-width:0}
body.ea360-interface[data-theme="dark"] .revamp-page-head,
body.ea360-interface[data-theme="dark"] .revamp-section-title,
body.ea360-interface[data-theme="dark"] .revamp-history-head{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0}
body.ea360-interface[data-theme="dark"] .revamp-breadcrumb{display:flex;align-items:center;gap:10px;color:#98a2b7;font-size:13px;margin-bottom:14px}
body.ea360-interface[data-theme="dark"] .revamp-breadcrumb button{background:none!important;border:0!important;padding:0!important;color:#9aa5ba!important;box-shadow:none!important;min-height:0}
body.ea360-interface[data-theme="dark"] .revamp-breadcrumb strong{color:#f0f3fa}
body.ea360-interface[data-theme="dark"] .revamp-page-head h1{font-size:24px;letter-spacing:-.03em;margin:0}
body.ea360-interface[data-theme="dark"] .revamp-head-actions,
body.ea360-interface[data-theme="dark"] .revamp-section-title>div,
body.ea360-interface[data-theme="dark"] .revamp-history-actions,
body.ea360-interface[data-theme="dark"] .revamp-filter-left,
body.ea360-interface[data-theme="dark"] .revamp-filter-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
body.ea360-interface[data-theme="dark"] .revamp-head-actions button,
body.ea360-interface[data-theme="dark"] .revamp-soft-button,
body.ea360-interface[data-theme="dark"] .revamp-history-actions button,
body.ea360-interface[data-theme="dark"] .revamp-filters button{min-height:36px;padding:0 12px!important;background:#111522!important;border:1px solid #282f42!important;color:#dbe2f0!important;border-radius:9px!important;font-size:12px!important;box-shadow:none!important}
body.ea360-interface[data-theme="dark"] .revamp-section-title h2,
body.ea360-interface[data-theme="dark"] .revamp-history-head h2{font-size:16px;margin:0;letter-spacing:-.01em}
body.ea360-interface[data-theme="dark"] .revamp-history-head p{margin:4px 0 0;color:var(--revamp-muted);font-size:12px}
body.ea360-interface[data-theme="dark"] .revamp-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
body.ea360-interface[data-theme="dark"] .revamp-kpi{position:relative;display:block;text-align:left;min-width:0;min-height:136px;padding:18px 17px!important;overflow:hidden;background:linear-gradient(145deg,#111522,#111525)!important;border:1px solid #242b40!important;border-radius:18px!important;color:var(--revamp-ink)!important;box-shadow:0 8px 24px #0003!important}
body.ea360-interface[data-theme="dark"] .revamp-kpi:hover{border-color:#3b5e9c!important;transform:translateY(-1px)}
body.ea360-interface[data-theme="dark"] .revamp-kpi-icon{display:grid;place-items:center;width:32px;height:32px;border:1px solid #45477d;border-radius:50%;background:#18223d;color:#d7e5ff;font-size:16px;font-style:normal;font-weight:700}
body.ea360-interface[data-theme="dark"] .revamp-kpi-icon.cyan{color:#62e9ff;background:#123044;border-color:#1c536e}
body.ea360-interface[data-theme="dark"] .revamp-kpi-icon.blue{color:#9fb9ff;background:#1c2544;border-color:#3d4e82}
body.ea360-interface[data-theme="dark"] .revamp-kpi-icon.teal{color:#61e8d0;background:#13332f;border-color:#216258}
body.ea360-interface[data-theme="dark"] .revamp-kpi-icon.purple{color:#d1b6ff;background:#292142;border-color:#58437e}
body.ea360-interface[data-theme="dark"] .revamp-kpi-menu{position:absolute;right:16px;top:20px;color:#8c95aa;letter-spacing:2px;font-size:11px}
body.ea360-interface[data-theme="dark"] .revamp-kpi>small{display:block;margin:12px 0 5px;color:#e5e9f2;font-size:12px}
body.ea360-interface[data-theme="dark"] .revamp-kpi>strong{display:block;font-size:25px;line-height:1.15;letter-spacing:-.035em;color:#f4f6fb;overflow-wrap:anywhere}
body.ea360-interface[data-theme="dark"] .revamp-kpi>strong.revamp-money{font-size:22px}
body.ea360-interface[data-theme="dark"] .revamp-kpi>em{display:inline-block;margin-top:6px;color:#50dfba;font-size:10px;font-style:normal}
body.ea360-interface[data-theme="dark"] .revamp-kpi:nth-child(4)>em{color:#f06b9a}
body.ea360-interface[data-theme="dark"] .revamp-kpi-note{display:block;color:#9aa5b8;font-size:11px;margin-top:7px}
body.ea360-interface[data-theme="dark"] .revamp-charts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;min-width:0}
body.ea360-interface[data-theme="dark"] .revamp-chart-card{min-width:0;min-height:235px;padding:17px 16px 14px;background:linear-gradient(145deg,#111522,#111422)!important;border:1px solid #242b40;border-radius:18px;box-shadow:0 8px 24px #0003}
body.ea360-interface[data-theme="dark"] .revamp-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:14px}
body.ea360-interface[data-theme="dark"] .revamp-card-head h2{margin:0;color:#f0f3fa;font-size:14px}
body.ea360-interface[data-theme="dark"] .revamp-card-head p{margin:4px 0 0;color:#8d98ad;font-size:10px}
body.ea360-interface[data-theme="dark"] .revamp-card-head button{background:transparent!important;border:0!important;box-shadow:none!important;color:#8c97ad!important;padding:0 2px!important;min-height:20px}
body.ea360-interface[data-theme="dark"] .revamp-bar-chart{height:144px;display:grid;grid-template-columns:repeat(4,1fr);align-items:end;gap:9px;padding:8px 5px 0;background:repeating-linear-gradient(to bottom,transparent 0 34px,#232a3d 35px,#232a3d 36px)}
body.ea360-interface[data-theme="dark"] .revamp-stage-bar{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px;height:100%;background:transparent!important;border:0!important;padding:0 0 0!important;color:#b4bfd2!important;box-shadow:none!important}
body.ea360-interface[data-theme="dark"] .revamp-stage-bar span{font-size:9px;color:#a9b5c8}
body.ea360-interface[data-theme="dark"] .revamp-stage-bar i{display:block;width:6px;height:var(--height);min-height:8px;background:var(--bar);box-shadow:0 0 12px color-mix(in srgb,var(--bar) 38%,transparent);border-radius:3px 3px 0 0}
body.ea360-interface[data-theme="dark"] .revamp-stage-bar small{display:grid;place-items:center;width:19px;height:19px;border-radius:5px;background:#1a2031;color:#a6afc0;font-size:9px}
body.ea360-interface[data-theme="dark"] .revamp-chart-caption{text-align:center;color:#aab3c2;font-size:9px;margin-top:10px;letter-spacing:.02em}
body.ea360-interface[data-theme="dark"] .revamp-line-chart{width:100%;height:150px;overflow:visible}
body.ea360-interface[data-theme="dark"] .revamp-line-chart .gridline{fill:none;stroke:#252b3e;stroke-width:1}
body.ea360-interface[data-theme="dark"] .revamp-line-chart polyline{fill:none;stroke:#13c9e8;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
body.ea360-interface[data-theme="dark"] .revamp-line-chart .chart-points{fill:#12d8e8;stroke:#101522;stroke-width:2}
body.ea360-interface[data-theme="dark"] .revamp-line-chart text{fill:#919bb0;font-size:9px}
body.ea360-interface[data-theme="dark"] .revamp-currency-row{margin:14px 0 18px}
body.ea360-interface[data-theme="dark"] .revamp-currency-row>div{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px;font-size:11px}
body.ea360-interface[data-theme="dark"] .revamp-currency-row>div span{color:#ccd3e0}
body.ea360-interface[data-theme="dark"] .revamp-currency-row>div b{color:#7bdcff;font-size:11px}
body.ea360-interface[data-theme="dark"] .revamp-currency-row>i{display:block;height:9px;border-radius:8px;background:#24283b;overflow:hidden}
body.ea360-interface[data-theme="dark"] .revamp-currency-row>i span{display:block;width:var(--width);height:100%;background:var(--bar);border-radius:inherit}
body.ea360-interface[data-theme="dark"] .revamp-chart-link{margin-top:2px;background:transparent!important;border:0!important;color:#60cfff!important;padding:0!important;min-height:20px;box-shadow:none!important;font-size:11px}
body.ea360-interface[data-theme="dark"] .revamp-empty-chart{color:#8591a8;font-size:12px;padding:26px 0}
body.ea360-interface[data-theme="dark"] .revamp-history{min-width:0}
body.ea360-interface[data-theme="dark"] .revamp-primary{background:linear-gradient(110deg,#176bea,#347df4)!important;border-color:#3486ff!important;color:#fff!important}
body.ea360-interface[data-theme="dark"] .revamp-filters{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 10px}
body.ea360-interface[data-theme="dark"] .revamp-filters select{min-width:108px;min-height:34px;padding:0 26px 0 10px!important;font-size:11px!important;border-radius:8px!important}
body.ea360-interface[data-theme="dark"] .revamp-filter-right>span{color:#8995aa;font-size:11px}
body.ea360-interface[data-theme="dark"] .revamp-extra-filters{margin:-2px 0 12px}
body.ea360-interface[data-theme="dark"] .revamp-extra-filters input{width:min(440px,100%);min-height:36px;font-size:12px!important}
body.ea360-interface[data-theme="dark"] .revamp-table-wrap{overflow:auto;border:1px solid #222a3d;border-radius:17px;background:#10131e}
body.ea360-interface[data-theme="dark"] table.revamp-table{width:100%;min-width:780px;border:0!important;border-collapse:collapse;background:#10131e!important}
body.ea360-interface[data-theme="dark"] .revamp-table.hide-owner th:nth-child(7),body.ea360-interface[data-theme="dark"] .revamp-table.hide-owner td:nth-child(7){display:none}
body.ea360-interface[data-theme="dark"] .revamp-table th{height:43px;background:#151827!important;border-bottom:1px solid #252b3e!important;color:#a0a8ba!important;font-size:9px;letter-spacing:.03em;white-space:nowrap}
body.ea360-interface[data-theme="dark"] .revamp-table td{height:52px;padding:8px 12px!important;border-bottom:1px solid #22283a!important;color:#c8d0df!important;font-size:11px}
body.ea360-interface[data-theme="dark"] .revamp-table tr:last-child td{border-bottom:0!important}
body.ea360-interface[data-theme="dark"] .revamp-table td small{display:block;margin:3px 0 0;color:#7f8aa0;font-size:9px}
body.ea360-interface[data-theme="dark"] .revamp-deal-name{display:flex;align-items:center;gap:8px;white-space:nowrap;color:#eef2f8;font-weight:650}
body.ea360-interface[data-theme="dark"] .revamp-deal-name i{width:7px;height:7px;border-radius:50%;background:var(--dot);flex:0 0 auto}
body.ea360-interface[data-theme="dark"] .revamp-amount{font-weight:700;color:#f4f6fb!important;white-space:nowrap}
body.ea360-interface[data-theme="dark"] .revamp-status{display:inline-block;padding:4px 9px;border-radius:20px;background:#14342f;color:#51dfb2;font-size:9px;white-space:nowrap}
body.ea360-interface[data-theme="dark"] .revamp-status.active{background:#172940;color:#7dbbff}
body.ea360-interface[data-theme="dark"] .revamp-status.proposal{background:#332a1a;color:#f4c76e}
body.ea360-interface[data-theme="dark"] .revamp-status.lost{background:#3b202b;color:#ff93a0}
body.ea360-interface[data-theme="dark"] .revamp-row-open{padding:5px 9px!important;min-height:27px!important;background:#171c2a!important;border:1px solid #323a51!important;color:#e8edfa!important;font-size:10px!important;border-radius:7px!important}
body.ea360-interface[data-theme="dark"] .revamp-empty-row{text-align:center;color:#8995aa;padding:28px!important}
body.ea360-interface[data-theme="dark"] .revamp-mobile-shortcuts{display:none}
@media(max-width:1150px){body.ea360-interface[data-theme="dark"] .revamp-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}body.ea360-interface[data-theme="dark"] .revamp-charts{grid-template-columns:repeat(2,minmax(0,1fr))}body.ea360-interface[data-theme="dark"] .revamp-chart-card:last-child{grid-column:1/-1}}
@media(max-width:720px){
  body.ea360-interface[data-theme="dark"] .revamp-dashboard{gap:14px}
  body.ea360-interface[data-theme="dark"] .revamp-page-head{align-items:flex-start}
  body.ea360-interface[data-theme="dark"] .revamp-page-head h1{font-size:21px}
  body.ea360-interface[data-theme="dark"] .revamp-head-actions{flex-direction:column;align-items:stretch}
  body.ea360-interface[data-theme="dark"] .revamp-head-actions button{font-size:10px!important;padding:0 8px!important}
  body.ea360-interface[data-theme="dark"] .revamp-section-title{align-items:flex-start;flex-direction:column}
  body.ea360-interface[data-theme="dark"] .revamp-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  body.ea360-interface[data-theme="dark"] .revamp-kpi{padding:13px!important;min-height:128px}
  body.ea360-interface[data-theme="dark"] .revamp-kpi>strong{font-size:21px}
  body.ea360-interface[data-theme="dark"] .revamp-kpi>strong.revamp-money{font-size:17px}
  body.ea360-interface[data-theme="dark"] .revamp-kpi-note{font-size:10px}
  body.ea360-interface[data-theme="dark"] .revamp-charts{grid-template-columns:1fr}
  body.ea360-interface[data-theme="dark"] .revamp-chart-card:last-child{grid-column:auto}
  body.ea360-interface[data-theme="dark"] .revamp-chart-card{min-height:216px}
  body.ea360-interface[data-theme="dark"] .revamp-history-head{align-items:flex-start;flex-direction:column}
  body.ea360-interface[data-theme="dark"] .revamp-history-actions{width:100%}
  body.ea360-interface[data-theme="dark"] .revamp-history-actions button{flex:1}
  body.ea360-interface[data-theme="dark"] .revamp-filters{align-items:stretch;flex-direction:column}
  body.ea360-interface[data-theme="dark"] .revamp-filter-left,.revamp-filter-right{width:100%}
  body.ea360-interface[data-theme="dark"] .revamp-filter-left select{flex:1;min-width:0}
  body.ea360-interface[data-theme="dark"] .revamp-filter-right{justify-content:space-between}
  body.ea360-interface[data-theme="dark"] .revamp-mobile-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  body.ea360-interface[data-theme="dark"] .revamp-mobile-shortcuts button{background:#111522!important;border:1px solid #282f42!important;color:#dbe2f0!important;border-radius:9px!important}
}

/* Reel V16-inspired CRM application shell: compact workspace bar, live dashboard, responsive app navigation. */
body.ea360-interface{--app-header:#fff;--app-header-line:#e4e9f1;--app-nav-text:#54627a;--app-nav-active:#111827;--app-nav-active-text:#fff;--app-soft:#f5f7fa;--app-shadow:0 6px 22px #1c2d4610;overflow-x:hidden}
body.ea360-interface .shell,body.ea360-interface .shell.sidebar-collapsed{display:block!important;min-height:100vh!important;height:auto!important;overflow:visible!important}
body.ea360-interface .shell>aside{position:sticky!important;inset:0 0 auto!important;z-index:100!important;display:grid!important;grid-template-columns:164px minmax(0,1fr) minmax(300px,480px)!important;grid-template-rows:auto!important;align-items:center!important;gap:18px!important;width:100%!important;height:auto!important;min-height:76px!important;padding:10px clamp(16px,2.4vw,36px)!important;background:var(--app-header)!important;color:var(--ink)!important;border:0!important;border-bottom:1px solid var(--app-header-line)!important;border-radius:0!important;box-shadow:var(--app-shadow)!important;overflow:visible!important}
body.ea360-interface .shell>aside .sidehead{grid-column:1;grid-row:1;display:flex!important;align-items:center!important;min-height:0!important;height:42px!important;padding:0!important;border:0!important}
body.ea360-interface .shell>aside .brand.brand-logo{display:flex!important;flex:1 1 auto!important;min-width:0!important;padding:0!important}
body.ea360-interface .shell>aside .brand.brand-logo img{width:178px!important;max-width:100%!important;height:auto!important;max-height:44px!important;object-fit:contain!important;object-position:left center!important}
body.ea360-interface .shell>aside .sidebar-toggle,body.ea360-interface .shell>aside footer,body.ea360-interface .shell>aside .navbar-compact-toggle{display:none!important}
body.ea360-interface .shell>aside>#nav{grid-column:2;grid-row:1;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:4px!important;min-width:0!important;max-height:none!important;padding:0!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important}
body.ea360-interface .shell>aside>#nav::-webkit-scrollbar{display:none!important}
body.ea360-interface .shell>aside>#nav .ea-nav-heading{display:none!important}
body.ea360-interface .shell>aside>#nav>button{position:relative!important;display:flex;flex:0 0 auto!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-width:0!important;min-height:40px!important;height:40px!important;padding:0 11px!important;border:1px solid transparent!important;border-radius:10px!important;background:transparent!important;color:var(--app-nav-text)!important;font-size:12px!important;font-weight:650!important;white-space:nowrap!important;box-shadow:none!important}
body.ea360-interface .shell>aside>#nav>button .nav-icon{font-size:15px!important;color:inherit!important}
body.ea360-interface .shell>aside>#nav>button:hover{background:var(--app-soft)!important;color:var(--ink)!important}
body.ea360-interface .shell>aside>#nav>button.active{background:var(--app-nav-active)!important;color:var(--app-nav-active-text)!important;border-color:var(--app-nav-active)!important;box-shadow:0 4px 12px #1118271a!important}
body.ea360-interface .shell>aside>#nav>button.active .nav-icon{color:inherit!important}
body.ea360-interface .shell>aside>#nav .nav-count{position:absolute;top:-4px;right:-2px;min-width:16px;height:16px;padding:0 4px;border:2px solid var(--app-header);border-radius:99px;background:#ed765f;color:#fff;font-size:9px;line-height:12px;text-align:center}
body.ea360-interface .shell>aside>#commandBar{grid-column:3;grid-row:1;min-width:0;width:100%;margin:0!important;padding:0!important}
body.ea360-interface .commandbar{display:flex!important;align-items:center!important;gap:9px!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
body.ea360-interface .command-search{flex:1 1 110px!important;min-width:80px!important;height:40px!important;min-height:40px!important;padding:0 11px!important;border-radius:10px!important;background:var(--app-soft)!important}
body.ea360-interface .command-search input{min-width:0!important;font-size:12px!important}
body.ea360-interface .command-actions{display:flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;width:auto!important}
body.ea360-interface .command-actions button{min-width:38px!important;min-height:38px!important;height:38px!important;padding:0 9px!important;border-radius:10px!important}
body.ea360-interface .command-ai,body.ea360-interface .command-icon,body.ea360-interface .profile-menu{background:var(--app-soft)!important;border:1px solid var(--app-header-line)!important;color:var(--ink)!important;box-shadow:none!important}
body.ea360-interface .command-new{background:#2f78e7!important;border:1px solid #2f78e7!important;color:#fff!important}
body.ea360-interface .shell>main{width:min(100%,1680px)!important;min-width:0!important;height:auto!important;min-height:calc(100vh - 76px)!important;margin:0 auto!important;padding:26px clamp(14px,2.5vw,38px) 48px!important;overflow:visible!important;background:var(--bg)!important}
body.ea360-interface #app{min-width:0!important;width:100%!important}
body.ea360-interface #mobileNav{display:none!important}
body.ea360-interface .home-project-table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
body.ea360-interface .home-project-table{width:100%;min-width:700px}
body.ea360-interface .home-project-table td,body.ea360-interface .home-project-table th{padding:13px 12px}
body.ea360-interface button,body.ea360-interface a.button{touch-action:manipulation}
body.ea360-interface :focus-visible{outline:3px solid #5c9df566!important;outline-offset:2px}
body.ea360-interface[data-theme="dark"]{--app-header:#101522;--app-header-line:#293047;--app-nav-text:#a3aec2;--app-nav-active:#1d2c45;--app-nav-active-text:#f4f7ff;--app-soft:#171d2b;--app-shadow:0 6px 22px #0003}
body.ea360-interface[data-theme="dark"] .shell>aside>#nav>button.active{border-color:#294466!important;color:#eaf5ff!important}
@media(min-width:721px) and (max-width:1100px){
 body.ea360-interface .shell>aside{grid-template-columns:148px minmax(0,1fr)!important;grid-template-rows:42px 48px!important;gap:6px 12px!important;padding:10px 16px!important}
 body.ea360-interface .shell>aside>.sidehead{grid-column:1;grid-row:1}
 body.ea360-interface .shell>aside>#commandBar{grid-column:2;grid-row:1}
 body.ea360-interface .shell>aside>#nav{grid-column:1/-1;grid-row:2;justify-content:flex-start}
 body.ea360-interface .shell>aside>#nav>button{min-height:36px;height:36px;padding:0 9px!important;font-size:11px!important}
 body.ea360-interface .shell>main{padding:20px 20px 40px!important}
}
@media(max-width:720px){
 body.ea360-interface{min-height:100dvh!important;padding:0 0 calc(66px + env(safe-area-inset-bottom))!important;overscroll-behavior-y:contain}
 body.ea360-interface .shell,body.ea360-interface .shell.sidebar-collapsed{min-height:100dvh!important;height:auto!important;margin:0!important;border:0!important;border-radius:0!important;overflow:visible!important;box-shadow:none!important}
 body.ea360-interface .shell>aside{position:sticky!important;top:0!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:8px!important;min-height:0!important;height:auto!important;padding:calc(8px + env(safe-area-inset-top)) 12px 10px!important;background:var(--app-header)!important;border:0!important;border-bottom:1px solid var(--app-header-line)!important;box-shadow:0 5px 16px #1c2d460c!important}
 body.ea360-interface .shell>aside>.sidehead{grid-column:1!important;grid-row:1!important;min-height:38px!important;height:38px!important}
 body.ea360-interface .shell>aside .brand.brand-logo img{width:148px!important;max-height:36px!important}
 body.ea360-interface .shell>aside>#nav,body.ea360-interface .shell>aside>footer{display:none!important}
 body.ea360-interface .shell>aside>#commandBar{grid-column:1!important;grid-row:2!important;width:100%!important}
 body.ea360-interface .commandbar{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:7px!important}
 body.ea360-interface .command-search{width:100%!important;height:39px!important;min-height:39px!important}
 body.ea360-interface .command-actions{display:flex!important;justify-content:flex-end!important;gap:6px!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 40px!important;min-width:40px!important;min-height:40px!important;height:40px!important;padding:0 7px!important;font-size:12px!important}
 body.ea360-interface .command-actions .command-ai{flex:0 0 40px!important;width:40px!important}
 body.ea360-interface .command-actions .command-ai span{display:none!important}
 body.ea360-interface .command-actions .command-new{flex:0 0 92px!important;width:92px!important}
 body.ea360-interface .command-actions .command-new span{display:inline!important}
 body.ea360-interface .shell>main{width:100%!important;min-height:calc(100dvh - 122px)!important;margin:0!important;padding:16px 12px calc(18px + env(safe-area-inset-bottom))!important;overflow:visible!important}
 body.ea360-interface #mobileNav{position:fixed!important;inset:auto 0 0!important;z-index:120!important;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;align-items:center!important;justify-items:stretch!important;gap:0!important;width:100%!important;min-height:calc(60px + env(safe-area-inset-bottom))!important;padding:5px 6px calc(5px + env(safe-area-inset-bottom))!important;background:var(--app-header)!important;border-top:1px solid var(--app-header-line)!important;box-shadow:0 -5px 18px #172b480f!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:10px!important;background:transparent!important;color:#78869b!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{background:#edf4ff!important;color:#246ac5!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:10px!important;background:transparent!important;box-shadow:none!important;color:#78869b!important;font-size:9px!important}
 body.ea360-interface #mobileNav .mobile-fab span{display:block!important;color:#2f78e7!important;font-size:23px!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 .home-dashboard{gap:14px!important}
 body.ea360-interface .home-dashboard-head{gap:12px!important}
 body.ea360-interface .home-dashboard-head h1{font-size:25px!important}
 body.ea360-interface .home-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 body.ea360-interface .home-kpi{grid-template-columns:30px minmax(0,1fr)!important;column-gap:8px!important;padding:12px!important;border-radius:12px!important}
 body.ea360-interface .home-kpi-icon{width:29px!important;height:29px!important;font-size:14px!important}
 body.ea360-interface .home-kpi-label{font-size:10px!important}
 body.ea360-interface .home-kpi>b{font-size:18px!important}
 body.ea360-interface .home-kpi>b.home-money{font-size:13px!important}
 body.ea360-interface .home-kpi>small{font-size:9px!important;line-height:1.35}
 body.ea360-interface .home-analytics-grid,body.ea360-interface .home-lower-grid{grid-template-columns:minmax(0,1fr)!important;gap:11px!important}
 body.ea360-interface .home-card{padding:14px!important;border-radius:13px!important}
 body.ea360-interface .home-delivery-content{grid-template-columns:minmax(100px,.65fr) minmax(0,1fr)!important}
 body.ea360-interface .home-project-toolbar{gap:8px!important}
 body.ea360-interface .home-project-table{min-width:0!important;width:100%!important}
 body.ea360-interface .home-project-table thead{display:none!important}
 body.ea360-interface .home-project-table,body.ea360-interface .home-project-table tbody{display:block!important}
 body.ea360-interface .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(--app-header-line)!important;border-radius:11px!important;background:var(--paper)!important}
 body.ea360-interface .home-project-table td{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-width:0!important;padding:7px 0!important;border:0!important;text-align:right!important;font-size:11px!important}
 body.ea360-interface .home-project-table td:first-child{grid-column:1/-1!important;justify-content:flex-start!important;text-align:left!important}
 body.ea360-interface .home-project-table td::before{content:attr(data-label);flex:0 0 auto;color:var(--muted)!important;font-size:9px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.05em}
 body.ea360-interface .home-project-table td:first-child::before,body.ea360-interface .home-project-table td:last-child::before{display:none!important}
 body.ea360-interface .home-project-table td:last-child{grid-column:1/-1!important;justify-content:flex-end!important;padding-top:4px!important}
 body.ea360-interface .home-project-table .home-project-name{min-width:0!important;white-space:normal!important}
 body.ea360-interface .home-project-table .home-project-name b{overflow-wrap:anywhere!important}
 body.ea360-interface .home-project-table .home-open-project{min-height:38px!important}
 body.ea360-interface #app table:not(.home-project-table){min-width:640px}
 body.ea360-interface .tablewrap,body.ea360-interface .home-project-table-wrap{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 - env(safe-area-inset-top))!important;margin:auto!important;padding:16px!important;overflow:auto!important;border-radius:16px!important}
 body.ea360-interface input,body.ea360-interface select,body.ea360-interface textarea{font-size:16px!important;min-height:42px}
 body.ea360-interface #app button{min-height:38px}
 body.ea360-interface #app button.home-legend-row,body.ea360-interface #app button.home-focus-item{min-height:44px}
 body.ea360-interface[data-theme="dark"] #mobileNav button.active{background:#1a2b44!important;color:#7dcaff!important}
}
@media(max-width:390px){
 body.ea360-interface .home-kpis{grid-template-columns:1fr!important}
 body.ea360-interface .home-kpi{grid-template-columns:38px minmax(0,1fr)!important}
 body.ea360-interface .home-delivery-content{grid-template-columns:1fr!important;justify-items:center}
 body.ea360-interface .home-legend{width:100%}
 body.ea360-interface .home-project-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.ea360-interface #mobileNav{padding-right:3px!important;padding-left:3px!important}
 body.ea360-interface #mobileNav button{font-size:8px!important}
}

/* Mobile fitting pass: keep all dashboard content within the device width. */
@media(max-width:720px){
 body.ea360-interface{overflow-x:hidden!important}
 body.ea360-interface .shell>main{box-sizing:border-box!important;width:100%!important;max-width:100%!important}
 body.ea360-interface #app,body.ea360-interface .home-dashboard{box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important}
 body.ea360-interface .command-actions{flex-wrap:nowrap!important;justify-content:flex-start!important;gap:4px!important;scroll-snap-type:x proximity}
 body.ea360-interface .home-dashboard-head{min-width:0!important}
 body.ea360-interface .home-header-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;width:100%!important;min-width:0!important}
 body.ea360-interface .home-header-actions button{box-sizing:border-box!important;min-width:0!important;width:100%!important;padding:8px 6px!important;font-size:11px!important}
 body.ea360-interface .home-header-actions button:last-child{grid-column:1/-1!important}
 body.ea360-interface .home-period-switch{box-sizing:border-box!important;width:100%!important;min-width:0!important}
 body.ea360-interface .home-period-switch button{flex:1 1 0!important;min-width:0!important;padding:8px 4px!important;font-size:10px!important}
 body.ea360-interface .home-kpi{box-sizing:border-box!important;width:100%!important;min-width:0!important}
 body.ea360-interface .home-kpi-label{min-width:0!important;overflow-wrap:anywhere!important}
}@media(max-width:720px){
 body.ea360-interface .shell>main{width:100vw!important}
 body.ea360-interface #app,body.ea360-interface .home-dashboard{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important}
 body.ea360-interface #commandBar .command-actions{display:flex!important;grid-template-columns:none!important;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:4px!important;overflow-x:auto!important}
 body.ea360-interface #commandBar .command-actions button{flex:0 0 40px!important;width:40px!important;min-width:40px!important}
 body.ea360-interface #commandBar .command-actions .command-new{flex:0 0 92px!important;width:92px!important}
 body.ea360-interface #commandBar .command-actions .command-ai{flex:0 0 40px!important;width:40px!important}
 body.ea360-interface .home-period-switch{overflow:hidden!important}
 body.ea360-interface .home-period-switch button{width:33.333%!important}
}

/* Keep the document as the single vertical scroll surface in every layout.
   The previous EA360 shell hid root scrolling on desktop/tablet while this
   file made the inner main area overflow visibly. */
html:has(body.ea360-interface){
  height:auto!important;
  min-height:100%!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  scroll-padding-top:130px;
}
body.ea360-interface{
  height:auto!important;
  min-height:100dvh!important;
  overflow-x:clip!important;
  overflow-y:visible!important;
  overscroll-behavior-y:auto!important;
}
body.ea360-interface .shell,
body.ea360-interface .shell.sidebar-collapsed{
  height:auto!important;
  min-height:100dvh!important;
  overflow:visible!important;
}
body.ea360-interface .shell>main{
  height:auto!important;
  min-height:calc(100dvh - 76px)!important;
  overflow:visible!important;
  overscroll-behavior-y:auto!important;
}

@media(min-width:1101px){
 body.ea360-interface .shell>aside{
  grid-template-columns:164px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  gap:8px 18px!important;
  min-height:122px!important;
  padding:10px clamp(16px,2.4vw,36px) 8px!important;
 }
 body.ea360-interface .shell>aside>.sidehead{grid-column:1!important;grid-row:1!important}
 body.ea360-interface .shell>aside>#commandBar{grid-column:2!important;grid-row:1!important;max-width:100%!important}
 body.ea360-interface .shell>aside>#nav{
  grid-column:1/-1!important;grid-row:2!important;
  width:100%!important;min-height:40px!important;
  overflow-x:auto!important;overflow-y:hidden!important;
  scrollbar-width:thin!important;scrollbar-color:#b8c6d9 transparent!important;
  padding-bottom:2px!important;
 }
 body.ea360-interface .shell>aside>#nav::-webkit-scrollbar{display:block!important;height:5px!important}
 body.ea360-interface .shell>aside>#nav::-webkit-scrollbar-thumb{background:#b8c6d9!important;border-radius:99px!important}
 body.ea360-interface .shell>main{min-height:calc(100dvh - 122px)!important}
}

@media(max-width:720px){
 html:has(body.ea360-interface){scroll-padding-top:180px}
 body.ea360-interface{padding-bottom:calc(66px + env(safe-area-inset-bottom))!important}
 body.ea360-interface #commandBar .command-actions .command-ai span{display:none!important}
 body.ea360-interface .shell>main{
  min-height:calc(100dvh - 122px)!important;
  padding-bottom:calc(92px + env(safe-area-inset-bottom))!important;
 }
}

/* Keep every desktop workspace link visible without a clipped horizontal nav strip. */
@media(min-width:1101px){
 body.ea360-interface .shell>aside{
  min-height:158px!important;
  grid-template-rows:auto auto!important;
  align-content:center!important;
 }
 body.ea360-interface .shell>aside>#nav{
  display:flex!important;
  flex-wrap:wrap!important;
  align-content:center!important;
  align-items:center!important;
  gap:3px 5px!important;
  min-height:76px!important;
  max-height:80px!important;
  padding:0!important;
  overflow:visible!important;
  scrollbar-width:none!important;
 }
 body.ea360-interface .shell>aside>#nav::-webkit-scrollbar{display:none!important}
 body.ea360-interface .shell>aside>#nav>button{
  flex:0 0 auto!important;
  min-height:34px!important;
  height:34px!important;
  padding:0 8px!important;
  gap:5px!important;
  font-size:11px!important;
 }
 body.ea360-interface .shell>aside>#nav>button .nav-icon{font-size:14px!important}
 body.ea360-interface .shell>main{min-height:calc(100dvh - 158px)!important}
}

@media(min-width:1101px) and (max-width:1199px){
 body.ea360-interface .shell>aside{min-height:194px!important}
 body.ea360-interface .shell>aside>#nav{min-height:112px!important;max-height:114px!important}
 body.ea360-interface .shell>main{min-height:calc(100dvh - 194px)!important}
}

/* Stable navigation layout: one scrollable desktop rail, compact mobile header. */
@media(min-width:721px){
 body.ea360-interface{padding:0!important;overflow-x:hidden!important}
 body.ea360-interface .shell,body.ea360-interface .shell.sidebar-collapsed{
  display:grid!important;grid-template-columns:250px minmax(0,1fr)!important;align-items:stretch!important;
  width:100%!important;max-width:none!important;min-height:100dvh!important;height:auto!important;margin:0!important;
  overflow:visible!important;border:0!important;border-radius:0!important;box-shadow:none!important
 }
 body.ea360-interface .shell>aside{
  position:sticky!important;top:0!important;grid-column:1!important;grid-row:1!important;display:flex!important;
  flex-direction:column!important;align-items:stretch!important;gap:14px!important;width:250px!important;height:100dvh!important;
  min-height:0!important;padding:18px 14px 12px!important;overflow:hidden!important;background:#111d34!important;
  border:0!important;border-right:1px solid #29334a!important;border-radius:0!important;box-shadow:none!important
 }
 body.ea360-interface .shell>aside>.sidehead{display:flex!important;flex:0 0 auto!important;grid-column:auto!important;grid-row:auto!important;min-height:58px!important;height:58px!important;margin:0 0 4px!important;padding:0 8px 12px!important;border-bottom:1px solid #ffffff18!important}
 body.ea360-interface .shell>aside .brand.brand-logo{display:flex!important;min-width:0!important}
 body.ea360-interface .shell>aside .brand.brand-logo img{width:160px!important;max-width:100%!important;max-height:42px!important;filter:brightness(1.06)!important}
 body.ea360-interface .shell>aside>#nav{
  position:static!important;display:flex!important;flex:1 1 auto!important;flex-direction:column!important;align-items:stretch!important;
  justify-content:flex-start!important;gap:4px!important;width:100%!important;min-width:0!important;min-height:0!important;
  max-height:none!important;padding:2px 2px 14px!important;overflow-x:hidden!important;overflow-y:auto!important;
  overscroll-behavior:contain!important;scrollbar-width:thin!important;scrollbar-color:#465574 transparent!important
 }
 body.ea360-interface .shell>aside>#nav .ea-nav-heading{display:block!important;position:static!important;margin:15px 8px 5px!important;color:#91a1bd!important;font-size:10px!important;letter-spacing:.13em!important}
 body.ea360-interface .shell>aside>#nav>button{
  position:relative!important;display:flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:flex-start!important;
  width:100%!important;min-width:0!important;height:42px!important;min-height:42px!important;margin:0!important;padding:0 11px!important;
  gap:11px!important;overflow:visible!important;border:1px solid transparent!important;border-radius:11px!important;
  color:#bec9dc!important;background:transparent!important;font-size:13px!important;text-align:left!important;white-space:nowrap!important
 }
 body.ea360-interface .shell>aside>#nav>button .nav-icon{display:grid!important;flex:0 0 20px!important;width:20px!important;color:#aab5ce!important;font-size:16px!important}
 body.ea360-interface .shell>aside>#nav>button .nav-label{display:inline!important;overflow:hidden!important;text-overflow:ellipsis!important}
 body.ea360-interface .shell>aside>#nav>button.active{color:#fff!important;background:#20477f!important;border-color:#3266aa!important;box-shadow:inset 3px 0 #4387ff!important}
 body.ea360-interface .shell>aside>#nav .nav-count{position:static!important;flex:0 0 auto!important;margin-left:auto!important}
 body.ea360-interface .shell>aside>#commandBar{position:fixed!important;inset:0 0 auto 250px!important;z-index:120!important;display:block!important;grid-column:auto!important;grid-row:auto!important;width:auto!important;height:76px!important;min-width:0!important;margin:0!important;padding:12px clamp(16px,2.4vw,36px)!important;background:rgba(16,21,34,.96)!important;border:0!important;border-bottom:1px solid #293047!important;box-shadow:0 6px 22px #0003!important;backdrop-filter:blur(12px)!important}
 body.ea360-interface .commandbar{display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
 body.ea360-interface .command-search{flex:1 1 auto!important;width:auto!important;min-width:120px!important;max-width:620px!important;height:42px!important;min-height:42px!important}
 body.ea360-interface .command-actions{display:flex!important;flex:0 0 auto!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;width:auto!important;min-width:0!important;overflow:visible!important}
 body.ea360-interface .command-actions button{flex:0 0 auto!important;min-width:40px!important;width:auto!important;height:40px!important;min-height:40px!important;padding:0 10px!important;white-space:nowrap!important}
 body.ea360-interface .shell>main{grid-column:2!important;grid-row:1!important;width:100%!important;max-width:none!important;min-width:0!important;min-height:100dvh!important;margin:0!important;padding:98px clamp(18px,2.5vw,40px) 48px!important;overflow:visible!important}
 body.ea360-interface #mobileNav{display:none!important}
}
@media(min-width:721px) and (max-width:1000px){
 body.ea360-interface .shell,body.ea360-interface .shell.sidebar-collapsed{grid-template-columns:212px minmax(0,1fr)!important}
 body.ea360-interface .shell>aside{width:212px!important;padding-right:10px!important;padding-left:10px!important}
 body.ea360-interface .shell>aside>#commandBar{left:212px!important;padding-right:14px!important;padding-left:14px!important}
 body.ea360-interface .command-actions{gap:4px!important}
 body.ea360-interface .command-actions button{min-width:36px!important;padding-right:8px!important;padding-left:8px!important}
 body.ea360-interface .shell>main{padding-right:18px!important;padding-left:18px!important}
}
@media(max-width:720px){
 body.ea360-interface{min-height:100dvh!important;height:auto!important;padding:0 0 calc(72px + env(safe-area-inset-bottom))!important;overflow-x:hidden!important;overflow-y:visible!important}
 body.ea360-interface .shell,body.ea360-interface .shell.sidebar-collapsed{display:block!important;width:100%!important;min-height:100dvh!important;height:auto!important;margin:0!important;overflow:visible!important;border:0!important;border-radius:0!important;box-shadow:none!important}
 body.ea360-interface .shell>aside{position:sticky!important;inset:0 0 auto!important;z-index:120!important;display:block!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:calc(8px + env(safe-area-inset-top)) 12px 9px!important;overflow:visible!important;background:rgba(16,21,34,.97)!important;border:0!important;border-bottom:1px solid #293047!important;border-radius:0!important;box-shadow:0 5px 16px #0003!important;backdrop-filter:blur(14px)!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:static!important;inset:auto!important;display:block!important;width:100%!important;height:auto!important;min-width:0!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
 body.ea360-interface .commandbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:7px!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
 body.ea360-interface .mobile-page-title{display:none!important}
 body.ea360-interface .command-search{display:flex!important;width:100%!important;max-width:none!important;min-width:0!important;height:40px!important;min-height:40px!important;padding:0 11px!important}
 body.ea360-interface .command-search input{position:static!important;inset:auto!important;display:block!important;flex:1 1 auto!important;width:100%!important;max-width:none!important;min-width:0!important;height:auto!important;padding:0!important;opacity:1!important;cursor:text!important;font-size:13px!important}
 body.ea360-interface .command-actions{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-end!important;gap:4px!important;width:auto!important;min-width:0!important;overflow:visible!important}
 body.ea360-interface .command-actions button{display:grid!important;place-items:center!important;flex:0 0 36px!important;width:36px!important;min-width:36px!important;height:38px!important;min-height:38px!important;padding:0 4px!important;font-size:12px!important}
 body.ea360-interface .command-actions .command-ai span,body.ea360-interface .command-actions .command-new span{display:none!important}
 body.ea360-interface .command-actions .command-new,body.ea360-interface .command-actions [data-today-workspace],body.ea360-interface .command-actions .command-ai{display:none!important}
 body.ea360-interface .command-actions #erp-logout-button{display:block!important;flex:0 0 auto!important;width:auto!important;min-width:54px!important;padding:0 7px!important;font-size:10px!important}
 body.ea360-interface .shell>main{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:calc(100dvh - 100px)!important;margin:0!important;padding:16px 12px calc(88px + env(safe-area-inset-bottom))!important;overflow:visible!important}
 body.ea360-interface #app{width:100%!important;max-width:100%!important;min-width:0!important}
 body.ea360-interface #mobileNav{position:fixed!important;inset:auto 10px calc(10px + env(safe-area-inset-bottom))!important;z-index:150!important;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;align-items:center!important;justify-items:stretch!important;gap:0!important;width:auto!important;max-width:none!important;min-height:calc(64px + env(safe-area-inset-bottom))!important;padding:5px 6px calc(5px + env(safe-area-inset-bottom))!important;overflow:visible!important;background:#101522!important;border:1px solid #293047!important;border-radius:22px!important;box-shadow:0 -6px 20px #0005!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;margin:0!important;padding:3px 1px!important;overflow:hidden!important;border:0!important;border-radius:11px!important;background:transparent!important;color:#a3aec2!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:18px!important;line-height:1!important}
 body.ea360-interface #mobileNav button.active{background:#1d2c45!important;color:#7dcaff!important}
 body.ea360-interface #mobileNav .mobile-fab{position:static!important;display:grid!important;grid-column:6!important;transform:none!important;width:100%!important;height:48px!important;min-height:48px!important;margin:0!important;padding:3px 1px!important;border:0!important;border-radius:11px!important;background:transparent!important;box-shadow:none!important;color:#a3aec2!important;font-size:9px!important}
 body.ea360-interface #mobileNav .mobile-fab span{display:block!important;color:#70aaff!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}
}
@media(max-width:370px){
 body.ea360-interface .command-search{min-width:0!important}
 body.ea360-interface .command-actions button{flex-basis:32px!important;width:32px!important;min-width:32px!important}
 body.ea360-interface .command-actions #erp-logout-button{min-width:48px!important}
 body.ea360-interface #mobileNav{padding-right:3px!important;padding-left:3px!important}
 body.ea360-interface #mobileNav button{font-size:8px!important}
}

/* Keep the root viewport as the scroll container so sticky desktop navigation
   stays in place. `hidden` on the horizontal axis changes visible vertical
   overflow to `auto`, which makes body a nested scroll container. */
html:has(body.ea360-interface){overflow-x:clip!important}
body.ea360-interface{overflow-x:clip!important}
body.ea360-interface[data-theme="dark"]{
  background:var(--revamp-bg,#090b0f)!important;
}
body.ea360-interface[data-theme="dark"] .shell,
body.ea360-interface[data-theme="dark"] .shell>main{
  background:var(--revamp-bg,#090b0f)!important;
}

/* Final navbar corrections: keep desktop links in one vertical column and give
   the mobile search field its own row so toolbar controls cannot squeeze it. */
@media(min-width:721px){
 html body.ea360-interface .shell,html body.ea360-interface .shell.sidebar-collapsed{
  margin:0!important;border-radius:0!important;overflow:visible!important
 }
 html body.ea360-interface[data-theme="dark"] .shell,html body.ea360-interface[data-theme="dark"] .shell.sidebar-collapsed{
  margin:0!important;border-radius:0!important;overflow:visible!important
 }
 html body.ea360-interface .shell>aside>#nav{
  flex-wrap:nowrap!important;align-content:flex-start!important;align-items:stretch!important;
  width:100%!important;min-width:0!important;overflow-x:hidden!important;overflow-y:auto!important
 }
 html body.ea360-interface .shell>aside>#nav>button{box-sizing:border-box!important;width:100%!important}
 html body.ea360-interface .shell>aside>#nav>.ea-nav-heading{box-sizing:border-box!important;width:auto!important;max-width:calc(100% - 16px)!important}
}
@media(max-width:720px){
 html body.ea360-interface .commandbar{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto auto!important;
  gap:7px!important;width:100%!important;height:auto!important
 }
 html body.ea360-interface .command-search{grid-column:1!important;width:100%!important;max-width:none!important;min-width:0!important}
 html body.ea360-interface .command-search input{min-width:0!important;font-size:14px!important}
 html body.ea360-interface .command-actions{
  grid-column:1!important;display:flex!important;justify-content:flex-end!important;gap:6px!important;
  width:100%!important;min-width:0!important
 }
 html body.ea360-interface .command-actions button{flex:0 0 38px!important;width:38px!important;min-width:38px!important;height:38px!important}
 html body.ea360-interface .command-actions #erp-logout-button{flex:0 0 auto!important;width:auto!important;min-width:58px!important;padding:0 8px!important}
}

/* Floating command dock and permanently fixed desktop rail. */
@media(min-width:721px){
 html body.ea360-interface .shell>aside{
  position:fixed!important;inset:0 auto 0 0!important;z-index:140!important;
  width:250px!important;height:100dvh!important;min-height:0!important;
  background:#0d1422!important;border-right:1px solid #26334a!important;
 }
 html body.ea360-interface .shell>aside>#commandBar{
  position:fixed!important;inset:14px 20px auto 274px!important;z-index:160!important;
  width:auto!important;height:64px!important;min-width:0!important;margin:0!important;padding:8px 12px!important;
  border:1px solid #2a3550!important;border-radius:18px!important;
  background:rgba(16,21,34,.88)!important;box-shadow:0 12px 34px #0006,0 2px 10px #0003!important;
  backdrop-filter:blur(18px) saturate(145%)!important;
  transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease!important;
 }
 html body.ea360-interface .shell>aside>#commandBar:hover{
  transform:translateY(-1px)!important;border-color:#3c5b8e!important;
  box-shadow:0 16px 38px #0007,0 0 0 1px #3e78d833!important;
 }
 html body.ea360-interface .shell>main{padding-top:98px!important}
 html body.ea360-interface .shell>aside>#nav{scrollbar-gutter:stable!important}
 html body.ea360-interface .command-actions button{transition:transform .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease!important}
 html body.ea360-interface .command-actions button:hover{
  transform:translateY(-2px)!important;border-color:#4b78bd!important;
  background:#1e2a42!important;box-shadow:0 6px 15px #0005!important
 }
}
@media(min-width:721px) and (max-width:1000px){
 html body.ea360-interface .shell>aside{width:212px!important}
 html body.ea360-interface .shell>aside>#commandBar{inset:12px 14px auto 226px!important;height:62px!important}
 html body.ea360-interface .shell>main{padding-top:92px!important}
}
@media(max-width:720px){
 html body.ea360-interface .shell>aside{
  position:sticky!important;top:8px!important;inset:8px auto auto!important;
  width:calc(100% - 20px)!important;margin:8px 10px 0!important;
  border:1px solid #293047!important;border-radius:18px!important;
  box-shadow:0 10px 28px #0006!important
 }
}
@media(prefers-reduced-motion:reduce){
 html body.ea360-interface .shell>aside>#commandBar,
 html body.ea360-interface .command-actions button{transition:none!important}
}

/* Keep the mobile command bar compact and leave scroll room above the floating nav. */
@media(max-width:720px){
 html body.ea360-interface .shell>aside>#commandBar{
  position:sticky!important;top:8px!important;height:auto!important;min-height:0!important;
  padding:7px 9px!important;border-radius:16px!important
 }
 html body.ea360-interface .commandbar{
  display:flex!important;flex-direction:row!important;align-items:center!important;gap:5px!important;
  width:100%!important;height:42px!important;min-width:0!important
 }
 html body.ea360-interface .mobile-page-title{display:none!important}
 html body.ea360-interface .command-search{
  display:flex!important;flex:1 1 auto!important;width:auto!important;max-width:none!important;min-width:0!important;
  height:38px!important;min-height:38px!important;padding:0 8px!important
 }
 html body.ea360-interface .command-search input{
  position:static!important;inset:auto!important;display:block!important;flex:1 1 auto!important;
  width:100%!important;max-width:none!important;min-width:0!important;height:auto!important;
  padding:0!important;opacity:1!important;cursor:text!important;font-size:12px!important
 }
 html body.ea360-interface .command-actions{
  display:flex!important;flex:0 0 auto!important;flex-wrap:nowrap!important;align-items:center!important;
  justify-content:flex-end!important;gap:3px!important;width:auto!important;min-width:0!important;overflow:visible!important
 }
 html body.ea360-interface .command-actions button{
  display:grid!important;place-items:center!important;flex:0 0 31px!important;width:31px!important;
  min-width:31px!important;height:36px!important;min-height:36px!important;padding:0!important
 }
 html body.ea360-interface .command-actions .command-new{flex-basis:31px!important;width:31px!important;min-width:31px!important}
 html body.ea360-interface .command-actions .command-ai span,
 html body.ea360-interface .command-actions .command-new span{display:none!important}
 html body.ea360-interface .command-actions .command-logout,
 html body.ea360-interface .command-actions #erp-logout-button{display:none!important}
 html body.ea360-interface .shell>main{padding-bottom:calc(148px + env(safe-area-inset-bottom))!important}
}
@media(max-width:370px){
 html body.ea360-interface .command-actions{gap:2px!important}
 html body.ea360-interface .command-actions button{flex-basis:28px!important;width:28px!important;min-width:28px!important}
 html body.ea360-interface .command-actions .command-new{flex-basis:28px!important;width:28px!important;min-width:28px!important}
}