/* v0.9.28: presentation-only refinements. No JS, leave logic, account logic, or data changes. */
.abacus-al{--navy:#142c3b;--muted:#45596a;background:#f5f8f8!important;color:#172d3a!important}
.abacus-al .al-app{max-width:1440px!important}
/* Branded header: patterned but restrained, readable and compact. */
.abacus-al .al-top{min-height:88px!important;padding:15px 23px!important;margin-bottom:12px!important;background:linear-gradient(110deg,#075a4e 0%,#08746a 45%,#0c4357 100%)!important;border-radius:15px!important;box-shadow:0 8px 22px rgba(9,57,57,.12)!important}
.abacus-al .al-top:before{background:radial-gradient(ellipse at 70% 125%,rgba(140,238,211,.21),transparent 50%),repeating-radial-gradient(circle at 83% 35%,transparent 0 34px,rgba(225,255,247,.08) 35px 37px,transparent 38px 69px)!important}
.abacus-al .al-top:after{display:none!important}
.abacus-al .al-brand strong{font-size:clamp(19px,1.65vw,25px)!important;font-weight:850!important;letter-spacing:-.025em!important;line-height:1.2!important}
.abacus-al .al-brand small{font-size:12px!important;letter-spacing:.025em!important;font-weight:650!important;margin-top:4px!important;color:#e0faf1!important}
.abacus-al .al-manager-toggle{min-height:55px!important;padding:6px 11px!important;border-radius:12px!important}
.abacus-al .al-manager-avatar{width:38px!important;height:38px!important;min-width:38px!important}
/* GOV.UK-inspired text clarity: strong contrast and visible hierarchy. */
.abacus-al .al-premium-main h1,.abacus-al .al-premium-main h2,.abacus-al .al-premium-main h3,.abacus-al .al-employee-panel h2,.abacus-al .al-employee-panel h3,.abacus-al .al-workflows h2,.abacus-al .al-workflows h3{color:#162c3b!important;font-weight:800!important;letter-spacing:-.018em!important;line-height:1.28!important}
.abacus-al .al-premium-main p,.abacus-al .al-premium-main label,.abacus-al .al-employee-panel p,.abacus-al .al-employee-panel label{color:#354c5a!important}
.abacus-al .al-employee-welcome{padding:13px 18px!important;margin:0 0 10px!important;min-height:0!important}
.abacus-al .al-employee-welcome h1{font-size:clamp(22px,2vw,28px)!important;margin:0 0 5px!important}
.abacus-al .al-employee-welcome p{margin:0!important;line-height:1.45!important}
.abacus-al .al-heading{margin-bottom:10px!important}
.abacus-al .al-heading h1{font-weight:850!important}
.abacus-al .al-premium-main .al-employee-panel{padding:16px 18px!important;margin-bottom:12px!important;border-color:#dce5e8!important;box-shadow:0 3px 12px rgba(20,52,66,.045)!important}
.abacus-al .al-employee-section{margin:14px 0 20px!important}
.abacus-al .al-dashboard-calendar-row{margin:10px 0 13px!important;gap:13px!important;align-items:start!important}
.abacus-al .al-dashboard-mini-calendar,.abacus-al .al-dashboard-calendar-row .al-upcoming-side{padding:12px!important}
.abacus-al .al-dashboard-widgets{margin-top:10px!important}
.abacus-al .al-main-calendar{margin-top:8px!important;margin-bottom:12px!important}
.abacus-al .al-employee-heading{margin-bottom:11px!important}
/* Compact, evenly aligned workflow accordions with modest icons. */
.abacus-al #al-workflow-detail .al-v0921-primary-grid,.abacus-al #al-workflow-detail .al-v0921-secondary-grid,.abacus-al #al-workflow-detail .al-v0920-secondary-grid{gap:10px 14px!important;align-items:start!important}
.abacus-al #al-workflow-detail .al-v0921-primary-grid>details.al-fold,.abacus-al #al-workflow-detail .al-v0921-secondary-grid>details.al-fold,.abacus-al #al-workflow-detail .al-v0920-secondary-grid>details.al-fold{min-height:0!important;border-radius:12px!important;box-shadow:0 2px 8px rgba(20,52,66,.045)!important}
.abacus-al #al-workflow-detail .al-v0921-primary-grid>details.al-fold>summary,.abacus-al #al-workflow-detail .al-v0921-secondary-grid>details.al-fold>summary,.abacus-al #al-workflow-detail .al-v0920-secondary-grid>details.al-fold>summary{min-height:69px!important;padding:10px 13px!important;gap:12px!important;border-radius:12px!important;font-size:14px!important;font-weight:800!important;line-height:1.3!important;color:#183244!important}
.abacus-al #al-workflow-detail .al-v0921-primary-grid>details.al-fold>summary:before,.abacus-al #al-workflow-detail .al-v0921-secondary-grid>details.al-fold>summary:before{flex:0 0 39px!important;width:39px!important;height:39px!important;border-radius:10px!important;font-size:19px!important}
.abacus-al #al-workflow-detail .al-v0921-primary-grid>details.al-fold>summary:after,.abacus-al #al-workflow-detail .al-v0921-secondary-grid>details.al-fold>summary:after{flex:0 0 26px!important;width:26px!important;height:26px!important;font-size:23px!important}
.abacus-al #al-workflow-detail .al-v0921-primary-grid>details.al-fold[open],.abacus-al #al-workflow-detail .al-v0921-secondary-grid>details.al-fold[open],.abacus-al #al-workflow-detail .al-v0920-secondary-grid>details.al-fold[open]{grid-column:1/-1!important;width:100%!important;min-height:0!important}
.abacus-al .al-profile-focus .al-v0919-record-grid>details.al-fold[open]{grid-column:1/-1!important;width:100%!important}
@media(max-width:760px){.abacus-al .al-top{padding:12px 14px!important}.abacus-al .al-employee-welcome{padding:12px!important}.abacus-al #al-workflow-detail .al-v0921-primary-grid,.abacus-al #al-workflow-detail .al-v0921-secondary-grid,.abacus-al #al-workflow-detail .al-v0920-secondary-grid{grid-template-columns:1fr!important}.abacus-al .al-premium-main .al-employee-panel{padding:13px!important}}
