/* HEAD OFFICE ONLY. SITE styling, hidden state and event handlers are unchanged. */
.ho-shell{--ho-navy:#0B3054;--ho-blue:#1565C0;--ho-muted:#64748B;--ho-line:#dce5ef;--ho-green:#15966A;--ho-red:#C0393B;display:grid;grid-template-columns:232px minmax(0,1fr);background:#EEF5FC;color:#152d48;font:14px/1.5 Inter,"Segoe UI",Arial,sans-serif}
.ho-shell .ho-sidebar{background:var(--ho-navy);position:sticky;top:0;height:100dvh;overflow-y:auto;padding:24px 12px 16px;gap:24px}
.ho-shell .ho-sidebar nav{gap:3px}.ho-shell .ho-brand{font-size:23px;letter-spacing:-.4px}.ho-shell .ho-brand small{font-size:10px;letter-spacing:1.6px}
.ho-shell .ho-nav{font-size:13px;font-weight:500;border-radius:7px;padding:11px 13px;min-height:42px;color:#dce8f5}.ho-shell .ho-nav.active{background:var(--ho-blue);box-shadow:inset 3px 0 #90c3ff;color:white}.ho-shell .ho-nav:hover{background:#ffffff14}.ho-shell .ho-nav.active:hover{background:var(--ho-blue)}
.ho-shell .ho-nav-group{padding:17px 13px 6px;color:#a9c3dc;font-size:10px;font-weight:700;letter-spacing:1px}
.ho-shell .ho-topbar{background:white;color:#152d48;border-bottom:1px solid var(--ho-line);box-shadow:0 2px 8px #0b305405;min-height:68px;padding:12px 24px;gap:16px}.ho-shell .ho-topbar>strong{font-size:13px;letter-spacing:.4px}.ho-shell .ho-topbar>span:last-child{color:var(--ho-muted)}
.ho-shell .ho-content{padding:24px 28px 36px;max-width:1800px;width:100%;margin:0 auto;min-width:0}
.ho-shell .fat-breadcrumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--ho-muted);margin:0 0 18px}.ho-shell .fat-breadcrumb [aria-current]{color:var(--ho-blue);font-weight:600}
.ho-shell h1{font-size:26px;font-weight:700;letter-spacing:-.6px;color:var(--ho-navy);line-height:1.25;margin:0 0 8px}.ho-shell :is(h2,h3){font-weight:650;letter-spacing:-.2px;line-height:1.4;color:var(--ho-navy)}
.ho-shell .ho-page-title{margin-bottom:22px}.ho-shell .ho-page-title p{color:var(--ho-muted);font-size:13px;line-height:1.6}
.ho-shell :is(.ho-panel,.hod-card){background:white;border:1px solid var(--ho-line);border-radius:10px;box-shadow:0 2px 5px #0b305404;min-width:0;padding:22px;margin-bottom:20px}
.ho-shell .ho-panel>h2,.ho-shell .ho-panel>h3{font-size:16px;margin:0 0 19px}
.ho-shell :is(.input,input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),select,textarea){border:1px solid #cdd9e6;border-radius:6px;box-shadow:0 1px 2px #0b305403;background:white;color:#152d48;font-family:inherit;font-size:13px;min-width:0;max-width:100%}
.ho-shell :is(.input,input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),select){min-height:40px;padding:8px 11px}
.ho-shell textarea.input{height:auto;min-height:90px;padding:11px;resize:vertical}.ho-shell :is(input,select,textarea):disabled{background:#f2f5f9;color:#687e93;opacity:1}
.ho-shell :is(input,select,textarea):focus-visible{outline:3px solid #1565c024;outline-offset:1px;border-color:var(--ho-blue)}.ho-shell :is(button,a,[tabindex]):focus-visible{outline:3px solid #6da9ef;outline-offset:3px}
.ho-shell input:is([type=checkbox],[type=radio]){accent-color:var(--ho-blue);width:16px;height:16px;flex-shrink:0}
.ho-shell :is(.hoc-form,.ho-form){gap:20px 24px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.ho-shell :is(.hoc-form,.ho-form) label{font-size:12px;font-weight:600;color:#465970;gap:7px;min-width:0}
.ho-shell .hoc-form .fat-party-fields{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 24px}.ho-shell .hoc-cash-page .fat-party-fields{display:contents}
.ho-shell .hoc-tabs{gap:14px;margin:8px 0 24px;flex-wrap:wrap}.ho-shell .hoc-tabs>.btn{min-width:160px;min-height:62px;text-align:left;padding:14px 22px;border:1px solid var(--ho-line);background:white;color:#152d48;font-size:14px;font-weight:700}
.ho-shell .hoc-tabs>.btn:first-child{color:var(--ho-green);border-color:#bce4d7;background:#f6fcf9}.ho-shell .hoc-tabs>.btn:nth-child(2){color:var(--ho-red);border-color:#efc7c8;background:#fff9f9}
.ho-shell .hoc-tabs>.btn:first-child:is(.btn-primary,[aria-pressed=true]){box-shadow:inset 0 0 0 1px var(--ho-green);background:#eaf7f1}.ho-shell .hoc-tabs>.btn:nth-child(2):is(.btn-primary,[aria-pressed=true]){box-shadow:inset 0 0 0 1px var(--ho-red);background:#fbeeee}
.ho-shell .btn{border:1px solid #d1deeb;border-radius:6px;background:white;color:#334e69;box-shadow:0 1px 2px #0b305405;min-height:38px;padding:9px 14px;font-size:12px;font-weight:600;line-height:1.3;white-space:normal}.ho-shell .btn:not(:disabled):hover{background:#edf5fe;border-color:#99b9da}
.ho-shell .btn-primary,.ho-shell .hod-button{background:var(--ho-blue);color:white;border-color:var(--ho-blue)}.ho-shell .btn-success{background:var(--ho-green);border-color:var(--ho-green);color:white}.ho-shell .btn-danger{background:var(--ho-red);border-color:var(--ho-red);color:white}
.ho-shell button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.ho-shell :is(.ho-actions,.hoc-actions){gap:10px;flex-wrap:wrap}.ho-shell .ho-panel>.ho-actions,.ho-shell .ho-panel>.hoc-actions{border-top:1px solid #edf1f6;padding-top:18px;margin-top:22px}
.ho-shell :is(.ho-kpi,.hoc-summary>div){background:white;border:1px solid var(--ho-line);border-radius:9px;box-shadow:none;padding:20px;min-width:0}.ho-shell :is(.ho-kpis,.hoc-summary){gap:16px}.ho-shell :is(.ho-kpi,.hoc-summary>div) strong{font-size:23px;font-weight:700;letter-spacing:-.5px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.ho-shell .hoc-receipt strong{color:var(--ho-green)}.ho-shell .hoc-payment strong{color:var(--ho-red)}.ho-shell .hod-grid{gap:18px}.ho-shell .hod-values{margin-top:22px;gap:20px}
.ho-shell .ho-table-scroll{overflow:auto;max-width:100%;border:1px solid #e4ebf3;border-radius:7px;overscroll-behavior-inline:contain}.ho-shell .ho-table{border-collapse:separate;border-spacing:0;font-size:12px}.ho-shell .ho-table th{padding:12px 14px;background:#f3f7fb;color:#334e69;font-weight:600;border:0;border-bottom:1px solid #dce5ef;white-space:nowrap}.ho-shell .ho-table td{padding:12px 14px;border:0;border-bottom:1px solid #edf1f6;line-height:1.5}.ho-shell .ho-table tbody tr:nth-child(even){background:#fbfcfe}.ho-shell .ho-table tbody tr:hover{background:#f1f7fe}
.ho-shell :is(.hoc-filters,.ho-filters){gap:12px 16px;align-items:end}.ho-shell .hoc-footer{flex-wrap:wrap}
body:has(.ho-shell) :is(.hoc-dialog,.ho-dialog,.modal){font-family:Inter,"Segoe UI",Arial,sans-serif;border:1px solid #dce5ef;border-radius:12px;box-shadow:0 24px 80px #0b30542b;color:#152d48;max-width:calc(100vw - 24px)}
body:has(.ho-shell) :is(.hoc-dialog,.ho-dialog){padding:26px;background:white}body:has(.ho-shell) :is(.hoc-dialog,.ho-dialog)::backdrop{background:#0b305459}body:has(.ho-shell) :is(.hoc-dialog,.ho-dialog,.modal) .input{min-height:40px;border:1px solid #cdd9e6;border-radius:6px;padding:8px 11px;max-width:100%}
.ho-shell .ho-bank-history .ho-table{min-width:1600px}.ho-shell .ho-bank-history .ho-table td{min-width:90px;overflow-wrap:normal}.ho-shell .ho-bank-history .ho-table td:nth-child(2){min-width:210px}.ho-shell .ho-bank-history .ho-actions{min-width:210px}.ho-shell .ho-bank-history .ho-actions .btn{white-space:nowrap;flex-shrink:0}
.ho-shell [hidden]{display:none!important}.ho-shell :is([role=alert],[role=status]):empty{display:none}
@media(max-width:1150px){.ho-shell{grid-template-columns:200px minmax(0,1fr)}.ho-shell :is(.hoc-form,.ho-form){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.ho-shell .ho-content{padding:18px 16px 28px}.ho-shell :is(.ho-kpis,.hoc-summary){grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ho-shell .hoc-form .fat-party-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.ho-shell{display:block}.ho-shell .ho-sidebar{position:relative;height:auto;padding:12px;gap:12px;overflow:visible}.ho-shell .ho-sidebar nav{display:flex;overflow:auto;max-width:100%;gap:5px;padding-bottom:4px}.ho-shell .ho-nav{flex-shrink:0;min-height:42px;white-space:nowrap}.ho-shell .ho-nav-group{display:none}.ho-shell .ho-brand{font-size:19px}.ho-shell .ho-brand small{display:inline;margin-left:12px}.ho-shell .ho-back{padding:8px 12px;margin:0;align-self:flex-start}.ho-shell .ho-topbar{padding:12px 16px;flex-wrap:wrap;gap:10px;height:auto}.ho-shell .ho-topbar select{width:100%;max-width:100%}.ho-shell .ho-content{padding:16px 12px calc(24px + env(safe-area-inset-bottom))}.ho-shell .ho-panel{padding:17px}.ho-shell :is(.hoc-form,.ho-form),.ho-shell .hoc-form .fat-party-fields{grid-template-columns:minmax(0,1fr);gap:17px}.ho-shell .hoc-wide{grid-column:auto}.ho-shell h1{font-size:23px}.ho-shell :is(.ho-kpi,.hoc-summary>div){padding:14px}.ho-shell :is(.ho-kpi,.hoc-summary>div) strong{font-size:19px}.ho-shell .hoc-tabs>.btn{min-width:0;flex:1;padding:13px;min-height:58px}.ho-shell :is(.input,input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea){font-size:16px}.ho-shell .hod-flow-row{grid-template-columns:80px minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.ho-shell *{scroll-behavior:auto;transition:none}}
/* Bank HO transaction direction only; shared Petty Cash/SITE styles stay intact. */
.ho-shell .ho-bank-transactions .hoc-tabs{gap:8px;margin:8px 0 18px;flex-wrap:nowrap}
.ho-shell .ho-bank-transactions .hoc-tabs>.btn{flex:0 1 132px;min-width:0;min-height:40px;padding:9px 18px;text-align:center;background:#f1f5f9;border-color:#cbd5e1;color:#475569;box-shadow:none}
.ho-shell .ho-bank-transactions .hoc-tabs>.btn:first-child[aria-pressed=true]{background:#137a50;border-color:#137a50;color:#fff;box-shadow:none}
.ho-shell .ho-bank-transactions .hoc-tabs>.btn:nth-child(2)[aria-pressed=true]{background:#b42335;border-color:#b42335;color:#fff;box-shadow:none}
.ho-shell .ho-bank-transactions .ho-kpis>.ho-kpi:nth-child(2) strong,.ho-shell .ho-bank-transactions .ho-bank-history td:nth-child(7){color:#137a50}
.ho-shell .ho-bank-transactions .ho-kpis>.ho-kpi:nth-child(3) strong,.ho-shell .ho-bank-transactions .ho-bank-history td:nth-child(8){color:#b42335}
.ho-shell .ho-bank-transactions form[data-bank-direction=RECEIPT] :is(input.input[aria-label^="Nominal"],.ho-allocation-list>p>strong){color:#137a50}
.ho-shell .ho-bank-transactions form[data-bank-direction=PAYMENT] :is(input.input[aria-label^="Nominal"],.ho-allocation-list>p>strong){color:#b42335}
/* FAT direction controls only. Preserve native radios, handlers and disabled states. */
.ho-shell .hoc-cash-page .hoc-tabs{gap:8px;margin:8px 0 18px;flex-wrap:nowrap}
.ho-shell .hoc-cash-page .hoc-tabs>.btn{flex:0 1 132px;min-width:0;min-height:40px;padding:9px 18px;text-align:center;background:#f1f5f9;border-color:#cbd5e1;color:#475569;box-shadow:none}
.ho-shell .hoc-cash-page .hoc-tabs>.btn:first-child[aria-pressed=true]{background:#137a50;border-color:#137a50;color:#fff;box-shadow:none}
.ho-shell .hoc-cash-page .hoc-tabs>.btn:nth-child(2)[aria-pressed=true]{background:#b42335;border-color:#b42335;color:#fff;box-shadow:none}
.ho-shell .hoc-cash-page .hoc-summary>.hoc-receipt strong{color:#137a50}
.ho-shell .hoc-cash-page .hoc-summary>.hoc-payment strong{color:#b42335}
.ho-shell .hoc-cash-page .hoc-actions>.btn-primary{background:#1565c0;border-color:#1565c0;color:#fff}
.fat-cash-page:is([data-account=PC],[data-account=UJ],[data-account=BANK1],[data-account=BANK2],[data-account=BANK3]) .fat-input-panel .fat-radio-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:stretch;min-width:0}
.fat-cash-page:is([data-account=PC],[data-account=UJ],[data-account=BANK1],[data-account=BANK2],[data-account=BANK3]) .fat-input-panel .fat-radio-row>label{min-width:0;min-height:40px;box-sizing:border-box;justify-content:center;padding:8px 10px;border:1px solid #cbd5e1;border-radius:6px;background:#f1f5f9;color:#475569;text-align:center;font-size:12px;line-height:1.3;cursor:pointer}
.fat-cash-page:is([data-account=PC],[data-account=UJ],[data-account=BANK1],[data-account=BANK2],[data-account=BANK3]) .fat-radio-row input[type=radio]{flex-shrink:0;accent-color:#475569}
.fat-cash-page:is([data-account=PC],[data-account=UJ],[data-account=BANK1],[data-account=BANK2],[data-account=BANK3]) .fat-input-panel .fat-radio-row>label:has(input[value=RECEIPT]:checked){background:#137a50;border-color:#137a50;color:#fff}
.fat-cash-page:is([data-account=PC],[data-account=UJ],[data-account=BANK1],[data-account=BANK2],[data-account=BANK3]) .fat-input-panel .fat-radio-row>label:has(input[value=PAYMENT]:checked){background:#b42335;border-color:#b42335;color:#fff}
.fat-cash-page:is([data-account=PC],[data-account=UJ],[data-account=BANK1],[data-account=BANK2],[data-account=BANK3]) .fat-radio-row>label:has(input:focus-visible){outline:3px solid #6da9ef;outline-offset:3px}
.fat-cash-page:is([data-account=PC],[data-account=UJ],[data-account=BANK1],[data-account=BANK2],[data-account=BANK3])>.fat-summary-grid>.fat-summary-card.green strong{color:#137a50}
.fat-cash-page:is([data-account=PC],[data-account=UJ],[data-account=BANK1],[data-account=BANK2],[data-account=BANK3])>.fat-summary-grid>.fat-summary-card.red strong{color:#b42335}
.fat-cash-page:is([data-account=PC],[data-account=UJ],[data-account=BANK1],[data-account=BANK2],[data-account=BANK3]) .fat-input-panel>.fat-form-actions>:is(.btn-success,.btn-primary){background:#1565c0!important;border-color:#1565c0;color:#fff}