/* Composition and spacing traced to fa-finance-design / fa-salary-design / fa-assets-design. */
.af-heading{display:flex;align-items:center;gap:20px;margin:8px 0 30px}.af-heading h2{font-size:29px;font-weight:500;margin:0 0 8px;color:#51485c}.af-heading p{font-size:12px;color:#96909e;margin:0}.af-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:17px;font:29px Georgia;color:white;flex-shrink:0}.af-blue{background:linear-gradient(145deg,#5a8afa,#3865d9)}.af-green{background:linear-gradient(145deg,#65b88e,#37976f)}.af-orange{background:linear-gradient(145deg,#ecae48,#d48b29)}
#card-grid .af-hub{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:32px 0}.af-hub .module-category{display:flex;flex-direction:column;align-items:center;text-align:center;min-height:268px;padding:30px 22px 26px!important;background:#fff!important;border:1px solid #e7e7ed!important;border-radius:12px!important}.af-hub .module-category i{display:grid;place-items:center;width:64px;height:64px;border-radius:17px;background:linear-gradient(145deg,#5a8afa,#3865d9)!important;color:white!important;font-size:30px!important;box-shadow:0 7px 17px #4377df26}.af-hub .module-category:nth-child(2) i{background:linear-gradient(145deg,#65b88e,#37976f)!important}.af-hub .module-category:nth-child(3) i{background:linear-gradient(145deg,#ecae48,#d48b29)!important}.af-hub h3{font-size:21px!important;font-weight:500!important;margin:20px 0 10px!important;color:#51485c!important}.af-hub p{font-size:12px!important;line-height:1.9!important;color:#96909e!important}.af-hub .module-category>span{margin-top:auto;padding-top:21px;font-size:12px!important;color:#9874b1!important}
#card-grid .af-expenses{display:block!important;max-width:1100px;margin:auto}.af-expenses>.module-panel{background:transparent!important;border:0!important;padding:0!important}.af-expenses>[hidden]{display:none!important}.af-expense-tabs{display:flex;gap:30px;border-bottom:1px solid #e5dbea;margin:0 0 26px}.af-expense-tabs button{border:0;border-bottom:2px solid transparent;padding:12px 0;background:transparent;color:#aa91b7;font:inherit;font-size:13px;cursor:pointer}.af-expense-tabs button.active{border-color:#9270a5;color:#765489}.af-expense-row{display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:18px;padding:25px!important;border:1px solid #e7ddec!important;border-radius:8px!important;margin-bottom:12px!important;background:#fff!important}.af-expense-symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:9px;color:#8b70b6;background:#f0eaf7;font-size:23px}.af-expense-main>div{margin:5px 0!important;white-space:normal!important}.af-expense-detail{grid-column:2;margin-top:15px;border-top:1px solid #eee5f2;padding-top:12px;font-size:12px}.af-expense-detail summary{color:#9470a7;cursor:pointer}.af-expense-detail>div{padding-top:12px}.af-paid-list{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.af-paid-list>div{padding:20px!important;border-radius:8px!important}.af-expense-form{background:#fff;border:1px solid #e5dbea!important;border-radius:8px;padding:26px!important;margin:25px 0!important}.af-expense-form #rb-items>div{padding:18px!important;background:#faf8fc!important}.af-expense-form .field{margin:20px 0}
.af-payroll{max-width:1100px;margin:auto;--accent:#469b77}.af-payroll-heading{display:flex;align-items:center!important;gap:20px!important;margin:8px 0 30px!important}.af-payroll-heading>div:first-of-type{flex:1}.af-payroll-heading h3{font-size:29px;color:#4d665a;font-weight:500}.af-payroll .salary-total-grid{gap:20px}.af-payroll .salary-total{background:#fff;border-color:#e2eae5;padding:24px}.af-payroll .salary-month-table{background:#fff}.af-payroll .salary-month-table th{background:#edf5ef;color:#61816e}.af-payroll .salary-month-table td{padding:18px!important;border-color:#e5ece7}.af-payroll .salary-employee-link{color:#3f936a}.af-payroll .btn-primary{background:#4b9b79;border-color:#4b9b79}
.af-assets{max-width:1100px;margin:auto}.af-assets .asset-live-cards{display:flex!important;flex-direction:column;gap:0!important;background:#fff;border:1px solid #e8e0d4;border-radius:8px;overflow:hidden}.af-assets .af-asset-row{display:flex;align-items:center;gap:18px;padding:22px!important;border:0!important;border-bottom:1px solid #eee6db!important;border-radius:0!important;background:#fff!important}.af-asset-row:last-child{border-bottom:0!important}.af-asset-row-body{min-width:0;flex:1}.af-asset-row-body>div:first-child>span:first-child{font-size:14px!important;color:#806e53}.af-asset-row-body>div:last-child{margin-top:9px!important}.af-asset-symbol{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:9px;background:#faf0df;color:#c4954b;font-size:23px}.af-asset-row:focus-visible{outline:2px solid #c4954b;outline-offset:-3px}
#modal.af-modal{width:min(900px,94vw)!important;max-width:900px!important;padding:30px!important;background:#fff;display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:24px;color:#756480}.af-document-title{grid-column:1/-1;border-bottom:1px solid #e7ddec;padding-bottom:22px}.af-document-title small{letter-spacing:2px;font-size:9px;color:#ac96b8}.af-document-title h3{font-size:24px!important;font-weight:500!important;margin:12px 0 0!important}.af-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-content:start}.af-form-grid>.field-row{grid-column:1/-1}.af-form-grid textarea{min-height:90px}.af-action-rail{background:#faf8fc;border:1px solid #e8dfee;border-radius:8px;padding:20px;align-self:start}.af-action-rail h4{font-size:15px;margin:0 0 20px}.af-action-rail .modal-actions{display:flex;flex-direction:column;gap:10px;margin:0!important}.af-action-rail button{width:100%;margin:0!important}.af-document-body{grid-column:1/-1;max-height:none!important;overflow:visible!important}.af-slip-amounts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #e2ece5;padding:10px 0 24px;margin-bottom:25px;gap:20px}.af-slip-amount{display:flex!important;flex-direction:column;gap:15px;border:0!important}.af-slip-amount>span:last-child{font:24px Georgia!important;color:#469b77!important}.af-slip-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px}.af-slip-section{min-width:0}.af-salary .af-action-rail{grid-column:1/-1}.af-salary .af-action-rail .modal-actions{flex-direction:row;flex-wrap:wrap}.af-salary .af-action-rail button{width:auto}.af-salary .af-document-title{border-color:#e2ece5}.af-asset .af-document-title{color:#9d7d45}
@media(max-width:760px){#card-grid .af-hub{grid-template-columns:1fr}.af-heading h2,.af-payroll-heading h3{font-size:24px}.af-payroll-heading{flex-wrap:wrap}.af-expense-row{padding:18px!important;grid-template-columns:34px minmax(0,1fr);gap:12px}.af-expense-symbol{width:32px;height:32px}.af-expense-form{padding:18px!important}#modal.af-modal{display:block;padding:20px!important}.af-form-grid{grid-template-columns:1fr;margin:20px 0}.af-form-grid>.field-row{grid-column:auto}.af-action-rail{margin-top:20px}.af-slip-amounts{grid-template-columns:1fr 1fr;margin-top:20px}.af-slip-columns{grid-template-columns:1fr;gap:15px}.af-assets .af-asset-row{padding:18px!important}}
.af-assets .af-asset-summary{display:flex!important;max-width:none!important;gap:40px!important;border-top:1px solid #eadfed;border-bottom:1px solid #eadfed;padding:24px 0;margin:26px 0!important;align-items:start}.af-assets .af-asset-summary>div{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;flex:1;min-width:0}.af-assets .af-asset-summary>div>div:nth-child(2){font-family:Georgia,serif}.af-assets .af-asset-clerk{flex:1.5!important;margin:0!important}.af-asset-summary .af-asset-clerk>div:nth-child(2){font-family:inherit}.af-asset-clerk select{min-width:100px!important;width:100%}@media(max-width:760px){.af-assets .af-asset-summary{flex-wrap:wrap;gap:24px!important}.af-assets .af-asset-clerk{flex-basis:100%!important}}
/* Keep the shell as a breadcrumb; the archive composition owns the page title. */
body[data-ui-tab="accounting"] #live-module-intro{display:none!important}
body[data-ui-tab="accounting"] .header h2{font-size:12px;color:#92839f;font-weight:400}
body[data-ui-tab="accounting"]:has(#card-grid .af-hub) #filter-bar:has(> .filter-chip:only-child){display:none!important}

#modal.af-modal>[data-layer-back]{grid-column:1/-1;justify-self:start}

.finance-module-nav{display:flex;gap:8px;flex-wrap:wrap;width:100%;margin-bottom:14px}
.af-expenses>.module-panel{margin-bottom:28px!important;scroll-margin-top:20px}
.asset-owner-filter{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin:16px 0}.asset-owner-filter label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--text-muted)}.asset-owner-filter input,.asset-owner-filter select{padding:9px 12px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--text);font:inherit}.asset-owner-result{font-size:12px;color:var(--text-muted);margin-bottom:18px}