.page-body{min-height:calc(100vh - 130px)}.main-nav{overflow-y:auto!important}.main-nav .sidebar-user{padding-top:22px}.main-nav .nav-menu{padding-bottom:30px}.main-nav .menu-content{display:block}.main-nav .menu-content a{padding:8px 10px 8px 60px!important;display:block}.main-nav .nav-menu a{cursor:pointer}.page-main-header .main-header-right{min-height:75px}.page-main-header .main-header-right .nav-right{margin-left:auto}.card{overflow:hidden}.card-header h5{margin:0}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:22px}.toolbar input{max-width:330px}.toolbar select{max-width:220px}.table-wrap{overflow-x:auto}.table th{white-space:nowrap}.table td{vertical-align:middle}.table small{display:block;color:#888}.btn{cursor:pointer}.btn-xs{padding:5px 9px}.actions{display:flex;gap:5px;flex-wrap:wrap}.form-group{margin-bottom:22px}.form-group label{display:block;margin-bottom:9px}input[type=number]{text-align:right}.item-table textarea{min-width:230px;min-height:85px}.item-table input[type=number]{width:115px}.item-table select{min-width:90px}.item-table td{vertical-align:top}.summary{max-width:400px;margin-left:auto}.summary>div{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}.summary input,.summary select{width:145px}.summary .grand{border-top:1px solid #ddd;padding-top:18px;font-size:19px;font-weight:600;color:#24695c}.stat-value{font-size:28px;font-weight:600;margin:15px 0 6px}.stat-icon{float:right;background:#e9f0ee;color:#24695c;padding:16px;border-radius:50%}.badge-paid{background:#e6f4ed;color:#24885e}.badge-unpaid{background:#fff3d9;color:#ba861e}.empty{text-align:center;padding:45px!important;color:#8c9199}.chart{width:100%;height:270px}.chart text{font-size:11px;fill:#87919c}.chart line{stroke:#edf0f3}.chart .bar{fill:#24695c}.chart .bar2{fill:#a4c6bf}dialog{border:0;border-radius:12px;padding:30px;width:min(600px,94vw);max-height:90vh;overflow:auto;box-shadow:0 15px 80px #0003}dialog::backdrop{background:#182b3b66}dialog h5{margin-bottom:24px}#toast{position:fixed;right:25px;bottom:25px;background:#24695c;color:white;padding:14px 22px;border-radius:8px;z-index:9999;display:none}.doc-sheet{max-width:960px;margin:auto;background:white;padding:45px}.doc-top{display:flex;justify-content:space-between;margin-bottom:35px}.doc-sheet h2{color:#24695c}.doc-sheet .table th{background:#24695c;color:white}.note{color:#87919c;font-size:12px}.header-logo{font-size:23px;font-weight:700;color:#24695c;letter-spacing:2px}.chart-legend{display:flex;gap:24px;justify-content:center;font-size:12px}.swatch{display:inline-block;width:9px;height:9px;background:#24695c;margin-right:5px}.footer{padding:20px}.mobile-menu{border:0;background:none;color:#24695c}.inline-label{display:flex!important;gap:8px;align-items:center}.print-only{display:none}@media(max-width:991px){.main-nav{transform:translateX(-270px)}body.nav-open .main-nav{transform:none!important;z-index:100}.page-body{margin-left:0!important}.page-main-header{margin-left:0!important;width:100%!important}.card-body{padding:20px!important}.doc-sheet{padding:20px}.footer{margin-left:0!important}}@media print{.main-nav,.page-main-header,.footer,.no-print,.page-header,#toast,dialog{display:none!important}.page-body{margin:0!important;padding:0!important}.page-wrapper,.page-body-wrapper{margin:0!important;padding:0!important}.doc-sheet{max-width:none;padding:0}.card{box-shadow:none!important;border:0!important}.print-only{display:block}body{background:white!important}.table td{font-size:11px}}

/* Frontend completion: retain reference typography, spacing and green palette. */
.preserve-lines{white-space:pre-wrap;overflow-wrap:anywhere}.customer-info{font-size:13px;line-height:1.9}.company-avatar{display:inline-flex;align-items:center;justify-content:center;width:90px;height:90px;border-radius:50%;background:#e4efec;color:#24695c;font-size:36px;font-weight:700}.product-choice{margin:10px 0}.product-choice button{text-align:left;width:100%;white-space:normal}.main-nav .section-collapsed .menu-content{display:none!important}.main-nav{height:calc(100vh - 75px)!important}.doc-sheet{width:100%}.doc-top{gap:25px;flex-wrap:wrap}.doc-top>div{min-width:200px}.doc-top h4{overflow-wrap:anywhere}.item-table{min-width:680px}.summary output{font-variant-numeric:tabular-nums}.summary>div>label{margin:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #e6b950!important;outline-offset:3px}.alert .btn{margin-left:10px}.btn+.btn{margin-left:4px}dialog .toolbar{margin-bottom:0}body.sidebar-collapsed .main-nav{transform:translateX(-290px)}body.sidebar-collapsed .page-body,body.sidebar-collapsed .footer{margin-left:0!important}body.sidebar-collapsed .page-main-header{margin-left:0!important;width:100%!important}@media(max-width:767px){.doc-top{display:block}.doc-top .text-end{text-align:left!important;margin-top:20px}.summary{max-width:none;margin-top:25px}.page-header h3{font-size:20px}.doc-sheet h2{font-size:25px}.page-header .col-auto{display:none}.nav-menus>li:first-child{display:none}.page-main-header .main-header-left{padding:0 12px!important}.header-logo{font-size:19px}.toolbar{gap:8px}.stat-value{font-size:25px}}@media print{.doc-top{display:flex;flex-wrap:nowrap}.doc-sheet .col-md-6{width:50%;flex:0 0 50%}.summary{margin-top:0}.table-wrap{overflow:visible}.doc-sheet .table th{print-color-adjust:exact;-webkit-print-color-adjust:exact}.doc-sheet tr{break-inside:avoid}.doc-top{break-inside:avoid}.table th{white-space:normal}.doc-sheet .card-body{padding:0!important}a{color:inherit;text-decoration:none}}

/* Layout repair: supplement selector-pruned saved HTML styles, never replace the original theme. */
.col-12{flex:0 0 auto;width:100%}.col-auto{flex:0 0 auto;width:auto}
@media(min-width:576px){.col-sm-6{flex:0 0 auto;width:50%}}
@media(min-width:768px){.col-md-2{flex:0 0 auto;width:16.666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.333333%}.col-md-5{flex:0 0 auto;width:41.666667%}.col-md-6{flex:0 0 auto;width:50%}}
.d-flex{display:flex!important}.justify-content-between{justify-content:space-between!important}.align-items-center{align-items:center!important}.text-end{text-align:right!important}.text-center{text-align:center!important}.p-0{padding:0!important}
.card .card-header{padding:15px;background:#fff;border-bottom:0}.card .card-header h5{margin:0;font-size:18px;line-height:1.3}.card .card-body{padding:30px}.card{border:1px solid #e6edef;border-radius:0;box-shadow:none;margin-bottom:30px}
.table-wrap{width:100%;overflow-x:auto}.table{width:100%;border-collapse:collapse;margin-bottom:0}.table th,.table td{padding:.5rem;border:1px solid #e6edef;vertical-align:top}.table thead.table-primary th{background:#e8f0ee;color:#007580;font-weight:600}.table small{color:inherit}.table th{font-size:12px}.table td{font-size:13px}.badge-paid{background:#24695c;color:#fff}.badge-unpaid{background:#e62946;color:#fff}.badge-paid,.badge-unpaid{border-radius:50rem;font-size:10px;padding:3px 7px}
.page-header .breadcrumb{display:flex;list-style:none;padding:0;margin:5px 0 0;background:none;gap:0}.breadcrumb-item+.breadcrumb-item:before{content:'/';padding:0 4px}.page-header h3{margin:0}.reference-list .card-header{padding:30px}.reference-list .card-body.p-0{padding:0!important}.reference-filters{row-gap:12px}.reference-filters .btn{white-space:nowrap}.reference-filters>.col-md-2>.btn{width:100%;padding:.375rem 1rem!important;font-size:14px!important}.filter-pair{display:flex;align-items:stretch;gap:0;width:100%;margin:0}.filter-pair .form-control,.filter-pair .form-select{min-width:0;flex:1}.filter-pair>.btn{min-width:100px}.actions-vertical{display:flex;flex-direction:column;gap:0;min-width:105px;max-width:140px;margin:auto}.actions-vertical>.btn{margin:0!important;border-radius:0}.reference-list td:last-child>.actions{justify-content:center}.reference-editor{max-width:83.333333%}.reference-editor>.card>.card-header{display:none}.editor-meta{background:#e8f0ee;padding:20px;margin-bottom:22px}.editor-meta h4{font-size:30px;font-weight:400}.reference-editor .item-table{margin-top:0}.doc-sheet .table thead.table-primary th{background:#e8f0ee;color:#24695c}
.dashboard-notice{background:#c00;color:#fff;text-align:center;font-size:11px;font-weight:700;padding:5px;margin-bottom:30px;min-height:34px}.dashboard-notice .btn{margin-left:8px;color:#000}.dashboard-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px;margin-bottom:30px}.dashboard-summary{display:grid;grid-template-rows:200px 134px;gap:30px;min-width:0}.dashboard-summary .card,.dashboard-chart{margin:0}.dashboard-summary .profile-greeting{min-height:200px;border:0;background-color:#60ae9c}.dashboard-summary .profile-greeting .card-body{padding:16px 20px!important}.profile-greeting h5{font-size:18px;margin:0 0 8px;color:#e6f3f0}.profile-greeting h1{font-size:40px;line-height:1.2;font-weight:500;color:#e6f3f0;margin:0 0 30px}.profile-greeting .btn{font-size:14px}.dashboard-totals{display:grid;grid-template-columns:1fr 1fr;gap:24px;min-width:0}.dashboard-totals .card-body{padding:22px 12px!important}.dashboard-totals h5{font-size:23px;font-weight:700;line-height:1.3;margin-bottom:6px}.dashboard-totals p{font-size:13px;color:#898d99;line-height:1.6;margin:0}.dashboard-chart{min-width:0;height:364px}.dashboard-chart .card-header{padding:15px}.dashboard-chart .header-top{gap:12px;flex-wrap:wrap}.dashboard-chart h5{font-size:18px}.dashboard-chart #dashboard-year{width:100px}.dashboard-chart .card-body{padding:0 10px 15px!important}.dashboard-chart .chart{display:block;width:100%;height:265px}.chart text{fill:#242934;font-size:11px}.chart .bar,.swatch{fill:#cca63d;background:#cca63d}.chart .bar2,.swatch-paid{fill:#24695c;background:#24695c}.chart-legend{gap:10px;font-size:11px;line-height:18px}.swatch{border-radius:1px}.dashboard-recent .card-body{padding:0!important}.dashboard-recent .table{table-layout:auto}.dashboard-recent th:nth-last-child(2),.dashboard-recent td:nth-last-child(2){text-align:right}.dashboard-recent th:last-child{width:8%;text-align:center}.dashboard-recent td:nth-child(2){width:12%}.dashboard-recent .card-header{min-height:58px}.main-nav .menu-content{margin:0}.main-nav .section-collapsed>.menu-content{display:none!important}.main-nav [data-section] .according-menu i{display:none}.main-nav [data-section] .according-menu:after{content:'›';display:block;font-size:16px;line-height:20px}.main-nav [data-section][aria-expanded=true] .according-menu:after{transform:rotate(90deg)}.main-nav .nav-menu a[aria-disabled=true]{cursor:pointer}.main-nav .menu-content a.active{color:#24695c!important;font-weight:700;background:rgba(36,105,92,.08);border-radius:4px}.main-nav .menu-title:focus:not(:focus-visible){outline:none}.header-logo{font-size:30px;font-weight:400;letter-spacing:-1.4px;text-transform:lowercase;color:#008789}
@media(max-width:1199px){.reference-editor{max-width:100%}.dashboard-grid{grid-template-columns:1fr}.dashboard-summary{grid-template-columns:1fr 1fr;grid-template-rows:200px;gap:24px}.dashboard-totals{grid-template-columns:1fr;gap:15px}.dashboard-totals .card-body{padding:12px!important}.dashboard-totals h5{font-size:20px}.dashboard-chart{height:364px}}
@media(max-width:767px){.dashboard-summary{grid-template-columns:1fr;grid-template-rows:200px auto}.dashboard-totals{grid-template-columns:1fr 1fr}.dashboard-grid{gap:24px}.dashboard-chart h5{font-size:15px}.dashboard-notice{font-size:10px}.card .card-header h5{font-size:16px}.reference-list .card-header{padding:20px}.dashboard-recent .table{min-width:750px}.reference-filters .filter-pair>.btn{min-width:70px}.reference-editor .editor-meta{margin:0 12px 22px;width:calc(100% - 24px)}}
@media print{.dashboard-notice{display:none}.reference-editor{max-width:100%}.card{margin-bottom:20px}.doc-sheet .table thead.table-primary th{background:#e8f0ee!important;color:#24695c!important}}

/* Invoice editor: structure and proportions from supplied Maklumat Invois HTML. */
.reference-editor{width:100%;max-width:83.333333%;margin:0}
.reference-editor .editor-card>.card-body{padding:30px}
.reference-editor .editor-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start;margin-bottom:10px}
.reference-editor .editor-meta{margin:0;padding:30px;background:rgba(36,105,92,.1);text-align:center;min-width:0}
.reference-editor .editor-date-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.reference-editor .editor-number{font-size:30px;font-weight:400;line-height:1.5;margin-top:0;text-align:center}
.reference-editor .form-group{margin-bottom:20px}
.reference-editor .form-group>label{font-size:14px;line-height:1.5;margin-bottom:5px}
.reference-editor .editor-meta select{text-align:center}
.reference-editor .editor-top .editor-client label>.btn{margin-left:8px}
.reference-editor .customer-info{padding-left:10px;margin-top:10px;font-size:14px;line-height:1.4}
.reference-editor .editor-customer-edit{margin-top:24px}
.reference-editor .item-table{table-layout:fixed;width:100%;min-width:680px;margin:0}
.reference-editor .editor-price-col,.reference-editor .editor-qty-col,.reference-editor .editor-total-col{width:150px}
.reference-editor .item-table th,.reference-editor .item-table td{padding:8px;letter-spacing:0;font-size:14px}
.reference-editor .item-table th{font-weight:700;color:#24695c;background:#e8f0ee;vertical-align:middle}
.reference-editor .item-table th:not(:first-child){text-align:center}
.reference-editor .item-table th>.btn{margin-left:10px;vertical-align:middle}
.reference-editor .item-table textarea{min-width:0;min-height:0;height:78px;padding:6px 12px;line-height:1.45;resize:vertical}
.reference-editor .item-table input[type=number]{width:100%;min-width:0}
.reference-editor .item-table select{width:100%;min-width:0;margin:0}
.reference-editor .editor-item-actions{justify-content:flex-end;gap:5px;margin:0;flex-wrap:nowrap}
.reference-editor .editor-item-actions .btn{margin:0!important;white-space:nowrap}
.reference-editor .editor-item-actions .btn-secondary{background:#ba895d!important;border-color:#ba895d!important;color:white!important}
.reference-editor .editor-tax{display:flex;justify-content:center;align-items:center;gap:10px;font-weight:400;margin:10px 0 0;line-height:1.5}
.reference-editor .editor-tax input{appearance:none;width:18px;height:18px;border:1px solid #24695c;border-radius:2px;margin:0;background:#fff;flex:none}
.reference-editor .editor-tax input:checked{appearance:auto;accent-color:#24695c}
.reference-editor .item-table output{display:block;padding:3px 12px;color:#777;font-weight:700}
.reference-editor .editor-summary-wrap{margin-top:20px;margin-bottom:20px}
.reference-editor .editor-summary{table-layout:fixed;min-width:680px;background:rgba(126,185,162,.1)}
.reference-editor .editor-summary-label,.reference-editor .editor-summary-value{width:150px}
.reference-editor .editor-summary td{padding:8px;text-align:right;vertical-align:middle;font-size:14px}
.reference-editor .editor-summary label{margin:0;font-weight:400}
.reference-editor .editor-summary .editor-notes{text-align:left;vertical-align:top;padding-top:28px}
.reference-editor .editor-notes textarea{height:140px;resize:vertical}
.reference-editor .editor-summary input{width:100%;min-width:0}
.reference-editor .editor-summary output{display:block;color:#777;font-weight:700;padding:3px 12px;white-space:nowrap}
.reference-editor .editor-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid #e6edef;padding-top:20px;margin-top:30px}
@media(max-width:1199px){.reference-editor{max-width:100%}}
@media(max-width:767px){.reference-editor .editor-card>.card-body{padding:20px}.reference-editor .editor-top{grid-template-columns:1fr}.reference-editor .editor-meta{width:100%;margin:0;padding:20px}.reference-editor .editor-date-row{gap:12px}.reference-editor .editor-number{font-size:26px}}

/* Customer modal, matched to the supplied original customer screenshot. */
dialog.customer-modal{box-sizing:border-box;position:fixed;inset:18px 0 auto;margin:0 auto;padding:0;width:600px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 36px);border:1px solid #777;border-radius:3px;background:#fff;color:#242934;box-shadow:none;overflow-y:auto;font-size:11.5px;letter-spacing:0}
dialog.customer-modal::backdrop{background:rgba(0,0,0,.5)}
.customer-modal *{box-sizing:border-box}.customer-modal .customer-modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid #dce1e5;min-height:48px}.customer-modal .customer-modal-header h5{font-size:15px;font-weight:500;line-height:22px;margin:0}.customer-modal-close{border:0;background:transparent;color:#888;font:24px/1 Arial;cursor:pointer;padding:0 4px}.customer-modal-body{padding:12px}.customer-modal .customer-field{margin:0 0 14px;min-width:0}.customer-modal .customer-field>label{display:block;font-size:11.5px;font-weight:500;line-height:15px;margin:0 0 4px}.customer-input-group{display:flex;align-items:stretch;width:100%;min-width:0}.customer-input-icon{display:flex;align-items:center;justify-content:center;flex:0 0 31px;background:#e9ecef;border:1px solid #e1e9ee;border-right:0;border-radius:2px 0 0 2px;color:#182b3b}.customer-input-icon svg{width:12px;height:12px}.customer-modal .customer-input-group .form-control,.customer-modal .customer-input-group .form-select{width:100%;min-width:0;height:27px;min-height:27px;border:1px solid #e1e9ee;border-radius:0 2px 2px 0;font:11.5px/1.4 inherit;font-family:inherit;font-size:11.5px;line-height:1.4;padding:4px 9px;box-shadow:none;color:#888;background-color:#fff}.customer-modal .customer-input-group .form-select{padding-right:25px;color:#888}.customer-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:18px}.customer-grid-company{grid-template-columns:minmax(0,2.1fr) minmax(0,1fr)}.customer-grid-thirds{grid-template-columns:repeat(3,minmax(0,1fr))}.customer-help{font-size:9.5px;line-height:14px;color:#89929d;margin:-12px 0 12px}.customer-section{font-size:11.5px;font-weight:600;color:#182b3b;background:#e6edef;padding:6px 12px;margin:16px 0 12px;line-height:15px;border-radius:1px}.customer-address-lines .customer-field{margin-bottom:15px}.customer-modal .customer-same-address{display:flex;align-items:center;gap:8px;font-size:11.5px;margin:0 0 16px}.customer-same-address input{width:11px;height:11px;margin:0;accent-color:#24695c}.customer-modal-footer{border-top:1px solid #e6edef;margin:0 12px;padding:12px 0;display:flex;justify-content:flex-end;gap:4px}.customer-modal-footer .btn{font-size:11.5px;padding:6px 12px;border-radius:2px;margin:0!important}.customer-modal-footer .btn-primary{background:#24695c!important;border-color:#24695c!important}.customer-modal-footer .btn-light{background:#e6edef!important;color:#111!important}.customer-modal [hidden]{display:none!important}.customer-modal :focus-visible{outline:2px solid #24695c!important;outline-offset:1px}
@media(max-width:520px){dialog.customer-modal{inset:12px 0 auto;max-height:calc(100dvh - 24px)}.customer-grid,.customer-grid-company,.customer-grid-thirds{grid-template-columns:1fr}.customer-help{margin-top:-10px}.customer-modal .customer-input-group .form-control,.customer-modal .customer-input-group .form-select{font-size:16px;height:36px}}

/* MNA BizFlow: shorter header, coordinated sidebar/body offset on all breakpoints. */
:root{--bizflow-header-height:60px}
.page-wrapper .page-main-header{height:var(--bizflow-header-height)!important;min-height:var(--bizflow-header-height)!important}
.page-main-header .main-header-right{height:var(--bizflow-header-height)!important;min-height:var(--bizflow-header-height)!important;padding-top:0!important;padding-bottom:0!important}
.page-main-header .main-header-left{height:var(--bizflow-header-height)!important;min-height:0!important;padding-top:0!important;padding-bottom:0!important;display:flex;align-items:center}
.page-main-header .nav-menus{min-height:0!important;height:var(--bizflow-header-height);align-items:center}
.page-main-header .header-logo{font-size:20px;white-space:nowrap;font-weight:700;letter-spacing:-.4px}
.page-wrapper.compact-wrapper .page-body-wrapper header.main-nav{top:var(--bizflow-header-height)!important;height:calc(100vh - var(--bizflow-header-height))!important}
.page-wrapper .page-body-wrapper .page-body{margin-top:var(--bizflow-header-height)!important}
#bizflow-language{font-size:12px;max-width:150px;padding:5px 24px 5px 8px}
.company-avatar{font-size:25px}.mail-auth{max-width:640px}.mail-auth .form-control{font-family:monospace}.mail-auth .note{font-size:12px}
#smtp-result,#comms-result{white-space:pre-wrap;margin-top:16px;overflow-wrap:anywhere}
@media(max-width:575px){.page-main-header .header-logo{font-size:16px}.page-main-header .main-header-left{width:auto!important;padding-left:12px!important}.page-main-header .nav-menus>li{padding:0 4px!important}#bizflow-language{max-width:128px}.page-main-header .notification-box{display:none}.page-main-header .main-header-right .nav-right{display:block!important;width:auto!important;flex:1}.page-main-header .logo-wrapper{display:block!important}}
@media print{.page-wrapper .page-body-wrapper .page-body{margin-top:0!important}}

@media(max-width:991px){.page-wrapper .page-main-header .main-header-right .nav-right>ul.nav-menus{position:static!important;transform:none!important;opacity:1!important;visibility:visible!important;z-index:auto!important;width:auto!important;border:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;display:flex!important;justify-content:flex-end;top:auto!important;left:auto!important}.nav-menus>li.bizflow-language{display:block!important}}
@media(max-width:575px){.page-main-header .nav-menus>li:not(.bizflow-language){display:none!important}}

/* Settings structure and template tiles copied from the supplied settings capture. */
.reference-document-settings .w-100{width:100%}.reference-document-settings .col-6{width:50%}.reference-document-settings .col-4{width:33.333333%}.reference-document-settings .mb-3{margin-bottom:1rem}.reference-document-settings .mb-4{margin-bottom:1.5rem}.reference-document-settings .align-items-end{align-items:flex-end}.reference-document-settings .card-header h5{margin:0}.reference-document-settings label{margin-bottom:8px}.reference-document-settings .input-group{flex-wrap:nowrap}.reference-document-settings .input-group .form-control{min-width:0}.reference-document-settings .input-group-text{display:flex;align-items:center;padding:6px 12px;background:#e9ecef;border:1px solid #ced4da}.reference-document-settings .document-colors th,.reference-document-settings .document-colors td{padding:6px;vertical-align:middle}.reference-document-settings .document-colors th{text-align:right;font-size:12px}.reference-document-settings .form-control-color{width:100px;max-width:100%;height:34px;padding:3px}.current-logo{margin:24px 0 30px;min-height:70px}.current-logo img{height:100px;max-width:100%;object-fit:contain}.template-grid button.template-card{padding:0;text-align:left;width:100%;font-family:inherit;color:inherit}.template-grid .template-card:focus-visible{outline:3px solid #3c856b;outline-offset:3px}

.template-grid .template-card{border:2px solid #e0e0e0;border-radius:8px;overflow:hidden;cursor:pointer;transition:all 0.2s ease;background:#fff}.template-grid .template-card:hover{border-color:#3c856b;box-shadow:0 4px 12px rgba(60,133,107,0.15)}.template-grid .template-card.selected{border-color:#3c856b;box-shadow:0 4px 12px rgba(60,133,107,0.25)}.template-grid .template-thumbnail{position:relative;padding:8px;background:#f8f9fa}.template-grid .template-thumbnail img{width:100%;height:auto;border-radius:4px}.template-grid .template-check{position:absolute;top:12px;right:12px;font-size:24px;color:#3c856b;opacity:0;transition:opacity 0.2s ease}.template-grid .template-card.selected .template-check{opacity:1}.template-grid .template-name{padding:10px;display:flex;justify-content:space-between;align-items:center;font-weight:500;font-size:13px;border-top:1px solid #e0e0e0}.template-grid .template-name .badge{font-size:10px;margin-left:auto}.template-grid .template-card.locked{opacity:0.6;cursor:not-allowed}.template-grid .template-card.locked:hover{border-color:#e0e0e0;box-shadow:none}.template-grid .template-card.locked .template-thumbnail img{filter:grayscale(50%)}.template-grid .template-lock{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:32px;color:#666;background:rgba(255,255,255,0.8);border-radius:50%;padding:10px 14px}
/* Expense pages follow the supplied list/view/edit HTML without plan restrictions. */
@media(min-width:1200px){.expense-reference>.col-xl-10{flex:0 0 83.333333%;max-width:83.333333%}.expense-stats>.col-xl-3{flex:0 0 25%;max-width:25%}}
.expense-stats .card-body{min-height:132px;padding:25px 30px}.expense-stats h4{font-size:22px;margin-top:8px}.expense-stats small{font-size:12px}.expense-reference .card-body{padding:30px}.expense-reference .card-body.p-0{padding:0}.expense-reference label{font-size:14px}.expense-payee{padding-top:8px}.expense-reference .form-control,.expense-reference .form-select{font-size:14px;min-height:38px}.expense-item-table th,.expense-item-table td{padding:12px;vertical-align:top}.expense-item-table textarea{resize:vertical}.expense-item-table input{min-width:85px}.expense-details-table th,.expense-details-table td{padding:12px;border:0;border-bottom:1px solid #e9ecef}.expense-details-table th{background:transparent;color:inherit}.expense-summary .form-group,.expense-summary-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0;padding:8px 12px}.expense-summary .form-control{width:150px;max-width:50%;text-align:right}.expense-summary label{margin:0}.expense-merchant-extra{font-size:13px;color:#666;margin-top:20px}.template-card:not(.selected) .template-check{display:none}.template-card{cursor:pointer}.template-card:focus-visible{outline:3px solid #2868d0;outline-offset:3px}
@media(max-width:767px){.expense-reference .card-body{padding:18px}.expense-reference .table-wrap{overflow-x:auto}.expense-item-table{min-width:650px}.expense-stats .card-body{min-height:110px;padding:20px}.expense-reference .reference-filters>div{margin-bottom:8px}}

.expense-summary-table .form-control{min-width:105px;text-align:right}.expense-summary-table{min-width:470px}.expense-reference .expense-item-table .form-control-sm{min-height:32px;padding:5px 8px}.expense-reference .actions-vertical{display:inline-flex;flex-direction:column;gap:0}.expense-reference .actions-vertical .btn{border-radius:0;min-width:85px}

/* Subledger screens retain reference cards and compact tables. */
.account-navigation > .menu-content{display:block!important;padding-left:18px}.account-navigation > a{font-weight:600}.accounts-bill-fields{border:1px solid #dce7df;padding:16px;margin:16px 0}.accounts-bill-fields legend{font-size:15px;width:auto}.accounts-statement th,.accounts-voucher th{background:#e4f4e9}.accounts-statement td,.accounts-voucher td{font-variant-numeric:tabular-nums}
@media print {body:has(.accounts-statement) #app .page-header,body:has(.accounts-voucher) #app .page-header{display:none!important}.accounts-statement .card,.accounts-voucher .card{box-shadow:none!important;border:0!important}.accounts-statement table,.accounts-voucher table{width:100%;border-collapse:collapse!important}.accounts-statement td,.accounts-statement th,.accounts-voucher td,.accounts-voucher th{border:1px solid #777!important;padding:6px!important}.accounts-statement thead,.accounts-voucher thead{display:table-header-group}.accounts-statement tr,.accounts-voucher tr{break-inside:avoid}.accounts-statement .table-wrap,.accounts-voucher .table-wrap{overflow:visible!important}}

/* Audit fix: the source theme animates a decorative settings gear unconditionally. */
.main-nav .setting-primary svg{animation:none!important;-webkit-animation:none!important;transform:none!important}
.main-nav .account-navigation.section-collapsed>.menu-content{display:none!important}
.main-nav .account-navigation>.menu-content{padding-left:0}
.main-nav .account-navigation>a{position:relative;display:flex;align-items:center;justify-content:space-between;padding:11px 18px!important;border-radius:8px;font-size:14px}
.main-nav .account-navigation .nav-submenu a{font-size:13px!important;font-weight:400!important;text-align:left;padding:9px 15px 9px 44px!important}
.sidebar-chevron{font-size:18px;transition:transform .15s}.main-nav [aria-expanded="true"]>.sidebar-chevron{transform:rotate(90deg)}
.ops-filters{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:16px}.ops-filters .form-group{margin:0;min-width:130px}.ops-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.ops-metrics .card{margin:0}.ops-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.ops-warning{background:#fff7df;border:1px solid #ead392;padding:12px;margin-bottom:16px}.ops-form{max-width:1080px}.ops-device{font-family:monospace}.ops-receipt{max-width:190mm;margin:auto;padding:10mm;background:#fff;color:#222}.ops-receipt table{width:100%;border-collapse:collapse}.ops-receipt td,.ops-receipt th{border:1px solid #bbb;padding:7px}.ops-receipt .doc-top{display:flex;justify-content:space-between}.ops-receipt h2{font-size:24px;color:#24695c}.ops-receipt tfoot{text-align:right}.ops-receipt small{display:block}
@media(max-width:767px){.ops-form-grid,.ops-metrics{grid-template-columns:1fr}.ops-receipt{padding:14px;min-width:620px}.ops-filters>*{max-width:100%}}
@media print{.ops-receipt{max-width:none;width:100%;padding:0}.ops-receipt td,.ops-receipt th{border:1px solid #777!important}.ops-warning{display:none}}

/* Shared Invoice list controls and aligned navigation. */
#app [data-action="purchase-supplier-new"],#app [data-action="new-customers"],#app a[href="#cash-sale-new"],#app a[href="#purchase-new"]{font-size:16px;font-weight:600;padding:13px 24px;min-height:48px}
#app .ops-filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:22px;padding:16px;background:#f8faf9;border:1px solid #e1ebe5;border-radius:6px}
#app .ops-filters .form-group{flex:1 1 160px;margin:0}#app .table th:last-child{min-width:125px;text-align:center}#app .table td:last-child .actions{justify-content:center}
.main-nav .nav-menu>li>a.menu-title{display:flex!important;align-items:center;justify-content:flex-start!important;text-align:left!important;gap:12px}.main-nav .nav-menu>li>a.menu-title>svg{flex:0 0 24px;margin:0!important}.main-nav .nav-menu>li>a.menu-title>span:not(.sidebar-chevron){flex:1;text-align:left;margin:0!important}.main-nav .sidebar-chevron,.main-nav .according-menu{margin-left:auto!important;position:static!important;flex:0 0 16px}
#modal:has(.catalogue-filters){width:min(960px,95vw);max-width:960px}.catalogue-filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px;margin-bottom:12px}.product-choice{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px;border:1px solid #dce6e1;border-radius:6px;margin:10px 0}.product-choice.selected{border:2px solid #24695c;background:#f0f8f4}.product-choice[hidden]{display:none}.product-choice small{display:block}.product-choice p{margin:6px 0}.editor-number input{font-weight:700;font-size:20px}.editor-number small{display:block;font-size:12px;font-weight:400}
@media(max-width:650px){.catalogue-filters{grid-template-columns:1fr 1fr}.product-choice{align-items:stretch;flex-direction:column}.ops-filters>button{flex:1}}

/* Invoice is the canonical list layout for every module. */
#app .reference-list .card-header{padding:30px!important;background:#fff}
#app .reference-list .card-body{padding:0!important}
#app .list-controls{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:0;padding:0;border:0;background:none}
#app .list-add{flex:0 0 16%}#app .list-add>.btn{width:100%}
#app .list-search{flex:1 1 34%}#app .list-status{flex:1 1 34%}
#app .list-controls>.form-group{flex:1 1 160px;margin:0}
#app .list-controls .form-group label{font-size:12px;margin-bottom:4px}
#app .list-extra-actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
#app .btn,#modal .btn,#app .reference-filters .btn,#app .list-add>.btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px!important;padding:8px 18px!important;font-size:13px!important;line-height:20px!important;font-weight:600!important;border-radius:3px;white-space:nowrap}
#app .table{margin:0;width:100%;border-collapse:collapse;font-size:13px}
#app .table thead th{background:#e8f0ee!important;color:#24695c!important;font-weight:600;padding:10px 9px!important;border:1px solid #e6ebea;vertical-align:middle}
#app .table tbody td{padding:10px 9px!important;border:1px solid #e6ebea;vertical-align:top}
#app .table .actions{display:flex;flex-direction:column;gap:0;min-width:120px;max-width:140px;margin:auto}
#app .table .actions>.btn{width:100%;margin:0!important;border-radius:0;min-height:36px!important}
#app .reference-filters{align-items:center}#app .form-control,#app .form-select{min-height:36px}
#app .list-controls .filter-pair>.btn{min-width:100px}#app .list-controls .form-group:has([name=search])>label{display:none}
@media(max-width:767px){#app .reference-list .card-header{padding:18px!important}#app .list-controls{gap:12px}#app .list-add,#app .list-search,#app .list-status{flex:1 1 100%}}