/* EasyBiz Colorful Enterprise — visual enhancement layer, v1.
   Scoped to authenticated workspace; no business logic or API changes. */
:root{--ce-blue:#2478f2;--ce-green:#00bc85;--ce-orange:#ff8a22;--ce-purple:#9155f7;--ce-canvas:#f5f8fd;--ce-border:#e5ebf4;--ce-shadow:0 6px 24px rgba(25,49,91,.065)}
#app.app{background:var(--ce-canvas)!important}
#app main{background:var(--ce-canvas)!important}
#app>aside{background:#fff!important;color:#192b49!important;border-right:1px solid var(--ce-border)!important;box-shadow:3px 0 18px rgba(30,58,103,.035)!important}
#app>aside .brand{border-bottom-color:var(--ce-border)!important}
#app>aside .brand b{color:#15294b!important;font-size:15px!important}
#app>aside .brand span{color:#7284a2!important}
#app>aside .brand .mark{background:linear-gradient(135deg,#237cf8,#8556f6)!important;border-radius:11px!important}
#app>aside .nav{color:#51627f!important;border-radius:11px!important;font-size:12px!important;min-height:44px!important}
#app>aside .nav:hover{background:#eff5ff!important;color:#1d5fd4!important}
#app>aside .nav.active{background:#eaf2ff!important;color:#1e63d8!important;box-shadow:inset 3px 0 var(--ce-blue)!important}
#app>aside .nav-icon{border-radius:9px!important;background:#e8f1ff!important;color:#2379ed!important}
#app>aside .nav:nth-of-type(4n+2) .nav-icon{background:#e3fbf1!important;color:#00a979!important}
#app>aside .nav:nth-of-type(4n+3) .nav-icon{background:#fff1e5!important;color:#f47b16!important}
#app>aside .nav:nth-of-type(4n+4) .nav-icon{background:#f1eaff!important;color:#8b54ec!important}
#app>aside .nav.active .nav-icon{color:#1969e5!important}
#app>aside .aside-bottom{background:#f6f9fe!important;border-color:var(--ce-border)!important}
#app>aside .aside-bottom b{color:#243955!important}
#app>aside .aside-bottom p,#app>aside .aside-bottom span{color:#697c99!important}
#app>aside .aside-bottom .link{color:#1e6de0!important}
#app main>header{background:#fff!important;border-bottom:1px solid var(--ce-border)!important}
#app .global-search input{background:#f5f8fd!important;border-radius:12px!important}
#app .dashboard-welcome{background:linear-gradient(110deg,#eaf4ff 0%,#e3f2ff 52%,#ede5ff 100%)!important;border:1px solid #dae8ff!important;border-radius:18px!important;box-shadow:var(--ce-shadow)!important;padding:26px!important}
#app .dashboard-welcome h2{color:#102b58!important;font-size:clamp(20px,2.3vw,29px)!important}
#app .dashboard-welcome .eyebrow{color:#2874e8!important}
#app .dashboard-welcome button,#app .quick-create>button{background:linear-gradient(120deg,#2478f2,#4569f2)!important;border-radius:11px!important;color:#fff!important}
#app .panel,#app .stat,#app .stat-card,#app .enterprise-quick-actions,#app .quick-action-grid>button{border-radius:16px!important;border-color:var(--ce-border)!important;box-shadow:var(--ce-shadow)!important}
#app .quick-action-grid>button{transition:transform .18s ease,box-shadow .18s ease!important}
#app .quick-action-grid>button:hover{transform:translateY(-3px)!important;box-shadow:0 12px 28px rgba(30,70,130,.12)!important}
#app .quick-action-grid>button:nth-child(4n+1){background:linear-gradient(135deg,#e9f3ff,#f7fbff)!important}
#app .quick-action-grid>button:nth-child(4n+2){background:linear-gradient(135deg,#e1faf1,#f5fffa)!important}
#app .quick-action-grid>button:nth-child(4n+3){background:linear-gradient(135deg,#fff0e6,#fffaf6)!important}
#app .quick-action-grid>button:nth-child(4n+4){background:linear-gradient(135deg,#f1eaff,#fcf9ff)!important}
#app .qa-icon.invoice,#app .qc-icon.invoice{background:#dcfce9!important;color:#079f70!important}
#app .qa-icon.quote,#app .qc-icon.quote{background:#e6efff!important;color:#2478f2!important}
#app .qa-icon.customer,#app .qc-icon.customer{background:#fff0e2!important;color:#ef7b19!important}
#app input:focus-visible,#app select:focus-visible,#app textarea:focus-visible,#app button:focus-visible,#app a:focus-visible{outline:2px solid #2e7bea!important;outline-offset:2px!important}
@media(max-width:1180px){#app main{max-width:100%!important}}
@media(max-width:767px){#app .dashboard-welcome{padding:18px!important;border-radius:14px!important}#app .quick-action-grid>button{border-radius:13px!important}#app main>header{max-width:100vw!important}}
@media(prefers-reduced-motion:reduce){#app .quick-action-grid>button{transition:none!important}#app .quick-action-grid>button:hover{transform:none!important}}