/* SURFACES */
.box,.nav-tabs-custom,.info-box,.small-box,.modal-content,.callout,.panel,.well{border:1px solid var(--erp-line)!important;border-radius:var(--erp-radius)!important;background:rgba(255,255,255,.97)!important;box-shadow:var(--erp-shadow-sm)!important}
.box{border-top:1px solid var(--erp-line)!important;overflow:hidden!important}.box.box-primary,.box.box-info,.box.box-success,.box.box-warning,.box.box-danger{border-top:1px solid var(--erp-line)!important}
.box-header{padding:12px 15px!important;border-bottom:1px solid var(--erp-surface-soft)!important;background:linear-gradient(180deg,#fff,var(--erp-surface-soft))!important}.box-title{color:var(--erp-text)!important;font-size:14px!important;font-weight:800!important}.box-body{padding:14px 15px!important}.box-footer{padding:12px 15px!important;background:var(--erp-surface-soft)!important;border-top:1px solid var(--erp-surface-soft)!important}
.box-tools .btn-box-tool{width:30px!important;height:30px!important;padding:0!important;border-radius:8px!important;background:var(--erp-surface-soft)!important;color:var(--erp-text)!important;box-shadow:none!important}

/* FORMS */
label,.control-label{color:var(--erp-text)!important;font-size:11.5px!important;font-weight:750!important}.form-group{margin-bottom:13px!important}
.form-control{height:38px!important;border:1px solid var(--erp-line2)!important;border-radius:9px!important;background:var(--erp-surface)!important;color:var(--erp-text)!important;font-size:12px!important;box-shadow:none!important;padding:7px 10px!important}.form-control:focus{border-color:#82a1e9!important;box-shadow:0 0 0 3px rgba(69,104,223,.08)!important}
textarea.form-control{height:auto!important;min-height:82px!important}.input-group-addon{border-color:var(--erp-line2)!important;background:var(--erp-surface-soft)!important;color:var(--erp-text)!important;border-radius:9px 0 0 9px!important}.input-group .form-control:last-child{border-radius:0 9px 9px 0!important}
.select2-container--default .select2-selection--single,.select2-container--default .select2-selection--multiple{min-height:38px!important;border:1px solid var(--erp-line2)!important;border-radius:9px!important;background:var(--erp-surface)!important}.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:36px!important;color:var(--erp-text)!important;font-size:12px!important}.select2-container--default .select2-selection--single .select2-selection__arrow{height:36px!important}.select2-dropdown{border:1px solid var(--erp-line)!important;border-radius:10px!important;box-shadow:var(--erp-shadow)!important;overflow:hidden!important}.select2-container--default .select2-results__option--highlighted[aria-selected]{background:linear-gradient(135deg,var(--erp-blue),var(--erp-blue2))!important}
.erp-form-page .erp-primary-form,.erp-form-page .modern-profile-card{max-width:760px!important;margin-left:auto!important;margin-right:auto!important}.erp-form-page .box-body,.erp-form-page .modern-profile-card{padding-top:12px!important}

/* BUTTON SYSTEM */
.btn{border:0!important;border-radius:9px!important;font-size:11px!important;font-weight:750!important;padding:8px 12px!important;box-shadow:none!important;transition:transform .12s ease,opacity .12s ease!important}.btn:hover,.btn:focus{transform:translateY(-1px)!important;opacity:.96!important}.btn-primary,.btn-info{background:linear-gradient(135deg,var(--erp-blue),var(--erp-blue2))!important;color:var(--erp-on-accent)!important}.btn-success{background:linear-gradient(135deg,#18ad78,#20b8a9)!important;color:var(--erp-on-accent)!important}.btn-warning{background:linear-gradient(135deg,#ef9228,#e7a339)!important;color:var(--erp-on-accent)!important}.btn-danger{background:linear-gradient(135deg,#eb5c80,#dd476c)!important;color:var(--erp-on-accent)!important}.btn-default{background:var(--erp-surface-soft)!important;color:var(--erp-text)!important;border:1px solid var(--erp-surface-soft)!important}.btn-default:hover{background:var(--erp-surface-soft)!important;color:var(--erp-text)!important}

/* LIST / DATATABLES: full available page width + compact toolbar */
.erp-list-page .content{padding-left:12px!important;padding-right:12px!important}.erp-list-page .erp-list-surface,.erp-list-page .modern-users-card,.erp-list-page .modern-roles-card{width:100%!important;max-width:none!important;margin:0!important;border:1px solid var(--erp-line)!important;border-radius:12px!important;background:var(--erp-surface)!important;box-shadow:var(--erp-shadow-sm)!important;overflow:hidden!important}.erp-list-page .modern-users-content,.erp-list-page .modern-roles-content{width:100%!important;max-width:none!important;margin:0!important;padding:3px 12px 20px!important}.erp-list-page .modern-users-card-body,.erp-list-page .modern-roles-card-body{padding:9px 10px 10px!important}.erp-list-page .modern-table-wrap,.table-responsive{width:100%!important;border:1px solid var(--erp-surface-soft)!important;border-radius:10px!important;background:var(--erp-surface)!important;overflow-x:auto!important;box-shadow:none!important}
.table{margin-bottom:0!important;background:var(--erp-surface)!important}.table>thead>tr>th{padding:9px 8px!important;background:var(--erp-surface-soft)!important;color:var(--erp-text)!important;border-color:var(--erp-surface-soft)!important;font-size:10px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.2px!important;white-space:nowrap!important}.table>tbody>tr>td,.table>tfoot>tr>td{padding:8px!important;color:var(--erp-text)!important;border-color:var(--erp-surface-soft)!important;font-size:10.5px!important;vertical-align:middle!important}.table-striped>tbody>tr:nth-of-type(odd){background:var(--erp-surface-soft)!important}.table-hover>tbody>tr:hover,.table>tbody>tr:hover>td{background:var(--erp-surface-soft)!important}
.dataTables_wrapper{width:100%!important}.dataTables_wrapper>.row{margin-left:0!important;margin-right:0!important}.dataTables_wrapper>.row:first-child{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;padding:7px 0 9px!important}.dataTables_wrapper>.row:first-child>[class*=col-]{float:none!important;width:auto!important;padding:0!important}.dataTables_length{margin-right:auto!important}.dataTables_filter{margin-left:auto!important;text-align:right!important}.dataTables_length label,.dataTables_filter label{display:flex!important;align-items:center!important;gap:4px!important;margin:0!important;color:var(--erp-text)!important;font-size:10px!important;font-weight:700!important}.dataTables_length select,.dataTables_filter input{height:30px!important;border:1px solid var(--erp-surface-soft)!important;border-radius:7px!important;background:var(--erp-surface)!important;color:var(--erp-text)!important;font-size:10px!important;padding:4px 7px!important}.dataTables_filter input{width:145px!important}.dt-buttons{display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;flex-wrap:wrap!important;margin:0 auto!important}.dt-buttons .btn,.dt-button,button.dt-button,a.dt-button,.modern-dt-btn{min-width:58px!important;height:30px!important;margin:0!important;padding:0 8px!important;border:0!important;border-radius:7px!important;background:linear-gradient(135deg,var(--erp-text),#514a99)!important;color:var(--erp-on-accent)!important;font-size:9.5px!important;font-weight:800!important;line-height:30px!important;box-shadow:none!important}.dataTables_info{padding-top:8px!important;color:#72879c!important;font-size:9.5px!important;font-weight:650!important}.dataTables_paginate{padding-top:6px!important}.pagination{margin:0!important}.pagination>li>a,.pagination>li>span{min-width:26px!important;height:26px!important;padding:4px 6px!important;margin-left:3px!important;border:1px solid var(--erp-surface-soft)!important;border-radius:7px!important;background:var(--erp-surface)!important;color:var(--erp-text)!important;font-size:9px!important;line-height:16px!important}.pagination>.active>a,.pagination>.active>span{background:linear-gradient(135deg,var(--erp-blue),var(--erp-blue2))!important;color:var(--erp-on-accent)!important;border-color:transparent!important}

/* TABS / BADGES / ALERTS / MODALS */
.nav-tabs-custom>.nav-tabs{border-bottom:1px solid var(--erp-line)!important;background:var(--erp-surface-soft)!important}.nav-tabs-custom>.nav-tabs>li>a{font-size:11px!important;font-weight:700!important;color:var(--erp-text)!important;border-radius:8px 8px 0 0!important}.nav-tabs-custom>.nav-tabs>li.active>a{color:var(--erp-blue)!important;background:var(--erp-surface)!important}.label,.badge{border-radius:999px!important;font-weight:750!important}.label-success,.badge-success{background:var(--erp-surface-soft)!important;color:#168d62!important}.label-danger,.badge-danger{background:var(--erp-surface-soft)!important;color:#d9496f!important}.label-warning,.badge-warning{background:var(--erp-surface-soft)!important;color:#ba7316!important}.label-info,.badge-info,.label-primary,.badge-primary{background:var(--erp-surface-soft)!important;color:#4962d4!important}
.alert{border:1px solid transparent!important;border-radius:10px!important;padding:10px 13px!important;font-size:11px!important;font-weight:650!important}.alert-success{background:var(--erp-surface-soft)!important;color:#177253!important;border-color:var(--erp-line)!important}.alert-danger{background:var(--erp-surface-soft)!important;color:#a93758!important;border-color:var(--erp-surface-soft)!important}.alert-warning{background:var(--erp-surface-soft)!important;color:#8d5a15!important;border-color:var(--erp-line)!important}.alert-info{background:var(--erp-surface-soft)!important;color:var(--erp-text)!important;border-color:var(--erp-surface-soft)!important}.modal-content{overflow:hidden!important}.modal-header,.modal-footer{padding:12px 15px!important;border-color:var(--erp-surface-soft)!important}.modal-title{font-size:15px!important;font-weight:800!important;color:var(--erp-text)!important}

/* RESPONSIVE */
@media(max-width:991px){.content{padding-left:10px!important;padding-right:10px!important}.erp-page-actions{right:10px!important}.dataTables_wrapper>.row:first-child{align-items:flex-start!important}.dt-buttons{order:3;width:100%!important;justify-content:flex-start!important}}
@media(max-width:767px){.content-header{padding:10px 10px 9px!important;min-height:auto!important}.content-header>h1,.content-header h1{font-size:19px!important}.erp-page-actions{position:static!important;justify-content:center!important;margin-top:8px!important}.main-sidebar{box-shadow:none!important}.content{padding:5px 8px 16px!important}.box-body{padding:11px!important}.form-control{height:36px!important}.dataTables_filter{margin-left:0!important}.dataTables_wrapper>.row:first-child{display:block!important}.dataTables_wrapper>.row:first-child>[class*=col-]{width:100%!important;margin-bottom:6px!important}.dt-buttons{justify-content:flex-start!important}.modern-users-form,#users-form{max-width:100%!important}.profile-top-area{padding:12px!important}.profile-form-area{padding:10px 12px 13px!important}.modern-new-user-top,.modern-new-role-btn{position:static!important;margin-top:8px!important}.db-quick-actions,.db-metrics-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:480px){.db-quick-actions,.db-metrics-grid{grid-template-columns:1fr!important}.erp-page-actions .btn,.erp-page-actions a{width:100%!important}.erp-page-actions{display:block!important}.profile-action-area{flex-direction:column!important}.modern-update-btn,.modern-cancel-btn{width:100%!important}}

@media print{.main-header,.main-sidebar,.control-sidebar,.main-footer,.erp-page-actions{display:none!important}.content-wrapper,.right-side{margin:0!important;background:var(--erp-surface)!important}.content{padding:0!important}.box,.table-responsive{box-shadow:none!important;border-color:#ddd!important}.content-header{display:none!important}}

/* Shared component contract; module files own arrangement, these rules own appearance. */
html[data-erp-ui] body.erp-app .content :is(.box,.box-header,.box-footer,.nav-tabs-custom,.table-responsive,.modern-users-card,.modern-roles-card,.modern-profile-card,.db-toolbar-card,.db-metric-card),
html[data-erp-ui] body.erp-app .modal-content {background:var(--erp-surface)!important;color:var(--erp-text)!important;border-color:var(--erp-line)!important}
html[data-erp-ui] body.erp-app :is(.table,.table>tbody>tr,.table>tbody>tr>td) {background:var(--erp-surface)!important;color:var(--erp-text)!important;border-color:var(--erp-line)!important}
html[data-erp-ui] body.erp-app :is(.table>thead>tr>th,.table>tfoot>tr>td) {background:var(--erp-surface-soft)!important;color:var(--erp-text)!important;border-color:var(--erp-line)!important}
html[data-erp-ui] body.erp-app :is(.form-control,.select2-selection,.select2-dropdown,.dataTables_filter input,.dataTables_length select) {background:var(--erp-surface)!important;color:var(--erp-text)!important;border-color:var(--erp-line2)!important}
html[data-erp-ui] body.erp-app :is(label,.box-title,.modal-title) {color:var(--erp-text)!important}
html[data-erp-ui] body.erp-app :is(.dataTables_info,.help-block,.erp-empty-state) {color:var(--erp-muted)!important}
html[data-erp-ui] body.erp-app .erp-button {border-radius:var(--erp-button-radius)!important;transition:transform var(--erp-motion) ease,box-shadow var(--erp-motion) ease,opacity var(--erp-motion) ease!important}
html[data-erp-ui] body.erp-app .erp-button:where(:not(.db-quick-action):not(.db-period-btn):not(.btn-link):not(.close)) {background:var(--erp-gradient-primary)!important;color:var(--erp-on-accent)!important}
html[data-erp-ui] body.erp-app .erp-button[data-erp-tone="success"] {background:var(--erp-gradient-success)!important;color:var(--erp-on-accent)!important}
html[data-erp-ui] body.erp-app .erp-button[data-erp-tone="danger"] {background:var(--erp-gradient-danger)!important;color:var(--erp-on-accent)!important}
html[data-erp-ui] body.erp-app .erp-button[data-erp-tone="warning"] {background:var(--erp-gradient-warning)!important;color:var(--erp-on-accent)!important}
html[data-erp-ui] body.erp-app .erp-button[data-erp-tone="neutral"] {background:var(--erp-surface-soft)!important;color:var(--erp-text)!important;border:1px solid var(--erp-line)!important}
html[data-erp-ui] body.erp-app .erp-button:hover:not(:disabled):not(.disabled) {transform:translateY(-1px)!important}
html[data-erp-ui] body.erp-app .erp-button.erp-button-pressed:not(:disabled) {transform:scale(.98)!important}
html[data-erp-ui] .erp-button:focus-visible {outline:2px solid var(--erp-focus)!important;outline-offset:3px}
html[data-erp-ui] .erp-button:disabled,html[data-erp-ui] .erp-button.disabled {transform:none!important;opacity:.55!important;cursor:not-allowed!important}
.erp-empty-state {padding:24px;text-align:center}
[hidden] {display:none!important}
@media(prefers-reduced-motion:reduce){
 html[data-erp-ui] *,html[data-erp-ui] *::before,html[data-erp-ui] *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
 html[data-erp-ui] body.erp-app .erp-button:hover,html[data-erp-ui] body.erp-app .erp-button.erp-button-pressed {transform:none!important}
}
@media print {
 html[data-erp-ui] body.erp-app,html[data-erp-ui] body.erp-app .content-wrapper {background:#fff!important;color:#111!important}
 .erp-button,.db-quick-actions,.db-filter-actions {display:none!important}
}

/* Existing module card and heading roots use the common palette. */
html[data-erp-ui] body.erp-app :is(.aa-card,.aa-note-card,.action-view-card,.advance-list-card,.brand-card,.cap-card,.cc-card,.ccl-card,.ccp-form-card,.cpx-card,.crd-form-card,.crf-card,.crx-mini-card,.crx-table-card,.ct-card,.customer-form-card,.customer-panel-card,.customer-payments-profile-card,.db-metric-card,.db-toolbar-card,.dbc-card,.erp-login-card,.ex-card,.ia-card,.ic-card,.il-card,.import-form-card,.loc-card,.loc-table-card,.md-card,.mda-card,.modern-profile-card,.modern-role-card,.modern-roles-card,.modern-users-card,.mt-card,.mta-card,.payment-table-card,.pr-card,.pr-pay-card,.pr-summary-card,.prd-form-card,.ptf-card,.ptx-chip-card,.ptx-table-card,.pur-card,.purchase-pay-card,.purchase-summary-card,.sa-card,.sa-items-card,.sa-note-card,.sa-payment-card,.sa-prev-card,.sa-summary-card,.sl-stat-card,.smtp-card,.spay-table-card,.spay-toolbar-card,.ss-card,.stock-note-card,.stock-total-card,.supplier-entry-due-card,.supplier-entry-form-card,.supplier-form-card,.supplier-payment-history-loader-card,.supplier-payments-profile-card,.sv-card,.tax-form-card,.tax-preview-card,.tx-card,.ulx-chip-card,.ulx-table-card,.unf-card,.variant-card,.warehouse-field-card,.warehouse-table-card) {background:var(--erp-surface)!important;border-color:var(--erp-line)!important;color:var(--erp-text)!important;border-radius:var(--erp-radius)!important}
html[data-erp-ui] body.erp-app :is(.aa-hero,.al-hero,.brand-hero,.cc-hero,.ccl-hero,.cpx-hero,.crf-hero,.crx-hero,.ct-hero,.customer-hero,.customer-list-hero,.customer-payments-hero,.erp-hero,.ex-hero,.ia-hero,.ic-hero,.il-hero,.import-hero,.loc-hero,.md-hero,.mda-hero,.mt-hero,.mta-hero,.payment-hero,.pr-hero,.ptf-hero,.ptx-hero,.pur-hero,.purchase-hero,.smtp-hero,.ss-hero,.supplier-entry-modal-hero,.supplier-list-hero,.supplier-payments-hero,.sv-hero,.tax-form-hero,.ulx-hero,.unf-hero,.variant-hero,.warehouse-hero) {background:var(--erp-gradient-primary)!important;color:var(--erp-on-accent)!important;border-radius:var(--erp-radius)!important}
html[data-erp-ui] body.erp-app :is(.aa-hero,.al-hero,.brand-hero,.cc-hero,.ccl-hero,.cpx-hero,.crf-hero,.crx-hero,.ct-hero,.customer-hero,.customer-list-hero,.customer-payments-hero,.erp-hero,.ex-hero,.ia-hero,.ic-hero,.il-hero,.import-hero,.loc-hero,.md-hero,.mda-hero,.mt-hero,.mta-hero,.payment-hero,.pr-hero,.ptf-hero,.ptx-hero,.pur-hero,.purchase-hero,.smtp-hero,.ss-hero,.supplier-entry-modal-hero,.supplier-list-hero,.supplier-payments-hero,.sv-hero,.tax-form-hero,.ulx-hero,.unf-hero,.variant-hero,.warehouse-hero) :is(h1,h2,h3,h4,p,small) {color:var(--erp-on-accent)!important}