/* EasyBiz Phase 2: cohesive enterprise treatment for forms and authentication.
   Presentation-only: keep original fields, IDs, handlers and document workflows. */
#auth.login{background:radial-gradient(circle at 12% 14%,#e4f0ff 0,transparent 34%),radial-gradient(circle at 88% 90%,#f0e7ff 0,transparent 32%),#f6f9fe!important}
#auth .auth-shell{border:1px solid #e3eaf6!important;border-radius:26px!important;box-shadow:0 24px 70px rgba(30,55,99,.13)!important;background:#fff!important}
#auth .auth-showcase{background:linear-gradient(145deg,#132e60 0%,#1b59b3 54%,#5144aa 100%)!important}
#auth .auth-showcase::before{background:radial-gradient(circle,rgba(112,214,255,.28),transparent 70%)!important}
#auth .auth-showcase::after{background:radial-gradient(circle,rgba(186,133,255,.3),transparent 70%)!important}
#auth .auth-logo{background:linear-gradient(135deg,#2582fa,#8c55f2)!important;border-radius:13px!important}
#auth .auth-kicker{color:#a9d9ff!important}
#auth .auth-showcase h1 em{color:#78e9cc!important}
#auth .auth-benefits>div{border:1px solid rgba(255,255,255,.18)!important;border-radius:14px!important;background:rgba(255,255,255,.08)!important}
#auth .auth-benefits i{background:linear-gradient(135deg,#19bf9a,#31a4e9)!important;border-radius:9px!important}
#auth .auth-panel{background:#fff!important}
#auth .auth-card h2{color:#152e55!important}
#auth .auth-tabs{border-radius:12px!important;background:#f1f5fb!important}
#auth .auth-tabs button{border-radius:9px!important}
#auth .auth-tabs button.active{background:#fff!important;color:#246de1!important;box-shadow:0 2px 9px rgba(28,64,118,.09)!important}
#auth .auth-form input{border-radius:10px!important;border-color:#dce5f2!important;background:#fff!important}
#auth .auth-form input:focus{border-color:#327bef!important;box-shadow:0 0 0 3px rgba(44,122,239,.12)!important}
#auth .auth-form button[type=submit]{background:linear-gradient(110deg,#2478f2,#5963e9)!important;border-radius:10px!important;color:#fff!important}
#auth .forgot-link{color:#246de1!important}
#auth .auth-assurance{color:#667b9b!important}
/* Quotation, customer, invoice and business profile workspace */
#app #editor,#app #customers,#app #billing,#app #settings{min-width:0}
#app #editor .panel,#app #customers .panel,#app #billing .panel,#app #settings .panel{background:#fff!important;border:1px solid #e4ebf5!important;border-radius:17px!important;box-shadow:0 5px 22px rgba(26,52,93,.055)!important;padding:clamp(16px,2vw,25px)!important}
#app #editor .section-title,#app #customers .section-title,#app #billing .section-title,#app #settings .section-title{padding-bottom:15px!important;margin-bottom:18px!important;border-bottom:1px solid #eef2f8!important}
#app #editor .section-title>span,#app #customers .section-title>span,#app #billing .section-title>span,#app #settings .section-title>span{display:grid!important;place-items:center!important;min-width:38px!important;height:38px!important;border-radius:11px!important;background:#e9f2ff!important;color:#246fe9!important;font-weight:800!important}
#app #editor .panel:nth-of-type(2) .section-title>span,#app #billing .panel:nth-of-type(2) .section-title>span{background:#e4f9f0!important;color:#049b6f!important}
#app #editor .section-title h3,#app #customers .section-title h3,#app #billing .section-title h3,#app #settings .section-title h3{color:#19335c!important;font-size:16px!important;font-weight:750!important}
#app #editor .section-title p,#app #customers .section-title p,#app #billing .section-title p,#app #settings .section-title p{color:#7586a1!important}
#app #editor label,#app #customers label,#app #billing label,#app #settings label{color:#354b6a!important;font-weight:650!important}
#app #editor input:not([type=checkbox]):not([type=radio]),#app #editor select,#app #editor textarea,#app #customers input:not([type=checkbox]):not([type=radio]),#app #customers select,#app #customers textarea,#app #billing input:not([type=checkbox]):not([type=radio]),#app #billing select,#app #billing textarea,#app #settings input:not([type=checkbox]):not([type=radio]):not([type=file]),#app #settings select,#app #settings textarea{background:#fbfcff!important;border:1px solid #dbe5f1!important;border-radius:10px!important;min-height:40px!important;color:#243650!important;max-width:100%!important}
#app #editor :is(input,select,textarea):focus,#app #customers :is(input,select,textarea):focus,#app #billing :is(input,select,textarea):focus,#app #settings :is(input,select,textarea):focus{border-color:#3984f7!important;box-shadow:0 0 0 3px rgba(39,121,243,.1)!important}
#app #editor .table-head,#app #billing .table-head{background:#f2f6fd!important;color:#60728e!important;border-radius:9px!important}
#app #editor .pricing,#app #billing .pricing{background:#f6f9ff!important;border:1px solid #e4ebf6!important;border-radius:12px!important;padding:14px!important}
#app #editor #grandTotal{color:#1763d3!important}
#app #editor .add,#app #billing .add{background:#edf5ff!important;border:1px dashed #a7c8fa!important;border-radius:10px!important;color:#226bd7!important}
#app #editor .quote-workflow{border-color:#d7e6ff!important;background:linear-gradient(115deg,#f5faff,#fff)!important}
#app #customers .customers-layout,#app #billing .billing-layout{align-items:start!important}
#app #customers .customer-card,#app #billing .invoice-card{border:1px solid #e4ebf5!important;border-radius:12px!important;background:#fff!important}
#app #customers .customer-card:hover,#app #billing .invoice-card:hover{border-color:#a9c9f6!important;background:#f9fbff!important}
#app #billing .billing-business{background:linear-gradient(105deg,#e9f4ff,#f0edff)!important;border:1px solid #dce9ff!important;border-radius:13px!important;color:#24456d!important}
#app #settings .settings-toolbar{display:flex!important;flex-wrap:wrap!important;gap:10px!important}
#app #settings .logo-preview{border:1px dashed #bfd0e8!important;border-radius:12px!important;background:#f8fbff!important}
#app #editor button,#app #customers button,#app #billing button,#app #settings button{border-radius:10px!important}
#app #editor button[type=submit],#app #customers button[type=submit],#app #billing button[type=submit],#app #settings button[type=submit]{background:#2377e9!important;color:#fff!important}
@media(max-width:767px){#auth .auth-shell{border-radius:18px!important}#app #editor .panel,#app #customers .panel,#app #billing .panel,#app #settings .panel{padding:15px!important;border-radius:13px!important}#app #settings .settings-toolbar>button{flex:1 1 170px!important}}
@media(prefers-reduced-motion:reduce){#auth *,#app #editor *,#app #customers *,#app #billing *,#app #settings *{scroll-behavior:auto!important}}