@font-face {
 font-family: "Noto Nastaliq Urdu";
 font-style: normal;
 font-weight: 400 700;
 font-display: swap;
 src: url("fonts/NotoNastaliqUrdu-arabic.woff2") format("woff2");
 unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC;
}

:root {
 --erp-font: 'Fira Sans Condensed', 'Noto Nastaliq Urdu', sans-serif;
 --bs-font-sans-serif: var(--erp-font);
 --bs-body-font-family: var(--erp-font);
 --erp-input-radius: 0.375rem;
 --fx-navy: #0b1f6b;
 --fx-deep: #1340a0;
 --fx-steel: #1a5fd4;
 --fx-blue: #1e8aef;
 --fx-sky: #4aa8f5;
 --fx-pale: #9fd0fa;
 --fx-mist: #c5e3fc;
 --fx-paper: #eaf4fd;
 --bs-primary: var(--fx-blue);
 --bs-primary-rgb: 30, 138, 239;
 --bs-link-color: var(--fx-steel);
 --bs-link-hover-color: var(--fx-navy);
 --bs-focus-ring-color: rgba(30, 138, 239, 0.35);
}

html, body {
 font-family: 'Fira Sans Condensed', 'Noto Nastaliq Urdu', sans-serif;
 font-size: 16.5px;
 font-weight: 400;
 letter-spacing: 0.01em;
 color: var(--fx-navy);
 background: var(--fx-paper);
}

/* Form controls do not inherit font by default in browsers - force the app stack on every control,
   popup, dialog, dropdown and table (these were the places that fell back to Arial / system fonts). */
input, select, textarea, button, optgroup, option, table, th, td, caption, legend, label,
input::placeholder, textarea::placeholder,
.btn, .form-control, .form-select, .form-check-label, .input-group-text, .nav-link, .navbar, .badge,
.dropdown-menu, .dropdown-item, .modal, .modal-content, .modal-title, .popover, .tooltip, .toast, .offcanvas, .alert,
dialog, [role="dialog"], [role="listbox"], [role="menu"], [role="option"], .card, .list-group-item {
 font-family: var(--erp-font) !important;
}

/* Keep real code blocks monospace. */
code, pre, kbd, samp { font-family: var(--bs-font-monospace) !important; }

@media print {
 html, body, body * {
  font-family: 'Fira Sans Condensed', 'Noto Nastaliq Urdu', sans-serif;
 }
 code, pre, kbd, samp { font-family: var(--bs-font-monospace) !important; }
 .bi, [class^="bi-"], [class*=" bi-"] { font-family: bootstrap-icons !important; }
}

.table, .amt-cell, .kpi-value {
 font-variant-numeric: tabular-nums;
}

.page-title {
 font-size: 1.15rem;
 font-weight: 650;
 letter-spacing: -0.01em;
}

.content {
 padding-top: 0.65rem;
}

.form-label {
 font-size: 0.72rem;
 font-weight: 600;
 color: #52606d;
}

.form-control, .form-select, .input-group-text {
 font-size: 0.8125rem;
}

.form-control, .form-select {
 min-height: 1.85rem;
 padding: 0.18rem 0.45rem;
 border-radius: var(--erp-input-radius) !important;
}

/* Hide number-input spinner (up/down) arrows */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
 -webkit-appearance: none;
 margin: 0;
}
input[type="number"] {
 -moz-appearance: textfield;
 appearance: textfield;
}

/* All text boxes / selects / numeric editors - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - consistent rounded border */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]):not([type="image"]):not([type="button"]):not([type="submit"]):not([type="reset"]),
select,
textarea,
.form-control,
.form-select,
.erp-num,
.pi-num,
.pi-pay-in,
.pi-oth-in,
.pi-disc-pct,
.pi-disc-rs,
.pi-tax-pct,
.pi-tax-rs,
.pi-bank-sel,
.pi-box,
.input-group-text {
 border-radius: var(--erp-input-radius) !important;
}

/* Input groups keep only outer corners rounded */
.input-group > :not(:first-child):not(.dropdown-menu):not(.dropdown-toggle):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
 border-top-left-radius: 0 !important;
 border-bottom-left-radius: 0 !important;
}
.input-group > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
 border-top-right-radius: 0 !important;
 border-bottom-right-radius: 0 !important;
}
.input-group > .btn {
 border-radius: var(--erp-input-radius);
}
.input-group > .btn:not(:first-child) {
 border-top-left-radius: 0 !important;
 border-bottom-left-radius: 0 !important;
}
.input-group > .btn:not(:last-child) {
 border-top-right-radius: 0 !important;
 border-bottom-right-radius: 0 !important;
}

/* Date control = text + calendar button */
.erp-date .erp-date-text {
 border-radius: var(--erp-input-radius) 0 0 var(--erp-input-radius) !important;
}
.erp-date .erp-date-btn {
 border-radius: 0 var(--erp-input-radius) var(--erp-input-radius) 0 !important;
}

.btn {
 font-size: 0.8125rem;
 padding: 0.22rem 0.6rem;
}

.table {
 font-size: 0.78rem;
}

.table > :not(caption) > * > * {
 padding: 0.28rem 0.4rem;
}

.table > thead th,
.product-search-drop thead th {
 background: linear-gradient(180deg, #1a5fd4 0%, #0b1f6b 100%) !important;
 color: #fff !important;
 border-color: #0b1f6b !important;
 font-weight: 600;
 white-space: nowrap;
 vertical-align: middle;
}
.table > thead th.text-end { color: #fff !important; }

.erp-num {
 font-variant-numeric: tabular-nums;
}

/* Delete/cancel row action column - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - hug the button */
.col-del,
th.col-del,
td.col-del {
 width: 1%;
 min-width: 0;
 max-width: 2.1rem;
 padding: 0.15rem !important;
 white-space: nowrap;
 text-align: center;
 vertical-align: middle;
}
.btn-row-del {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 width: 1.65rem;
 height: 1.65rem;
 padding: 0 !important;
 line-height: 1;
 font-size: 0.75rem;
 font-weight: 700;
}

.card {
 border-color: #e5e7eb;
 border-radius: 0.85rem;
}

.badge {
 font-weight: 500;
}

a, .btn-link {
 color: #1a5fd4;
}

a.ribbon-tile,
a.ribbon-tile:hover,
a.ribbon-tile:focus,
a.ribbon-tile:visited {
 color: #0b1f6b;
 text-decoration: none;
}

.btn-primary {
 color: #fff;
 background-color: #1e8aef;
 border-color: #1340a0;
}

.btn-outline-primary {
 color: #1e8aef;
 background-color: transparent;
 border-color: #1e8aef;
}

.btn-outline-primary:hover {
 color: #fff;
 background-color: #1e8aef;
 border-color: #1340a0;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
 box-shadow: 0 0 0 0.12rem rgba(69, 123, 157, 0.32);
}

h1:focus { outline: none; }

.valid.modified:not([type=checkbox]) { outline: 1px solid #26b050; }
.invalid { outline: 1px solid #e50000; }
.validation-message { color: #e50000; }

.list-group-item {
 font-size: 0.8rem;
}

.stock-neg { color: #b71c1c !important; }
.stock-zero { color: #e57373 !important; }
.stock-ok { color: #2e7d32 !important; }

.product-search { position: relative; z-index: 5; }
.product-search.product-search-open { z-index: 10050; }
.party-search { position: relative; z-index: 20; }
.party-search-compact { z-index: 25; }
.party-search.party-search-open,
.party-search-compact.party-search-open,
.product-search.product-search-open,
.spick.spick-open { z-index: 10050; }
.party-search-open { z-index: 10050; }
.party-search .input-group,
.product-search .input-group,
.spick .input-group {
 display: flex;
 flex-wrap: nowrap;
 align-items: stretch;
 width: 100%;
 min-width: 0;
 max-width: 100%;
}
.party-search .input-group > .form-control,
.product-search .input-group > .form-control,
.spick .input-group > .form-control {
 width: 1%;
 min-width: 0;
 flex: 1 1 auto;
}
.party-search .input-group > .btn,
.product-search .input-group > .btn,
.spick .input-group > .btn {
 flex: 0 0 1.9rem;
 width: 1.9rem;
 min-width: 1.9rem;
 padding: 0;
 display: inline-flex;
 align-items: center;
 justify-content: center;
}
table tbody tr:focus-within .party-search-compact,
table tbody tr:has(.party-search-open),
table tbody tr:has(.product-search-open),
table tbody tr:has(.spick-open) { z-index: 80; position: relative; }

.voucher-title-cash { color: #c62828; }
.voucher-cash-header {
 display: grid;
 grid-template-columns: auto minmax(12rem, 1fr) auto;
 gap: 0.5rem;
 align-items: end;
 width: 100%;
}
.voucher-cash-meta {
 display: flex;
 flex-wrap: nowrap;
 align-items: flex-end;
 gap: 0.35rem;
}
.voucher-field { min-width: 0; }
.voucher-cash-account {
 min-width: 0;
 width: 100%;
}
.voucher-cash-account .party-search,
.voucher-cash-account .input-group { width: 100%; }
.voucher-cash-sums {
 display: grid;
 grid-template-columns: repeat(3, 8rem);
 gap: 0.35rem;
 align-items: stretch;
}
.voucher-cash .voucher-sum-box {
 border: 1px solid #cfd8dc;
 border-radius: 4px;
 padding: 0.2rem 0.45rem;
 min-height: 2.75rem;
}
.voucher-sum-pre { background: #e8f5e9; }
.voucher-sum-this { background: #e3f2fd; }
.voucher-sum-total { background: #fff9c4; }
.voucher-words { color: #c62828; font-weight: 600; font-size: 0.95rem; }
.voucher-grid thead th { white-space: nowrap; background: #f5f7fa; }

/* Balance Sheet / Income Statement: fill the desk viewport; scroll the statement body. */
.desk-doc.is-on > .fin-report {
 flex: 1 1 auto;
 min-height: 0;
 height: 100%;
 max-height: 100%;
 display: flex;
 flex-direction: column;
 overflow: hidden;
}
.fin-report > .fin-bar,
.fin-report > .alert,
.fin-report > .btn-group {
 flex: 0 0 auto;
}
.fin-report > .fin-scroll {
 flex: 1 1 auto;
 min-height: 0;
 overflow: auto;
 -webkit-overflow-scrolling: touch;
 overscroll-behavior: contain;
 background: #fff;
 border: 1px solid #c5d7ea;
 border-radius: 0.45rem;
 padding: 0.55rem 0.65rem 0.75rem;
}
.desk-doc.is-on > .al-preview-panel {
 flex: 1 1 auto;
 min-height: 0;
 height: 100%;
 max-height: 100%;
}
.ledger .content:has(.desk-doc.is-on .fin-report),
.ledger .content:has(.desk-doc.is-on .al-preview-panel) {
 overflow: hidden;
}
@media print {
 .desk-doc.is-on > .fin-report,
 .fin-report > .fin-scroll,
 .desk-doc.is-on > .al-preview-panel {
 height: auto !important;
 max-height: none !important;
 overflow: visible !important;
 display: block !important;
 border: 0 !important;
 padding: 0 !important;
 background: #fff !important;
 }
}

.fin-bar {
 display: grid;
 grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
 align-items: center;
 gap: 0.75rem 1rem;
 margin: 0 0 0.7rem;
 padding: 0.65rem 0.8rem 0.7rem;
 background: linear-gradient(180deg, #f4f9ff 0%, #ffffff 72%);
 border: 1px solid #c5d7ea;
 border-radius: 0.55rem;
 box-shadow: 0 1px 2px rgba(11, 31, 107, 0.06);
}
.fin-bar-title {
 grid-column: 2;
 justify-self: center;
 text-align: center;
 font-size: 1.12rem;
 font-weight: 700;
 color: #0b1f6b;
 letter-spacing: 0.01em;
}
.fin-bar-fields {
 grid-column: 1;
 display: flex;
 flex-wrap: wrap;
 align-items: flex-end;
 gap: 0.55rem 0.75rem;
 min-width: 0;
}
.fin-field {
 display: flex;
 flex-direction: column;
 gap: 0.18rem;
 min-width: 10.5rem;
}
.fin-field-wide { min-width: 16rem; flex: 1 1 16rem; max-width: 22rem; }
.fin-field > span {
 font-size: 0.68rem;
 font-weight: 700;
 letter-spacing: 0.06em;
 text-transform: uppercase;
 color: #3d5a80;
 line-height: 1;
}
.fin-field .erp-date,
.fin-field .spick,
.fin-field .form-control { width: 100%; }
.fin-field .erp-date-text,
.fin-field .spick .form-control,
.fin-field .form-control,
.tb-field .erp-date-text,
.tb-factory .spick .form-control,
.al-dates .erp-date-text,
.al-field .spick .form-control {
 font-weight: 700;
}
.fin-bar-actions {
 grid-column: 3;
 justify-self: end;
 display: flex;
 align-items: center;
 gap: 0.35rem;
}
.fin-bar-actions .btn { min-height: 1.9rem; font-weight: 700; }
.fin-print-meta {
 text-align: center;
 font-weight: 700;
 margin: 0 0 0.45rem;
}
.erp-printable,
.al-preview-panel,
.erp-printable h2,
.al-preview-panel h2,
.erp-printable .fw-semibold {
 font-weight: 700;
}
@media (max-width: 900px) {
 .fin-bar { grid-template-columns: 1fr; }
 .fin-bar-title,
 .fin-bar-fields,
 .fin-bar-actions { grid-column: 1; justify-self: stretch; }
 .fin-bar-title { text-align: center; }
 .fin-field, .fin-field-wide { min-width: 0; max-width: none; flex: 1 1 100%; }
 .fin-bar-actions { flex-wrap: wrap; }
}

.erp-printable .table,
.al-preview-panel .table {
 --bs-table-border-color: #000;
}
.erp-printable .table > :not(caption) > * > *,
.al-preview-panel .table > :not(caption) > * > *,
.erp-printable .table > thead th,
.al-preview-panel .table > thead th,
[data-erp-printable] .dxg-table th,
[data-erp-printable] .dxg-table td,
.cb-grid th,
.cb-grid td,
.pl-meta td,
.pl-tx th,
.pl-tx td,
.ss-tx th,
.ss-tx td,
.ss-grand-only td {
 border-color: #000 !important;
 font-weight: 700 !important;
}

.income-stmt .income-group td {
 font-weight: 700;
 font-size: calc(1em + 2px);
 text-align: center;
 background: #eef2f7;
 border-top: 2px solid #000;
}
.balance-stmt .income-group td:not(:first-child) {
 font-size: calc(1em + 2px);
}
.income-stmt .income-subgroup td {
 font-weight: 650;
 background: #f5f7fa;
 color: #334155;
}
.income-stmt .income-type td {
 font-weight: 600;
 color: #0f4c5c;
 background: #dff3f6;
}
.income-stmt .income-subtotal td {
 font-weight: 700;
 border-top: 1px solid #000;
 border-bottom: 2px solid #000;
 background: #fafafa;
}
.income-stmt .income-grandtotal td {
 font-weight: 800;
 font-size: 1.05em;
 border-top: 2px solid #000;
 border-bottom: 3px double #000;
 background: #fff8e1;
}
.balance-stmt .income-group td.amt-cell,
.balance-stmt tr.income-group td:not(:first-child) {
 text-align: center;
}

/* Trial Balance: base is 1rem + 1px. Head > subhead > 3rd level > lines. */
.tb-stmt.income-stmt th,
.tb-stmt.income-stmt td {
 font-size: calc(1rem + 1px);
 border-color: #000;
}
.tb-stmt.income-stmt .income-type td {
 font-weight: 650;
 font-size: calc(1rem + 4px);
}
.tb-stmt.income-stmt .income-subgroup td {
 font-weight: 700;
 font-size: calc(1rem + 7px);
}
.tb-stmt.income-stmt .income-group td,
.tb-stmt.balance-stmt .income-group td:not(:first-child) {
 font-weight: 800;
 font-size: calc(1rem + 11px);
}
.tb-stmt.income-stmt .income-grandtotal td,
.tb-stmt.income-stmt .income-subtotal td {
 font-weight: 800;
 font-size: calc(1rem + 2px);
 border-color: #000;
}
.tb-stmt.income-stmt .income-group td {
 border-top-color: #000;
}

@media (max-width: 700px) {
 .voucher-cash-header {
 grid-template-columns: 1fr;
 }
 .voucher-cash-sums {
 grid-template-columns: repeat(3, 1fr);
 width: 100%;
 }
}

.product-search-drop,
.lookup-drop {
 position: absolute;
 left: 0;
 right: 0;
 top: calc(100% + 2px);
 z-index: 2000;
 display: flex;
 flex-direction: column;
 max-height: 380px;
 background: #fff;
 border-radius: 6px;
 overflow: hidden;
}
.lookup-scroll {
 flex: 1 1 auto;
 overflow: auto;
 max-height: 320px;
 min-height: 2rem;
}
.lookup-footer-bar {
 flex: 0 0 auto;
 display: flex;
 flex-wrap: wrap;
 gap: 0.65rem 1rem;
 align-items: center;
 padding: 0.4rem 0.65rem;
 background: linear-gradient(180deg, #eff6ff 0%, #dbeafe 100%);
 border-top: 1px solid #93c5fd;
 color: #1e3a8a;
 font-size: 0.72rem;
 font-weight: 600;
}
.lookup-footer-bar span { white-space: nowrap; }
.lookup-footer-bar strong { font-weight: 750; }
.lookup-plain {
 list-style: none;
 margin: 0;
 padding: 0.15rem 0;
}
.lookup-plain-item {
 display: flex;
 align-items: center;
 gap: 0.45rem;
 padding: 0.32rem 0.55rem;
 cursor: pointer;
 line-height: 1.2;
}
.lookup-plain-id {
 flex: 0 0 2.6rem;
 font-variant-numeric: tabular-nums;
 color: #52606d;
}
.lookup-plain-name {
 min-width: 0;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}
.lookup-plain-item:hover,
.lookup-plain-item.lookup-active {
 background: #0b1f6b;
 color: #fff;
}
.lookup-plain-item:hover .lookup-plain-id,
.lookup-plain-item.lookup-active .lookup-plain-id { color: #d6e8ff; }
.lookup-detail { width: 100%; min-width: min(52rem, 100%); }
.lookup-detail-head,
.lookup-detail-item {
 display: grid;
 grid-template-columns: 3.4rem 6.5rem minmax(12rem, 1.5fr) minmax(10rem, 1.3fr) 7.5rem 6.2rem;
 gap: 0.35rem 0.55rem;
 align-items: start;
 padding: 0.38rem 0.6rem;
}
.lookup-detail-head {
 position: sticky;
 top: 0;
 z-index: 1;
 background: #0b1f6b;
 color: #fff;
 font-size: 0.72rem;
 font-weight: 700;
}
.lookup-detail-item { cursor: pointer; border-bottom: 1px solid #e3eef8; }
.lookup-detail-item:hover,
.lookup-detail-item.lookup-active { background: #e3f2fd; }
.ld-id, .ld-bal { font-variant-numeric: tabular-nums; }
.ld-code, .ld-id { font-weight: 700; }
.ld-name, .ld-addr, .ld-code { white-space: normal; overflow-wrap: anywhere; }
.ld-bal { text-align: right; }
/* Account lists: smaller type, one line per column. The popup scrolls if a name is longer than the screen. */
.party-search .lookup-drop {
 font-size: 0.72rem;
 line-height: 1.15;
}
.party-search .lookup-drop.lookup-fixed,
.party-search .lookup-drop[popover] {
 width: min(52rem, calc(100vw - 16px));
 max-width: calc(100vw - 16px);
}
.party-search .lookup-detail {
 width: max-content;
 min-width: 100%;
}
.party-search .lookup-detail-head,
.party-search .lookup-detail-item {
 align-items: center;
 padding: 0.18rem 0.45rem;
 font-size: 0.72rem;
 line-height: 1.15;
}
.party-search .lookup-detail-head { font-size: 0.68rem; }
.party-search .ld-id,
.party-search .ld-code,
.party-search .ld-name,
.party-search .ld-addr,
.party-search .ld-mob,
.party-search .ld-bal {
 white-space: nowrap;
 overflow-wrap: normal;
}
.party-search .lookup-drop.lookup-fixed .table,
.party-search .lookup-drop[popover] .table {
 width: max-content;
 min-width: 100%;
}
.party-search .lookup-drop.lookup-fixed .table th,
.party-search .lookup-drop.lookup-fixed .table td,
.party-search .lookup-drop[popover] .table th,
.party-search .lookup-drop[popover] .table td {
 font-size: 0.72rem;
 line-height: 1.15;
 white-space: nowrap;
 overflow-wrap: normal;
 vertical-align: middle;
 padding-top: 0.15rem;
 padding-bottom: 0.15rem;
}
@media (max-width: 700px) {
 .lookup-detail { min-width: 0; }
 .lookup-detail-head { display: none; }
 .lookup-detail-item {
 grid-template-columns: auto 1fr auto;
 grid-template-areas:
 "id name bal"
 "code code code"
 "addr addr addr"
 "mob mob mob";
 gap: 0.12rem 0.45rem;
 padding: 0.5rem 0.6rem;
 }
 .ld-id { grid-area: id; }
 .ld-name { grid-area: name; font-weight: 700; }
 .ld-bal { grid-area: bal; }
 .ld-code { grid-area: code; }
 .ld-addr { grid-area: addr; }
 .ld-mob { grid-area: mob; }
 .ld-code:empty, .ld-addr:empty, .ld-mob:empty { display: none; }
}
.pd-form-row:has(.party-search-open),
.pd-form-row:has(.product-search-open),
.pd-form-row:has(.spick-open) {
 position: relative;
 z-index: 40;
}
.product-search-row,
.lookup-row { cursor: pointer; }
.product-search-row:hover,
.lookup-row:hover > td {
 background-color: #eef2f6 !important;
}
/* Bootstrap paints <td>, so highlight must target cells (not only the <tr>). */
.lookup-row.lookup-active > td,
tr.lookup-active > td {
 background-color: #1e2933 !important;
 color: #fff !important;
 --bs-table-bg-state: #1e2933;
 --bs-table-color-state: #fff;
 --bs-table-bg-type: #1e2933;
 --bs-table-color-type: #fff;
}
.lookup-row.lookup-active > td .text-muted,
.lookup-row.lookup-active > td .badge {
 color: #e3f2fd !important;
 background: rgba(255,255,255,.18) !important;
}
.lookup-row.lookup-active > td .stock-neg,
.lookup-row.lookup-active > td .stock-zero,
.lookup-row.lookup-active > td .stock-ok {
 color: #fff !important;
}
.grid-subtotal td {
 background: #eff6ff !important;
 color: #1e3a8a !important;
}
.amt-cell {
 text-align: right !important;
 font-variant-numeric: tabular-nums;
 white-space: nowrap;
}

.print-choice-backdrop {
 position: fixed;
 inset: 0;
 z-index: 3000;
 background: rgba(15, 23, 42, 0.55);
 display: grid;
 place-items: center;
 padding: 1rem;
}
.print-choice-card {
 width: min(100%, 22rem);
 background: #fff;
 border-radius: 14px;
 padding: 1.25rem 1.2rem;
 box-shadow: 0 20px 50px rgba(0,0,0,.28);
}
.print-choice-title {
 margin: 0;
 font-size: 1.05rem;
 font-weight: 700;
}
.print-choice-sub {
 margin: 0.25rem 0 1rem;
 color: #64748b;
 font-size: 0.82rem;
}

/* Keep product/party dropdowns visible inside cards / tables */
.card, .card-body, .table-responsive, tfoot td { overflow: visible !important; }

/* Print layouts */
@page {
 margin: 12mm 20px 12mm;
 @bottom-center {
 content: "Page: [" counter(page) "/" counter(pages) "]";
 font-family: 'Fira Sans Condensed', 'Noto Nastaliq Urdu', sans-serif;
 font-weight: 700;
 font-size: 10pt;
 color: #000;
 }
}
@page rpt-land {
 size: A4 landscape;
 margin: 5mm 20px 8mm;
 @bottom-center {
 content: "Page: [" counter(page) "/" counter(pages) "]";
 font-family: 'Fira Sans Condensed', 'Noto Nastaliq Urdu', sans-serif;
 font-weight: 700;
 font-size: 10pt;
 color: #000;
 }
}
.rpt-letter {
 margin: 0 0 0.4rem;
 text-align: center;
 color: #000;
}
.rpt-letter p { margin: 0; }
.rpt-letter img { max-width: 100%; height: auto; }
@media screen {
 .rpt-letter-print { display: none !important; }
}
.rpt-sign { margin-top: 1.1rem; }
@page tb-a4 {
 size: A4;
 margin: 5mm 20px 8mm;
 @bottom-center {
 content: "Page: [" counter(page) "/" counter(pages) "]";
 font-family: 'Fira Sans Condensed', 'Noto Nastaliq Urdu', sans-serif;
 font-weight: 700;
 font-size: 10pt;
 color: #000;
 }
}
@media print {
 .d-print-none { display: none !important; }
 .sidebar,
 .sidebar-backdrop,
 .app-header,
 .millhouse,
 .mill-board,
 .mill-board-scrim,
 #blazor-error-ui,
 .al-preview-bar { display: none !important; }
 .page { display: block !important; background: #fff !important; height: auto !important; max-height: none !important; overflow: visible !important; }
 .page > main,
 .page > .ledger { margin: 0 !important; width: 100% !important; max-width: none !important; }
 .content { padding: 0 !important; }
 body:has(.desk-doc.is-on .tb-stmt),
 .erp-printable:has(.tb-stmt) { page: tb-a4; }
 body:has(.desk-doc.is-on .rpt-landscape) { page: rpt-land; }
 .rpt-letter,
 .rpt-letter-print {
 display: block !important;
 visibility: visible !important;
 overflow: visible !important;
 height: auto !important;
 max-height: none !important;
 }
 .ar-desk, .ar-window, .ar-body,
 .pc-desk, .pc-window, .pc-form,
 .page:has(.desk-doc.is-on .chq-desk),
 .page:has(.desk-doc.is-on .chq-desk) > .ledger,
 .page:has(.desk-doc.is-on .chq-desk) .ledger .content,
 .px-desk.chq-desk,
 .chq-reg,
 .chq-print,
 .chq-print .dxg,
 .chq-print .dxg-scroll {
 overflow: visible !important;
 height: auto !important;
 max-height: none !important;
 }
 .rpt-landscape,
 .rpt-landscape .dxg-scroll {
 max-height: none !important;
 height: auto !important;
 overflow: visible !important;
 }
 .tb-stmt.income-stmt th,
 .tb-stmt.income-stmt td {
 font-size: calc(1rem + 1px - 2pt);
 }
 .tb-stmt.income-stmt .income-type td {
 font-size: calc(1rem + 4px - 2pt);
 }
 .tb-stmt.income-stmt .income-subgroup td {
 font-size: calc(1rem + 7px - 2pt);
 }
 .tb-stmt.income-stmt .income-group td,
 .tb-stmt.balance-stmt .income-group td:not(:first-child) {
 font-size: calc(1rem + 11px - 2pt);
 }
 .tb-stmt.income-stmt .income-grandtotal td,
 .tb-stmt.income-stmt .income-subtotal td {
 font-size: calc(1rem + 2px - 2pt);
 }
 .al-preview-panel {
 border: none !important;
 margin: 0 !important;
 padding: 0 !important;
 background: transparent !important;
 overflow: visible !important;
 max-height: none !important;
 height: auto !important;
 flex: none !important;
 }
 .al-wrap {
 overflow: visible !important;
 max-height: none !important;
 height: auto !important;
 }
 .erp-printable,
 [data-erp-printable] {
 display: block !important;
 }
 .al-page-break { page-break-after: always; }

 .al-page-break-before { page-break-before: always; }
}
.print-a5 {
 max-width: 148mm;
 margin: 0 auto;
}
.print-thermal {
 max-width: 80mm;
 margin: 0 auto;
 font-size: 12px;
}
.print-thermal table { font-size: 11px; }
.print-thermal h3, .print-thermal h4 { font-size: 14px; margin: 0.2rem 0; }
@page a5 {
 size: A5;
 margin: 8mm 20px 10mm;
 @bottom-center {
 content: "Page: [" counter(page) "/" counter(pages) "]";
 font-family: 'Fira Sans Condensed', 'Noto Nastaliq Urdu', sans-serif;
 font-weight: 700;
 font-size: 10pt;
 color: #000;
 }
}
@page thermal {
 size: 80mm auto;
 margin: 2mm 20px 6mm;
 @bottom-center {
 content: "Page: [" counter(page) "/" counter(pages) "]";
 font-family: 'Fira Sans Condensed', 'Noto Nastaliq Urdu', sans-serif;
 font-weight: 700;
 font-size: 9pt;
 color: #000;
 }
}
body.print-format-a5 { }
body.print-format-thermal .print-sheet { max-width: 80mm; }

.print-topbar {
 position: sticky;
 top: 0;
 z-index: 50;
 display: flex;
 justify-content: flex-end;
 align-items: center;
 gap: 0.75rem;
 padding: 0.5rem 0.75rem;
 background: rgba(248, 250, 252, 0.92);
 border-bottom: 1px solid #e2e8f0;
}
.print-topbar .me-auto { margin-right: auto; }
@media print {
 .print-topbar { display: none !important; }
}

/* Dashboard */
.dash-kpi {
 background: #ffffff;
 border: 1px solid #e5e7eb;
 border-radius: 1rem;
 padding: 0.85rem 0.95rem;
 height: 100%;
 box-shadow: 0 10px 24px rgba(17, 20, 26, 0.06);
 border-left: 4px solid #1e8aef;
}
.dash-kpi .kpi-label {
 font-size: 0.72rem;
 color: #1a5fd4;
 font-weight: 600;
 letter-spacing: 0.04em;
 text-transform: uppercase;
}
.dash-kpi .kpi-value {
 font-size: 1.2rem;
 font-weight: 700;
 color: #0b1f6b;
 margin-top: 0.15rem;
 font-variant-numeric: tabular-nums;
}
.dash-kpi.kpi-sales { border-left-color: #1e8aef; }
.dash-kpi.kpi-buy { border-left-color: #0b1f6b; }
.dash-kpi.kpi-in { border-left-color: #1a5fd4; }
.dash-kpi.kpi-out { border-left-color: #c5e3fc; }
.dash-kpi.kpi-ar { border-left-color: #1340a0; }
.dash-kpi.kpi-ap { border-left-color: #1a5fd4; }
.dash-kpi.kpi-gp { border-left-color: #0b1f6b; }
.dash-kpi.kpi-warn { border-left-color: #1e8aef; }

.mill-desk-head {
 margin-bottom: 1rem;
}
.mill-desk-head h1 {
 margin: 0;
 font-size: 1.45rem;
 font-weight: 750;
 letter-spacing: -0.02em;
 color: #1e8aef;
}
.mill-desk-head p {
 margin: 0.25rem 0 0;
 font-size: 0.82rem;
 color: #1a5fd4;
}
.mill-ticket-row {
 display: grid;
 grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
 gap: 0.85rem;
}
.mill-ticket {
 display: flex;
 gap: 0;
 text-decoration: none;
 color: inherit;
 background: #ffffff;
 border: 1px solid #c5e3fc;
 border-radius: 1rem;
 overflow: hidden;
 min-height: 5rem;
 width: 100%;
 padding: 0;
 text-align: left;
 font: inherit;
 cursor: pointer;
 box-shadow: 0 12px 28px rgba(11, 31, 107, 0.08);
}
.mill-ticket:hover {
 border-color: #1e8aef;
 color: inherit;
 transform: translateY(-2px);
 box-shadow: 0 16px 32px rgba(11, 31, 107, 0.14);
}
.mill-ticket-stub {
 flex: 0 0 2.7rem;
 display: grid;
 place-items: center;
 writing-mode: vertical-rl;
 transform: rotate(180deg);
 font-size: 0.62rem;
 font-weight: 800;
 letter-spacing: 0.14em;
 background: linear-gradient(180deg, #4aa8f5, #1e8aef);
 color: #ffffff;
}
.mill-ticket:nth-child(4n+2) .mill-ticket-stub { background: linear-gradient(180deg, #1340a0, #0b1f6b); color: #fff; }
.mill-ticket:nth-child(4n+3) .mill-ticket-stub { background: linear-gradient(180deg, #4aa8f5, #1a5fd4); color: #fff; }
.mill-ticket:nth-child(4n) .mill-ticket-stub { background: linear-gradient(180deg, #eaf4fd, #9fd0fa); color: #0b1f6b; }
.mill-ticket > div {
 padding: 0.65rem 0.8rem 0.7rem;
 min-width: 0;
}
.mill-ticket-label {
 font-size: 0.68rem;
 font-weight: 700;
 letter-spacing: 0.06em;
 text-transform: uppercase;
 color: #1a5fd4;
}
.mill-ticket-value {
 font-size: 1.22rem;
 font-weight: 750;
 color: #0b1f6b;
 font-variant-numeric: tabular-nums;
 line-height: 1.2;
}
.mill-ticket-value.mill-amt-pos { color: #1b7a32; }
.mill-ticket-value.mill-amt-neg { color: #c62828; }
.mill-ticket-meta.mill-amt-pos { color: #1b7a32; }
.mill-ticket-meta.mill-amt-neg { color: #c62828; }
.mill-ticket-meta {
 font-size: 0.72rem;
 color: #1a5fd4;
}
@media (max-width: 700px) {
 .mill-ticket-row {
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 0.55rem;
 }
 .mill-ticket { min-height: 4.4rem; border-radius: 0.75rem; }
 .mill-ticket-stub { flex-basis: 1.65rem; font-size: 0.55rem; }
 .mill-ticket > div { padding: 0.45rem 0.5rem 0.5rem; }
 .mill-ticket-value { font-size: 1.02rem; }
}
.mill-ticket-load,
.mill-pane-load,
.mill-card-load {
 display: grid;
 place-items: center;
}
.mill-ticket-load { min-height: 1.7rem; justify-content: start; }
.mill-pane-load { min-height: 4.2rem; }
.mill-card-load { min-height: 8rem; height: 100%; }
.mill-ticket-load .spinner-border,
.mill-pane-load .spinner-border,
.mill-card-load .spinner-border,
.mill-card-cell .spinner-border {
 width: 1.15rem;
 height: 1.15rem;
 border-width: 0.16em;
 color: #1e8aef;
}
.mill-ticket-err,
.mill-card-err {
 color: #1e8aef;
 font-size: 0.75rem;
 font-weight: 650;
}
.mill-card-cell {
 text-align: center;
 padding: 1.25rem 0.5rem !important;
}

.mill-fx {
 display: grid;
 grid-template-columns: minmax(20rem, 26%) minmax(0, 1fr) minmax(15.5rem, 18%);
 grid-template-areas:
 "act sales sales"
 "banks pos rail"
 "exp exp rail";
 gap: 0.45rem;
 margin-top: 0.85rem;
 align-items: stretch;
}
.mill-fx-act { grid-area: act; min-height: 16rem; }
.mill-fx-act-bar {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 0.5rem;
 padding: 0.28rem 0.45rem 0.2rem;
 flex: 0 0 auto;
}
.mill-fx-act-bar span {
 font-weight: 800;
 font-size: 0.78rem;
 letter-spacing: 0.04em;
 text-transform: uppercase;
 color: #0b1f6b;
}
.mill-fx-act-add {
 background: #1e8aef !important;
 color: #fff !important;
 border: 0 !important;
 font-weight: 700;
 width: 1.45rem;
 height: 1.45rem;
 padding: 0;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 border-radius: 0.3rem;
 line-height: 1;
}
.mill-fx-act-add .bi { font-size: 0.95rem; color: #fff; }
.mill-rem-row { cursor: pointer; }
.mill-rem-row.is-today td { font-weight: 750; }
.mill-rem-modal {
 width: min(34rem, 100%);
 height: auto;
 max-height: min(90vh, 42rem);
 overflow: visible;
}
.year-modal.mill-rem-modal {
 width: min(34rem, 100%);
 overflow: visible;
 border: 1px solid #b9d4f5;
 background: #f4f8fd;
}
.mill-rem-head {
 display: flex;
 align-items: flex-start;
 justify-content: space-between;
 gap: 1rem;
 padding: 0.95rem 1.15rem 0.85rem;
 background: linear-gradient(180deg, #0b1f6b 0%, #1a5fd4 100%);
 color: #fff;
 border-radius: 1rem 1rem 0 0;
}
.mill-rem-head strong {
 display: block;
 font-size: 1.15rem;
 font-weight: 700;
 letter-spacing: 0.01em;
 color: #fff;
}
.mill-rem-head p {
 margin: 0.22rem 0 0;
 max-width: 24rem;
 font-size: 0.78rem;
 line-height: 1.35;
 color: #d7e8fb;
}
.mill-rem-close {
 flex: 0 0 auto;
 border: 1px solid rgba(255, 255, 255, 0.55);
 background: rgba(255, 255, 255, 0.12);
 color: #fff;
 border-radius: 999px;
 padding: 0.22rem 0.75rem;
 font-size: 0.78rem;
 font-weight: 700;
 font-family: inherit;
}
.mill-rem-close:hover { background: rgba(255, 255, 255, 0.22); }
.mill-rem-form {
 padding: 0.35rem 1.15rem 0.15rem;
 display: flex;
 flex-direction: column;
 gap: 0.15rem;
}
.mill-rem-pair {
 display: grid;
 grid-template-columns: minmax(0, 1.45fr) minmax(10.5rem, 0.85fr);
 gap: 0.75rem;
 align-items: end;
}
.mill-rem-field { min-width: 0; }
.mill-rem-form label {
 display: block;
 margin: 0.55rem 0 0.22rem;
 font-size: 0.7rem;
 font-weight: 700;
 letter-spacing: 0.04em;
 text-transform: uppercase;
 color: #0b1f6b;
}
.mill-rem-form .form-control {
 border-color: #c5d4ea;
 background: #fff;
 min-height: 2rem;
 font-weight: 600;
}
.mill-rem-form .form-control:focus {
 border-color: #1a5fd4;
 box-shadow: 0 0 0 3px rgba(30, 138, 239, 0.16);
}
.mill-rem-modal .erp-date.mill-rem-date {
 width: 100%;
 max-width: none;
}
.mill-rem-modal .erp-date-text {
 font-weight: 700;
}
.mill-rem-type-list {
 position: absolute;
 z-index: 30;
 left: 0;
 right: 0;
 top: calc(100% + 2px);
 margin: 0;
 padding: 0.25rem 0;
 list-style: none;
 background: #fff;
 border: 1px solid #9ec3ef;
 border-radius: 0.45rem;
 box-shadow: 0 12px 28px rgba(11, 31, 107, 0.18);
 max-height: 11rem;
 overflow: auto;
}
.mill-rem-type-list li {
 padding: 0.38rem 0.7rem;
 cursor: pointer;
 font-size: 0.84rem;
 font-weight: 600;
 color: #0b1f6b;
}
.mill-rem-type-list li:hover { background: #e3f2fd; }
.mill-rem-foot {
 display: flex;
 justify-content: flex-end;
 gap: 0.5rem;
 padding: 0.85rem 1.15rem 1.05rem;
}
.mill-rem-save {
 min-width: 6.4rem;
 min-height: 2.15rem;
 border: 0;
 border-radius: 0.55rem;
 background: linear-gradient(180deg, #3aa0f5, #0b5ed7);
 color: #fff;
 font-weight: 700;
 font-family: inherit;
}
.mill-rem-save:disabled { opacity: 0.55; }
.mill-rem-foot .btn-outline-danger { margin-right: auto; }
@media (max-width: 520px) {
 .mill-rem-pair { grid-template-columns: 1fr; }
}
.mill-fx-sales { grid-area: sales; min-height: 16rem; }
.mill-fx-banks { grid-area: banks; min-height: 12rem; }
.mill-fx-pos {
 grid-area: pos;
 min-height: 12rem;
 max-height: 20rem;
 display: flex;
 flex-direction: column;
 overflow: hidden;
}
.mill-fx-rail {
 grid-area: rail;
 display: flex;
 flex-direction: column;
 gap: 0.45rem;
 min-height: 0;
}
.mill-fx-exp { grid-area: exp; min-height: 13rem; }
.mill-fx-pane {
 background: #ffffff;
 border: 1px solid #c5e3fc;
 display: flex;
 flex-direction: column;
 min-height: 0;
 overflow: hidden;
}
.mill-fx-chart-title {
 text-align: center;
 font-weight: 750;
 font-size: 0.95rem;
 color: #0b1f6b;
 padding: 0.35rem 0.5rem 0.15rem;
}
.mill-fx-chart-title-sm { font-size: 0.82rem; }
.mill-fx-chart-title-exp { color: #1e8aef; }
.mill-fx-chart {
 flex: 1;
 min-height: 11rem;
 padding: 0 0.4rem 0.35rem;
}
.mill-fx-chart .erp-chart-wrap { height: 100%; min-height: 10.5rem; }
.mill-fx-chart-sales { min-height: 14.5rem; }
.mill-fx-chart-banks { min-height: 10rem; }
.mill-fx-chart-exp { min-height: 12rem; }
.mill-fx-grid {
 flex: 1;
 min-height: 0;
 border: 0;
 box-shadow: none;
}
.mill-fx-grid .dxg-scroll { max-height: 16.5rem; }
.mill-fx-act .dxg-table {
 table-layout: fixed;
 width: 100%;
}
.mill-fx-act .dxg-table th,
.mill-fx-act .dxg-table td,
.mill-fx-act .dxg-table input {
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 font-size: calc(0.64rem - 1px);
 font-weight: 700;
}
.mill-fx-act .dxg-table th:nth-child(1),
.mill-fx-act .dxg-table td:nth-child(1) { width: 11%; }
.mill-fx-act .dxg-table th:nth-child(2),
.mill-fx-act .dxg-table td:nth-child(2) { width: 20%; }
.mill-fx-act .dxg-table th:nth-child(3),
.mill-fx-act .dxg-table td:nth-child(3) { width: 22%; }
.mill-fx-act .dxg-table th:nth-child(4),
.mill-fx-act .dxg-table td:nth-child(4) { width: 27%; }
.mill-fx-act .dxg-table th:nth-child(5),
.mill-fx-act .dxg-table td:nth-child(5) { width: 20%; }
.mill-fx-pos-wrap {
 flex: 1 1 auto;
 min-height: 0;
 overflow: auto;
 scrollbar-gutter: stable;
 padding: 0 !important;
}
.mill-fx-pos col.mill-fx-pos-c1 { width: 36%; }
.mill-fx-pos col { width: 16%; }
.mill-fx-pos .ccs-pos {
 border-collapse: separate;
 border-spacing: 0;
 width: 100%;
 table-layout: fixed;
 font-size: 0.66rem;
}
.mill-fx-pos .ccs-pos th,
.mill-fx-pos .ccs-pos td {
 padding: 0.14rem 0.28rem;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}
.mill-fx-pos .ccs-pos input { font-size: 0.64rem; }
.mill-fx-pos .ccs-pos th:nth-child(1),
.mill-fx-pos .ccs-pos td:nth-child(1) { width: 36%; }
.mill-fx-pos .ccs-pos th:nth-child(n+2),
.mill-fx-pos .ccs-pos td:nth-child(n+2) { width: 16%; }
.mill-fx-pos .ccs-pos thead {
 position: sticky;
 top: 0;
 z-index: 4;
}
.mill-fx-pos .ccs-pos thead tr:first-child th {
 position: sticky;
 top: 0;
 z-index: 4;
 background: #1a5fd4;
 color: #fff;
}
.mill-fx-pos .ccs-pos thead tr.dxg-filter th {
 position: sticky;
 top: 1.35rem;
 z-index: 4;
 background: #eaf4fd;
}
.mill-fx-pos .ccs-pos-title {
 padding-top: 0.35rem;
 color: #0b1f6b;
 flex: 0 0 auto;
}
.mill-fx-pos-foot {
 flex: 0 0 auto;
 box-sizing: border-box;
 padding-right: 0;
 background: #fff;
 border-top: 1px solid #90a4ae;
}
.mill-fx-pos-foot .ccs-pos {
 width: 100%;
 table-layout: fixed;
 border-collapse: separate;
 border-spacing: 0;
 margin: 0;
}
.mill-fx-pos .ccs-pos tfoot {
 position: sticky;
 bottom: 0;
 z-index: 3;
}
.mill-fx-pos .ccs-pos tfoot td {
 border-top: 2px solid #0b1f6b;
}
.mill-fx-pos-total td {
 font-weight: 800;
}
.mill-fx-msg { flex: 0 0 auto; }
.mill-fx-tabs {
 display: flex;
 gap: 0;
 border-bottom: 1px solid #c5e3fc;
}
.mill-fx-tabs button {
 flex: 1;
 border: 0;
 background: #c5e3fc;
 color: #0b1f6b;
 font-family: inherit;
 font-weight: 750;
 font-size: 0.72rem;
 letter-spacing: 0.04em;
 padding: 0.35rem 0.4rem;
}
.mill-fx-tabs button.on {
 background: #fff;
 color: #1e8aef;
 box-shadow: inset 0 -2px 0 #1e8aef;
}
.mill-fx-msg-body {
 min-height: 4.2rem;
 max-height: 7.5rem;
 overflow: auto;
 padding: 0.35rem 0.5rem;
}
.mill-fx-msg-row {
 display: flex;
 justify-content: space-between;
 gap: 0.4rem;
 font-size: 0.75rem;
 font-weight: 700;
 border-bottom: 1px dotted #c5e3fc;
 padding: 0.12rem 0;
}
.mill-fx-msg-kind { font-weight: 800; }
.mill-fx-msg-row.is-info .mill-fx-msg-kind { color: #0277bd; }
.mill-fx-msg-row.is-err .mill-fx-msg-kind { color: #c62828; }
.mill-fx-parta {
 align-items: center;
 justify-content: center;
 padding: 0.45rem 0.5rem 0.55rem;
 background: linear-gradient(180deg, #eaf4fd, #fff);
}
.mill-fx-parta-label {
 font-size: 0.78rem;
 font-weight: 750;
 color: #1a5fd4;
 text-align: center;
}
.mill-fx-parta-val {
 font-size: 1.85rem;
 font-weight: 800;
 color: #0b1f6b;
 line-height: 1.1;
 font-variant-numeric: tabular-nums;
}
.mill-fx-parta-pre {
 font-size: 0.72rem;
 font-weight: 700;
 color: #1a5fd4;
}
.mill-fx-stock {
 flex: 1 1 auto;
 min-height: 10rem;
 overflow: hidden;
}
.mill-fx-stock-title {
 text-align: center;
 font-weight: 800;
 font-size: 0.72rem;
 letter-spacing: 0.04em;
 color: #fff;
 background: #0b1f6b;
 padding: 0.28rem 0.4rem;
}
.mill-fx-stock,
.mill-fx-stock .mill-fx-stock-title,
.mill-fx-stock .dxg-table th,
.mill-fx-stock .dxg-table td,
.mill-fx-stock .dxg-table input,
.mill-fx-stock .form-control {
 font-weight: 700 !important;
}
.mill-fx-stock-grid tr.stock-neg td {
 color: #b71c1c !important;
 font-weight: 700 !important;
}
.mill-fx-stock-grid tr.stock-zero td {
 color: #e57373 !important;
 font-weight: 700 !important;
}
.mill-fx-stock-grid.dxg {
 display: flex;
 flex-direction: column;
 flex: 1 1 auto;
 width: 100%;
 height: 0;
 min-height: 0;
 max-height: none;
 overflow: hidden;
}
.mill-fx-stock-grid .dxg-scroll {
  flex: 1 1 auto;
  min-height: 0;
  max-height: none;
  overflow: auto;
  scrollbar-gutter: stable;
  padding-right: 0.35rem;
}
.mill-fx-stock-grid .dxg-table {
 table-layout: fixed;
 width: 100%;
}
.mill-fx-stock-grid .dxg-table th,
.mill-fx-stock-grid .dxg-table td,
.mill-fx-stock-grid .dxg-table tbody td,
.mill-fx-stock-grid .dxg-head th,
.mill-fx-stock-grid .dxg-table input {
 font-size: 0.6rem;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 overflow-wrap: normal;
 padding-left: 0.15rem;
 padding-right: 0.15rem;
}
.mill-fx-stock-grid .dxg-table th:nth-child(1),
.mill-fx-stock-grid .dxg-table td:nth-child(1) {
  padding-right: 0.05rem;
}
.mill-fx-stock-grid .dxg-table th:nth-child(2),
.mill-fx-stock-grid .dxg-table td:nth-child(2) {
  width: 3.05rem;
  white-space: nowrap;
  padding-right: 0.12rem;
}
.mill-fx-stock-grid .dxg-table th:nth-child(3),
.mill-fx-stock-grid .dxg-table td:nth-child(3) {
  width: 4.2rem;
  white-space: nowrap;
  padding-right: 0.4rem;
  box-sizing: border-box;
}
@media (max-width: 1200px) {
 .mill-fx {
 grid-template-columns: 1fr;
 grid-template-areas:
 "act"
 "sales"
 "banks"
 "pos"
 "exp"
 "rail";
 }
 .mill-fx-rail { height: auto; min-height: 0; overflow: visible; }
 .mill-fx-grid .dxg-scroll { max-height: 16.5rem; }
 .mill-fx-stock { height: auto; }
 .mill-fx-stock-grid.dxg { height: 12.5rem; max-height: 12.5rem; flex: 0 0 auto; }
 .mill-fx-stock-grid .dxg-scroll { max-height: none; height: auto; scrollbar-gutter: stable; padding-right: 0.35rem; }
 .mill-fx-pos { max-height: 22rem; }
}

.dash-panel {
 background: #ffffff;
 border: 1px solid #e5e7eb;
 border-radius: 1rem;
 padding: 0.75rem 0.85rem 0.5rem;
 height: 100%;
 box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.erp-chart-wrap {
 position: relative;
 height: 260px;
 width: 100%;
}


/* Document history modal (inventory + vouchers + POS) */
.doc-history-backdrop {
 position: fixed;
 inset: 0;
 z-index: 2800;
 background: rgba(15, 23, 42, 0.5);
 display: grid;
 place-items: center;
 padding: 1rem;
}
.doc-history-modal {
 width: min(100%, 52rem);
 max-height: min(88vh, 36rem);
 background: #fff;
 border-radius: 0.65rem;
 overflow: hidden;
 display: flex;
 flex-direction: column;
 box-shadow: 0 22px 50px rgba(15, 23, 42, 0.35);
}
.doc-history-head {
 background: linear-gradient(90deg, #0f172a 0%, #1e3a5f 55%, #0e7490 100%);
 color: #fff;
 flex: 0 0 auto;
}
.doc-history-head .badge { font-weight: 600; }
.doc-history-q { width: 12rem; max-width: 42vw; }
.doc-history-date { width: 8.2rem; }
.doc-history-scroll-modal {
 flex: 1 1 auto;
 overflow-y: auto;
 min-height: 10rem;
}
.doc-history-scroll-modal thead th {
 position: sticky;
 top: 0;
 z-index: 1;
}

/* Chart of accounts / party edit popup - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Data Entry Details layout */
.party-edit-backdrop {
 position: fixed;
 inset: 0;
 z-index: 1050;
 background: rgba(15, 23, 42, 0.45);
 display: flex;
 align-items: flex-start;
 justify-content: center;
 padding: 1rem;
 overflow-y: auto;
}
.vc-entry-modal {
 width: min(960px, 100%);
 background: #eceff1;
 border: 1px solid #90a4ae;
 border-radius: 0.35rem;
 box-shadow: 0 18px 40px rgba(15, 23, 42, 0.32);
 display: flex;
 flex-direction: column;
 max-height: calc(100vh - 2rem);
 overflow: hidden;
}
.vc-top-tabs {
 display: flex;
 align-items: center;
 gap: 0.35rem;
 background: #cfd8dc;
 border-bottom: 1px solid #90a4ae;
 padding: 0.3rem 0.4rem 0;
 flex: 0 0 auto;
}
.vc-top-tabs-main {
 display: flex;
 flex-wrap: wrap;
 align-items: flex-end;
 gap: 0.15rem;
 flex: 1 1 auto;
 min-width: 0;
}
.vc-top-tab {
 border: 1px solid transparent;
 border-bottom: 0;
 background: transparent;
 color: #37474f;
 padding: 0.4rem 0.7rem;
 font-size: 0.82rem;
 font-weight: 600;
 text-decoration: none;
 border-radius: 0.3rem 0.3rem 0 0;
 display: inline-flex;
 align-items: center;
 gap: 0.35rem;
 white-space: nowrap;
}
.vc-top-tab:hover { background: rgba(255,255,255,0.45); color: #0f172a; }
.vc-top-tab.active {
 background: #e3f2fd;
 border-color: #90a4ae;
 color: #0d47a1;
}
.vc-top-tab.disabled { opacity: 0.45; pointer-events: none; }
.vc-close {
 flex: 0 0 auto;
 margin: 0 0.25rem 0.35rem auto;
 align-self: center;
}
.vc-scroll {
 flex: 1 1 auto;
 overflow-y: auto;
 min-height: 0;
 padding-bottom: 0.25rem;
}
.vc-section {
 margin: 0.4rem 0.5rem;
 background: #fff;
 border: 1px solid #b0bec5;
}
.vc-section-bar {
 display: flex;
 align-items: center;
 flex-wrap: wrap;
 gap: 0.5rem 0.75rem;
 background: #90a4ae;
 color: #fff;
 font-weight: 700;
 font-size: 0.85rem;
 padding: 0.28rem 0.55rem;
}
.vc-id-badge {
 margin-left: auto;
 color: #ffcdd2;
 font-weight: 800;
}
.vc-bar-checks {
 margin-left: auto;
 display: flex;
 flex-wrap: wrap;
 gap: 0.65rem 0.85rem;
 font-weight: 500;
 font-size: 0.78rem;
}
.vc-bar-checks label { display: inline-flex; align-items: center; gap: 0.25rem; cursor: pointer; margin: 0; }
.vc-section-body { padding: 0.5rem 0.55rem 0.55rem; }
.vc-sub-tabs {
 display: flex;
 flex-wrap: wrap;
 gap: 0.1rem;
 background: #eceff1;
 border-bottom: 1px solid #b0bec5;
 padding: 0.2rem 0.3rem 0;
}
.vc-sub-tab {
 border: 1px solid transparent;
 border-bottom: 0;
 background: transparent;
 padding: 0.3rem 0.55rem;
 font-size: 0.78rem;
 font-weight: 600;
 color: #455a64;
 border-radius: 0.25rem 0.25rem 0 0;
}
.vc-sub-tab.active {
 background: #fff;
 border-color: #b0bec5;
 color: #1e2933;
}
.vc-row {
 display: grid;
 grid-template-columns: 5.6rem minmax(0, 1fr);
 gap: 0.3rem 0.4rem;
 align-items: center;
 margin-bottom: 0.35rem;
}
.vc-row:last-child { margin-bottom: 0; }
.vc-row.vc-row-top { align-items: start; }
.vc-row.vc-row-top label { padding-top: 0.35rem; }
.vc-row-idcode {
 grid-template-columns: 5.6rem 5.5rem 3.2rem minmax(5rem, 8rem) 3.2rem minmax(8rem, 1fr) !important;
}
.vc-row-pair {
 grid-template-columns: 5.6rem minmax(0, 1fr) minmax(0, 1fr) !important;
}
.vc-row-limits {
 grid-template-columns: 5.6rem 5.5rem 4.2rem minmax(6rem, 1fr) 3.2rem 5.5rem !important;
}
.vc-row-tax {
 grid-template-columns: 5.6rem minmax(7rem, 1.1fr) 3rem minmax(5rem, 0.9fr) 1.4rem 3rem minmax(5rem, 0.9fr) 1.4rem !important;
}
.vc-row-with-chip {
 grid-template-columns: 5.6rem minmax(0, 1fr) auto !important;
}
.vc-row label {
 margin: 0;
 font-size: 0.78rem;
 font-weight: 600;
 color: #263238;
 text-align: right;
 white-space: nowrap;
}
.vc-lbl-link { color: #1e2933 !important; }
.vc-grow { grid-column: 2 / -1; }
.vc-id { max-width: none; background: #f5f5f5; }
.vc-chk {
 display: inline-flex !important;
 align-items: center;
 justify-content: center;
 text-align: center !important;
}
.vc-chk input { margin: 0; }
.vc-contact-grid {
 display: grid;
 grid-template-columns: 1fr 9.5rem;
 gap: 0.65rem;
 align-items: start;
}
.vc-contact-left.w-100 { grid-column: 1 / -1; }
.vc-photo-box {
 border: 1px solid #ef9a9a;
 box-shadow: 3px 3px 0 rgba(198, 40, 40, 0.25);
 min-height: 9.5rem;
 height: 100%;
 display: grid;
 place-items: center;
 color: #c62828;
 font-size: 0.78rem;
 font-weight: 600;
 background: #fff;
 overflow: hidden;
}
.vc-photo-box img { width: 100%; height: 100%; object-fit: cover; }
.vc-chip-group {
 display: inline-flex;
 flex-wrap: wrap;
 gap: 0.3rem;
 align-items: center;
}
.vc-chip {
 display: inline-flex;
 align-items: center;
 gap: 0.2rem;
 border: 1px solid #90caf9;
 background: #e3f2fd;
 color: #0d47a1;
 font-size: 0.72rem;
 font-weight: 700;
 padding: 0.2rem 0.45rem;
 border-radius: 0.25rem;
 white-space: nowrap;
}
.vc-chip.ok {
 border-color: #81c784;
 background: #e8f5e9;
 color: #1b5e20;
}
.form-check-row {
 display: flex;
 flex-wrap: wrap;
 gap: 0.75rem 1rem;
 padding-left: 5.6rem;
 margin-bottom: 0 !important;
}
.form-check-row .form-check-label {
 display: inline-flex;
 align-items: center;
 gap: 0.3rem;
 margin: 0;
 font-size: 0.78rem;
 font-weight: 600;
}
.party-edit-foot {
 display: flex;
 justify-content: flex-end;
 align-items: center;
 gap: 0.5rem;
 padding: 0.5rem 0.75rem;
 border-top: 1px solid #90a4ae;
 background: #cfd8dc;
 flex: 0 0 auto;
}
.party-edit-foot .btn {
 min-width: 5.5rem;
}
.party-list td { vertical-align: middle; }
.vc-grid-panel {
 background: #fff;
 border: 1px solid #b0bec5;
 display: flex;
 flex-direction: column;
 min-height: 18rem;
 max-height: calc(100vh - 9rem);
}
.vc-grid-scroll {
 overflow: auto;
 flex: 1 1 auto;
}

.page:has(.desk-doc.is-on .vca-desk) {
 height: 100dvh;
 max-height: 100dvh;
 overflow: hidden;
}
.page:has(.desk-doc.is-on .vca-desk) .content {
 display: flex;
 flex-direction: column;
 min-height: 0;
 overflow: hidden;
}
.vca-desk {
 flex: 1 1 auto;
 min-height: 0;
 display: flex;
 flex-direction: column;
 overflow: hidden;
 background: #e7f0fb;
 color: #0b1f6b;
 font-weight: 700;
}
.vca-desk input,
.vca-desk select,
.vca-desk textarea,
.vca-desk th,
.vca-desk td,
.vca-desk button,
.vca-desk label,
.vca-desk .spick input {
 font-weight: 700;
}
.vca-desk .bi { font-weight: 400; }
.vca-bar {
 display: flex;
 align-items: center;
 gap: 0.25rem;
 flex: 0 0 auto;
 padding: 0.28rem 0.4rem 0;
 background: linear-gradient(180deg, #16325c 0%, #1f4e8c 100%);
 color: #fff;
}
.vca-brand {
 font-weight: 700;
 padding: 0.35rem 0.55rem 0.45rem;
 letter-spacing: 0.01em;
}
.vca-tab {
 border: 0;
 background: transparent;
 color: #d5e4f7;
 font-weight: 700;
 padding: 0.38rem 0.7rem 0.45rem;
 border-radius: 0.35rem 0.35rem 0 0;
}
.vca-tab.active { background: #f4f8fd; color: #16325c; }
.vca-actions { margin-left: auto; display: flex; gap: 0.35rem; padding-bottom: 0.28rem; }
.vca-btn {
 border: 1px solid #c5d4e8;
 background: #f7fbff;
 color: #16325c;
 border-radius: 0.3rem;
 padding: 0.22rem 0.7rem;
 font-weight: 700;
}
.vca-btn.save { background: #1f7a3a; color: #fff; border-color: #176330; }
.vca-btn.danger { background: #9b2335; color: #fff; border-color: #7a1b29; }
.vca-btn.excel { background: #0f766e; color: #fff; border-color: #115e59; }
.vca-btn.coa { background: #1a5fd4; color: #fff; border-color: #0b1f6b; }
.vca-btn.convert { background: #b45309; color: #fff; border-color: #92400e; }
label.vca-btn { margin: 0; cursor: pointer; }
.vca-body { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; overflow: hidden; }
.vca-split { flex: 1 1 auto; min-height: 0; display: flex; gap: 0.4rem; padding: 0.4rem; }
.vca-form {
 width: min(34rem, 48%);
 min-width: 18rem;
 min-height: 0;
 overflow: auto;
 display: flex;
 flex-direction: column;
 gap: 0.28rem;
}
.vca-side {
 flex: 1 1 auto;
 min-width: 0;
 min-height: 0;
 display: flex;
 flex-direction: column;
 gap: 0.28rem;
}
.vca-desk .form-control,
.vca-desk .form-select,
.vca-desk .spick .form-control,
.vca-desk .spick .btn,
.vca-desk .erp-date-text,
.vca-desk .erp-date-btn {
 height: 1.35rem;
 min-height: 1.35rem;
 padding-top: 0;
 padding-bottom: 0;
 font-size: 0.75rem;
 line-height: 1.35rem;
 border-color: #c5d4ea;
 background: #fff;
}
.vca-desk .form-control:focus,
.vca-desk .form-select:focus,
.vca-desk .spick .form-control:focus {
 border-color: #1a5fd4;
 box-shadow: 0 0 0 2px rgba(30, 138, 239, 0.16);
}
.vca-desk textarea.form-control {
 height: auto;
 min-height: 2.4rem;
 line-height: 1.2;
 padding-top: 0.15rem;
 padding-bottom: 0.15rem;
}
.vca-rows {
 display: grid;
 grid-template-columns: 5.4rem minmax(0, 1fr) 4.6rem minmax(0, 1fr) 2.6rem minmax(0, 1fr);
 gap: 0.16rem 0.28rem;
 align-items: center;
}
.vca-person {
 grid-template-columns: 5.4rem minmax(0, 0.7fr) 4.2rem minmax(0, 0.7fr) 2.6rem minmax(8.5rem, 1.8fr);
}
.vca-rows > .vca-checks {
 min-height: 1.35rem;
 align-items: center;
 flex-wrap: nowrap;
 gap: 0.85rem;
}
.vca-rows > .vca-checks label {
 white-space: nowrap;
 line-height: 1;
}
.vca-rows > label { margin: 0; }
.vca-span { grid-column: 2 / -1; min-width: 0; }
.vca-actline {
 grid-column: 1 / -1;
 display: flex;
 align-items: center;
 gap: 0.35rem;
 min-width: 0;
}
.vca-actline .spick { flex: 1 1 auto; min-width: 0; }
.vca-defbtn {
 flex: 0 0 auto;
 height: 1.35rem;
 border: 1px solid #0b1f6b;
 background: #1a5fd4;
 color: #fff;
 border-radius: 0.3rem;
 padding: 0 0.5rem;
 font-size: 0.68rem;
 font-weight: 700;
 letter-spacing: 0.02em;
}
.vca-defbtn.area { background: #0f766e; border-color: #115e59; }
.vca-defbtn.main { background: #0b1f6b; border-color: #071544; }
.vca-modal-card.vca-def { width: min(36rem, calc(100vw - 1.5rem)); padding: 0; overflow: hidden; }
.vca-modal-card.vca-vctype { width: min(52rem, calc(100vw - 1.5rem)); }
.vca-def-h {
 background: linear-gradient(180deg, #0b1f6b 0%, #1a5fd4 100%);
 color: #fff;
 font-weight: 700;
 padding: 0.42rem 0.7rem;
}
.vca-def-b { padding: 0.55rem 0.7rem 0.7rem; background: #f4f8fd; }
.vca-def-grid { max-height: 11rem; overflow: auto; border: 1px solid #c5d4e8; background: #fff; margin-bottom: 0.45rem; }
.vca-def-b .vca-rows { margin-top: 0.15rem; }
.vca-def-b .vca-rows > label { font-size: 0.68rem; font-weight: 700; color: #0b1f6b; }
.vca-def-b .vca-checks label { color: #0b1f6b; text-transform: none; letter-spacing: 0; font-size: 0.75rem; }
.vca-def-b .vca-actions { margin-top: 0.55rem; }
.vca-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 0.28rem; }
.vca-chkline { display: flex; align-items: center; gap: 0.28rem; min-width: 0; }
.vca-chkline .form-control { flex: 1 1 auto; min-width: 0; }
.vca-tree {
 flex: 1 1 0;
 min-height: 0;
 display: flex;
 flex-direction: column;
 background: #fff;
 border: 1px solid #b9d4f5;
 border-radius: 0.55rem;
 overflow: hidden;
 box-shadow: 0 1px 0 rgba(11, 31, 107, 0.04);
}
.vca-tree-h {
 flex: 0 0 auto;
 background: linear-gradient(180deg, #0b1f6b 0%, #1a5fd4 100%);
 color: #fff;
 padding: 0.32rem 0.6rem;
 font-size: 0.78rem;
 letter-spacing: 0.01em;
}
.vca-tree-scroll { flex: 1 1 auto; min-height: 0; overflow: auto; }
.vca-node {
 display: flex;
 align-items: center;
 gap: 0.28rem;
 min-height: 1.28rem;
 font-size: 0.75rem;
 cursor: pointer;
 white-space: nowrap;
}
.vca-tree .vca-node .bi {
 font-family: bootstrap-icons;
 font-weight: 400;
 font-style: normal;
 width: 0.95rem;
 flex: 0 0 auto;
}
.vca-tree .vca-node.vca-lv0 { background: #e7eefc; color: #0b1f6b; }
.vca-tree .vca-node.vca-lv1 { background: #e3f2fd; color: #1a5fd4; }
.vca-tree .vca-node.vca-lv2 { background: #e5f6f7; color: #0c7c86; }
.vca-tree .vca-node.vca-lv3 { background: #e8f6ec; color: #1b7a3a; }
.vca-tree .vca-node.vca-lv4 { background: #fff6e4; color: #9a6208; }
.vca-tree .vca-node.on { background: #1a1a1a; color: #fff; }
.vca-twist {
 width: 0.9rem;
 border: 0;
 background: transparent;
 color: inherit;
 padding: 0;
 line-height: 1;
 font-weight: 700;
}
.vca-node-name { overflow: hidden; text-overflow: ellipsis; }
.vca-card {
 background: #f4f8fd;
 border: 1px solid #b9d4f5;
 border-radius: 0.55rem;
 overflow: hidden;
 box-shadow: 0 1px 0 rgba(11, 31, 107, 0.04);
}
.vca-card-h {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 0.5rem;
 background: linear-gradient(180deg, #0b1f6b 0%, #1a5fd4 100%);
 color: #fff;
 padding: 0.32rem 0.6rem;
 font-size: 0.78rem;
 font-weight: 700;
 letter-spacing: 0.01em;
}
.vca-form .vca-rows > label,
.vca-form .vca-line > label,
.vca-form .vca-limits > label,
.vca-form .vca-card-b > label,
.vca-form .vca-card-b .vca-checks label {
 font-size: 0.68rem;
 font-weight: 700;
 letter-spacing: 0.03em;
 text-transform: uppercase;
 color: #0b1f6b;
 line-height: 1.1;
}
.vca-card-h .vca-checks,
.vca-card-h .vca-checks label {
 font-size: 0.68rem;
 letter-spacing: 0;
 text-transform: none;
 color: #fff;
}
.vca-card-b { padding: 0.28rem 0.4rem 0.35rem; display: flex; flex-direction: column; gap: 0.18rem; }
.vca-card-b.vca-rows { display: grid; }
.vca-line { display: grid; grid-template-columns: 6.2rem 1fr; gap: 0.3rem; align-items: center; }
.vca-line.top { align-items: start; }
.vca-line label { margin: 0; font-weight: 700; color: #16325c; }
.vca-idrow { display: grid; grid-template-columns: 2.2rem 4.2rem 3.2rem 1fr 2.6rem minmax(7rem, 1.1fr); gap: 0.3rem; align-items: center; }
.vca-sub {
 display: flex;
 flex-wrap: wrap;
 gap: 0.15rem;
 padding: 0.32rem 0.4rem 0;
 background: #eef5fc;
 border-bottom: 1px solid #d5e4f5;
}
.vca-sub button {
 border: 1px solid #c5d8f0;
 background: #fff;
 color: #0b1f6b;
 font-weight: 700;
 font-size: 0.7rem;
 letter-spacing: 0.02em;
 border-radius: 0.4rem 0.4rem 0 0;
 padding: 0.2rem 0.55rem;
}
.vca-sub button.active {
 background: linear-gradient(180deg, #1a5fd4, #0b5ed7);
 color: #fff;
 border-color: #0b5ed7;
}
.vca-contact { display: grid; grid-template-columns: 1fr 7.2rem; gap: 0.45rem; }
.vca-photo {
 border: 1px dashed #9bb0c9;
 min-height: 4.6rem;
 max-height: 6.2rem;
 display: flex;
 align-items: center;
 justify-content: center;
 text-align: center;
 color: #5c6f88;
 background: #fff;
 padding: 0.2rem;
 cursor: pointer;
 position: relative;
 font-size: 0.72rem;
}
.vca-photo img { max-width: 100%; max-height: 8.5rem; object-fit: contain; }
.vca-photo input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.vca-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 0.3rem; }
.vca-checks { display: flex; flex-wrap: wrap; gap: 0.7rem; font-weight: 700; }
.vca-checks label { display: flex; align-items: center; gap: 0.3rem; margin: 0; color: #fff; }
.vca-tax { display: grid; grid-template-columns: 3.2rem 1fr 3.2rem 1fr auto 3.2rem 1fr auto; gap: 0.28rem; align-items: center; }
.vca-limits { display: grid; grid-template-columns: 3.4rem 1fr 4.2rem 1fr 2.8rem 1fr; gap: 0.28rem; align-items: center; }
.vca-list {
 flex: 1 1 0;
 min-width: 0;
 min-height: 0;
 display: flex;
 flex-direction: column;
 background: #fff;
 border: 1px solid #b9d4f5;
 border-radius: 0.55rem;
 overflow: hidden;
 box-shadow: 0 1px 0 rgba(11, 31, 107, 0.04);
}
.vca-subbody {
 height: 11.7rem;
 min-height: 11.7rem;
 max-height: 11.7rem;
 overflow: hidden;
}
.vca-subbody > .vca-gridbox {
 flex: 1 1 auto;
 min-height: 0;
 height: 100%;
 display: flex;
 flex-direction: column;
}
.vca-subgrid { flex: 1 1 auto; min-height: 0; overflow: auto; }
.vca-gridbox .vca-subgrid { flex: 1 1 auto; min-height: 0; overflow: auto; }
.vca-pin { height: 100%; }
.vca-grid tbody tr.vca-fill td {
 height: 100%;
 padding: 0;
 border: 0;
 background: transparent;
}
.vca-pin tfoot td { font-weight: 700; }
.vca-del {
 border: 0;
 background: transparent;
 color: #9b2335;
 padding: 0;
 margin: 0;
 width: auto;
 height: auto;
 min-width: 0;
 line-height: 0;
 display: inline-flex;
 align-items: center;
 justify-content: center;
}
.vca-del .bi {
 font-family: bootstrap-icons;
 font-size: 0.85rem;
 font-weight: 400;
 line-height: 1;
 display: block;
}
.vca-formulas {
 flex: 1 1 auto;
 min-height: 0;
 display: flex;
 flex-direction: column;
 gap: 0.28rem;
}
.vca-formulas textarea { flex: 1 1 auto; min-height: 2.4rem; height: auto; }
.vca-bulk { table-layout: fixed; width: 100%; }
.vca-bulk .vca-col-no { width: 2.6rem; }
.vca-bulk .vca-col-flag { width: 2.2rem; }
.vca-bulk .vca-col-code { width: 10rem; }
.vca-bulk .vca-col-pick { width: 8.5rem; }
.vca-bulk .vca-col-ac { width: 9.5rem; }
.vca-bulk .vca-col-limit { width: 5.5rem; }
.vca-bulk .vca-col-txt { width: 9rem; }
.vca-bulk .vca-col-short { width: 6.5rem; }
.vca-bulk .vca-col-date { width: 7.4rem; }
.vca-bulk .vca-col-chk { width: 3.4rem; }
.vca-bulk .vca-col-act { width: 1.6rem; }
.vca-colpick {
 display: flex;
 flex-wrap: wrap;
 gap: 0.35rem 0.9rem;
 margin: 0 0.4rem;
 padding: 0.45rem 0.7rem;
 background: #fff;
 border: 1px solid #b9d4f5;
 border-radius: 0.45rem;
 box-shadow: 0 1px 0 rgba(11, 31, 107, 0.04);
}
.vca-colpick label {
 display: inline-flex;
 align-items: center;
 gap: 0.32rem;
 margin: 0;
 font-size: 0.75rem;
 font-weight: 700;
 color: #0b1f6b;
 text-transform: none;
 letter-spacing: 0;
}
.vca-bulk td, .vca-bulk th { overflow: hidden; }
.vca-scroll { flex: 1 1 auto; min-height: 0; overflow: auto; }
.vca-grid { width: 100%; border-collapse: separate; border-spacing: 0; font-size: 0.84rem; }
.vca-grid th, .vca-grid td { border-bottom: 1px solid #d5e0ee; padding: 0.18rem 0.35rem; white-space: nowrap; }
.vca-grid thead th {
 position: sticky;
 top: 0;
 z-index: 2;
 background: #e7f1fb;
 color: #0b1f6b;
 font-size: 0.72rem;
 letter-spacing: 0.02em;
 cursor: pointer;
}
.vca-grid thead tr.vca-filter th { top: 1.55rem; background: #eef5fc; cursor: default; font-weight: 400; }
.vca-grid thead th.vca-sr,
.vca-grid tbody td.vca-sr,
.vca-grid tfoot td.vca-sr {
 width: 2.2rem;
 min-width: 2.2rem;
 max-width: 2.6rem;
 text-align: center;
 font-variant-numeric: tabular-nums;
}
.vca-grid thead th.vca-sr {
 background: #0b1f6b;
 color: #fff;
 cursor: default;
}
.vca-grid thead tr.vca-filter th.vca-sr { background: #d7e6f8; }
.vca-grid tbody td.vca-sr { background: #c5ddf7; color: #0b1f6b; }
.vca-grid tbody tr:nth-child(even) td.vca-sr { background: #f3d7a2; color: #6a4510; }
.vca-grid.vca-sum tbody tr td.vca-sr { background: #0b1f6b; color: #fff; }
.vca-grid tbody tr.active td.vca-sr { background: #1a5fd4; color: #fff; }
.vca-grid tfoot td {
 position: sticky;
 bottom: 0;
 z-index: 1;
 background: #f4f7fb;
 border-top: 1px solid #9bb0c9;
 font-weight: 700;
 font-size: calc(0.84rem - 2pt);
}
.vca-grid tfoot td.vca-yel { background: #ffff80; min-width: 0; border: 0; border-top: 1px solid #c6b34a; }
.vca-grid tfoot td.vca-calc { background: #e0e0e0; }
.vca-grid tfoot td.vca-sr { background: #0b1f6b; color: #fff; }
.vca-lines { width: 100%; table-layout: fixed; }
.vca-lines input,
.vca-lines .spick,
.vca-lines .form-control { min-width: 0; max-width: 100%; }
.vca-lines .vca-money { width: 4rem; }
.vca-lines .vca-who { width: 6.4rem; }
.vca-lines .vca-act { width: 1.4rem; padding-left: 0.1rem; padding-right: 0.1rem; text-align: center; }
.vca-grid thead tr.vca-filter input { font-weight: 700; width: 100%; }
.vca-grid tbody tr:nth-child(even) { background: #f3f8fd; }
.vca-grid tbody tr.vca-fill { background: transparent; cursor: default; }
.vca-grid tbody tr.active { background: #c5d8f2; }
.vca-grid tbody tr { cursor: pointer; }
.vca-grid .grp td { background: #e4eef9; color: #16325c; font-weight: 700; }
.vca-grid tr.grp td.vca-sr { background: #8eadd4; color: #fff; }
.vca-foot {
 flex: 0 0 auto;
 display: flex;
 justify-content: flex-end;
 align-items: center;
 gap: 0.45rem;
 padding: 0.28rem 0.45rem;
 background: #f4f7fb;
 border-top: 1px solid #9bb0c9;
}
.vca-yel { background: #ffff80; border: 1px solid #c6b34a; min-width: 7.5rem; text-align: right; padding: 0.08rem 0.4rem; font-weight: 700; }
.vca-calc { background: #e0e0e0; }
.vca-grid[data-vca-grid="open"] tbody input,
.vca-grid[data-vca-grid="open"] tbody .spick .form-control {
 font-size: calc(0.75rem - 1pt);
}
.vca-grid[data-vca-grid="open"] tbody td.vca-calc {
 font-size: calc(0.84rem - 1pt);
}
.vca-tools { display: flex; flex-wrap: wrap; gap: 0.35rem; align-items: center; padding: 0.35rem 0.45rem; background: #f7fbff; border-bottom: 1px solid #d5e0ee; }
.vca-ledger-bar {
 flex: 0 0 auto;
 display: flex;
 align-items: stretch;
 gap: 0.45rem;
 margin: 0.4rem 0.4rem 0;
}
.vca-idcard {
 flex: 1 1 auto;
 min-width: 0;
 display: grid;
 grid-template-columns: minmax(8rem, 0.9fr) minmax(10rem, 1.7fr) minmax(6.5rem, 0.7fr);
 background: #fff;
 border: 1px solid #b9d4f5;
 border-radius: 0.55rem;
 overflow: hidden;
 box-shadow: 0 1px 0 rgba(11, 31, 107, 0.06);
}
.vca-idcard > div {
 display: flex;
 flex-direction: column;
 justify-content: center;
 gap: 0.12rem;
 min-width: 0;
 padding: 0.42rem 0.75rem 0.48rem;
 border-left: 1px solid #d7e6f6;
 background: linear-gradient(180deg, #f7fbff 0%, #fff 100%);
}
.vca-idcard > div:first-child {
 border-left: 0;
 background: linear-gradient(180deg, #eaf2fd 0%, #fff 70%);
}
.vca-idcard span {
 font-size: 0.62rem;
 font-weight: 700;
 letter-spacing: 0.07em;
 text-transform: uppercase;
 color: #1a5fd4;
 line-height: 1;
}
.vca-idcard strong {
 font-size: 0.86rem;
 font-weight: 700;
 color: #0b1f6b;
 line-height: 1.25;
 white-space: normal;
 overflow-wrap: anywhere;
}
.vca-ledger-bar > .vca-btn { align-self: center; flex: 0 0 auto; }
.vca-msg { padding: 0.15rem 0.55rem; color: #9b2335; }
.vca-msg.ok { color: #176330; }
.vca-ask {
 margin: 0.35rem 0.45rem;
 padding: 0.45rem 0.55rem;
 background: #fff8e8;
 border: 1px solid #e2c56a;
 display: flex;
 gap: 0.4rem;
 align-items: center;
 flex-wrap: wrap;
}
.vca-modal {
 position: fixed;
 inset: 0;
 z-index: 11000;
 background: rgba(8, 18, 48, 0.45);
 display: flex;
 align-items: center;
 justify-content: center;
}
.vca-modal-card {
 width: min(26rem, calc(100vw - 2rem));
 background: #f4f8fd;
 border: 1px solid #c5d4e8;
 border-radius: 0.45rem;
 padding: 0.9rem 1rem 0.8rem;
 box-shadow: 0 12px 40px rgba(11, 31, 107, 0.28);
}
.vca-modal-card h3 { margin: 0 0 0.35rem; font-size: 1rem; color: #0b1f6b; font-weight: 700; }
.vca-modal-card p { margin: 0 0 0.75rem; color: #16325c; }
.vca-modal-card .vca-actions { margin: 0; padding: 0; justify-content: flex-end; }
.vca-date-empty {
 height: 1.35rem;
 min-height: 1.35rem;
 border: 1px solid #c5d0de;
 background: #fff;
 color: #6b7c90;
 text-align: left;
 padding: 0 0.35rem;
 border-radius: 0.25rem;
 font-size: 0.75rem;
 font-weight: 700;
}
.vca-desk .erp-date { max-width: none; width: 100%; }
.vca-desk textarea { min-height: 2.4rem; }
@media (max-width: 900px) {
 .vca-split { flex-direction: column; overflow: auto; }
 .vca-form, .vca-list { width: 100%; min-width: 0; max-height: none; }
 .vca-list { flex: 0 0 16rem; min-height: 16rem; }
 .vca-tree { flex: 0 0 14rem; min-height: 14rem; }
 .vca-tax, .vca-limits, .vca-idrow, .vca-person { grid-template-columns: 1fr 1fr; }
 .vca-ledger-bar { flex-wrap: wrap; }
 .vca-idcard { grid-template-columns: 1fr; }
 .vca-idcard > div { border-left: 0; border-top: 1px solid #d7e6f6; }
 .vca-idcard > div:first-child { border-top: 0; }
}
@media print {
 .page:has(.desk-doc.is-on .vca-desk), .page:has(.desk-doc.is-on .vca-desk) .content, .vca-desk, .vca-body, .vca-split, .vca-list, .vca-scroll, .vca-form {
 height: auto !important;
 max-height: none !important;
 overflow: visible !important;
 }
}
.vc-grid {
 width: 100%;
 border-collapse: separate;
 border-spacing: 0;
 font-size: 0.82rem;
}
.vc-grid thead th {
 position: sticky;
 top: 0;
 z-index: 3;
 background: #cfd8dc;
 border-bottom: 1px solid #90a4ae;
 white-space: nowrap;
 font-weight: 700;
 padding: 0.35rem 0.4rem;
}
.vc-grid thead tr.vc-filters th {
 top: 2.05rem;
 z-index: 2;
 background: #eceff1;
 padding: 0.25rem 0.3rem;
 font-weight: 500;
}
.vc-grid .vc-sort {
 cursor: pointer;
 user-select: none;
}
.vc-grid .vc-sort:hover { background: #b0bec5; }
.vc-filters .form-control {
 min-width: 4rem;
 font-size: 0.75rem;
}
.vc-grid tbody td {
 border-bottom: 1px solid #e0e0e0;
 padding: 0.3rem 0.4rem;
 vertical-align: middle;
}
.vc-grid tbody tr:hover { background: #e3f2fd; }
@media (max-width: 800px) {
 .vc-contact-grid { grid-template-columns: 1fr; }
 .vc-row-idcode,
 .vc-row-pair,
 .vc-row-limits,
 .vc-row-tax,
 .vc-row-with-chip {
 grid-template-columns: 5.4rem minmax(0, 1fr) !important;
 }
 .vc-row-idcode > label:nth-of-type(n+2),
 .vc-row-limits > label:nth-of-type(n+2),
 .vc-row-tax > label:nth-of-type(n+2) {
 margin-top: 0.15rem;
 }
 .vc-grow { grid-column: 2; }
 .form-check-row { padding-left: 0; }
 .vc-close { margin-left: 0; }
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Account Ledger (desktop-style selector) - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.al-wrap {
 display: flex;
 flex-direction: column;
 gap: 0.35rem;
 flex: 1 1 auto;
 min-height: 0;
 overflow: hidden;
}
.al-topbar {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 0.75rem;
 flex: 0 0 auto;
 flex-wrap: wrap;
}
.al-title {
 font-size: 1.05rem;
 font-weight: 700;
 letter-spacing: 0.01em;
}
.al-top-actions {
 display: flex;
 align-items: center;
 gap: 0.75rem;
}
.al-search { width: 14rem; }
.al-check {
 display: inline-flex;
 align-items: center;
 gap: 0.28rem;
 font-size: 0.78rem;
 font-weight: 700;
 color: #334155;
 user-select: none;
 white-space: nowrap;
}
.al-check input { margin: 0; }
.al-check.al-blue { color: #1d4ed8; }
.al-check.al-warn { color: #c2410c; }
.al-grid-panel {
 border: 1px solid #90a4ae;
 background: #fff;
 display: flex;
 flex-direction: column;
 flex: 1.15 1 0;
 min-height: 7.5rem;
 overflow: hidden;
}
.al-grid-scroll { overflow: auto; flex: 1 1 auto; outline: none; }
.al-grid {
 width: 100%;
 border-collapse: collapse;
 font-size: 0.76rem;
}
.al-grid thead th {
 position: sticky;
 top: 0;
 z-index: 2;
 background: linear-gradient(180deg, #eceff1 0%, #cfd8dc 100%) !important;
 color: #263238 !important;
 border: 1px solid #90a4ae !important;
 font-weight: 700;
 padding: 0.28rem 0.4rem;
 white-space: nowrap;
}
.al-wrap .al-grid thead tr.al-filter th {
 top: 1.72rem;
 z-index: 1;
 background: #eef5fc !important;
 color: #263238 !important;
 padding: 0.12rem 0.2rem;
 font-weight: 600;
}
.al-filter .form-control {
 width: 100%;
 min-width: 0;
 font-size: 0.72rem;
 font-weight: 600;
 min-height: 1.4rem;
 padding: 0.08rem 0.28rem;
 border-color: #90a4ae;
}
.al-grid td {
 border: 1px solid #cfd8dc;
 padding: 0.18rem 0.35rem;
 vertical-align: middle;
}
.al-grid tbody tr { cursor: pointer; }
.al-grid tbody tr:hover { background: #e3f2fd; }
.al-grid tbody tr.al-selected { background: #bbdefb; }
.al-grid tbody tr.al-focus { outline: 2px solid #1976d2; outline-offset: -2px; }
.al-col-idx { width: 2.2rem; text-align: right; color: #607d8b; }
.al-wrap .al-grid th,
.al-wrap .al-grid td { font-weight: 700; }
.al-wrap .al-grid .al-col-idx {
 color: #0b1f6b;
 background: #d7e8fb;
 font-weight: 700;
}
.al-wrap .al-grid thead th.al-col-idx {
 background: #0b1f6b !important;
 color: #fff !important;
}
.al-col-id { width: 3.2rem; text-align: right; }
.al-col-code { width: 5rem; }
.al-col-contact { width: 7rem; }
.al-col-atype { width: 11rem; }
.al-col-type { width: 7rem; }
.al-col-bal { width: 6rem; }
.al-grid-foot {
 background: #cfd8dc;
 border-top: 1px solid #90a4ae;
 padding: 0.22rem 0.5rem;
 font-size: 0.78rem;
 font-weight: 600;
}
.al-actions {
 border: 1px solid #90a4ae;
 background: #eceff1;
 margin: 0;
 padding: 0.3rem 0.55rem 0.4rem;
 min-width: 0;
 flex: 1 1 0;
 min-height: 0;
 overflow: hidden;
 display: flex;
 flex-direction: column;
}
.al-actions > legend {
 float: none;
 width: auto;
 font-size: 0.82rem;
 font-weight: 700;
 padding: 0 0.35rem;
 margin-bottom: 0.25rem;
}
.al-actions-top {
 display: flex;
 flex-wrap: wrap;
 gap: 0.85rem 1.25rem;
 margin-bottom: 0.4rem;
}
.al-actions-body {
 display: grid;
 grid-template-columns: minmax(11rem, 0.9fr) minmax(12rem, 1.1fr) minmax(14rem, 1.15fr);
 gap: 0.55rem;
 flex: 1 1 auto;
 min-height: 0;
 overflow: hidden;
}
.al-box-label {
 font-size: 0.72rem;
 font-weight: 700;
 color: #455a64;
 margin-bottom: 0.15rem;
}
.al-listbox {
 background: #fff;
 border: 1px solid #78909c;
 min-height: 9.5rem;
 max-height: 12rem;
 overflow: auto;
 font-size: 0.76rem;
}
.al-actions-body .al-listbox {
 flex: 1 1 auto;
 height: auto;
 min-height: 3.25rem;
 max-height: none;
}
.al-col-docs,
.al-col-picked {
 display: flex;
 flex-direction: column;
 min-height: 0;
 min-width: 0;
 overflow: hidden;
}
.al-docs-foot,
.al-picked-tools {
 flex: 0 0 auto;
 min-height: 4.85rem;
}
.al-docs { padding: 0.15rem 0.25rem; }
.al-doc-item {
 display: flex;
 align-items: center;
 gap: 0.35rem;
 padding: 0.08rem 0.15rem;
 margin: 0;
 cursor: pointer;
}
.al-doc-item:hover { background: #e3f2fd; }
.al-picked { padding: 0; }
.al-picked-item {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 0.35rem;
 padding: 0.22rem 0.4rem;
 border-bottom: 1px solid #e0e0e0;
 cursor: pointer;
}
.al-picked-item.al-focus,
.al-picked-item:hover { background: #bbdefb; }
.al-x {
 border: 0;
 background: transparent;
 color: #c62828;
 font-size: 1rem;
 line-height: 1;
 padding: 0 0.2rem;
 cursor: pointer;
}
.al-empty {
 color: #78909c;
 padding: 0.75rem;
 font-style: italic;
}
.al-picked-tools {
 display: flex;
 gap: 0.35rem;
 margin-top: 0;
 padding-top: 0.3rem;
 align-items: flex-start;
}
.al-mini-row {
 display: grid;
 grid-template-columns: 6.4rem minmax(0, 1fr) minmax(0, 1fr);
 align-items: center;
 gap: 0.35rem 0.4rem;
 margin-top: 0.35rem;
 font-size: 0.72rem;
 font-weight: 700;
}
.al-mini-row > span { white-space: nowrap; }
.al-mini-row .form-select { width: 100%; min-width: 0; min-height: 1.9rem; }
.al-mini-row > .form-select:only-of-type { grid-column: 2 / -1; }
.al-mini-row.al-disabled { opacity: 0.45; }
.al-col-opts {
 display: flex;
 flex-direction: column;
 gap: 0.35rem;
 min-height: 0;
 min-width: 0;
 overflow: hidden;
}
.al-opts-scroll {
 flex: 1 1 auto;
 min-height: 0;
 overflow: auto;
 display: flex;
 flex-direction: column;
 gap: 0.35rem;
}
.al-opts-checks {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 0.2rem 0.55rem;
}
.al-dates {
 display: grid;
 grid-template-columns: auto 1fr auto 1fr;
 gap: 0.3rem;
 align-items: center;
 font-size: 0.72rem;
 font-weight: 600;
}
.al-field label {
 display: block;
 font-size: 0.72rem;
 font-weight: 600;
 color: #455a64;
 margin-bottom: 0.1rem;
}
.al-btns {
 display: flex;
 gap: 0.45rem;
 margin-top: auto;
 flex: 0 0 auto;
}
.al-btn-preview,
.al-btn-close {
 flex: 1;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: 0.35rem;
 min-height: 2.4rem;
 border: 1px solid #607d8b;
 font-weight: 700;
 font-size: 0.9rem;
 cursor: pointer;
}
.al-btn-preview {
 background: linear-gradient(180deg, #e3f2fd, #90caf9);
 color: #0d47a1;
}
.al-btn-preview:disabled { opacity: 0.45; cursor: not-allowed; }
.al-btn-close {
 background: linear-gradient(180deg, #ffebee, #ef9a9a);
 color: #b71c1c;
}
.al-preview-panel {
 margin-top: 0.35rem;
 background: #fff;
 border: 1px solid #90a4ae;
 padding: 0.65rem 0.75rem;
 flex: 1 1 auto;
 min-height: 0;
 overflow: auto;
}
.ledger .content:has(.desk-doc.is-on .al-preview-panel) .desk-doc.is-on .al-wrap {
 flex: 0 1 auto;
 max-height: min(48vh, 100%);
}
.al-preview-bar {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 0.5rem;
 flex-wrap: wrap;
 margin-bottom: 0.5rem;
 padding-bottom: 0.4rem;
 border-bottom: 1px solid #cfd8dc;
}
.al-page-break { page-break-after: always; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Product Ledger - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* Account Ledger - Cash Book dialog visual language */
.al-wrap {
 background: #e3f2fd;
 padding: 0.35rem 0.45rem 0.5rem;
 border: 1px solid #90a4ae;
 font-family: 'Fira Sans Condensed', 'Noto Nastaliq Urdu', sans-serif;
}
.al-topbar {
 background: linear-gradient(180deg, #fff59d, #fbc02d);
 border: 1px solid #f9a825;
 padding: 0.28rem 0.55rem;
 margin-bottom: 0.35rem;
}
.al-title.al-caption,
.al-caption {
 text-align: center;
 font-weight: 800;
 font-size: 1.05rem;
 letter-spacing: 0.02em;
 color: #263238;
 flex: 1 1 auto;
}
.al-top-actions .al-check { font-weight: 700; }
.al-emph {
 font-weight: 800 !important;
 color: #0d47a1 !important;
}
.al-box-label.al-emph { font-size: 0.78rem; margin-bottom: 0.2rem; }
.al-field label.al-emph { font-size: 0.78rem; margin-bottom: 0.12rem; }
.al-field label { font-weight: 700; color: #0d47a1; }
.al-btns-stack {
 flex-direction: column;
 gap: 0.35rem;
}
.al-btns-stack .al-btn-preview,
.al-btns-stack .al-btn-close {
 flex: 0 0 auto;
 width: 100%;
 min-height: 2.55rem;
}
.al-bal-neg {
 background: #ffcdd2 !important;
 color: #b71c1c !important;
 font-weight: 800;
}
.al-bal-pos {
 background: #c8e6c9 !important;
 color: #1b5e20 !important;
 font-weight: 800;
}
.al-bal-zero {
 background: #fff9c4 !important;
 color: #5d4037 !important;
 font-weight: 700;
}
.al-check.al-warn {
 color: #c2410c;
 font-weight: 800;
}
.page:has(.desk-doc.is-on .al-wrap) {
 max-height: 100dvh;
 overflow: hidden;
}
.page:has(.desk-doc.is-on .al-wrap) > .ledger,
.page:has(.desk-doc.is-on .al-wrap) .ledger .content {
 min-height: 0;
 overflow: hidden;
 flex: 1 1 auto;
}
.page:has(.desk-doc.is-on .al-wrap) .ledger .content {
 display: flex;
 flex-direction: column;
 padding-top: 0.25rem;
 padding-bottom: 0.25rem;
}

.pl-wrap {
 display: flex;
 flex-direction: column;
 gap: 0.4rem;
}
.pl-topbar {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 0.75rem;
}
.pl-grid-panel {
 border: 1px solid #90a4ae;
 background: #fff;
 display: flex;
 flex-direction: column;
 min-height: 10rem;
 /* max-height removed - " fill available height */
}
.pl-grid-scroll { overflow: auto; flex: 1 1 auto; }
.pl-filter-row th {
 background: #fffde7 !important;
 color: #263238 !important;
 padding: 0.15rem !important;
}
.pl-filter-name { background: #fff59d; }
.pl-col-uom { width: 5.5rem; }
.pl-col-grp { width: 7rem; }
.pl-col-co { width: 9rem; }
.pl-col-stk {
 width: 5rem;
 background: #ffe0b2 !important;
}
.pl-grid tbody td.pl-col-stk {
 background: #ffe0b2;
 font-weight: 700;
}
.pl-actions-body {
 display: grid;
 grid-template-columns: minmax(11rem, 0.9fr) minmax(11rem, 0.85fr) minmax(14rem, 1.1fr);
 gap: 0.55rem;
 flex: 1 1 auto;
 min-height: 0;
 align-items: stretch;
 overflow: hidden;
}
.pl-opts {
 display: flex;
 flex-direction: column;
 gap: 0.35rem;
 align-self: start;
 padding-top: 0;
}
.pl-dates-col { display: flex; flex-direction: column; gap: 0.35rem; }
.pl-date-pair {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 0.35rem;
}
@media (max-width: 1100px) {
 .pl-actions-body { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 700px) {
 .pl-actions-body { grid-template-columns: 1fr; }
}

/* Product Ledger print / separate-window report */
.pl-report {
 padding: 0.75rem 1rem 1.25rem;
 background: #fff;
 color: #111;
 font-size: 0.78rem;
}
.pl-report-head {
 position: relative;
 text-align: center;
 margin-bottom: 0.65rem;
}
.pl-report-title {
 font-size: 1.15rem;
 font-weight: 700;
 letter-spacing: 0.02em;
}
.pl-report-dates {
 font-size: 0.82rem;
 margin-top: 0.15rem;
}
.pl-report-pname {
 position: absolute;
 right: 0;
 top: 0;
 font-weight: 600;
 font-size: 0.85rem;
}
.pl-meta {
 width: 100%;
 border-collapse: collapse;
 margin-bottom: 0.55rem;
 table-layout: fixed;
}
.pl-meta td {
 border: 1px solid #000;
 padding: 0.2rem 0.4rem;
 vertical-align: middle;
}
.pl-meta-lbl {
 width: 7rem;
 background: #e0e0e0;
 font-weight: 600;
 text-align: right;
 white-space: nowrap;
}
.pl-meta-val { background: #fff; }
.pl-tx {
 width: 100%;
 border-collapse: collapse;
 table-layout: fixed;
 font-size: 0.74rem;
}
.pl-tx th,
.pl-tx td {
 border: 1px solid #000;
 padding: 0.18rem 0.28rem;
 vertical-align: middle;
}
.pl-tx thead th {
 background: #e0e0e0 !important;
 color: #111 !important;
 font-weight: 700;
 white-space: nowrap;
}
.pl-tx-idx { width: 1.8rem; text-align: right; color: #616161; }
.pl-tx-party { width: 22%; }
.pl-tx .pl-bal,
.pl-tx th.pl-bal {
 background: #fff59d !important;
}
.pl-tx tbody tr.pl-open td { background: #fafafa; }
.pl-tx tfoot tr.pl-total td {
 font-weight: 700;
 background: #eeeeee;
}
@media print {
 .print-topbar { display: none !important; }
 .pl-report { padding: 0; }
}

.al-ledger-table {
 table-layout: fixed;
 width: 100%;
}
.al-ledger-table col.al-col-date { width: 4.6rem; }
.al-ledger-table col.al-col-doc { width: 3.2rem; }
.al-ledger-table col.al-col-no { width: 3.4rem; }
.al-ledger-table col.al-col-book { width: 3.5rem; }
.al-ledger-table col.al-col-narr { width: auto; }
.al-ledger-table col.al-col-amt { width: 5.5rem; }
.al-ledger-table col.al-col-bal { width: 6.5rem; }
.al-ledger-table .al-td-date,
.al-ledger-table .al-td-doc,
.al-ledger-table .al-td-no,
.al-ledger-table .al-td-book {
 white-space: nowrap;
 width: 1%;
}
.al-ledger-table .al-td-narr {
 width: 100%;
 white-space: normal;
 word-break: break-word;
}
.al-ledger-table .al-td-amt,
.al-ledger-table .al-td-bal {
 white-space: nowrap;
}
.al-ledger-table tbody tr.al-row-dr td { background: #e8f5e9; }
.al-ledger-table tbody tr.al-row-cr td { background: #ffebee; }
.al-ledger-table tbody tr.al-row-both td { background: #fff8e1; }
.al-ledger-table tfoot tr.al-row-total td {
 background: #eceff1;
 border-top: 2px solid #607d8b;
}
@media (max-width: 1100px) {
 .al-actions-body { grid-template-columns: 1fr 1fr; }
 .al-col-opts { grid-column: 1 / -1; }
}
@media (max-width: 700px) {
 .al-actions-body { grid-template-columns: 1fr; }
 .al-opts-checks { grid-template-columns: 1fr; }
 .al-dates { grid-template-columns: auto 1fr; }
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Stock Value Report - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.svr-wrap {
 display: flex;
 flex-direction: column;
 gap: 0.4rem;
 font-size: 0.82rem;
}
.svr-groupby {
 display: flex;
 align-items: center;
 gap: 0.45rem;
}
.svr-groupby label { font-weight: 700; margin: 0; white-space: nowrap; }
.svr-groupby-sel { max-width: 16rem; }
.svr-plus {
 width: 1.85rem;
 height: 1.85rem;
 border: 1px solid #90a4ae;
 background: #eceff1;
 font-weight: 700;
 line-height: 1;
 border-radius: 0.2rem;
}
.svr-panels {
 display: grid;
 grid-template-columns: 1fr 1fr 1fr;
 gap: 0.4rem;
 min-height: 0;
 width: 100%;
}
.svr-panel {
 border: 1px solid #90a4ae;
 background: #fff;
 display: flex;
 flex-direction: column;
 min-height: 9rem;
 max-height: 28vh;
 width: 100%;
 min-width: 0;
 overflow: hidden;
}
.svr-panel-scroll {
 flex: 1 1 auto;
 overflow: auto;
 width: 100%;
 min-height: 0;
}
.svr-grid {
 width: 100%;
 table-layout: fixed;
}
.svr-chk { width: 1.6rem; text-align: center; }
.svr-panel .al-grid-foot { margin-top: auto; flex: 0 0 auto; }
.svr-mid {
 display: grid;
 grid-template-columns: 1fr auto;
 gap: 0.75rem;
 align-items: end;
}
.svr-supplier label {
 display: block;
 font-weight: 600;
 margin-bottom: 0.15rem;
}
.svr-mid-right {
 display: flex;
 flex-direction: column;
 align-items: flex-start;
 gap: 0.35rem;
 padding-bottom: 0.1rem;
}
.svr-btn-products {
 border: 1px solid #78909c;
 background: linear-gradient(180deg, #f5f5f5, #e0e0e0);
 border-radius: 1rem;
 padding: 0.28rem 0.9rem;
 font-size: 0.8rem;
 font-weight: 600;
}
.svr-a5 {
 color: #c2185b;
 font-weight: 600;
 font-size: 0.8rem;
 display: flex;
 align-items: center;
 gap: 0.35rem;
 margin: 0;
}
.svr-opts {
 display: grid;
 grid-template-columns: 1fr 1fr 1.15fr;
 gap: 0.65rem;
 border: 1px solid #90a4ae;
 background: #eceff1;
 padding: 0.45rem 0.55rem;
}
.svr-opts-col {
 display: flex;
 flex-direction: column;
 gap: 0.28rem;
}
.svr-opts-right { justify-content: flex-start; }
.svr-field label {
 display: block;
 font-size: 0.72rem;
 font-weight: 700;
 color: #455a64;
 margin-bottom: 0.1rem;
}
.svr-btn-crosstab {
 align-self: flex-start;
 margin-top: 0.15rem;
 border: 1px solid #78909c;
 background: linear-gradient(180deg, #fff, #e3f2fd);
 padding: 0.28rem 0.65rem;
 font-weight: 600;
 font-size: 0.8rem;
 display: inline-flex;
 align-items: center;
 gap: 0.35rem;
}
.svr-btns {
 display: flex;
 gap: 0.4rem;
 margin-top: 0.35rem;
 justify-content: flex-end;
}
@media (max-width: 1100px) {
 .svr-panels { grid-template-columns: 1fr 1fr; }
 .svr-opts { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 700px) {
 .svr-panels { grid-template-columns: 1fr; }
 .svr-mid { grid-template-columns: 1fr; }
 .svr-opts { grid-template-columns: 1fr; }
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Stock Status preview - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.ss-report {
 padding: 0.35rem 0.5rem 0.75rem;
 background: #fff;
 color: #111;
 font-size: 0.78rem;
}
.ss-title {
 text-align: center;
 font-size: 1.2rem;
 font-weight: 700;
 letter-spacing: 0.04em;
 margin: 0;
 line-height: 1.2;
}
.ss-sub {
 text-align: center;
 font-size: 0.85rem;
 margin: 0.1rem 0 0.25rem;
 line-height: 1.2;
}
.ss-meta {
 display: flex;
 justify-content: space-between;
 align-items: baseline;
 font-weight: 600;
 margin: 0 0 0.15rem;
 line-height: 1.2;
}
.ss-tx {
 width: 100%;
 border-collapse: collapse;
 table-layout: fixed;
 font-size: 0.76rem;
 margin: 0;
}
.ss-tx th,
.ss-tx td {
 border: 1px solid #000;
 padding: 0.16rem 0.3rem;
 vertical-align: middle;
}
.ss-tx thead th {
 background: #e0e0e0 !important;
 color: #111 !important;
 font-weight: 700;
 white-space: nowrap;
}
.ss-id { width: 3.2rem; text-align: right; }
.ss-code { width: 4.5rem; text-align: right; }
.ss-qty { width: 6.5rem; }
.ss-rate { width: 5.5rem; background: #fff59d !important; }
.ss-amt { width: calc(3.5rem + 25pt); background: #fff59d !important; }
.ss-tx td.ss-neg { background: #ef5350 !important; color: #111; font-weight: 600; }
.ss-tx tfoot tr.ss-subtot td,
.ss-tx tfoot tr.ss-grand td {
 background: #e0e0e0;
 font-weight: 700;
}
.ss-tx tfoot td.ss-rate,
.ss-tx tfoot td.ss-amt { background: #fff59d !important; }
.ss-tx tfoot td.ss-neg { background: #ef5350 !important; }
.ss-grand-only { margin-top: 0.15rem; }
.ss-grand-only td { border: 1px solid #000; padding: 0.16rem 0.3rem; }
.ss-meta { margin-top: 0.45rem; }
@media print {
 .ss-report { padding: 0; }
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Purchase Invoice (desktop) - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.pi-wrap {
 display: flex;
 flex-direction: column;
 gap: 0.35rem;
 font-size: 0.82rem;
 background: #eceff1;
 border: 1px solid #90a4ae;
 padding: 0.35rem;
}
.pi-tabs {
 display: flex;
 align-items: center;
 gap: 0.15rem;
 flex-wrap: wrap;
 background: #cfd8dc;
 padding: 0.2rem;
}
.pi-tab {
 border: 1px solid #90a4ae;
 background: #eceff1;
 padding: 0.25rem 0.55rem;
 font-size: 0.78rem;
 font-weight: 600;
}
.pi-tab.active {
 background: #fff;
 border-bottom-color: #fff;
}
.pi-title {
 font-size: 1.15rem;
 font-weight: 800;
 padding: 0 0.5rem;
}
/* Purchase Return - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - amber header so it is distinct from Purchase (blue-gray) */
.pi-wrap.pi-return {
 background: #fff3e0;
 border-color: #ffb74d;
}
.pi-wrap.pi-return .pi-tabs {
 background: #ffcc80;
}
.pi-wrap.pi-return .pi-tab {
 background: #ffe0b2;
 border-color: #fb8c00;
}
.pi-wrap.pi-return .pi-tab.active {
 background: #fffaf0;
 border-bottom-color: #fffaf0;
}
.pi-wrap.pi-return .pi-title {
 color: #e65100;
}
.pi-wrap.pi-return .pi-head {
 background: #fffaf0;
 border-color: #ffb74d;
}
/* Sales - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - green header (distinct from Purchase blue-gray) */
.pi-wrap.pi-sale {
 background: #e8f5e9;
 border-color: #81c784;
}
.pi-wrap.pi-sale .pi-tabs {
 background: #a5d6a7;
}
.pi-wrap.pi-sale .pi-tab {
 background: #c8e6c9;
 border-color: #66bb6a;
}
.pi-wrap.pi-sale .pi-tab.active {
 background: #f1f8f4;
 border-bottom-color: #f1f8f4;
}
.pi-wrap.pi-sale .pi-title {
 color: #1b5e20;
}
.pi-wrap.pi-sale .pi-head {
 background: #f1f8f4;
 border-color: #81c784;
}
/* Sales Return - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - rose header (distinct from Sales green and Purchase Return amber) */
.pi-wrap.pi-sale-return {
 background: #fce4ec;
 border-color: #f48fb1;
}
.pi-wrap.pi-sale-return .pi-tabs {
 background: #f8bbd0;
}
.pi-wrap.pi-sale-return .pi-tab {
 background: #fce4ec;
 border-color: #ec407a;
}
.pi-wrap.pi-sale-return .pi-tab.active {
 background: #fff5f8;
 border-bottom-color: #fff5f8;
}
.pi-wrap.pi-sale-return .pi-title {
 color: #880e4f;
}
.pi-wrap.pi-sale-return .pi-head {
 background: #fff5f8;
 border-color: #f48fb1;
}
/* Stock Adjustment - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - slate/indigo header */
.pi-wrap.pi-adj {
 background: #e8eaf6;
 border-color: #7986cb;
}
.pi-wrap.pi-adj .pi-tabs {
 background: #9fa8da;
}
.pi-wrap.pi-adj .pi-tab {
 background: #c5cae9;
 border-color: #5c6bc0;
}
.pi-wrap.pi-adj .pi-tab.active {
 background: #f5f6ff;
 border-bottom-color: #f5f6ff;
}
.pi-wrap.pi-adj .pi-title {
 color: #c62828;
 font-weight: 800;
}
.pi-adj-options {
 display: grid;
 grid-template-columns: minmax(0, 1fr) minmax(0, 1.55fr);
 gap: 0.5rem;
 width: 100%;
 align-items: stretch;
}
.pi-adj-box {
 border: 1px solid #9fa8da;
 background: #f5f6ff;
 border-radius: 2px;
 min-width: 0;
 width: 100%;
}
.pi-adj-box-title {
 background: #c5cae9;
 font-weight: 700;
 font-size: 0.78rem;
 padding: 0.2rem 0.45rem;
 border-bottom: 1px solid #9fa8da;
}
.pi-adj-box-body {
 padding: 0.4rem;
 width: 100%;
 min-width: 0;
}
.pi-adj-amt label {
 font-weight: 600;
 font-size: 0.78rem;
 margin: 0;
}
.pi-adj-grid .pi-num-col {
 min-width: 4.2rem;
}
.pi-adj-rem {
 max-width: 8rem;
 width: 8rem;
}
.pi-adj-rem .form-control {
 max-width: 100%;
}
/* Payment / Receiving / Journal vouchers - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - bold UI text */
.pi-wrap.pi-pv,
.pi-wrap.pi-rv,
.pi-wrap.pi-jv,
.pi-wrap.pi-opv,
.pi-wrap.pi-pv label,
.pi-wrap.pi-rv label,
.pi-wrap.pi-jv label,
.pi-wrap.pi-opv label,
.pi-wrap.pi-pv th,
.pi-wrap.pi-rv th,
.pi-wrap.pi-jv th,
.pi-wrap.pi-opv th,
.pi-wrap.pi-pv td,
.pi-wrap.pi-rv td,
.pi-wrap.pi-jv td,
.pi-wrap.pi-opv td,
.pi-wrap.pi-pv .pi-tab,
.pi-wrap.pi-rv .pi-tab,
.pi-wrap.pi-jv .pi-tab,
.pi-wrap.pi-opv .pi-tab,
.pi-wrap.pi-pv .pi-title,
.pi-wrap.pi-rv .pi-title,
.pi-wrap.pi-jv .pi-title,
.pi-wrap.pi-opv .pi-title,
.pi-wrap.pi-pv .pi-btn,
.pi-wrap.pi-rv .pi-btn,
.pi-wrap.pi-jv .pi-btn,
.pi-wrap.pi-opv .pi-btn,
.pi-wrap.pi-pv .pi-rec,
.pi-wrap.pi-rv .pi-rec,
.pi-wrap.pi-jv .pi-rec,
.pi-wrap.pi-opv .pi-rec,
.pi-wrap.pi-pv .form-control,
.pi-wrap.pi-rv .form-control,
.pi-wrap.pi-jv .form-control,
.pi-wrap.pi-opv .form-control,
.pi-wrap.pi-pv .pi-num,
.pi-wrap.pi-rv .pi-num,
.pi-wrap.pi-jv .pi-num,
.pi-wrap.pi-opv .pi-num,
.pi-wrap.pi-pv .amt-cell,
.pi-wrap.pi-rv .amt-cell,
.pi-wrap.pi-jv .amt-cell,
.pi-wrap.pi-opv .amt-cell,
.pi-wrap.pi-pv .pi-bal-box span,
.pi-wrap.pi-rv .pi-bal-box span,
.pi-wrap.pi-jv .pi-bal-box span,
.pi-wrap.pi-opv .pi-bal-box span,
.pi-wrap.pi-pv .pi-bal-box strong,
.pi-wrap.pi-rv .pi-bal-box strong,
.pi-wrap.pi-jv .pi-bal-box strong,
.pi-wrap.pi-opv .pi-bal-box strong,
.pi-wrap.pi-pv .pi-adj-box-title,
.pi-wrap.pi-rv .pi-adj-box-title,
.pi-wrap.pi-jv .pi-adj-box-title,
.pi-wrap.pi-opv .pi-adj-box-title,
.pi-wrap.pi-pv .pi-vch-words,
.pi-wrap.pi-rv .pi-vch-words,
.pi-wrap.pi-jv .pi-vch-words,
.pi-wrap.pi-opv .pi-vch-words {
 font-weight: 700;
}
/* Payment voucher - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - warm rose (money out) */
.pi-wrap.pi-pv {
 background: #fce4ec;
 border-color: #e57373;
}
.pi-wrap.pi-pv .pi-tabs { background: #ef9a9a; }
.pi-wrap.pi-pv .pi-tab {
 background: #ffcdd2;
 border-color: #e53935;
}
.pi-wrap.pi-pv .pi-tab.active {
 background: #fff5f5;
 border-bottom-color: #fff5f5;
}
.pi-wrap.pi-pv .pi-title { color: #b71c1c; }
.pi-wrap.pi-pv .pi-head,
.pi-wrap.pi-pv .pi-adj-box { background: #fff5f5; border-color: #ef9a9a; }
.pi-wrap.pi-pv .pi-adj-box-title { background: #ffcdd2; border-color: #ef9a9a; }
/* Receiving voucher - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - teal (money in) */
.pi-wrap.pi-rv {
 background: #e0f2f1;
 border-color: #4db6ac;
}
.pi-wrap.pi-rv .pi-tabs { background: #80cbc4; }
.pi-wrap.pi-rv .pi-tab {
 background: #b2dfdb;
 border-color: #00897b;
}
.pi-wrap.pi-rv .pi-tab.active {
 background: #f1fffe;
 border-bottom-color: #f1fffe;
}
.pi-wrap.pi-rv .pi-title { color: #004d40; }
.pi-wrap.pi-rv .pi-head,
.pi-wrap.pi-rv .pi-adj-box { background: #f1fffe; border-color: #80cbc4; }
.pi-wrap.pi-rv .pi-adj-box-title { background: #b2dfdb; border-color: #80cbc4; }
/* Journal voucher - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - steel blue */
.pi-wrap.pi-jv {
 background: #e3f2fd;
 border-color: #64b5f6;
}
.pi-wrap.pi-jv .pi-tabs { background: #90caf9; }
.pi-wrap.pi-jv .pi-tab {
 background: #bbdefb;
 border-color: #1e88e5;
}
.pi-wrap.pi-jv .pi-tab.active {
 background: #f5fbff;
 border-bottom-color: #f5fbff;
}
.pi-wrap.pi-jv .pi-title { color: #0d47a1; }
.pi-wrap.pi-jv .pi-head { background: #f5fbff; border-color: #90caf9; }
/* Opening voucher - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - indigo (opening stacks) */
.pi-wrap.pi-opv {
 background: #e8eaf6;
 border-color: #7986cb;
}
.pi-wrap.pi-opv .pi-tabs { background: #9fa8da; }
.pi-wrap.pi-opv .pi-tab {
 background: #c5cae9;
 border-color: #3f51b5;
}
.pi-wrap.pi-opv .pi-tab.active {
 background: #f5f6ff;
 border-bottom-color: #f5f6ff;
}
.pi-wrap.pi-opv .pi-title { color: #1a237e; }
.pi-wrap.pi-opv .pi-head,
.pi-wrap.pi-opv .pi-adj-box { background: #f5f6ff; border-color: #9fa8da; }
.pi-wrap.pi-opv .pi-adj-box-title { background: #c5cae9; border-color: #9fa8da; }
.pi-vch-narr {
 max-width: 20rem;
 width: 20rem;
}
.pi-vch-words {
 position: relative;
 z-index: 6;
 color: #c62828;
 font-weight: 600;
 font-size: 0.9rem;
 background: #fff;
 border-top: 1px solid #c5d0dc;
}
.pi-foot {
 position: relative;
 z-index: 6;
}
/* Opening / Balance vs Closing - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - soft readable column tints */
.pi-wrap.pi-pv .pi-grid th.pi-vch-open,
.pi-wrap.pi-rv .pi-grid th.pi-vch-open,
.pi-wrap.pi-jv .pi-grid th.pi-vch-open,
.pi-wrap.pi-opv .pi-grid th.pi-vch-open,
.pi-wrap.pi-pv .pi-grid td.pi-vch-open,
.pi-wrap.pi-rv .pi-grid td.pi-vch-open,
.pi-wrap.pi-jv .pi-grid td.pi-vch-open,
.pi-wrap.pi-opv .pi-grid td.pi-vch-open,
.pi-wrap.pi-pv .pi-grid tfoot td.pi-vch-open,
.pi-wrap.pi-rv .pi-grid tfoot td.pi-vch-open,
.pi-wrap.pi-jv .pi-grid tfoot td.pi-vch-open,
.pi-wrap.pi-opv .pi-grid tfoot td.pi-vch-open {
 background: #c8e6c9 !important;
 color: #1b5e20 !important;
}
.pi-wrap.pi-pv .pi-grid th.pi-vch-close,
.pi-wrap.pi-rv .pi-grid th.pi-vch-close,
.pi-wrap.pi-jv .pi-grid th.pi-vch-close,
.pi-wrap.pi-opv .pi-grid th.pi-vch-close,
.pi-wrap.pi-pv .pi-grid td.pi-vch-close,
.pi-wrap.pi-rv .pi-grid td.pi-vch-close,
.pi-wrap.pi-jv .pi-grid td.pi-vch-close,
.pi-wrap.pi-opv .pi-grid td.pi-vch-close,
.pi-wrap.pi-pv .pi-grid tfoot td.pi-vch-close,
.pi-wrap.pi-rv .pi-grid tfoot td.pi-vch-close,
.pi-wrap.pi-jv .pi-grid tfoot td.pi-vch-close,
.pi-wrap.pi-opv .pi-grid tfoot td.pi-vch-close {
 background: #ffe082 !important;
 color: #e65100 !important;
}
.pi-head {
 display: flex;
 flex-direction: column;
 gap: 0.3rem;
 background: #fff;
 border: 1px solid #b0bec5;
 padding: 0.4rem;
}
.pi-top {
 display: grid;
 grid-template-columns: minmax(0, 1fr) auto;
 gap: 0.5rem;
 align-items: center;
}
.pi-body {
 display: grid;
 grid-template-columns: minmax(0, 1.65fr) minmax(20rem, 0.95fr);
 gap: 0.4rem 0.6rem;
 align-items: start;
}
.pi-meta {
 display: flex;
 flex-direction: column;
 gap: 0.3rem;
 min-width: 0;
 position: relative;
 z-index: 20;
}
.pi-meta:has(.lookup-drop),
.pi-meta:has(.party-search-open) { z-index: 80; }
.pi-totals {
 display: flex;
 flex-direction: column;
 gap: 0.28rem;
}
.pi-checks {
 display: flex;
 flex-wrap: nowrap;
 gap: 0.55rem;
 justify-content: flex-end;
 align-items: center;
 white-space: nowrap;
}
.pi-row {
 display: grid;
 grid-template-columns: 3.4rem 1fr;
 gap: 0.35rem;
 align-items: center;
}
.pi-row label { margin: 0; font-weight: 600; white-space: nowrap; }
.pi-row.pi-from { align-items: start; }
.pi-party-grow {
 min-width: 0;
 display: flex;
 flex-direction: column;
 gap: 0.3rem;
}
/* Inv# input, VCID, and Previous share the same left edge (col 2). */
.pi-row.pi-inv-row {
 grid-template-columns: 3.4rem minmax(0, 1fr) auto 5.2rem 9.2rem 5.5rem minmax(0, 1fr);
 gap: 0.3rem;
}
.pi-row.pi-inv-row .pi-lbl2 { text-align: right; margin: 0; font-weight: 600; white-space: nowrap; }
.pi-inv,
.party-search-compact .pi-vcid {
 width: 4.5rem !important;
 max-width: 4.5rem !important;
 flex: 0 0 4.5rem;
}
.pi-order { max-width: 5.2rem; }
.pi-bal-strip {
 display: grid;
 grid-template-columns: repeat(3, minmax(0, 1fr));
 gap: 0.35rem;
 width: 100%;
 position: relative;
 z-index: 1;
}
.pi-bal-box {
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: stretch;
 gap: 0.12rem;
 border: 1px solid #78909c;
 border-radius: var(--erp-input-radius);
 padding: 0.28rem 0.5rem 0.32rem;
 font-weight: 700;
 min-height: 4.25rem;
 width: 100%;
 min-width: 0;
 box-sizing: border-box;
}
.pi-bal-box span {
 display: block;
 font-size: 0.78rem;
 line-height: 1.15;
 font-weight: 700;
 white-space: nowrap;
}
.pi-bal-box strong {
 display: block;
 text-align: right;
 font-size: 2rem;
 line-height: 1.1;
 font-weight: 800;
 letter-spacing: 0.01em;
}
.pi-prev { background: #b2ebf2; }
.pi-bill { background: #69f0ae; }
.pi-tot {
 background: transparent;
 border-color: #90a4ae;
}
.pi-tot span,
.pi-tot strong { color: #c62828; font-weight: 700; }
.pi-num-col {
 width: 5.5rem;
}
.pi-num {
 width: 100% !important;
 max-width: none !important;
 text-align: end;
}
.pi-amt-col { background: #fff59d; }
.pi-col-item { min-width: 12rem; }
.pi-grid .product-search-compact { z-index: 1; }
.pi-grid tr:focus-within,
.pi-grid tr:has(.product-search-open) {
 position: relative;
 z-index: 40;
}
.pi-grid .product-search-compact .lookup-drop {
 min-width: 28rem;
}
.lookup-drop.lookup-fixed,
.lookup-drop[popover] {
 position: fixed !important;
 inset: auto;
 left: auto;
 right: auto;
 top: auto;
 margin: 0;
 padding: 0;
 border: 1px solid #90a4ae;
 background: #fff;
 color: inherit;
 width: auto;
 height: auto;
 max-width: calc(100vw - 16px);
 overflow: hidden;
 box-shadow: 0 10px 28px rgba(11, 31, 107, 0.28);
 z-index: 2147483000;
 pointer-events: auto;
}
.lookup-drop.lookup-fixed .lookup-scroll {
 overflow: auto;
}
.lookup-drop.lookup-fixed .table,
.lookup-drop[popover] .table {
 width: 100%;
 min-width: 0;
}
.lookup-drop.lookup-fixed .table th,
.lookup-drop.lookup-fixed .table td,
.lookup-drop[popover] .table th,
.lookup-drop[popover] .table td {
 white-space: normal;
 overflow-wrap: anywhere;
 vertical-align: top;
}
.pi-tools {
 display: flex;
 flex-wrap: wrap;
 gap: 0.25rem;
 justify-content: flex-start;
 margin-top: 0;
}
.pi-row.pi-tools-row {
 align-items: center;
}
/* 4-col aligned: Label | Field | Label | Field - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - all value cells same width */
.pi-tot-grid {
 display: grid;
 grid-template-columns: 5.6rem minmax(0, 1fr) 5.6rem minmax(0, 1fr);
 gap: 0.28rem 0.35rem;
 align-items: center;
 width: 100%;
}
.pi-tot-lbl {
 margin: 0;
 font-weight: 600;
 white-space: nowrap;
 font-size: 0.78rem;
 text-align: right;
}
.pi-tot-grid > .pi-box,
.pi-tot-grid > .form-control,
.pi-tot-grid > .erp-num {
 width: 100% !important;
 max-width: none !important;
 min-width: 0 !important;
 height: 1.85rem;
 box-sizing: border-box;
}
.pi-tot-grand {
 grid-column: 2 / -1;
}
.pi-pay-in {
 width: 100% !important;
 max-width: none !important;
 min-width: 0 !important;
 height: 1.85rem;
 box-sizing: border-box;
}
.pi-bank-sel {
 width: 100% !important;
 max-width: none !important;
 min-width: 0 !important;
 height: auto;
 box-sizing: border-box;
}
.pi-pay-bal {
 background: #fffde7;
 border: 1px solid #f9a825;
 font-weight: 700;
 display: flex;
 align-items: center;
 justify-content: flex-end;
 padding: 0 0.4rem;
}
.pi-disc-pct,
.pi-tax-pct,
.pi-disc-rs,
.pi-tax-rs,
.pi-oth-in,
.pi-freight-in {
 width: 100% !important;
 max-width: none !important;
 min-width: 0 !important;
 text-align: end;
}
.pi-freight-vc {
 min-width: 0;
 width: 100%;
}
.pi-freight-vc .party-search,
.pi-freight-vc .input-group {
 width: 100%;
}
.pi-freight-vc .form-control {
 height: 1.85rem;
}
.pi-freight-vc.is-invalid .form-control {
 border-color: #dc3545;
}
.pi-disc-rs {
 background: #ef9a9a !important;
 border: 1px solid #78909c;
 font-weight: 700;
}
.pi-tax-rs {
 background: #fff !important;
 border: 1px solid #78909c;
 font-weight: 700;
}
.pi-oth-in {
 background: #69f0ae !important;
 border: 1px solid #78909c;
 font-weight: 700;
}
.pi-req::after {
 content: " *";
 color: #c62828;
 font-weight: 700;
}
.erp-date.required .erp-date-text,
.party-search.required .pi-vcid {
 border-color: #e57373;
}

/* Date text + calendar picker */
.erp-date {
 position: relative;
 display: inline-grid;
 grid-template-columns: 1fr 1.85rem;
 align-items: stretch;
 width: 100%;
 min-width: 0;
 max-width: 9.2rem;
}
.erp-date.disabled {
 opacity: 0.65;
 pointer-events: none;
}
.erp-date.disabled .erp-date-btn {
 cursor: not-allowed;
}
.erp-date .erp-date-text {
 min-width: 0;
 border-top-right-radius: 0 !important;
 border-bottom-right-radius: 0 !important;
}
.erp-date .erp-date-btn {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 width: 1.85rem;
 min-width: 1.85rem;
 padding: 0;
 border: 1px solid var(--bs-border-color, #ced4da);
 border-left: 0;
 border-radius: 0 var(--erp-input-radius) var(--erp-input-radius) 0 !important;
 background: #eceff1;
 color: #37474f;
 cursor: pointer;
 line-height: 1;
 z-index: 1;
}
.erp-date .erp-date-btn:hover {
 background: #cfd8dc;
}
.erp-date .erp-date-native {
 position: absolute;
 width: 1px;
 height: 1px;
 opacity: 0;
 pointer-events: none;
 border: 0;
 padding: 0;
 margin: 0;
}
.pi-inv-row .erp-date.pi-date,
.pi-inv-row .pi-date.erp-date {
 width: 100%;
 max-width: 9.2rem;
}
/* Date and time stay separate columns on a wide screen. */
.pi-when { display: contents; }
/* Voucher id row: number, date, and time stay their own width.
   Book# uses the free space on the right so it does not sit on the number. */
.pi-row.pi-inv-row.pi-vch-idrow {
 display: flex;
 flex-wrap: nowrap;
 align-items: center;
 gap: 0.35rem;
}
.pi-row.pi-vch-idrow > label:first-child { flex: 0 0 auto; }
.pi-row.pi-vch-idrow > .tid-field {
 flex: 0 0 auto;
 width: auto;
 max-width: none;
}
.pi-row.pi-vch-idrow > .pi-when {
 display: flex;
 flex: 0 0 auto;
 align-items: center;
 gap: 0.35rem;
 min-width: 0;
}
.pi-row.pi-vch-idrow > .erp-date,
.pi-row.pi-vch-idrow > .pi-when .erp-date {
 flex: 0 0 9.2rem;
 width: 9.2rem;
 max-width: 9.2rem;
}
.pi-row.pi-vch-idrow > .pi-when .pi-order {
 flex: 0 0 5.2rem;
 width: 5.2rem;
 max-width: 5.2rem;
}
.pi-row.pi-vch-idrow > .pi-lbl2 {
 margin-left: auto;
 flex: 0 0 auto;
 text-align: right;
}
.pi-row.pi-vch-idrow > .pi-order {
 flex: 0 0 5.2rem;
 width: 5.2rem;
 max-width: 5.2rem;
}
.pi-box {
 border: 1px solid #78909c;
 border-radius: var(--erp-input-radius);
 padding: 0.2rem 0.4rem;
 text-align: right;
 font-weight: 700;
 background: #fff;
}
.pi-amt { background: #81d4fa; }
.pi-disc { background: #ef9a9a; }
.pi-oth { background: #69f0ae; }
.pi-net { background: #fff59d; }
.pi-f1 {
 background: #c8e6c9;
 border: 1px solid #81c784;
 padding: 0.15rem 0.45rem;
 font-size: 0.75rem;
 font-weight: 600;
}
.pi-search { background: #fff; border: 1px solid #b0bec5; padding: 0.25rem; }
.pi-grid-wrap {
 background: #fff;
 border: 1px solid #90a4ae;
 flex: 1 1 auto;
 min-height: 8rem;
 max-height: none;
 overflow: auto;
 position: relative;
}
.pi-grid tbody td {
 position: relative;
 z-index: 1;
 isolation: isolate;
}
.pi-grid {
 width: 100%;
 border-collapse: separate;
 border-spacing: 0;
 font-size: 0.78rem;
 table-layout: fixed;
}
.pi-grid th,
.pi-grid td {
 border: 1px solid #9e9e9e;
 padding: 0.18rem 0.3rem;
 vertical-align: middle;
 overflow: hidden;
}
.pi-grid thead th {
 background: #cfd8dc !important;
 color: #111 !important;
 font-weight: 700;
 position: sticky;
 top: 0;
 z-index: 6;
}
.pi-grid tfoot td {
 position: sticky;
 bottom: 0;
 z-index: 40;
 background: #e0e0e0 !important;
 font-weight: 700;
 box-shadow: 0 -1px 0 #9e9e9e;
}
.pi-amt-col { background: #fff59d; }
.pi-amt-rs { width: 6.5rem; }
.pi-stock { width: 5rem; }
.pi-p {
 width: 1.85rem;
 text-align: center;
 position: sticky;
 right: 2rem;
 background: #fff;
 z-index: 2;
}
.pi-grid thead th.pi-p,
.pi-grid thead th.col-del {
 position: sticky;
 z-index: 7;
 background: #cfd8dc !important;
}
.pi-grid td.col-del,
.pi-grid th.col-del,
.pi-grid tfoot td.col-del {
 position: sticky;
 right: 0;
 background: #fff;
 z-index: 2;
 width: 2rem;
 min-width: 2rem;
 max-width: 2rem;
}
.pi-grid tfoot td.col-del {
 background: #e0e0e0 !important;
 z-index: 7;
}
.pi-grid thead th.col-del {
 right: 0;
 top: 0;
 z-index: 8;
}
.pi-del {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 width: 1.55rem;
 height: 1.55rem;
 padding: 0;
 border: 1px solid #ef5350;
 border-radius: 0.15rem;
 background: #ffebee;
 color: #c62828;
 line-height: 1;
 font-size: 0.7rem;
}
.pi-del:hover {
 background: #ef5350;
 color: #fff;
}
.pi-foot {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 justify-content: space-between;
 gap: 0.5rem;
 background: #cfd8dc;
 border: 1px solid #90a4ae;
 padding: 0.35rem 0.45rem;
}
.pi-rec { font-weight: 600; }
.pi-actions { display: flex; flex-wrap: wrap; gap: 0.3rem; }
.pi-btn {
 border: 1px solid #78909c;
 background: linear-gradient(180deg, #fafafa, #e0e0e0);
 padding: 0.35rem 0.65rem;
 font-weight: 600;
 font-size: 0.8rem;
 display: inline-flex;
 align-items: center;
 gap: 0.3rem;
}
.pi-save { background: linear-gradient(180deg, #e3f2fd, #90caf9); }
.pi-saveprint { background: linear-gradient(180deg, #fff8e1, #ffe082); }
.pi-close { background: linear-gradient(180deg, #ffebee, #ef9a9a); color: #b71c1c; }
@media (max-width: 1100px) {
 .pi-head { grid-template-columns: 1fr; }
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Product entry - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Product DevExpress-style grid - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.dxg {
 border: 1px solid #90a4ae;
 border-radius: 0.35rem;
 background: #fff;
 display: flex;
 flex-direction: column;
 max-height: min(70vh, 42rem);
 overflow: hidden;
}
.dxg-scroll { overflow: auto; flex: 1 1 auto; }
.dxg-table {
 width: 100%;
 border-collapse: separate;
 border-spacing: 0;
 font-size: 0.8rem;
}
.dxg-head th {
 position: sticky;
 top: 0;
 z-index: 3;
 border-radius: 0 !important;
 background: linear-gradient(180deg, #1a5fd4, #0b1f6b);
 color: #fff;
 border-bottom: 1px solid #0b1f6b;
 padding: 0.35rem 0.4rem;
 font-weight: 700;
 white-space: nowrap;
 user-select: none;
}
.dxg-sortable { cursor: pointer; }
.dxg-sortable:hover { background: #2a4a72; }
.dxg-sort-idle { color: #c5e3fc; font-size: 0.7rem; margin-left: 0.15rem; }
.dxg-sort-on { color: #fff; font-size: 0.7rem; margin-left: 0.15rem; }
.dxg-filter th {
 position: sticky;
 top: 1.85rem;
 z-index: 2;
 background: #eaf4fd;
 color: #0b1f6b;
 border-bottom: 1px solid #c5e3fc;
 padding: 0.2rem 0.25rem;
 font-weight: 400;
}
.dxg-filter .form-control,
.dxg-filter .form-select {
 font-size: 0.72rem;
 padding: 0.15rem 0.3rem;
 min-height: 1.6rem;
 background: #fff;
}
.dxg-table tbody td {
 border-bottom: 1px solid #eceff1;
 padding: 0.22rem 0.4rem;
 vertical-align: middle;
}
.dxg-table tbody tr:hover { background: #e3f2fd; }
.dxg-foot {
 flex: 0 0 auto;
 padding: 0.35rem 0.65rem;
 background: #eceff1;
 border-top: 1px solid #b0bec5;
 font-size: 0.75rem;
}
.prod-form {
 position: relative;
 z-index: 1;
 border: 1px solid #90a4ae;
 border-radius: 0.5rem;
 background: #ffffff;
 box-shadow: 0 10px 28px rgba(15, 23, 42, 0.1);
 overflow: visible;
}
.prod-form-head {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 0.75rem;
 padding: 0.7rem 1rem;
 background: #1e2933;
 color: #fff;
 border-radius: 0.5rem 0.5rem 0 0;
}
.prod-form-title { font-size: 1.05rem; font-weight: 700; }
.prod-form-sub { font-size: 0.72rem; opacity: 0.85; margin-top: 0.1rem; }
.prod-form-body {
 background: #ffffff;
 padding: 0.75rem 1rem 1rem;
 overflow: visible;
 position: relative;
}
.prod-fields {
 width: 100%;
 border-collapse: separate;
 border-spacing: 0 0.35rem;
 background: #ffffff;
 position: relative;
 z-index: 2;
 overflow: visible;
}
.prod-form-body:has(.spick-open),
.prod-form-body:has(.party-search-open),
.prod-form-body:has(.lookup-drop) {
 z-index: 40;
}
.prod-form-body:has(.spick-open) .prod-fields,
.prod-form-body:has(.party-search-open) .prod-fields,
.prod-form-body:has(.lookup-drop) .prod-fields {
 z-index: 60;
}
.prod-bc,
.prod-actions {
 position: relative;
 z-index: 1;
}
.prod-fields tr {
 position: relative;
 z-index: 1;
}
.prod-fields tr:focus-within,
.prod-fields tr:has(.spick-open),
.prod-fields tr:has(.lookup-drop) {
 z-index: 200;
}
.prod-fields th {
 width: 7.5rem;
 text-align: right;
 padding: 0.2rem 0.55rem 0.2rem 0;
 font-weight: 700;
 font-size: 0.78rem;
 color: #0d47a1;
 white-space: nowrap;
 vertical-align: middle;
 background: transparent;
}
.prod-fields td {
 padding: 0.15rem 0.35rem;
 vertical-align: middle;
 background: transparent;
 position: relative;
 overflow: visible;
}
.prod-col-narrow { width: 8rem; max-width: 8rem; }
.prod-col-amt { width: 9rem; max-width: 9rem; }
.prod-amt {
 width: 100% !important;
 max-width: 9rem;
 text-align: end;
}
.prod-with-plus {
 display: grid;
 grid-template-columns: 1fr auto;
 gap: 0.35rem;
 align-items: center;
 position: relative;
 overflow: visible;
}
.prod-desc {
 position: relative;
 z-index: 1;
 overflow: visible;
}
.prod-desc:focus-within,
.prod-desc:has(.lookup-drop) {
 z-index: 250;
}
.spick {
 width: 100%;
 position: relative;
 z-index: 1;
 max-width: 100%;
}
.spick-open {
 z-index: 50;
}
.spick .lookup-drop:not(.lookup-fixed),
.prod-desc .lookup-drop:not(.lookup-fixed),
.prod-supplier .lookup-drop:not(.lookup-fixed) {
 z-index: 4000;
 left: 0;
 right: 0;
 width: 100%;
 max-width: 100%;
 box-sizing: border-box;
}
.spick-drop-up .spick-drop {
 top: auto !important;
 bottom: calc(100% + 2px);
}
.spick-scroll {
 overflow-y: auto;
 overscroll-behavior: contain;
}
.spick-list { margin: 0; max-width: 100%; }
.spick-item {
 display: flex;
 justify-content: space-between;
 gap: 0.75rem;
 padding: 0.35rem 0.65rem;
 cursor: pointer;
 font-size: 0.8rem;
 max-width: 100%;
}
.spick-item:hover,
.spick-item.lookup-active {
 background: #1e2933 !important;
 color: #fff !important;
}
.spick-selected { background: #dbeafe; }
.spick-name { min-width: 0; white-space: normal; overflow-wrap: anywhere; }
.spick-id { flex: 0 0 auto; font-size: 0.72rem; }
.prod-plus {
 width: 1.85rem;
 height: 1.85rem;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 border-radius: 0.3rem;
 border: 1px solid #90caf9;
 background: #e3f2fd;
 color: #1e2933;
 font-weight: 800;
 text-decoration: none;
 line-height: 1;
}
.prod-plus:hover { background: #bbdefb; color: #0d47a1; }
.prod-supplier {
 position: relative;
 overflow: visible;
}
.prod-supplier .party-search {
 z-index: 1;
}
.prod-fields tr:has(.prod-supplier .lookup-drop) {
 z-index: 220;
}
.prod-stock { background: #f8fafc; font-variant-numeric: tabular-nums; }
.prod-bc {
 margin-top: 0.65rem;
 border: 1px solid #90a4ae;
 border-radius: 0.4rem;
 overflow: hidden;
 background: #fff;
}
.prod-bc-head {
 display: flex;
 align-items: center;
 gap: 0.5rem;
 padding: 0.4rem 0.65rem;
 background: linear-gradient(180deg, #cfd8dc, #b0bec5);
 font-weight: 700;
 font-size: 0.85rem;
}
.prod-bc-grid th { background: #eceff1; }
.prod-actions {
 display: flex;
 flex-wrap: wrap;
 gap: 0.4rem;
 margin-top: 0.75rem;
}
input.prod-stock.stock-neg,
input.prod-stock.stock-zero,
input.prod-stock.stock-ok {
 background: #f8fafc;
}

/* Toast notifications */
.erp-toast-host {
 position: fixed;
 top: 1rem;
 right: 1rem;
 z-index: 10000;
 display: flex;
 flex-direction: column;
 gap: 0.45rem;
 max-width: min(24rem, calc(100vw - 2rem));
 pointer-events: none;
}
.erp-toast {
 opacity: 0;
 transform: translateY(-0.4rem);
 transition: opacity 0.2s ease, transform 0.2s ease;
 padding: 0.65rem 0.9rem;
 border-radius: 0.4rem;
 box-shadow: 0 8px 24px rgba(15, 23, 42, 0.18);
 font-size: 0.85rem;
 font-weight: 600;
 color: #fff;
 pointer-events: auto;
}
.erp-toast.show {
 opacity: 1;
 transform: translateY(0);
}
.erp-toast-ok { background: #2e7d32; }
.erp-toast-error { background: #c62828; }
.erp-toast-warn { background: #ef6c00; }











/* Delete confirmation modal */
.del-modal-backdrop {
 position: fixed;
 inset: 0;
 z-index: 11000;
 display: grid;
 place-items: center;
 padding: 1.25rem;
 background: rgba(15, 23, 42, 0.55);
 backdrop-filter: blur(6px);
 animation: del-fade 0.18s ease;
}
.del-modal {
 position: relative;
 width: min(26rem, 100%);
 padding: 1.6rem 1.5rem 1.35rem;
 border-radius: 1rem;
 background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
 border: 1px solid rgba(148, 163, 184, 0.45);
 box-shadow: 0 24px 48px rgba(15, 23, 42, 0.28), 0 0 0 1px rgba(255,255,255,0.4) inset;
 overflow: hidden;
 animation: del-pop 0.22s cubic-bezier(.2,.9,.2,1);
}
.del-modal-glow {
 position: absolute;
 inset: -40% -20% auto -20%;
 height: 70%;
 background: radial-gradient(ellipse at top, rgba(239, 68, 68, 0.18), transparent 65%);
 pointer-events: none;
}
.del-modal-icon {
 width: 3.25rem;
 height: 3.25rem;
 border-radius: 999px;
 display: grid;
 place-items: center;
 margin: 0 auto 0.85rem;
 background: linear-gradient(145deg, #fee2e2, #fecaca);
 color: #b91c1c;
 font-size: 1.45rem;
 box-shadow: 0 8px 18px rgba(185, 28, 28, 0.18);
}
.del-modal-title {
 margin: 0;
 text-align: center;
 font-size: 1.25rem;
 font-weight: 800;
 color: #0f172a;
 letter-spacing: -0.02em;
}
.del-modal-sub {
 margin: 0.55rem 0 1rem;
 text-align: center;
 font-size: 0.88rem;
 line-height: 1.45;
 color: #475569;
}
.del-modal-chip {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 0.75rem;
 margin: 0 auto 1rem;
 padding: 0.55rem 0.8rem;
 border-radius: 0.65rem;
 background: #0f172a;
 color: #e2e8f0;
 font-size: 0.8rem;
}
.del-modal-chip span { opacity: 0.7; text-transform: uppercase; letter-spacing: 0.06em; font-size: 0.68rem; font-weight: 700; }
.del-modal-chip strong { font-size: 1.05rem; font-variant-numeric: tabular-nums; color: #fca5a5; }
.del-modal-label {
 display: block;
 margin-bottom: 0.35rem;
 font-size: 0.78rem;
 font-weight: 700;
 color: #334155;
}
.del-modal-input {
 width: 100%;
 border: 1px solid #cbd5e1;
 border-radius: 0.65rem;
 padding: 0.7rem 0.85rem;
 font-size: 1.05rem;
 letter-spacing: 0.12em;
 text-align: center;
 background: #fff;
 outline: none;
 transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.del-modal-input:focus {
 border-color: #ef4444;
 box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.18);
}
.del-modal-input.is-invalid {
 border-color: #dc2626;
 background: #fef2f2;
}
.del-modal-error {
 margin-top: 0.45rem;
 color: #b91c1c;
 font-size: 0.8rem;
 font-weight: 600;
 display: flex;
 align-items: center;
 gap: 0.35rem;
}
.del-modal-actions {
 display: flex;
 gap: 0.55rem;
 margin-top: 1.15rem;
}
.del-btn {
 flex: 1;
 border: 0;
 border-radius: 0.65rem;
 padding: 0.65rem 0.9rem;
 font-weight: 700;
 font-size: 0.88rem;
 cursor: pointer;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: 0.4rem;
 transition: transform 0.12s ease, box-shadow 0.12s ease, background 0.12s ease;
}
.del-btn:active { transform: translateY(1px); }
.del-btn-ghost {
 background: #e2e8f0;
 color: #334155;
}
.del-btn-ghost:hover { background: #cbd5e1; }
.del-used { width: min(28rem, 100%); }
.del-used-glow {
 background: radial-gradient(ellipse at top, rgba(30, 138, 239, 0.22), transparent 65%);
}
.del-used-icon {
 background: linear-gradient(145deg, #eaf4fd, #c5e3fc);
 color: #0b1f6b;
 box-shadow: 0 8px 18px rgba(11, 31, 107, 0.12);
}
.del-used-list {
 list-style: none;
 margin: 0;
 padding: 0;
 max-height: 16rem;
 overflow: auto;
 display: flex;
 flex-direction: column;
 gap: 0.4rem;
}
.del-used-list li {
 display: flex;
 align-items: center;
 gap: 0.55rem;
 padding: 0.45rem 0.7rem;
 border-radius: 0.55rem;
 background: #eaf4fd;
 border: 1px solid #c5e3fc;
 color: #0b1f6b;
 font-weight: 700;
 font-size: 0.92rem;
}
.del-used-list i { color: #1e8aef; font-size: 1rem; }
.dc-del {
 border: 0;
 background: transparent;
 color: #b42318;
 width: 1.45rem;
 height: 1.45rem;
 border-radius: 0.35rem;
 display: inline-grid;
 place-items: center;
 cursor: pointer;
 padding: 0;
 line-height: 1;
 font-size: 0.85rem;
}
.dc-del:hover { background: #fee2e2; color: #991b1b; }
.dc-grid .dc-del-col {
 width: 1.9rem;
 max-width: 1.9rem;
 padding: 0 !important;
 text-align: center;
}
.del-btn-danger {
 background: linear-gradient(135deg, #ef4444, #b91c1c);
 color: #fff;
 box-shadow: 0 10px 20px rgba(185, 28, 28, 0.28);
}
.del-btn-danger:hover { filter: brightness(1.05); }
.del-btn-danger:disabled { opacity: 0.65; cursor: wait; }
@keyframes del-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes del-pop {
 from { opacity: 0; transform: translateY(0.6rem) scale(0.96); }
 to { opacity: 1; transform: none; }
}

/* Pending purchases tab */
.pi-pending {
 background: #fff;
 border: 1px solid #90a4ae;
 border-radius: 0.35rem;
 padding: 0.65rem 0.75rem 0.85rem;
 margin-bottom: 0.5rem;
}
.pi-pending-head {
 display: flex;
 align-items: center;
 gap: 0.75rem;
 margin-bottom: 0.55rem;
 flex-wrap: wrap;
}
.pi-pending-empty {
 padding: 1.25rem;
 text-align: center;
 color: #78909c;
 font-size: 0.9rem;
}
.pi-pending-table thead th {
 background: #eceff1;
 font-size: 0.78rem;
}
.pi-pending-row { cursor: pointer; }
.pi-pending-row:hover { background: #fff8e1; }

/* Product Wise tab */
.pi-pwise {
 background: #fff;
 border: 1px solid #90a4ae;
 border-radius: 0.35rem;
 padding: 0.55rem 0.65rem 0.75rem;
 margin-bottom: 0.5rem;
 display: flex;
 flex-direction: column;
 gap: 0.45rem;
 min-height: 18rem;
}
.pi-pwise-bar {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 gap: 0.4rem 0.55rem;
}
.pi-pwise-lbl {
 margin: 0;
 font-weight: 700;
 font-size: 0.8rem;
 white-space: nowrap;
}
.pi-pwise-scroll {
 overflow: auto;
 max-height: min(62vh, 36rem);
 border: 1px solid #b0bec5;
}
.pi-pwise-table {
 font-size: 0.8rem;
}
.pi-pwise-table thead th {
 background: #eceff1;
 position: sticky;
 top: 0;
 z-index: 2;
 white-space: nowrap;
 font-size: 0.76rem;
}
.pi-pwise-table thead tr.pi-pwise-filters th {
 top: 1.7rem;
 background: #f5f7f8;
 padding: 0.2rem;
 font-weight: 400;
}
.pi-pwise-filters .form-control {
 min-width: 3.5rem;
 font-size: 0.75rem;
 padding: 0.15rem 0.3rem;
}
.pi-pwise-table tfoot td {
 background: #eceff1;
 position: sticky;
 bottom: 0;
}

/* Other Expenses tab */
.pi-oe {
 background: #fff;
 border: 1px solid #90a4ae;
 border-radius: 0.35rem;
 padding: 0.45rem 0.55rem 0.55rem;
 margin-bottom: 0.5rem;
 display: flex;
 flex-direction: column;
 gap: 0.4rem;
 min-height: 14rem;
}
.pi-oe-scroll {
 overflow: auto;
 max-height: min(55vh, 28rem);
 border: 1px solid #b0bec5;
}
.pi-oe-table {
 font-size: 0.8rem;
}
.pi-oe-table thead th {
 background: #eceff1;
 font-size: 0.76rem;
 white-space: nowrap;
 position: sticky;
 top: 0;
 z-index: 2;
}
.pi-oe-table thead th.pi-oe-req::after {
 content: " *";
 color: #c62828;
 font-weight: 800;
}
.pi-oe-table tr:has(.party-search-open) {
 position: relative;
 z-index: 50;
}
.pi-oe-vc {
 position: relative;
 overflow: visible;
}
.pi-oe-vc .party-search-compact {
 min-width: 11rem;
}
.pi-oe-vc .lookup-drop.lookup-fixed {
 min-width: 28rem;
}
.pi-oe-foot {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 0.75rem;
 flex-wrap: wrap;
}
.pi-oe-nav {
 display: flex;
 align-items: center;
 gap: 0.4rem;
 flex-wrap: wrap;
}
.pi-oe-total {
 min-width: 7rem;
 text-align: right;
 font-weight: 800;
 font-size: 0.95rem;
 border: 1px solid #90a4ae;
 background: #eceff1;
 padding: 0.28rem 0.55rem;
}
/* Attachment tab */
.pi-att {
 background: #fff;
 border: 1px solid #90a4ae;
 border-radius: 0.35rem;
 padding: 0.55rem 0.65rem 0.75rem;
 margin-bottom: 0.5rem;
 display: flex;
 flex-direction: column;
 gap: 0.45rem;
 min-height: 12rem;
}
.pi-att-bar {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 gap: 0.45rem 0.65rem;
}
.pi-att-scroll {
 overflow: auto;
 max-height: min(55vh, 28rem);
 border: 1px solid #b0bec5;
}
.pi-att-table { font-size: 0.8rem; }
.pi-att-table thead th {
 background: #eceff1;
 font-size: 0.76rem;
 white-space: nowrap;
}

.pi-att-grid {
 display: flex;
 flex-wrap: wrap;
 gap: 0.75rem;
 padding: 0.35rem 0;
}
.pi-att-card {
 width: 300px;
 border: 1px solid #b0bec5;
 background: #fff;
 padding: 0.35rem;
 display: flex;
 flex-direction: column;
 gap: 0.3rem;
}
.pi-att-pending {
 border-style: dashed;
 border-color: #f0ad4e;
 background: #fffdf6;
}
.pi-att-thumb {
 border: 0;
 padding: 0;
 background: #eceff1;
 cursor: pointer;
 width: 300px;
 height: 300px;
 overflow: hidden;
 display: block;
}
.pi-att-thumb img {
 width: 300px;
 height: 300px;
 object-fit: cover;
 display: block;
}
.pi-att-placeholder {
 width: 300px;
 height: 300px;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 gap: 0.35rem;
 color: #607d8b;
 font-size: 0.85rem;
}
.pi-att-placeholder i { font-size: 2rem; }
.pi-att-meta {
 font-size: 0.78rem;
 font-weight: 600;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}
.pi-att-actions { display: flex; gap: 0.35rem; }
.pi-att-preview-mask {
 position: fixed;
 inset: 0;
 background: rgba(15, 23, 42, 0.55);
 z-index: 12000;
 display: flex;
 align-items: center;
 justify-content: center;
 padding: 1rem;
}
.pi-att-preview {
 background: #fff;
 border-radius: 0.4rem;
 max-width: min(92vw, 960px);
 max-height: 92vh;
 overflow: auto;
 padding: 0.65rem;
 box-shadow: 0 18px 40px rgba(15, 23, 42, 0.35);
}
.pi-att-preview-bar {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 0.75rem;
 margin-bottom: 0.5rem;
}
.pi-att-preview-img {
 max-width: 100%;
 max-height: 80vh;
 display: block;
 margin: 0 auto;
}

/* Trial Balance selection + report */
.tb-page {
 max-width: 28rem;
 margin: 0.75rem auto 1.5rem;
 display: flex;
 flex-direction: column;
 gap: 0.65rem;
}
.tb-opts {
 background: linear-gradient(180deg, #f4f9ff 0%, #ffffff 72%);
 border: 1px solid #c5d7ea;
 border-radius: 0.55rem;
 box-shadow: 0 1px 2px rgba(11, 31, 107, 0.06);
 padding: 0.7rem 0.85rem 0.85rem;
 margin: 0;
}
.tb-opts legend {
 float: none;
 width: auto;
 font-size: 1.05rem;
 font-weight: 700;
 color: #0b1f6b;
 padding: 0 0.35rem;
 margin-bottom: 0.45rem;
}
.tb-field {
 display: grid;
 grid-template-columns: 9.5rem 1fr;
 gap: 0.45rem;
 align-items: center;
 margin-bottom: 0.45rem;
}
.tb-field label {
 margin: 0;
 font-size: 0.86rem;
 font-weight: 600;
}
.tb-factory label,
.tb-factory .form-control {
 font-weight: 700;
}
.tb-check {
 display: flex;
 align-items: center;
 gap: 0.4rem;
 font-size: 0.86rem;
 margin: 0.2rem 0 0.45rem 0.15rem;
 font-weight: 600;
}
.tb-actions {
 display: flex;
 justify-content: space-between;
 gap: 0.5rem;
}
.tb-major-btn {
 width: 100%;
 border: 1px solid #90a4ae;
 background: #fff;
 padding: 0.45rem 0.65rem;
 font-weight: 600;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: 0.4rem;
}
.tb-major-btn:hover { background: #f5f7f8; }
.tb-major-btn:disabled { opacity: 0.5; }

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Current Stock with Value (CurrentStockDialog) - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* -- Item Wise Sale / Purchase (ItemWiseSaleDialog) -- */
.page:has(.desk-doc.is-on .iw-page) {
    min-height: 0;
    height: 100dvh;
    max-height: 100dvh;
    overflow: hidden;
    max-width: none !important;
    width: 100%;
    background:
        radial-gradient(1200px 420px at 8% -10%, rgba(56, 132, 214, 0.16), transparent 55%),
        radial-gradient(900px 360px at 92% 0%, rgba(11, 31, 107, 0.09), transparent 50%),
        linear-gradient(180deg, #eaf4fd 0%, #f4f8fc 48%, #eef4fa 100%);
}
.page:has(.desk-doc.is-on .iw-page) > .ledger {
    flex: 1 1 0;
    min-height: 0;
    overflow: hidden;
    max-width: none !important;
    width: 100%;
}
.page:has(.desk-doc.is-on .iw-page) > .ledger > .content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    height: 100%;
    overflow: hidden;
    max-width: none !important;
    width: 100%;
    box-sizing: border-box;
    padding: 0 !important;
    background: transparent;
}
.page:has(.desk-doc.is-on .al-preview-panel):has(.desk-doc.is-on .iw-report) .iw-page { display: none; }
.page:has(.desk-doc.is-on .iw-page) .iw-page {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    max-height: 100%;
    width: 100%;
    max-width: none;
    margin: 0;
    overflow: hidden;
    box-sizing: border-box;
}
@media print {
    .page:has(.desk-doc.is-on .iw-page) { height: auto; min-height: 0; overflow: visible; background: #fff; }
    .page:has(.desk-doc.is-on .iw-page) .iw-page { display: none; }
}

.iw-page {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0.55rem 0.75rem 0.65rem;
    font-family: 'Fira Sans Condensed', 'Noto Nastaliq Urdu', sans-serif;
    font-weight: 700;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}
.iw-page :where(label, span, p, div, button, input, select, strong, h1, td, th),
.iw-preview :where(label, span, p, div, button, input, select, strong, h1, td, th) {
    font-weight: 700;
}
.iw-page .bi,
.iw-preview .bi { font-weight: 400; }
.iw-shell {
    width: 100%;
    max-width: none;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    overflow: hidden;
}
.iw-caption {
    flex: 0 0 auto;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0.35rem 0.85rem;
    background: linear-gradient(135deg, #0b1f6b 0%, #1565c0 55%, #1e88e5 100%);
    color: #fff;
    border-radius: 0.7rem;
    padding: 0.55rem 1rem;
    box-shadow: 0 8px 22px rgba(11, 31, 107, 0.16);
}
.iw-caption-kicker {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    opacity: 0.82;
}
.iw-caption h1 {
    margin: 0;
    font-size: 1.28rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    line-height: 1.1;
}
.iw-caption p {
    margin: 0;
    margin-left: auto;
    font-size: 0.95rem;
    font-weight: 700;
    opacity: 0.92;
}
.iw-body {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid #c5d7ea;
    border-radius: 0.8rem;
    box-shadow: 0 8px 28px rgba(11, 31, 107, 0.08);
    padding: 0.7rem 0.8rem 0.75rem;
    overflow: hidden;
}
.iw-top {
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: minmax(14rem, 1.15fr) minmax(16rem, 1fr) minmax(20rem, 1.55fr);
    gap: 0.65rem 1rem;
    align-items: end;
    padding-bottom: 0.6rem;
    border-bottom: 1px solid #d7e3f0;
}
.iw-field label {
    display: block;
    font-size: 0.74rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #0b1f6b;
    margin-bottom: 0.22rem;
}
.iw-dates {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
}
.iw-checks {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.28rem 0.85rem;
    align-content: end;
    padding-bottom: 0.1rem;
}
.iw-check {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-weight: 700;
    font-size: 0.9rem;
    color: #16325c;
    margin: 0;
    white-space: nowrap;
}
.iw-check input {
    width: 1rem;
    height: 1rem;
    accent-color: #1565c0;
}
.iw-lists {
    flex: 1 1 auto;
    min-height: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
    align-items: stretch;
}
.iw-panel {
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: 100%;
    border: 1px solid #c5d7ea;
    border-radius: 0.65rem;
    background: linear-gradient(180deg, #f7fbff 0%, #ffffff 38%);
    overflow: hidden;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}
.iw-panel-head {
    flex: 0 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    padding: 0.42rem 0.7rem;
    background: linear-gradient(180deg, #e8f1fb, #d9e8f8);
    border-bottom: 1px solid #c5d7ea;
    font-weight: 800;
    font-size: 0.86rem;
    color: #0b1f6b;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}
.iw-panel-count {
    font-size: 0.72rem;
    font-weight: 700;
    color: #1565c0;
    background: rgba(21, 101, 192, 0.08);
    border: 1px solid rgba(21, 101, 192, 0.18);
    border-radius: 999px;
    padding: 0.08rem 0.45rem;
    text-transform: none;
    letter-spacing: 0;
}
.iw-chklist {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    background: #fff;
    overscroll-behavior: contain;
}
.iw-empty {
    padding: 0.85rem;
    color: #78909c;
    font-weight: 700;
    font-size: 0.85rem;
}
.iw-chk {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.3rem 0.65rem;
    margin: 0;
    font-weight: 700;
    font-size: 0.9rem;
    color: #1a2b44;
    border-bottom: 1px solid #eef2f6;
    cursor: pointer;
}
.iw-chk:hover { background: #eef6ff; }
.iw-chk.sel {
    background: linear-gradient(90deg, #dcebff, #eef6ff);
    color: #0b1f6b;
}
.iw-chk input {
    width: 0.95rem;
    height: 0.95rem;
    accent-color: #1565c0;
    flex: 0 0 auto;
}
.iw-actions {
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1.4fr;
    gap: 0.6rem;
    padding-top: 0.55rem;
    border-top: 1px solid #d7e3f0;
}
.iw-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 2.55rem;
    border: none;
    border-radius: 0.6rem;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 0.01em;
    cursor: pointer;
    transition: transform 0.12s ease, box-shadow 0.12s ease, filter 0.12s ease;
}
.iw-btn:hover:not(:disabled) {
    transform: translateY(-1px);
    filter: brightness(1.03);
}
.iw-btn:disabled { opacity: 0.65; cursor: wait; }
.iw-btn-detail {
    color: #0b1f6b;
    background: linear-gradient(180deg, #e8f1fb, #d4e5f7);
    border: 1px solid #9db8d8;
    box-shadow: 0 2px 0 rgba(11, 31, 107, 0.08);
}
.iw-btn-close {
    color: #fff;
    background: linear-gradient(180deg, #ef5350, #c62828);
    box-shadow: 0 6px 16px rgba(198, 40, 40, 0.22);
}
.iw-btn-view {
    color: #fff;
    background: linear-gradient(180deg, #1e88e5, #0d47a1);
    box-shadow: 0 8px 18px rgba(13, 71, 161, 0.28);
}
.iw-alert { flex: 0 0 auto; border-radius: 0.65rem; }

.iw-preview { width: 100%; }
.iw-report {
    width: 100%;
    max-width: none;
    background: #fff;
    padding: 0.85rem 1.15rem 1.4rem;
    font-family: 'Fira Sans Condensed', 'Noto Nastaliq Urdu', sans-serif;
    font-weight: 700;
    box-sizing: border-box;
}
.iw-rpt-title {
    text-align: center;
    font-weight: 800;
    font-size: 1.35rem;
    letter-spacing: 0.04em;
    color: #0b1f6b;
}
.iw-rpt-cap {
    text-align: center;
    font-size: 0.95rem;
    margin-bottom: 0.75rem;
    color: #334155;
}
.iw-sec { margin-bottom: 1rem; }
.iw-sec-head {
    font-weight: 800;
    font-size: 1.02rem;
    color: #0b1f6b;
    border-bottom: 2px solid #0b1f6b;
    margin-bottom: 0.25rem;
    padding-bottom: 0.15rem;
}
.iw-tx {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.86rem;
}
.iw-tx th, .iw-tx td {
    border: 1px solid #000;
    padding: 0.22rem 0.4rem;
    vertical-align: middle;
}
.iw-tx thead th {
    background: #9e9e9e;
    text-align: center;
    font-weight: 800;
}
.iw-tx tbody tr:nth-child(even) { background: #f5f5f5; }
.iw-mnd { background: #fff59d !important; }
.iw-tot td, .iw-grand td {
    background: #e0e0e0;
    font-weight: 800;
}
@media (max-width: 1100px) {
    .iw-top { grid-template-columns: 1fr 1fr; }
    .iw-checks { grid-column: 1 / -1; }
    .iw-lists { grid-template-columns: 1fr 1fr; }
    .iw-caption p { margin-left: 0; width: 100%; }
}
@media (max-width: 760px) {
    .page:has(.desk-doc.is-on .iw-page) { height: auto; max-height: none; overflow: auto; }
    .page:has(.desk-doc.is-on .iw-page) .iw-page,
    .iw-page, .iw-shell, .iw-body { overflow: visible; height: auto; max-height: none; }
    .iw-top, .iw-lists, .iw-actions, .iw-dates, .iw-checks { grid-template-columns: 1fr; }
    .iw-chklist { min-height: 10rem; max-height: 16rem; }
}
@media print {
    .iw-report { padding: 0; }
}

.cs-page {
 max-width: 26rem;
 margin: 0.75rem auto 1.5rem;
 display: flex;
 flex-direction: column;
 gap: 0.65rem;
 font-family: 'Fira Sans Condensed', 'Noto Nastaliq Urdu', sans-serif;
}
.cs-opts {
 background: linear-gradient(180deg, #f4f9ff 0%, #ffffff 72%);
 border: 1px solid #c5d7ea;
 border-radius: 0.55rem;
 box-shadow: 0 1px 2px rgba(11, 31, 107, 0.06);
 padding: 0.7rem 0.85rem 0.85rem;
 margin: 0;
}
.cs-opts legend {
 float: none;
 width: auto;
 font-size: 1.05rem;
 font-weight: 700;
 color: #0b1f6b;
 padding: 0 0.35rem;
 margin-bottom: 0.45rem;
}
.cs-field {
 display: grid;
 grid-template-columns: 8.5rem 1fr;
 gap: 0.4rem;
 align-items: center;
 margin-bottom: 0.4rem;
}
.cs-field label {
 margin: 0;
 font-size: 0.86rem;
 font-weight: 700;
 color: #0b1f6b;
 text-transform: uppercase;
 letter-spacing: 0.02em;
}
.cs-field-full {
 grid-template-columns: 1fr;
 margin-top: 0.15rem;
}
.cs-checks {
 display: flex;
 flex-wrap: wrap;
 gap: 0.85rem 1.25rem;
 margin: 0.35rem 0 0.45rem;
}
.cs-check {
 display: inline-flex;
 align-items: center;
 gap: 0.35rem;
 font-size: 0.86rem;
 font-weight: 700;
 margin: 0;
 cursor: pointer;
}
.cs-cats {
 border: 1px solid #90a4ae;
 background: #fff;
 margin-top: 0.35rem;
}
.cs-cats-scroll {
 max-height: 16rem;
 overflow: auto;
 padding: 0.15rem 0;
}
.cs-cat {
 display: flex;
 align-items: center;
 gap: 0.4rem;
 margin: 0;
 padding: 0.22rem 0.5rem;
 font-size: 0.88rem;
 font-weight: 600;
 cursor: pointer;
}
.cs-cat:hover { background: #e3f2fd; }
.cs-cat.sel { background: #bbdefb; }
.cs-actions {
 display: flex;
 justify-content: center;
 gap: 0.75rem;
}
.cs-report {
 background: #fff;
 padding: 0.5rem 0.75rem 1rem;
 color: #111;
}
.cs-rpt-title {
 text-align: center;
 font-weight: 800;
 font-size: 1.15rem;
 letter-spacing: 0.03em;
 margin: 0.15rem 0;
}
.cs-rpt-meta {
 display: flex;
 justify-content: space-between;
 font-weight: 700;
 font-size: 0.82rem;
 margin: 0.2rem 0 0.45rem;
}
.cs-tx {
 width: 100%;
 border-collapse: collapse;
 font-size: 0.78rem;
 font-weight: 700;
}
.cs-tx th,
.cs-tx td {
 border: 1px solid #000;
 padding: 0.14rem 0.28rem;
 vertical-align: middle;
}
.cs-tx thead th {
 background: #e0e0e0 !important;
 text-align: center;
}
.cs-col-idx { width: 2.2rem; }
.cs-col-id { width: 3rem; }
.cs-col-num { width: 5.5rem; }
.cs-col-amt { width: 7.5rem; }
.cs-tx tr.cs-group td {
 background: #f5f5f5;
 font-weight: 800;
 letter-spacing: 0.02em;
}
.cs-tx tr.cs-gtot td,
.cs-tx tfoot tr.cs-grand td {
 background: #e0e0e0;
 font-weight: 800;
}
@media print {
 .cs-report { padding: 0; }
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Daily Working Register - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.dwr-page {
 max-width: 26rem;
 margin: 0.75rem auto 1.5rem;
 display: flex;
 flex-direction: column;
 gap: 0.55rem;
 font-family: 'Fira Sans Condensed', 'Noto Nastaliq Urdu', sans-serif;
}
.dwr-caption {
 background: linear-gradient(180deg, #ffe082 0%, #ffca28 100%);
 border: 1px solid #c9a000;
 text-align: center;
 font-weight: 800;
 font-size: 1.05rem;
 padding: 0.35rem 0.5rem;
 color: #212121;
}
.dwr-opts {
 background: linear-gradient(180deg, #f4f9ff 0%, #ffffff 72%);
 border: 1px solid #c5d7ea;
 border-radius: 0.45rem;
 padding: 0.7rem 0.85rem 0.85rem;
 margin: 0;
}
.dwr-opts legend {
 float: none;
 width: auto;
 font-size: 0.95rem;
 font-weight: 700;
 color: #0b1f6b;
 padding: 0 0.35rem;
}
.dwr-field {
 display: grid;
 grid-template-columns: 6.5rem 1fr;
 gap: 0.4rem;
 align-items: center;
 margin-bottom: 0.5rem;
}
.dwr-field label {
 margin: 0;
 font-weight: 700;
 font-size: 0.86rem;
}
.dwr-check {
 display: flex;
 align-items: center;
 gap: 0.4rem;
 font-weight: 700;
 font-size: 0.88rem;
 margin: 0.28rem 0;
 cursor: pointer;
}
.dwr-actions {
 display: flex;
 justify-content: center;
 gap: 0.65rem;
}
.dwr-report {
 background: #fff;
 padding: 0.5rem 0.75rem 1rem;
 color: #111;
}
.dwr-rpt-title {
 text-align: center;
 font-weight: 800;
 font-size: 1.05rem;
 margin: 0.2rem 0 0.55rem;
}
.dwr-sec { margin-bottom: 0.85rem; }
.dwr-sec-head {
 text-align: center;
 font-weight: 800;
 font-size: 0.92rem;
 border-bottom: 1px solid #000;
 padding: 0.15rem 0;
 margin-bottom: 0.2rem;
}
.dwr-tx {
 width: 100%;
 border-collapse: collapse;
 font-size: 0.76rem;
 font-weight: 700;
}
.dwr-tx th,
.dwr-tx td {
 border: 1px solid #000;
 padding: 0.12rem 0.25rem;
 vertical-align: middle;
}
.dwr-tx thead th { background: #e8e8e8 !important; text-align: center; }
.dwr-sr { width: 2.2rem; }
.dwr-tx tr.dwr-grp td { background: #f5f5f5; font-weight: 800; }
.dwr-tx tr.dwr-sub td,
.dwr-tx tr.dwr-tot td { background: #e0e0e0; font-weight: 800; }
.dwr-royal td { font-size: 0.72rem; font-weight: 600; white-space: pre-line; }
@media print {
 .dwr-report { padding: 0; }
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Voucher Transactions (VoucherTransDialog) - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.vt-page {
 display: flex;
 flex-direction: column;
 width: 100%;
 max-width: none;
 height: calc(100vh - 7.5rem);
 min-height: 420px;
 margin: 0;
 font-family: 'Fira Sans Condensed', 'Noto Nastaliq Urdu', sans-serif;
 font-weight: 700;
 background: #f7f9fc;
 border: 1px solid #c5d0de;
 border-radius: 6px;
 overflow: hidden;
}
.vt-caption {
 text-align: center;
 font-weight: 800;
 font-size: 1.08rem;
 letter-spacing: 0.03em;
 padding: 0.42rem 0.75rem;
 color: #fff;
 background: linear-gradient(180deg, #2f6fed 0%, #1e4fc7 100%);
 border: none;
 border-bottom: 1px solid #164a96;
 margin: 0;
}
.vt-body {
 display: grid;
 grid-template-columns: minmax(0, 1.55fr) minmax(14rem, 0.72fr);
 gap: 0.45rem;
 align-items: stretch;
 flex: 1 1 auto;
 min-height: 0;
 padding: 0.45rem;
}
.vt-docs {
 border: 1px solid #9eb2cc;
 background: #fff;
 border-radius: 4px;
 min-height: 0;
 height: 100%;
 display: flex;
 flex-direction: column;
 overflow: hidden;
}
.vt-docs-scroll {
 flex: 1 1 auto;
 min-height: 0;
 max-height: none;
 overflow: auto;
 padding: 0.1rem 0;
}
.vt-doc {
 display: flex;
 align-items: center;
 gap: 0.4rem;
 margin: 0;
 padding: 0.18rem 0.5rem;
 font-size: 0.88rem;
 font-weight: 700;
 cursor: pointer;
 border-bottom: 1px solid #eef2f7;
}
.vt-doc span { font-weight: 700; }
.vt-doc input { flex: 0 0 auto; }
.vt-doc:hover { background: #e3f2fd; }
.vt-doc.sel { background: #bbdefb; }
.vt-right {
 display: flex;
 flex-direction: column;
 gap: 0.45rem;
 padding: 0.35rem 0.25rem 0.15rem;
 min-height: 0;
 background: #fff;
 border: 1px solid #9eb2cc;
 border-radius: 4px;
}
.vt-field {
 display: flex;
 flex-direction: column;
 gap: 0.18rem;
}
.vt-field label {
 margin: 0;
 font-weight: 800;
 font-size: 0.82rem;
 color: #0b1f6b;
 text-transform: uppercase;
 letter-spacing: 0.02em;
}
.vt-actions {
 display: flex;
 flex-direction: column;
 gap: 0.4rem;
 margin-top: auto;
 padding-top: 0.35rem;
}
.vt-actions .al-btn-preview,
.vt-actions .al-btn-close {
 flex: 0 0 auto;
 min-height: 2.65rem;
 font-size: 0.95rem;
 font-weight: 800;
 border-radius: 4px;
 box-shadow: 0 1px 2px rgba(0,0,0,0.08);
}
.vt-page .alert { font-weight: 700; margin: 0 0.45rem 0.45rem; }
.vt-report {
 background: #fff;
 padding: 0.5rem 0.75rem 1rem;
 color: #111;
 font-weight: 700;
}
.vt-rpt-date {
 text-align: right;
 font-weight: 800;
 font-size: 0.95rem;
 margin: 0.15rem 0 0.45rem;
}
.vt-sec { margin-bottom: 0.75rem; }
.vt-sec-head {
 font-weight: 800;
 font-size: 0.95rem;
 background: #e8e8e8;
 border: 1px solid #000;
 padding: 0.2rem 0.35rem;
}
.vt-tx {
 width: 100%;
 border-collapse: collapse;
 font-size: 0.78rem;
 font-weight: 700;
}
.vt-tx th,
.vt-tx td {
 border: 1px solid #000;
 padding: 0.14rem 0.28rem;
 vertical-align: top;
 font-weight: 700;
}
.vt-tx thead th { background: #cfcfcf !important; text-align: center; font-weight: 800; }
.vt-col-tr { width: 3.2rem; }
.vt-col-dt { width: 6rem; }
.vt-col-ac { width: 12rem; }
.vt-col-amt { width: 7rem; }
.vt-narr { white-space: pre-line; font-weight: 700; }
.vt-tx tr.vt-tot td { background: #e0e0e0; font-weight: 800; }
.vt-grand { margin-top: 0.35rem; max-width: 24rem; margin-left: auto; }
.vt-grand td { border: 1px solid #000; padding: 0.2rem 0.35rem; font-weight: 800; }
@media (max-width: 700px) {
 .vt-page { height: auto; min-height: 0; }
 .vt-body { grid-template-columns: 1fr; }
 .vt-docs { min-height: 14rem; height: auto; max-height: 50vh; }
}
@media print {
 .vt-report { padding: 0; }
}
.page:has(.desk-doc.is-on .al-preview-panel):has(.desk-doc.is-on .vt-report) .vt-page { display: none; }



/* ===== Cash Book report selection (desktop Cash Book dialog) ===== */
.page:has(.desk-doc.is-on .cbr-page) {
 background: #eaf4fd;
}
.page:has(.desk-doc.is-on .cbr-page) > .ledger > .content {
 background: #eaf4fd;
 padding: 0 !important;
}
.page:has(.desk-doc.is-on .al-preview-panel):has(.desk-doc.is-on .cbr-report) .cbr-page {
 display: none;
}
@media print {
 .page:has(.desk-doc.is-on .cbr-page) { height: auto; min-height: 0; overflow: visible; background: #fff; }
 .page:has(.desk-doc.is-on .cbr-page) .cbr-page { display: none; }
}

.cbr-page {
 width: 100%;
 max-width: none;
 margin: 0;
 padding: 1rem 0.85rem 1.5rem;
 box-sizing: border-box;
 min-height: 100%;
 display: flex;
 flex-direction: column;
 align-items: center;
 gap: 0;
 font-family: 'Fira Sans Condensed', 'Noto Nastaliq Urdu', sans-serif;
 font-weight: 700;
 background: #eaf4fd;
}
.cbr-page > .cbr-caption,
.cbr-page > .cbr-body,
.cbr-page > .alert {
 width: 100%;
 max-width: 48rem;
}
.cbr-caption {
 text-align: center;
 font-weight: 800;
 font-size: 1.12rem;
 letter-spacing: 0.04em;
 padding: 0.42rem 0.75rem;
 color: #3e2723;
 background: linear-gradient(180deg, #fff59d 0%, #ffd54f 55%, #fbc02d 100%);
 border: 1px solid #f9a825;
 border-bottom: 1px solid #f57f17;
 border-radius: 6px 6px 0 0;
 margin: 0;
 box-shadow: inset 0 1px 0 rgba(255,255,255,0.55);
}
.cbr-body {
 display: grid;
 grid-template-columns: minmax(0, 1.4fr) minmax(12rem, 0.9fr);
 gap: 0.55rem;
 align-items: stretch;
 background: #d6ebf8;
 border: 1px solid #90a4ae;
 border-top: none;
 border-radius: 0 0 6px 6px;
 padding: 0.55rem;
 box-shadow: 0 6px 18px rgba(11, 31, 107, 0.08);
}
.cbr-left {
 border: 1px solid #9e9e9e;
 background: #eceff1;
 padding: 0.55rem 0.65rem 0.7rem;
 display: flex;
 flex-direction: column;
 gap: 0.38rem;
 border-radius: 3px;
}
.cbr-field label {
 display: block;
 font-size: 0.78rem;
 font-weight: 800;
 text-transform: uppercase;
 color: #0d47a1;
 margin-bottom: 0.12rem;
}
.cbr-date-row {
 display: grid;
 grid-template-columns: 4.2rem 1fr;
 align-items: center;
 gap: 0.35rem;
}
.cbr-date-row label {
 margin: 0;
 font-size: 0.82rem;
 font-weight: 800;
 color: #0d47a1;
 text-transform: uppercase;
}
.cbr-grp-row {
 display: grid;
 grid-template-columns: 1fr auto;
 gap: 0.35rem 0.5rem;
 align-items: end;
}
.cbr-grp-row > label:first-child { grid-column: 1 / -1; }
.cbr-check {
 display: flex;
 align-items: center;
 gap: 0.4rem;
 font-weight: 700;
 font-size: 0.88rem;
 margin: 0;
 color: #212121;
}
.cbr-check input {
 accent-color: #1565c0;
 width: 1rem;
 height: 1rem;
 margin: 0;
 flex: 0 0 auto;
}
.cbr-check.cbr-inline { white-space: nowrap; }
.cbr-left .form-select,
.cbr-left .form-control,
.cbr-left .erp-date,
.cbr-left .spick .form-control {
 font-weight: 700;
 min-height: 2.05rem;
}
.cbr-actions {
 display: flex;
 flex-direction: column;
 gap: 0.4rem;
 margin-top: 0.45rem;
}
.cbr-actions .al-btn-preview,
.cbr-actions .al-btn-close {
 flex: 0 0 auto;
 width: 100%;
 min-height: 2.65rem;
 font-size: 0.95rem;
 font-weight: 800;
 border-radius: 4px;
 box-shadow: 0 1px 2px rgba(0,0,0,0.08);
}
.cbr-facts {
 border: 1px solid #90a4ae;
 background: #fff;
 display: flex;
 flex-direction: column;
 min-height: 16rem;
 border-radius: 3px;
 overflow: hidden;
}
.cbr-facts-head {
 background: linear-gradient(180deg, #1976d2 0%, #1565c0 100%);
 color: #fff;
 font-weight: 800;
 padding: 0.35rem 0.5rem;
 border-bottom: 1px solid #0d47a1;
}
.cbr-facts-head .cbr-check {
 color: #fff;
 font-size: 0.88rem;
 font-weight: 800;
}
.cbr-facts-head .cbr-check input { accent-color: #fff; }
.cbr-facts-scroll {
 flex: 1;
 overflow: auto;
 max-height: 22rem;
 background: #fafbfc;
}
.cbr-fact {
 display: flex;
 align-items: center;
 gap: 0.4rem;
 padding: 0.28rem 0.5rem;
 margin: 0;
 font-weight: 700;
 font-size: 0.88rem;
 border-bottom: 1px solid #eee;
 cursor: pointer;
}
.cbr-fact:hover { background: #e3f2fd; }
.cbr-fact.sel { background: #bbdefb; }
.cbr-page > .alert {
 margin-top: 0.45rem;
}

.cbr-report {
 background: #fff;
 padding: 0.75rem 1rem 1.25rem;
 font-family: 'Fira Sans Condensed', 'Noto Nastaliq Urdu', sans-serif;
 font-weight: 700;
}
.cbr-rpt-title {
 text-align: center;
 font-weight: 800;
 font-size: 1.15rem;
 letter-spacing: 0.04em;
}
.cbr-rpt-cap, .cbr-rpt-ac {
 text-align: center;
 font-size: 0.9rem;
 margin-bottom: 0.15rem;
}
.cbr-bal-row {
 display: flex;
 justify-content: space-between;
 gap: 1rem;
 margin: 0.45rem 0 0.35rem;
 font-size: 0.92rem;
}
.cbr-cols {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 0.55rem;
 align-items: start;
}
.cbr-col-head {
 background: #cfd8dc;
 text-align: center;
 font-weight: 800;
 padding: 0.2rem;
 border: 1px solid #000;
 border-bottom: none;
}
.cbr-tx {
 width: 100%;
 border-collapse: collapse;
 font-size: 0.78rem;
}
.cbr-tx th, .cbr-tx td {
 border: 1px solid #000;
 padding: 0.12rem 0.28rem;
 vertical-align: top;
}
.cbr-tx thead th { background: #cfcfcf; text-align: center; }
.cbr-col-ref { width: 2.6rem; }
.cbr-col-id { width: 2.8rem; }
.cbr-col-dt { width: 4.2rem; }
.cbr-col-amt { width: 5.5rem; }
.cbr-detail { white-space: pre-line; font-weight: 600; }
.cbr-grp td { background: #e3f2fd; font-weight: 800; }
.cbr-tot td { background: #e0e0e0; font-weight: 800; }
.cbr-noncash, .cbr-pur { margin-top: 0.75rem; }
.cbr-footer-bal {
 margin-top: 0.65rem;
 text-align: right;
 font-size: 0.95rem;
}
@media (max-width: 800px) {
 .cbr-body, .cbr-cols { grid-template-columns: 1fr; }
}
@media print {
 .cbr-report { padding: 0; }
}


.tb-report {
 background: #fff;
 padding: 1rem 1.25rem 1.5rem;
 max-width: 52rem;
 margin: 0 auto;
}
.tb-title {
 text-align: center;
 font-weight: 800;
 font-size: 1.15rem;
 letter-spacing: 0.02em;
}
.tb-sub {
 text-align: center;
 font-weight: 700;
 margin: 0.2rem 0 0.85rem;
 font-size: 0.95rem;
}
.tb-grid {
 width: 100%;
 border-collapse: collapse;
 font-size: 0.9rem;
}
.tb-grid th,
.tb-grid td {
 border-top: 1px solid #222;
 border-bottom: 1px solid #222;
 padding: 0.35rem 0.45rem;
 vertical-align: top;
}
.tb-grid thead th {
 background: #eceff1;
 font-weight: 700;
 text-transform: uppercase;
 font-size: 0.82rem;
}
.tb-desc-major { font-weight: 600; }
.tb-desc-minor { padding-left: 1.25rem; color: #333; }
.tb-group td { font-weight: 800; background: #f3f5f6; }
.tb-subgroup td { font-weight: 700; }
.tb-type td { font-weight: 600; }
.tb-subtotal td { font-weight: 700; background: #fafafa; }
.tb-grand td { font-weight: 800; border-top-width: 2px; border-bottom-width: 2px; }
.tb-footer-net {
 text-align: right;
 font-weight: 700;
 margin-top: 0.55rem;
 padding-right: 0.45rem;
 border-top: 1px solid #222;
 padding-top: 0.35rem;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Daily Profit / Loss - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.dpl-page {
 display: flex;
 flex-direction: column;
 gap: 0.45rem;
}
.dpl-top {
 display: grid;
 grid-template-columns: minmax(12rem, 1fr) minmax(12rem, 1fr) minmax(16rem, 1.15fr);
 gap: 0.45rem;
 align-items: stretch;
}
.dpl-panel {
 border: 1px solid #90a4ae;
 background: #fff;
 display: flex;
 flex-direction: column;
 min-height: 18rem;
 max-height: 52vh;
}
.dpl-panel-scroll { overflow: auto; flex: 1 1 auto; }
.dpl-grid { width: 100%; }
.dpl-opts {
 border: 1px solid #90a4ae;
 background: #fafbfc;
 padding: 0.45rem 0.55rem 0.55rem;
 margin: 0;
 display: flex;
 flex-direction: column;
 gap: 0.35rem;
}
.dpl-opts legend {
 font-size: 0.82rem;
 font-weight: 700;
 padding: 0 0.25rem;
 float: none;
 width: auto;
}
.dpl-opt-row {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 gap: 0.65rem;
}
.dpl-view-row {
 display: grid;
 grid-template-columns: auto 1fr auto;
 gap: 0.35rem;
 align-items: center;
}
.dpl-view-row > label { font-size: 0.75rem; font-weight: 600; margin: 0; }
.dpl-dates {
 display: grid;
 grid-template-columns: auto 1fr auto 1fr;
 gap: 0.3rem;
 align-items: center;
 font-size: 0.75rem;
 font-weight: 600;
}
.dpl-yellow { background: #fff59d !important; }
.dpl-btn-pair {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 0.35rem;
}
.dpl-margin-cost { color: #0d47a1; }
.dpl-actions {
 display: flex;
 gap: 0.4rem;
 margin-top: 0.25rem;
}
.dpl-actions .al-btn-preview,
.dpl-actions .al-btn-close { flex: 1; }
.dpl-bottom {
 display: flex;
 flex-wrap: wrap;
 gap: 0.55rem;
 align-items: center;
 justify-content: space-between;
 border: 1px solid #90a4ae;
 background: #fff;
 padding: 0.4rem 0.55rem;
}
.dpl-bottom-fields {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 gap: 0.35rem;
 font-size: 0.78rem;
 font-weight: 600;
}
.dpl-bottom-fields select { min-width: 9rem; max-width: 14rem; }
.dpl-sel-btns {
 display: flex;
 flex-wrap: wrap;
 gap: 0.3rem;
}
.dpl-sel-btn {
 border: 1px solid #90a4ae;
 background: linear-gradient(180deg, #fff, #eceff1);
 padding: 0.28rem 0.45rem;
 font-size: 0.72rem;
 font-weight: 600;
 display: inline-flex;
 align-items: center;
 gap: 0.25rem;
}
.dpl-sel-btn:disabled { opacity: 0.55; }
.dpl-stmt {
 border-collapse: collapse !important;
}
.dpl-stmt > :not(caption) > * > * {
 border-color: #000 !important;
}
.dpl-stmt th,
.dpl-stmt td {
 border: 1px solid #000 !important;
 padding: 0.35rem 0.45rem;
 vertical-align: top;
}
.dpl-stmt thead th {
 background: #eceff1;
 font-weight: 700;
 text-transform: uppercase;
 font-size: 0.82rem;
 border-bottom: 2px solid #000 !important;
}
.dpl-stmt .income-group td {
 border-top: 2px solid #000 !important;
 background: #eef2f7;
}
.dpl-stmt .income-grandtotal td {
 border-top: 2px solid #000 !important;
 border-bottom: 3px double #000 !important;
 background: #fff8e1;
}
.dpl-profit { color: #1b5e20; font-weight: 700; }
.dpl-loss { color: #b71c1c; font-weight: 700; }
@media (max-width: 1100px) {
 .dpl-top { grid-template-columns: 1fr 1fr; }
 .dpl-opts { grid-column: 1 / -1; }
}
@media (max-width: 700px) {
 .dpl-top { grid-template-columns: 1fr; }
 .dpl-view-row { grid-template-columns: 1fr; }
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Business By Group - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.bbg-page {
 display: grid;
 grid-template-columns: minmax(0, 1fr) minmax(17rem, 20rem);
 gap: 0.5rem;
 align-items: start;
}
.bbg-main { display: flex; flex-direction: column; gap: 0.45rem; min-width: 0; }
.bbg-block {
 border: 1px solid #90a4ae;
 background: #fff;
 margin: 0;
 padding: 0.35rem 0.45rem 0.5rem;
}
.bbg-block legend {
 font-size: 0.82rem;
 font-weight: 700;
 float: none;
 width: auto;
 padding: 0 0.3rem;
}
.bbg-block-body {
 display: grid;
 grid-template-columns: minmax(0, 1fr) auto;
 gap: 0.45rem;
 align-items: stretch;
}
.bbg-sel-area {
 min-height: 7.5rem;
 border: 1px solid #cfd8dc;
 background: #fafbfc;
 padding: 0.4rem;
 overflow: auto;
}
.bbg-empty { color: #78909c; font-size: 0.82rem; padding: 0.5rem; }
.bbg-chips { display: flex; flex-wrap: wrap; gap: 0.3rem; }
.bbg-chip {
 display: inline-flex;
 align-items: center;
 gap: 0.25rem;
 background: #e3f2fd;
 border: 1px solid #90caf9;
 padding: 0.15rem 0.35rem;
 font-size: 0.72rem;
 font-weight: 600;
}
.bbg-chip-sm { background: #fff8e1; border-color: #ffe082; }
.bbg-chip button {
 border: none;
 background: transparent;
 font-weight: 800;
 line-height: 1;
 cursor: pointer;
 color: #c62828;
}
.bbg-side-btns {
 display: flex;
 flex-direction: column;
 gap: 0.28rem;
 min-width: 11.5rem;
}
.bbg-side-btn {
 border: 1px solid #90a4ae;
 background: linear-gradient(180deg, #fff, #eceff1);
 padding: 0.32rem 0.45rem;
 font-size: 0.72rem;
 font-weight: 600;
 text-align: left;
 display: inline-flex;
 align-items: center;
 gap: 0.3rem;
 cursor: pointer;
}
.bbg-side-btn:disabled { opacity: 0.5; cursor: not-allowed; }
.bbg-side-btn:hover:not(:disabled) { background: #e3f2fd; }
.bbg-picker {
 border: 1px solid #1976d2;
 background: #fff;
 display: flex;
 flex-direction: column;
 max-height: 28vh;
}
.bbg-picker-bar {
 display: flex;
 justify-content: space-between;
 align-items: center;
 gap: 0.5rem;
 padding: 0.35rem 0.5rem;
 background: #e3f2fd;
 border-bottom: 1px solid #90caf9;
}
.bbg-picker-scroll { overflow: auto; flex: 1; padding: 0.35rem; }
.bbg-picker-filter { margin-bottom: 0.35rem; }
.bbg-right {
 border: 1px solid #90a4ae;
 background: #fafbfc;
 display: flex;
 flex-direction: column;
 gap: 0.35rem;
 padding: 0.45rem;
 position: sticky;
 top: 0.35rem;
}
.bbg-right-top { display: flex; flex-direction: column; gap: 0.28rem; }
.bbg-lbl {
 font-size: 0.72rem;
 font-weight: 700;
 margin: 0.15rem 0 0;
 color: #37474f;
}
.bbg-yellow { background: #fff59d !important; }
.bbg-for-list {
 border: 1px solid #90a4ae;
 background: #fff;
 max-height: 8.5rem;
 overflow: auto;
 padding: 0.2rem;
}
.bbg-for-item {
 display: flex;
 align-items: center;
 gap: 0.35rem;
 font-size: 0.78rem;
 font-weight: 600;
 padding: 0.15rem 0.3rem;
 margin: 0;
 cursor: pointer;
}
.bbg-for-item.on { background: #bbdefb; }
.bbg-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 0.2rem; }
.bbg-tab {
 border: 1px solid #90a4ae;
 background: #eceff1;
 font-size: 0.72rem;
 font-weight: 700;
 padding: 0.35rem 0.25rem;
 cursor: pointer;
}
.bbg-tab.active { background: #fff59d; border-color: #f9a825; }
.bbg-tab-body {
 border: 1px solid #90a4ae;
 background: #fff;
 padding: 0.45rem;
 display: flex;
 flex-direction: column;
 gap: 0.35rem;
}
.bbg-dates,
.bbg-trans {
 display: grid;
 grid-template-columns: auto 1fr auto 1fr;
 gap: 0.25rem;
 align-items: center;
 font-size: 0.72rem;
 font-weight: 600;
}
.bbg-inline {
 display: grid;
 grid-template-columns: auto 1fr auto 1fr;
 gap: 0.25rem;
 align-items: center;
 font-size: 0.72rem;
 font-weight: 600;
}
.bbg-actions {
 display: flex;
 gap: 0.4rem;
 margin-top: 0.15rem;
}
.bbg-actions .al-btn-preview,
.bbg-actions .al-btn-close { flex: 1; }
@media (max-width: 1100px) {
 .bbg-page { grid-template-columns: 1fr; }
 .bbg-right { position: static; }
}

/* ===== Cash & Bank Book ===== */
.cb-wrap {
 display: flex;
 flex-direction: column;
 gap: 0;
 min-height: calc(100vh - 4.5rem);
 background: #eceff1;
 border: 1px solid #90a4ae;
}
.cb-tabs {
 display: flex;
 align-items: stretch;
 gap: 0.15rem;
 background: #cfd8dc;
 padding: 0.25rem 0.35rem 0;
 border-bottom: 1px solid #78909c;
}
.cb-tab {
 border: 1px solid #78909c;
 border-bottom: none;
 background: #b0bec5;
 color: #263238;
 font-weight: 700;
 font-size: 0.82rem;
 padding: 0.35rem 0.85rem;
 border-radius: 0.25rem 0.25rem 0 0;
 cursor: pointer;
}
.cb-tab.active {
 background: #fff;
 color: #0d47a1;
}
.cb-title {
 align-self: center;
 font-weight: 800;
 font-size: 1.05rem;
 color: #1e2933;
 padding-right: 0.5rem;
}
.cb-toolbar {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 gap: 0.6rem;
 align-items: center;
 background: #fff;
 border-bottom: 1px solid #b0bec5;
 padding: 0.45rem 0.55rem;
}
.cb-toolbar-left {
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 gap: 0.45rem;
 align-items: center;
 min-width: 0;
}
.cb-account {
 width: auto;
 min-width: 12rem;
 max-width: 18rem;
 flex: 0 1 16rem;
 font-weight: 700;
 text-transform: uppercase;
}
.cb-closing-row {
 display: contents;
}
.cb-closing-lbl {
 margin: 0;
 white-space: nowrap;
 font-size: 0.8rem;
 font-weight: 700;
}
.cb-closing-id {
 width: 5.5rem;
 flex: 0 0 auto;
 font-weight: 700;
}
.cb-ignore {
 display: inline-flex;
 align-items: center;
 gap: 0.25rem;
 margin: 0;
 white-space: nowrap;
 font-weight: 700;
}
.cb-toolbar-right {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 gap: 0.35rem;
 font-weight: 700;
 font-size: 0.82rem;
}
.cb-date { width: 8.5rem; font-weight: 700; }
/* Bold every Cash Book filter/toolbar control across tabs */
.cb-wrap .cb-toolbar label,
.cb-wrap .cb-toolbar .form-control,
.cb-wrap .cb-toolbar .form-select,
.cb-wrap .cb-toolbar .btn,
.cb-wrap .cb-toolbar input,
.cb-wrap .cb-toolbar select,
.cb-wrap .cb-toolbar .cb-date,
.cb-wrap .ccs-head-actions label,
.cb-wrap .ccs-head-actions .form-control,
.cb-wrap .ccs-head-actions .form-select,
.cb-wrap .ccs-head-actions .btn,
.cb-wrap .ccs-head-actions input,
.cb-wrap .ccs-head-actions select,
.cb-wrap .ccs-head-actions .cb-date,
.cb-wrap .ccs-filter label,
.cb-wrap .ccs-filter .form-control,
.cb-wrap .ccs-filter .form-select,
.cb-wrap .ccs-filter input,
.cb-wrap .ccs-filter select,
.cb-wrap .ccs-filter .btn,
.cb-wrap .cdc-toolbar label,
.cb-wrap .cdc-toolbar .form-control,
.cb-wrap .cdc-toolbar .form-select,
.cb-wrap .cdc-toolbar .btn,
.cb-wrap .cdc-toolbar input,
.cb-wrap .cdc-toolbar select,
.cb-wrap .cdb-head label,
.cb-wrap .cdb-head .form-control,
.cb-wrap .cdb-head .form-select,
.cb-wrap .cdb-head .btn,
.cb-wrap .cdb-head input,
.cb-wrap .cdb-head select {
 font-weight: 700 !important;
}
.cb-grid-wrap {
 flex: 1;
 overflow: auto;
 background: #fff;
 min-height: 18rem;
}
.cb-grid {
 width: 100%;
 border-collapse: collapse;
 font-size: 0.82rem;
 font-weight: 600;
}
.cb-grid th,
.cb-grid td {
 border: 1px solid #000;
 padding: 0.22rem 0.4rem;
 vertical-align: middle;
}
.cb-grid thead th {
 background: #cfd8dc;
 position: sticky;
 top: 0;
 z-index: 2;
 font-weight: 800;
}
.cb-col-id { width: 4.5rem; }
.cb-col-doc { width: 3.5rem; }
.cb-col-date { width: 5.2rem; }
.cb-col-amt { width: 7.5rem; }
.cb-col-desc { min-width: 18rem; }
.cb-desc { min-width: 22rem; }
.cb-row-open td {
 background: #90caf9 !important;
 color: #0d47a1 !important;
}
.cb-row-close td {
 background: #1e2933 !important;
 color: #fff !important;
}
.cb-summary {
 display: flex;
 flex-wrap: wrap;
 align-items: stretch;
 gap: 0.4rem;
 background: #eceff1;
 border-top: 2px solid #546e7a;
 padding: 0.4rem 0.5rem;
}
.cb-sum-lbl {
 align-self: center;
 font-weight: 800;
 font-size: 0.85rem;
 color: #37474f;
 margin-right: 0.35rem;
}
.cb-sum-box {
 display: flex;
 flex-direction: column;
 min-width: 7.5rem;
 border: 1px solid #78909c;
 padding: 0.2rem 0.45rem;
 font-weight: 700;
}
.cb-sum-box span {
 font-size: 0.7rem;
 line-height: 1.1;
}
.cb-sum-box strong {
 font-size: 0.92rem;
 text-align: end;
 font-variant-numeric: tabular-nums;
}
.cb-sum-open { background: #fff59d; }
.cb-sum-recv { background: #fffde7; }
.cb-sum-paid { background: #ffccbc; }
.cb-sum-bal { background: #b2ebf2; }
.cb-sum-close { background: #ce93d8; }
.cb-placeholder {
 background: #fff;
 padding: 2rem 1.25rem;
 text-align: center;
}
@media (max-width: 900px) {
 .cb-toolbar { flex-direction: column; align-items: stretch; }
 .cb-toolbar-right { justify-content: flex-start; }
}

/* ===== Cash / Credit Summary ===== */
.ccs-head {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 justify-content: space-between;
 gap: 0.5rem;
 background: #fff;
 border-bottom: 1px solid #b0bec5;
 padding: 0.35rem 0.55rem;
}
.ccs-head-title {
 font-weight: 800;
 font-size: 1rem;
 color: #1e2933;
 display: flex;
 align-items: center;
 gap: 0.35rem;
}
.ccs-head-actions {
 display: flex;
 align-items: center;
 gap: 0.35rem;
 font-weight: 700;
}
.ccs-tiles {
 background: #eceff1;
 padding: 0.45rem 0.5rem 0.55rem;
 display: flex;
 flex-direction: column;
 gap: 0.28rem;
}
.ccs-labels,
.ccs-values {
 display: grid;
 grid-template-columns: repeat(8, minmax(0, 1fr));
 gap: 0.28rem;
}
.ccs-lab,
.ccs-val {
 text-align: center;
 font-weight: 800;
 border: 1px solid rgba(0,0,0,.2);
 padding: 0.28rem 0.2rem;
 color: #fff;
 font-size: 0.78rem;
 min-height: 1.85rem;
 display: flex;
 align-items: center;
 justify-content: center;
}
.ccs-val {
 font-size: 0.9rem;
 font-variant-numeric: tabular-nums;
 background: #fff;
 color: #111;
}
.ccs-sales { background: #0d47a1; }
.ccs-retail { background: #2e7d32; }
.ccs-sret { background: #c62828; }
.ccs-pur { background: #7cb342; }
.ccs-pret { background: #f9a825; color: #111 !important; }
.ccs-recov { background: linear-gradient(90deg, #0b1f6b, #1e8aef); }
.ccs-pay { background: #d32f2f; }
.ccs-recv { background: #1b5e20; }
.ccs-values .ccs-sales { background: #e3f2fd; color: #0d47a1; }
.ccs-values .ccs-retail { background: #e8f5e9; color: #1b5e20; }
.ccs-values .ccs-sret { background: #ffebee; color: #b71c1c; }
.ccs-values .ccs-pur { background: #f1f8e9; color: #33691e; }
.ccs-values .ccs-pret { background: #fffde7; color: #f57f17; }
.ccs-values .ccs-recov { background: #e3f2fd; color: #1e2933; }
.ccs-values .ccs-pay { background: #ffebee; color: #b71c1c; }
.ccs-values .ccs-recv { background: #e8f5e9; color: #1b5e20; }
.ccs-credit-bar {
 background: #81d4fa;
 color: #01579b;
 font-weight: 900;
 text-align: center;
 letter-spacing: 0.08em;
 padding: 0.28rem;
 border: 1px solid #0288d1;
}
.ccs-filter {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 gap: 0.4rem;
 background: #fff;
 border-top: 1px solid #b0bec5;
 border-bottom: 1px solid #b0bec5;
 padding: 0.35rem 0.55rem;
 font-weight: 700;
 font-size: 0.82rem;
}
.ccs-filter-q { flex: 1; min-width: 12rem; }
.ccs-only {
 display: inline-flex;
 align-items: center;
 gap: 0.25rem;
 margin: 0;
}
.ccs-only-sel { min-width: 12rem; max-width: 18rem; }
.ccs-pos-title {
 text-align: center;
 color: #0b1f6b;
 font-weight: 800;
 font-size: 0.95rem;
 padding: 0.45rem 0.5rem 0.25rem;
 background: #fff;
}
.ccs-pos-wrap {
 flex: 1;
 overflow: auto;
 background: #fff;
 padding: 0 0.5rem 0.75rem;
}
.ccs-pos {
 width: 100%;
 border-collapse: collapse;
 font-weight: 700;
 font-size: 0.85rem;
}
.ccs-pos th,
.ccs-pos td {
 border: 1px solid #90a4ae;
 padding: 0.3rem 0.45rem;
}
.ccs-pos thead th {
 background: #1a5fd4;
 color: #fff;
}
.ccs-pos tbody tr td,
.ccs-pos tfoot tr td {
 background: linear-gradient(180deg, #ff8a2a 0%, #e23b08 100%);
 color: #fff;
 text-shadow: 0 1px 0 rgba(0,0,0,.28);
}
.ccs-pos tbody tr.pos-dr td,
.ccs-pos tfoot tr.pos-dr td {
 background: linear-gradient(180deg, #5ee07a 0%, #0b8f3c 100%);
}
.ccs-pos tbody tr.pos-cr td,
.ccs-pos tfoot tr.pos-cr td {
 background: linear-gradient(180deg, #ff5a49 0%, #c01018 100%);
}
.ccs-pos tbody tr.pos-both td,
.ccs-pos tfoot tr.pos-both td {
 background: linear-gradient(180deg, #ffe14a 0%, #ff7a00 100%);
 color: #1c1208;
 text-shadow: none;
}
.ccs-pos tbody tr td:first-child,
.ccs-pos tfoot tr td:first-child {
 text-align: left;
}
@media (max-width: 1100px) {
 .ccs-labels, .ccs-values { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

article.content:has(.desk-doc.is-on .master-fill),
.page:has(.desk-doc.is-on .pc-desk) {
 overflow: hidden;
}
.page:has(.desk-doc.is-on .pc-desk) {
 height: 100dvh;
 max-height: 100dvh;
}
.page:has(.desk-doc.is-on .pc-desk) > .ledger,
.page:has(.desk-doc.is-on .pc-desk) .ledger .content {
 min-height: 0;
 overflow: hidden;
}
.page:has(.desk-doc.is-on .pc-desk) .ledger .content {
 display: flex;
 flex-direction: column;
}
.page:has(.desk-doc.is-on .chq-desk) {
 height: 100dvh;
 max-height: 100dvh;
 overflow: hidden;
}
.page:has(.desk-doc.is-on .chq-desk) > .ledger,
.page:has(.desk-doc.is-on .chq-desk) .ledger .content {
 min-height: 0;
 overflow: hidden;
 flex: 1 1 auto;
}
.page:has(.desk-doc.is-on .chq-desk) .ledger .content {
 display: flex;
 flex-direction: column;
 padding-top: 0.35rem;
 padding-bottom: 0.35rem;
}
.master-fill {
 flex: 1 1 auto;
 min-height: 0;
 height: 100%;
 display: flex;
 flex-direction: column;
}
.master-fill > .d-flex,
.master-fill > .alert {
 flex: 0 0 auto;
}
.master-fill .dxg {
 flex: 1 1 auto;
 min-height: 0;
 max-height: none !important;
}

/* Outstanding Balances (VCsBalanceDialog) */
.ob-page { display: flex; flex-direction: column; gap: 0.7rem; min-height: 0; }
.ob-grid {
 display: grid;
 grid-template-columns: 1fr 1fr 1fr 1fr minmax(16rem, 18rem);
 gap: 0.55rem;
 align-items: stretch;
 min-height: 0;
}
.ob-col, .ob-sel {
 background: #fff;
 border: 1px solid #90a4ae;
 border-radius: 0.7rem;
 padding: 0.5rem 0.55rem 0.6rem;
 min-height: 18rem;
 display: flex;
 flex-direction: column;
}
.ob-sel { background: #eceff1; }
.ob-sel legend {
 float: none; width: auto; font-size: 0.86rem; font-weight: 700;
 padding: 0 0.3rem; color: #37474f;
}
.ob-label { font-size: 0.78rem; font-weight: 700; color: #37474f; margin-bottom: 0.25rem; }
.ob-list { overflow: auto; flex: 1; min-height: 12rem; border: 1px solid #cfd8dc; border-radius: 0.4rem; padding: 0.2rem 0.35rem; background: #fff; }
.ob-check, .ob-tick {
 display: flex; align-items: center; gap: 0.35rem;
 font-size: 0.8rem; font-weight: 600; margin: 0.12rem 0;
}
.ob-field {
 display: grid; grid-template-columns: 5.6rem 1fr; gap: 0.3rem;
 align-items: center; margin: 0.35rem 0;
}
.ob-field span { font-size: 0.78rem; font-weight: 650; }
.ob-bal { max-width: 5.5rem; }
.ob-actions { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.ob-btn {
 border: 1px solid #90a4ae; background: #fff; color: #37474f;
 font-weight: 700; font-size: 0.8rem; padding: 0.45rem 0.7rem; border-radius: 0.45rem;
}
.ob-btn:hover { background: #eceff1; }
.ob-btn-main { background: linear-gradient(180deg, #1e8aef, #0b1f6b); color: #fff; border-color: #0b1f6b; }
.ob-btn-close { background: #fff; color: #b91c1c; border-color: #ef9a9a; }
.ob-grp td { background: #cfd8dc; font-weight: 800; color: #37474f; }
@media (max-width: 1200px) {
 .ob-grid { grid-template-columns: 1fr 1fr; }
}

.mill-chip {
 font-size: 0.72rem;
 font-weight: 650;
 padding: 0.18rem 0.6rem;
 border-radius: 999px;
 background: #c5e3fc;
 color: #1e8aef;
 border: 1px solid #f0c9c3;
}
.mill-sheet {
 background: #ffffff;
 border: 1px solid #e7e0d8;
 border-radius: 1rem;
 padding: 0.85rem 0.95rem 1rem;
 box-shadow: 0 12px 28px rgba(28, 25, 23, 0.06);
}
.mill-grid thead th, .mill-hist thead th {
 background: #1e8aef;
 color: #ffffff;
 font-size: 0.72rem;
 white-space: nowrap;
}
.mill-hist-row { cursor: pointer; }
.mill-hist-row:hover { background: #c5e3fc; }
.mill-totals { font-weight: 650; color: #1e8aef; }
.dash-kpi { color: inherit; display: block; }

.year-pick-btn {
 display: inline-flex;
 align-items: center;
 gap: 0.35rem;
 flex: 0 0 auto;
 border: 0;
 background: transparent;
 color: #c2410c;
 font-family: inherit;
 font-size: 1.22rem;
 font-weight: 800;
 letter-spacing: 0.01em;
 padding: 0;
 cursor: pointer;
 line-height: 1;
 white-space: nowrap;
}
.year-pick-btn:hover {
 color: #9a3412;
 background: transparent;
}
.year-pick-caret { font-size: 0.85rem; opacity: 0.9; }
@media (max-width: 900px) {
 .year-pick-btn { font-size: 1.05rem; }
}
.year-modal-backdrop {
 position: fixed;
 inset: 0;
 z-index: 3000;
 background: rgba(11, 31, 107, 0.45);
 display: grid;
 place-items: center;
 padding: 1rem;
}
.year-modal {
 width: min(28rem, 100%);
 max-height: min(80vh, 34rem);
 background: #fff;
 border-radius: 1rem;
 box-shadow: 0 24px 60px rgba(11, 31, 107, 0.28);
 display: flex;
 flex-direction: column;
 overflow: hidden;
}
.year-modal-head {
 display: flex;
 align-items: flex-start;
 gap: 0.75rem;
 padding: 1rem 1.1rem 0.65rem;
}
.year-modal-head strong {
 display: block;
 font-size: 1.05rem;
 color: #0b1f6b;
}
.year-modal-head p {
 margin: 0.2rem 0 0;
 font-size: 0.78rem;
 color: #1a5fd4;
}
.year-modal-search {
 margin: 0 1.1rem 0.55rem;
 width: calc(100% - 2.2rem);
}
.year-modal-list {
 overflow: auto;
 flex: 1;
 border-top: 1px solid #c5e3fc;
}
.year-modal-item {
 display: flex;
 flex-direction: column;
 gap: 0.08rem;
 padding: 0.55rem 1.1rem;
 cursor: pointer;
 border-bottom: 1px solid #eaf4fd;
}
.year-modal-item:hover,
.year-modal-item.is-active { background: #eaf4fd; }
.year-modal-item.is-current { background: #c5e3fc; }
.year-pick-item-db {
 display: flex;
 align-items: center;
 gap: 0.45rem;
 font-weight: 750;
 color: #0b1f6b;
 font-size: 1.15rem;
 line-height: 1.15;
}
.year-pick-item-db .bi {
 color: #1e8aef;
 font-size: 1.2rem;
}
.year-pick-item-fy {
 font-weight: 650;
 color: #1a5fd4;
 font-size: 0.72rem;
 padding-left: 1.65rem;
}
.mill-card-modal {
 width: min(64rem, calc(100vw - 2rem));
 height: min(78vh, 36rem);
 max-height: min(86vh, 40rem);
}
.mill-card-modal-body {
 padding: 0;
 flex: 1 1 auto;
 min-height: 0;
 overflow: auto;
}
.mill-card-detail-grid {
 border: 0;
 box-shadow: none;
 max-height: none;
 height: 100%;
}
.mill-card-detail { font-size: 0.8rem; width: 100%; }
.mill-card-detail thead tr.dxg-head th {
 position: sticky;
 top: 0;
 z-index: 3;
 background: #0b1f6b;
 color: #fff;
}
.mill-card-detail thead tr.dxg-filter th {
 position: sticky;
 top: 1.9rem;
 z-index: 3;
 background: #eaf4fd;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Products Definition / Define Categories - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.pd-wrap,
.dc-wrap {
 min-height: calc(100vh - 8.5rem);
 font-weight: 700;
}
.pd-wrap {
 display: flex;
 flex-direction: column;
 height: calc(100vh - 8.2rem);
 min-height: 0;
}
.pd-wrap .form-control,
.dc-wrap .form-control,
.pd-wrap .btn,
.dc-wrap .btn {
 font-weight: 700;
}
.pd-title {
 color: #0b1f6b;
 font-weight: 800;
 letter-spacing: 0.02em;
}
.pd-toolbar {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 gap: 0.35rem;
 padding: 0.25rem 0.15rem;
}
.pd-body {
 display: flex;
 gap: 0.4rem;
 flex: 1 1 auto;
 min-height: 0;
 align-items: stretch;
}
.pd-form {
 width: 36rem;
 flex: 0 0 36rem;
 align-self: stretch;
 min-height: 100%;
 background: #fff;
 border: 1px solid #c5e3fc;
 border-radius: 0.9rem;
 box-shadow: 0 10px 24px rgba(11, 31, 107, 0.08);
 padding: 0.65rem 0.75rem;
 overflow: visible;
}
.pd-form .party-search,
.pd-form .product-search,
.pd-form .spick,
.pd-form .input-group,
.pd-form .pd-grow,
.pd-form .pd-field {
 width: 100%;
 min-width: 0;
 max-width: 100%;
}
.pd-form-row > .form-control,
.pd-form-row > input.form-control,
.pd-form .pd-field > .form-control,
.pd-form .pd-field > input.form-control {
 width: 100%;
 min-width: 0;
 max-width: none;
}
.pd-form-row {
 display: grid;
 grid-template-columns: 7.35rem minmax(0, 1fr);
 align-items: center;
 column-gap: 0.2rem;
 row-gap: 0.28rem;
 margin-bottom: 0.38rem;
}
.pd-form-row.pd-pair {
 grid-template-columns: 7.35rem minmax(0, 1fr) 7.35rem minmax(0, 1fr);
}
.pd-form-row label {
 font-weight: 700;
 font-size: 0.8rem;
 line-height: 1.15;
 margin: 0;
 white-space: nowrap;
}
.pd-form-row label.pd-req::after {
 content: "*";
 color: #b42318;
 margin-left: 0.15rem;
 font-weight: 800;
}
.pd-bardana-row label { white-space: normal; }
.pd-form-row .pd-side {
 padding-left: 0;
}
.pd-with-add {
 display: flex;
 align-items: center;
 gap: 0.25rem;
 min-width: 0;
}
.pd-with-add .spick { flex: 1 1 auto; min-width: 0; }
.pd-add-cat {
 flex: 0 0 auto;
 width: 1.9rem;
 height: 1.9rem;
 border: 1px solid #1e8aef;
 background: #fff;
 color: #0b1f6b;
 border-radius: 0.4rem;
 display: grid;
 place-items: center;
 padding: 0;
 line-height: 1;
 cursor: pointer;
}
.pd-add-cat:hover { background: #eaf4fd; }
.cat-popup-backdrop {
 position: fixed;
 inset: 0;
 z-index: 9000;
 display: grid;
 place-items: center;
 padding: 1rem;
 background: rgba(11, 31, 107, 0.45);
}
.cat-popup {
 width: min(76rem, calc(100vw - 1.5rem));
 max-height: calc(100vh - 1.5rem);
 overflow: auto;
 background: #fff;
 border-radius: 0.75rem;
 box-shadow: 0 24px 60px rgba(11, 31, 107, 0.28);
}
.cat-popup .dc-wrap {
 min-height: 0;
 height: auto;
}
.cat-popup .dc-grid .dxg-scroll {
 max-height: min(28rem, calc(100vh - 16rem));
}
.pd-field {
 display: flex;
 align-items: center;
 gap: 0.3rem;
 min-width: 0;
}
.pd-field > .form-control,
.pd-field > .spick,
.pd-field > .party-search,
.pd-field > .product-search {
 flex: 1 1 auto;
 width: 1%;
 min-width: 0;
}
.pd-form .form-control-sm,
.pd-form .input-group .form-control {
 height: 1.9rem;
 min-height: 1.9rem;
}
.pd-form .input-group {
 flex-wrap: nowrap;
 align-items: stretch;
}
.pd-form .input-group > .btn {
 flex: 0 0 1.9rem;
 width: 1.9rem;
 height: 1.9rem;
 padding: 0;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 border-color: #90a4ae;
}
.pd-form .pd-amt { max-width: none; width: 100%; text-align: right; }
.pd-amt { text-align: right; }
.pd-kg {
 flex: 0 0 2.1rem;
 width: 2.1rem;
 font-size: 0.78rem;
 font-weight: 700;
 color: var(--fx-navy);
}
.pd-kg-hold { visibility: hidden; }
.pd-bardana { display: flex; gap: 0.25rem; align-items: center; }
.pd-bardana .product-search { flex: 1 1 auto; min-width: 0; }
.pd-grid { flex: 1 1 auto; min-width: 0; min-height: 0; display: flex; flex-direction: column; }
.pd-dxg { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }
.pd-dxg.dxg,
.pd-dxg .dxg-scroll {
 flex: 1 1 auto;
 height: 100%;
 max-height: none;
 min-height: 0;
}
.pd-bulk .dxg-scroll { max-height: calc(100vh - 13rem); }
.pd-dxg .dxg-table {
 table-layout: fixed;
 width: 100%;
 border-collapse: collapse !important;
 border-spacing: 0 !important;
 font-weight: 700;
}
.pd-bulk .dxg-table { min-width: 110rem; }
.pd-dxg .dxg-table th,
.pd-dxg .dxg-table td,
.pd-dxg .dxg-table tbody td {
 border: 1px solid #90a4ae !important;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 vertical-align: middle;
 box-sizing: border-box;
 font-weight: 700;
 padding: 0;
 height: 1.75rem;
}
.pd-dxg .dxg-head th {
 padding: 0.3rem 0.4rem;
}
.pd-dxg .dxg-table tbody td:not(:has(input.form-control)):not(:has(.party-search)):not(:has(.product-search)):not(:has(.spick)) {
 padding: 0 0.32rem;
}
.pd-dxg .dxg-table input.form-control,
.pd-dxg .dxg-table th input:not([type="checkbox"]):not([type="radio"]),
.pd-dxg .dxg-table td input:not([type="checkbox"]):not([type="radio"]) {
 display: block !important;
 width: 100% !important;
 max-width: none !important;
 min-width: 0 !important;
 height: 1.7rem !important;
 min-height: 1.7rem !important;
 font-weight: 700;
 padding: 0.1rem 0.3rem !important;
 box-sizing: border-box !important;
 border: 0 !important;
 border-radius: 0 !important;
 background: #fff;
}
.pd-dxg .dxg-table .pd-amt {
 max-width: none !important;
 width: 100% !important;
}
.pd-dxg .dxg-table td .party-search,
.pd-dxg .dxg-table td .product-search,
.pd-dxg .dxg-table td .spick {
 display: block;
 width: 100%;
 min-width: 0;
 max-width: 100%;
}
.pd-dxg .dxg-table td .input-group {
 flex-wrap: nowrap;
 width: 100%;
}
.pd-dxg .dxg-table td .party-search .btn,
.pd-dxg .dxg-table td .product-search .btn,
.pd-dxg .dxg-table td .spick .btn {
 flex: 0 0 1.55rem;
 width: 1.55rem;
 padding: 0;
 border-radius: 0 !important;
}
.party-search-fit,
.product-search-fit {
 display: block;
 min-width: 0;
 max-width: 100%;
 width: 100%;
}
.pd-dxg .dxg-table td:has(.party-search-open),
.pd-dxg .dxg-table td:has(.product-search-open),
.pd-dxg .dxg-table td:has(.spick-open) {
 overflow: visible;
}
.pd-stock-table td.pd-stock,
.pd-bulk td.pd-stock {
 text-align: right;
 font-weight: 750;
 color: #fff;
 overflow: hidden;
}
.pd-stock-pos { background: linear-gradient(#9ccc65, #558b2f); }
.pd-stock-zero { background: linear-gradient(#ff8a65, #e64a19); }
.pd-stock-neg { background: linear-gradient(#ef9a9a, #c62828); }
.pd-group td {
 background: #0b1f6b;
 color: #fff;
 font-weight: 700;
 padding: 0.28rem 0.5rem;
 overflow: hidden;
 text-overflow: ellipsis;
}
.pd-sel td:not(.pd-stock) { background: #bbdefb; }
.pd-stock-table th.pd-rowno { text-align: center; }
.pd-stock-table thead tr.dxg-filter th.pd-rowno,
.pd-stock-table tbody td.pd-rowno,
.pd-stock-table tr.pd-sel td.pd-rowno {
 text-align: center;
 background: #cfd8dc;
 color: #0b1f6b;
 font-variant-numeric: tabular-nums;
}
.dc-head {
 display: flex;
 align-items: center;
 gap: 0.5rem;
 background: #cfd8dc;
 padding: 0.35rem 0.5rem;
 border-bottom: 1px solid #90a4ae;
}
.dc-caption {
 font-size: 1.05rem;
 font-weight: 750;
 color: var(--fx-navy);
}

.mill-desk {
 display: flex;
 flex-direction: column;
 gap: 0.35rem;
 min-height: calc(100vh - 8.5rem);
 font-family: 'Fira Sans Condensed', 'Noto Nastaliq Urdu', sans-serif;
}
.mx-cap {
 display: flex;
 align-items: center;
 gap: 0.5rem;
 padding: 0.32rem 0.55rem;
 background: #fff;
 border: 1px solid #c5d7ea;
 border-radius: 0.35rem;
}
.mx-title {
 font-weight: 800;
 color: #0b1f6b;
 font-size: 1.05rem;
}
.mx-actions {
 margin-left: auto;
 display: flex;
 gap: 0.3rem;
 flex-wrap: wrap;
}
.mx-actions .btn { font-weight: 700; }
.mx-body { display: flex; flex-direction: column; gap: 0.4rem; min-height: 0; }
.mx-box {
 border: 1px solid #9eb6d4;
 border-radius: 0.45rem;
 background: #f4f8fc;
 padding: 0.35rem 0.55rem 0.5rem;
 margin: 0;
}
.mx-box > div + div { margin-top: 0.28rem; }
.mx-box legend {
 float: none;
 width: auto;
 padding: 0 0.35rem;
 margin: 0;
 font-size: 0.78rem;
 font-weight: 800;
 color: #0b1f6b;
}
.mx-fields {
 display: grid;
 grid-template-columns: repeat(4, minmax(0, 1fr));
 gap: 0.35rem 0.55rem;
}
.mx-fields label, .mx-side label {
 display: block;
 margin: 0 0 0.12rem;
 font-size: 0.78rem;
 font-weight: 700;
 color: #0b1f6b;
}
.mx-span2 { grid-column: span 2; }
.mx-span3 { grid-column: span 3; }
.mx-lock {
 background: #e0e0e0;
 font-weight: 800;
 text-align: right;
 color: #1a2744;
}
.mx-bal {
 background: #ffff80;
 font-weight: 800;
 text-align: right;
 color: #1a2744;
}
.mx-split { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(16rem, 0.6fr); gap: 0.45rem; align-items: start; }
.mx-side { display: flex; flex-direction: column; gap: 0.35rem; }
@media (max-width: 1100px) {
 .mx-fields { grid-template-columns: 1fr 1fr; }
 .mx-span2, .mx-span3 { grid-column: 1 / -1; }
 .mx-split { grid-template-columns: 1fr; }
}
.dc-id-sel { background: #fff59d !important; font-weight: 700; }
.dc-grid .dxg-scroll { max-height: calc(100vh - 14rem); }
.br-wrap {
 display: flex;
 flex-direction: column;
 height: calc(100vh - var(--mill-top, 3.35rem) - 2rem);
 max-height: calc(100vh - var(--mill-top, 3.35rem) - 2rem);
 min-height: 0;
}
.br-split {
 display: grid;
 grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(14rem, 18rem);
 gap: 0.45rem;
 flex: 1 1 auto;
 min-height: 0;
}
.br-pane {
 display: flex;
 flex-direction: column;
 min-width: 0;
 min-height: 0;
 border: 1px solid #c5d4e8;
 background: #fff;
}
.br-cap {
 padding: 0.28rem 0.45rem;
 font-weight: 800;
 color: #123a66;
 background: linear-gradient(180deg, #e7f2fc, #d5e7f8);
 border-bottom: 1px solid #c5d4e8;
}
.br-pick, .br-tools { padding: 0.28rem 0.4rem; }
.br-grid { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }
.br-grid .dxg-scroll { flex: 1 1 auto; min-height: 0; max-height: none; overflow: auto; }
.br-lists { display: flex; flex-direction: column; gap: 0.4rem; min-height: 0; }
.br-lists .br-pane { flex: 1 1 auto; }
.br-party { cursor: pointer; }
@media (max-width: 1100px) {
 .br-split { grid-template-columns: 1fr; overflow: auto; }
 .br-pane { min-height: 16rem; }
}
.mr-wrap {
 display: flex;
 flex-direction: column;
 width: 100%;
 min-width: 0;
 min-height: 0;
 height: calc(100vh - var(--mill-top, 3.35rem) - 2rem);
 max-height: calc(100vh - var(--mill-top, 3.35rem) - 2rem);
 overflow: hidden;
}
.mr-wrap .dc-grid.dxg {
 flex: 1 1 auto;
 min-height: 0;
 max-height: none;
 overflow: hidden;
}
.mr-wrap .dc-grid .dxg-scroll {
 flex: 1 1 auto;
 min-height: 0;
 max-height: none;
 overflow: auto;
}
.mr-month-label { font-weight: 700; color: var(--fx-navy); margin: 0; }
.mr-month { width: 6.2rem; font-weight: 700; text-align: center; }
.mr-stock { display: inline-flex; align-items: center; gap: 0.35rem; margin: 0; font-weight: 650; color: #0b1f6b; }
.mr-add { min-width: 16rem; flex: 1 1 16rem; }
.mr-table tbody td.mr-rate-cell,
.mr-table tr.pd-sel td.mr-rate-cell {
 background: #b9f6ca;
 text-align: right;
}
.pd-dxg .mr-table th.mr-name,
.pd-dxg .mr-table td.mr-name {
 white-space: normal;
 text-overflow: unset;
 overflow: visible;
}
.mr-rate {
 text-align: right;
 font-weight: 700;
 color: #0b1f6b;
 background: transparent;
 border-color: transparent;
}
@media (max-width: 1100px) {
 .pd-wrap { height: auto; min-height: calc(100vh - 8.2rem); }
 .pd-body { flex-direction: column; }
 .pd-form {
 width: 100%;
 flex: 0 0 auto;
 min-height: 0;
 max-height: none;
 }
 .pd-dxg.dxg,
 .pd-dxg .dxg-scroll { max-height: 28rem; height: auto; }
 .mr-wrap .pd-dxg.dxg,
 .mr-wrap .pd-dxg .dxg-scroll,
 .mr-wrap .dc-grid .dxg-scroll {
 max-height: none;
 height: auto;
 flex: 1 1 auto;
 min-height: 0;
 }
}
@media (max-width: 900px) {
 .mr-wrap { font-size: 0.72rem; }
 .mr-wrap .dc-caption { font-size: 0.86rem; }
 .mr-wrap .dc-head .btn,
 .mr-wrap .pd-toolbar .btn,
 .mr-wrap .pd-toolbar,
 .mr-wrap .mr-stock,
 .mr-wrap .mr-month-label,
 .mr-wrap .form-control,
 .mr-wrap .dxg-table,
 .mr-wrap .dxg-head th,
 .mr-wrap .dxg-filter th,
 .mr-wrap .dxg-table td,
 .mr-wrap .mr-rate {
 font-size: 0.68rem;
 }
 .mr-wrap .form-control {
 min-height: 1.4rem;
 padding: 0.05rem 0.28rem;
 }
 .mr-wrap .dxg-head th,
 .mr-wrap .dxg-filter th,
 .mr-wrap .dxg-table td {
 padding: 0.16rem 0.22rem;
 }
 .mr-table col { width: auto !important; }
 .mr-table th,
 .mr-table td {
 white-space: normal;
 overflow-wrap: anywhere;
 }
 .mr-table th:nth-child(1),
 .mr-table td:nth-child(1) { width: 1.6rem; }
 .mr-table th:nth-child(2),
 .mr-table td:nth-child(2) { width: 2.5rem; }
 .mr-table col.mr-date-col,
 .mr-table .mr-date { display: none; }
 .mr-table th:nth-child(6),
 .mr-table td:nth-child(6) { width: 4.6rem; white-space: nowrap; }
 .mr-table th:nth-child(7),
 .mr-table td:nth-child(7) { width: 1.5rem; }
}
@media (max-width: 700px) {
 .mr-wrap { font-size: 0.64rem; }
 .mr-wrap .dc-caption { font-size: 0.78rem; }
 .mr-wrap .dc-head .btn,
 .mr-wrap .pd-toolbar .btn,
 .mr-wrap .pd-toolbar,
 .mr-wrap .mr-stock,
 .mr-wrap .mr-month-label,
 .mr-wrap .form-control,
 .mr-wrap .dxg-table,
 .mr-wrap .dxg-head th,
 .mr-wrap .dxg-filter th,
 .mr-wrap .dxg-table td,
 .mr-wrap .mr-rate {
 font-size: 0.6rem;
 }
 .pd-form-row,
 .pd-form-row.pd-pair {
 grid-template-columns: 7.35rem minmax(0, 1fr);
 }
}

@media print {
 thead { display: table-header-group; }
 tfoot { display: table-footer-group; }
 .erp-printable th,
 .erp-printable td,
 .al-preview-panel th,
 .al-preview-panel td,
 .pl-tx th, .pl-tx td, .pl-meta td,
 .ss-tx th, .ss-tx td, .ss-grand-only td,
 .chq-print .dxg-table th,
 .chq-print .dxg-table td,
 [data-erp-printable] .dxg-table th,
 [data-erp-printable] .dxg-table td,
 .cb-grid th,
 .cb-grid td {
 border-color: #000 !important;
 }
 table thead th,
 .table > thead th,
 .table > thead th.text-end {
 color: #000 !important;
 background: #fff !important;
 background-image: none !important;
 border-color: #000 !important;
 position: static !important;
 -webkit-print-color-adjust: exact;
 print-color-adjust: exact;
 }
}

/* Purchase-invoice shell shared by DFC, bardana contract, bardana purchase, and bardana issue. */
.px-desk {
 flex: 1 1 auto;
 min-height: 0;
 height: auto;
 max-height: 100%;
 display: flex;
 flex-direction: column;
 padding: 0.45rem 0.55rem 0.55rem;
 background: #e7eef6;
 font-family: 'Fira Sans Condensed', 'Noto Nastaliq Urdu', sans-serif;
}
.px-desk .ar-window {
 flex: 1 1 auto;
 min-height: 0;
 display: flex;
 flex-direction: column;
 background: #fff;
 border: 1px solid #c5d7ea;
 border-radius: 0.7rem;
 box-shadow: 0 8px 24px rgba(11, 31, 107, 0.06);
 overflow: hidden;
}
.px-desk .pi-caption {
 display: flex;
 align-items: center;
 gap: 0.5rem;
 padding: 0.32rem 0.55rem;
 background: #fff;
 border-bottom: 1px solid #c5d7ea;
}
.px-desk .pi-caption-title { font-weight: 800; color: #0b1f6b; font-size: 1.05rem; }
.px-desk .pi-caption-actions { margin-left: auto; display: flex; gap: 0.3rem; flex-wrap: wrap; }
.px-desk .pi-caption-actions .btn { font-weight: 700; }
.px-desk .ar-tabbar {
 display: flex;
 align-items: flex-end;
 gap: 0.2rem;
 padding: 0.4rem 0.55rem 0;
 background: linear-gradient(180deg, #f7fbff 0%, #e7f1fb 100%);
 border-bottom: 1px solid #c5d7ea;
}
.px-desk .ar-tab {
 display: inline-flex;
 align-items: center;
 gap: 0.35rem;
 border: 1px solid #c5d7ea;
 border-bottom: 0;
 background: #eef5fc;
 color: #0b1f6b;
 font-weight: 700;
 font-size: 0.84rem;
 padding: 0.32rem 0.85rem 0.38rem;
 border-radius: 0.4rem 0.4rem 0 0;
}
.px-desk .ar-tab.active { background: #fff; position: relative; top: 1px; }
.px-desk .ar-msg { padding: 0.35rem 0.7rem 0; }
/* Voucher save/error banner. Body type is 16.5px; this is 1px smaller, bold, and centered. */
.px-desk .ar-msg .alert,
.ar-desk .ar-msg .alert,
.pc-desk .ar-msg .alert {
 font-family: "Fira Sans Condensed", "Noto Nastaliq Urdu", sans-serif;
 font-weight: 700;
 font-size: 15.5px;
 text-align: center;
}
.px-desk .sms-result,
.pi-wrap .sms-result {
 font-family: "Fira Sans Condensed", "Noto Nastaliq Urdu", sans-serif;
 font-weight: 700;
 font-size: xx-small;
 line-height: 1.35;
 padding: 0.1rem 0.7rem 0.35rem;
 color: #0b1f6b;
}
.px-desk .ar-body {
 flex: 1 1 auto;
 min-height: 0;
 display: flex;
 flex-direction: column;
 gap: 0.35rem;
 padding: 0.4rem 0.5rem 0.45rem;
 font-weight: 700;
 overflow: auto;
}
.px-desk .ar-body .form-control,
.px-desk .ar-body .form-select,
.px-desk .ar-body .btn,
.px-desk .ar-body label,
.px-desk .ar-body td,
.px-desk .ar-body th,
.px-desk .ar-body legend {
 font-weight: 700;
 font-family: 'Fira Sans Condensed', 'Noto Nastaliq Urdu', sans-serif;
}
.px-desk .ar-top {
 display: grid;
 grid-template-columns: minmax(0, 1fr) 16.2rem;
 gap: 0.4rem 0.55rem;
 align-items: stretch;
}
.px-desk .ar-top.px-solo { grid-template-columns: minmax(0, 1fr); }
.px-desk .pi-headbox {
 border: 1px solid #9eb6d4;
 border-radius: 0.45rem;
 background: #f4f8fc;
 padding: 0.28rem 0.55rem 0.45rem;
 margin: 0;
 min-width: 0;
}
.px-desk .pi-headbox legend {
 float: none;
 width: auto;
 font-size: 0.78rem;
 font-weight: 800;
 color: #0b1f6b;
 padding: 0 0.25rem;
 margin: 0 0 0.15rem;
}
.px-desk .pi-fields { display: flex; flex-direction: column; gap: 0.32rem; }
.px-desk .pi-row1, .px-desk .pi-row2, .px-desk .pi-row3 {
 display: grid;
 align-items: center;
 gap: 0.32rem 0.4rem;
}
.px-desk .pi-row1 { grid-template-columns: 9.4rem minmax(8rem, 1.1fr) 4.2rem minmax(7rem, 0.7fr) 5.2rem minmax(6rem, 0.6fr) 5.2rem minmax(6rem, 0.6fr); }
.px-desk .pi-row2 { grid-template-columns: 9.4rem minmax(0, 1fr); }
.px-desk .pi-row3 { grid-template-columns: 9.4rem minmax(0, 1.2fr) 5.6rem minmax(0, 0.8fr) 6.4rem minmax(0, 0.7fr); }
.px-desk .ar-label { font-weight: 700; font-size: 0.86rem; color: #1a2744; margin: 0; white-space: nowrap; }
.px-desk .ar-req { color: #0b3d91; }
.px-desk .ar-idrow { display: flex; gap: 0.35rem; min-width: 0; }
.px-desk .ar-idrow > .spick { flex: 1 1 auto; width: auto; min-width: 7rem; }
.px-desk .ar-no { width: 5.6rem; max-width: 5.6rem; flex: 0 0 5.6rem; font-weight: 800; color: #0b3d91; text-align: center; }
.px-desk .pi-fields .spick,
.px-desk .pi-fields .party-search,
.px-desk .pi-fields .product-search,
.px-desk .pi-fields .input-group,
.px-desk .ar-vehicle .spick,
.px-desk .ar-vehicle .input-group { width: 100%; min-width: 0; }
.px-desk .ar-vehicle {
 height: 100%;
 border: 1px solid #9eb6d4;
 border-radius: 0.45rem;
 background: #f4f8fc;
 padding: 0.28rem 0.4rem 0.4rem;
 display: grid;
 grid-template-columns: 6.4rem minmax(0, 1fr);
 gap: 0.18rem 0.35rem;
 margin: 0;
 align-content: start;
}
.px-desk .ar-vehicle legend {
 float: none;
 display: flex;
 width: 100%;
 grid-column: 1 / -1;
 font-size: 0.78rem;
 font-weight: 800;
 color: #0b1f6b;
 padding: 0 0.25rem;
 margin: 0;
}
.px-desk .ar-vitem { display: contents; }
.px-desk .ar-vitem label { font-size: 0.78rem; font-weight: 700; color: #1a2744; margin: 0; }
.px-desk.tone-bpj .pi-row1,
.px-desk.tone-bsale .pi-row1 { grid-template-columns: 5.2rem minmax(8rem, 1.1fr) 4.2rem minmax(7rem, 0.7fr) 5.2rem minmax(6rem, 0.6fr) 5.2rem minmax(6rem, 0.6fr); }
.px-desk.tone-bpj .ar-idrow .spick .form-control,
.px-desk.tone-bsale .ar-idrow .spick .form-control { flex: 1 0 124px; min-width: 124px; width: 124px; }
.px-desk.tone-bpj.bags-open .ar-top { grid-template-columns: minmax(0, 1fr); }
.px-desk.tone-bpj.bags-open .pi-row1 { grid-template-columns: 5.2rem minmax(0, 1fr) 5.2rem minmax(0, 1fr) 5.2rem minmax(0, 1fr); }
.px-desk.tone-bpj.bags-open .pi-row1 > .erp-date { max-width: none; width: 100%; }
.px-desk.tone-bpj.bags-open .ar-idrow .spick .form-control { flex: 1 1 auto; min-width: 0; width: auto; }
.px-desk.tone-bpj .pi-row2,
.px-desk.tone-bsale .pi-row2 { grid-template-columns: 5.2rem minmax(0, 1fr); }
.px-desk.tone-bpj .ar-vehicle,
.px-desk.tone-bsale .ar-vehicle {
 grid-template-columns: calc(4.4rem - 5pt) minmax(0, 1fr);
 align-items: center;
}
.px-desk.tone-bpj .ar-vitem label,
.px-desk.tone-bsale .ar-vitem label {
 display: flex;
 align-items: center;
 min-height: 1.9rem;
}
.px-desk .ar-grid { flex: 1 1 auto; min-height: 9.5rem; max-height: none; }
.px-desk .px-lines { min-height: 0; overflow: hidden; display: flex; flex-direction: column; }
.px-desk .px-lines .dxg-scroll { display: block; flex: 1 1 auto; min-height: 0; overflow: auto; scrollbar-gutter: stable; }
.px-desk .px-lines .dxg-table { height: auto; table-layout: fixed; font-size: calc(0.8rem - 1pt); }
.px-desk .px-lines .px-foot { flex: 0 0 auto; width: calc(100% - 15px); table-layout: fixed; }
.px-desk .px-lines .dxg-head th { border-right: 1px solid rgba(255, 255, 255, 0.35); overflow: hidden; z-index: 90; }
.px-desk .px-lines .product-search { z-index: 1; }
.px-desk .px-lines tbody tr:has(.product-search-open) { z-index: 40; }
.px-desk .px-lines tbody td { border-right: 1px solid #c5d0dc; overflow: hidden; }
.px-desk .px-lines .dxg-head th:last-child,
.px-desk .px-lines tbody td:last-child,
.px-desk .px-lines tfoot td:last-child { border-right: 0; }
.px-desk .px-lines tr.pi-fill { height: 100%; }
.px-desk .px-lines tr.pi-fill td { border: 0; background: #fff; padding: 0; }
.px-desk .px-lines tfoot td {
 background: #eceff1;
 font-weight: 800;
 border-top: 1px solid #90a4ae;
 padding: 0.38rem 0.4rem;
}
.px-col-bags,
.pi-col-bags { width: calc(3.5rem + 16pt); }
.px-col-rate,
.pi-col-rate { width: calc(3.5rem + 15pt); }
.px-col-amt,
.pi-col-amt { width: calc(3.5rem + 25pt); }
.px-desk .px-col-num { width: 3.5rem; }
.px-desk .px-col-bags { width: calc(3.5rem + 16pt); }
.px-desk .px-col-rate { width: calc(3.5rem + 15pt); }
.px-desk .px-col-amt { width: calc(3.5rem + 25pt); }
.px-desk .px-col-del { width: 1.6rem; }
.px-desk .px-lines tbody td.px-num,
.px-desk .px-lines tbody td.px-amt { padding: 0.18rem 0.16rem; }
.px-desk .px-lines td.ar-calc { background: #fff; }
.px-desk .px-lockbox {
 display: flex;
 align-items: center;
 justify-content: flex-end;
 box-sizing: border-box;
 height: 1.85rem;
 min-height: 1.85rem;
 padding: 0 0.2rem;
 font-size: calc(0.875rem - 1pt);
 font-weight: 700;
 background: #e0e0e0;
 color: #1a2744;
 border: 1px solid #b7c2ce;
 border-radius: var(--erp-input-radius);
 overflow: hidden;
}
.px-desk .ar-del { border: 0; background: transparent; color: #b42318; padding: 0.1rem 0.35rem; }
.px-desk .px-lines td.d-print-none {
 text-align: center;
 vertical-align: middle;
 padding: 0;
}
.px-desk .px-lines .ar-del {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 width: 1.3rem;
 min-width: 1.3rem;
 max-width: 1.3rem;
 height: 1.3rem;
 max-height: 1.3rem;
 padding: 0;
 line-height: 1;
}
.sv-lines col.sv-col-no { width: 2.2rem; }
.sv-lines col.sv-col-amt { width: 7.2rem; }
.sv-lines col.sv-col-del { width: 1.3rem; }
.sv-lines .dxg-head th.sv-col-del,
.sv-lines td.sv-col-del {
 width: 1.3rem;
 min-width: 1.3rem;
 max-width: 1.3rem;
 padding: 0 !important;
 overflow: hidden;
}
.px-desk .px-lower {
 display: grid;
 grid-template-columns: minmax(0, 1fr) 11.5rem;
 gap: 0.35rem 0.55rem;
 align-items: stretch;
}
.px-desk .pi-balgrid {
 display: grid;
 grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
 gap: 0.45rem 0.7rem;
}
.px-desk .pi-balgrid .pi-span { grid-column: 1 / -1; }
.px-desk .pi-balgrid label, .px-desk .pi-totals label { display: block; margin: 0 0 0.12rem; }
.px-desk.bags-open .pi-grand { font-size: calc(0.8125rem + 2px); }
@page bags-a4 {
 size: A4 portrait;
 margin: 6mm 20px 8mm;
}
body:has(.desk-doc.is-on .px-desk.bags-open) { page: bags-a4; }
@page pi-land {
 size: A4 landscape;
 margin: 6mm 20px 8mm;
}
body:has(.desk-doc.is-on .pi-desk) { page: pi-land; }
@media print {
 .px-desk.bags-open,
 .px-desk.bags-open .ar-window,
 .px-desk.bags-open .ar-body,
 .px-desk.bags-open .dxg,
 .px-desk.bags-open .px-lines,
 .px-desk.bags-open .dxg-scroll {
 overflow: visible !important;
 height: auto !important;
 max-height: none !important;
 min-height: 0 !important;
 background: #fff !important;
 box-shadow: none !important;
 border: 0 !important;
 width: 100% !important;
 }
 .px-desk.bags-open { padding: 0 !important; }
 .px-desk.bags-open .ar-body { padding: 0 !important; gap: 1mm !important; }
 .px-desk.bags-open .ar-msg,
 .px-desk.bags-open .alert { display: none !important; }
 .px-desk.bags-open .rpt-letter,
 .px-desk.bags-open .rpt-letter * {
 margin: 0 !important;
 font-size: 8pt !important;
 line-height: 1.05 !important;
 }
 .px-desk.bags-open .rpt-letter { margin: 0 0 1mm !important; }
 .px-desk.bags-open .rpt-letter table { width: 100% !important; }
 .px-desk.bags-open .rpt-letter img,
 .px-desk.bags-open .rpt-letter svg {
 max-height: 10mm !important;
 width: auto !important;
 height: auto !important;
 }
 .px-desk.bags-open .pi-headbox,
 .px-desk.bags-open .pi-totals {
 padding: 0 !important;
 margin: 0 !important;
 border: 0 !important;
 background: transparent !important;
 box-shadow: none !important;
 }
 .px-desk.bags-open .pi-headbox legend { display: none !important; }
 .px-desk.bags-open .pi-fields,
 .px-desk.bags-open .pi-row1,
 .px-desk.bags-open .pi-row2 { gap: 0.4mm 1.5mm !important; }
 .px-desk.bags-open .pi-row1 {
 grid-template-columns: 4.2rem minmax(0, 1.4fr) 3.2rem minmax(0, 1fr) 3.6rem minmax(0, 0.8fr) !important;
 }
 .px-desk.bags-open .pi-row2 { grid-template-columns: 4.2rem minmax(0, 1fr) !important; }
 .px-desk.bags-open .px-lower { grid-template-columns: minmax(0, 1fr) 8rem !important; }
 .px-desk.bags-open .pi-balgrid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; }
 .px-desk.bags-open .ar-label { font-size: 8pt !important; }
 .px-desk.bags-open .form-control,
 .px-desk.bags-open .form-select,
 .px-desk.bags-open .erp-date .erp-date-text {
 min-height: 0 !important;
 height: auto !important;
 padding: 0 1mm !important;
 font-size: 8pt !important;
 box-shadow: none !important;
 }
 .px-desk.bags-open .input-group > .btn,
 .px-desk.bags-open .erp-date-btn,
 .px-desk.bags-open .spick > .btn { display: none !important; }
 .px-desk.bags-open col.px-col-del {
 display: table-column !important;
 width: 0 !important;
 max-width: 0 !important;
 visibility: collapse;
 }
 .px-desk.bags-open .px-lines tr.pi-fill { display: none !important; }
 .px-desk.bags-open .px-lines .dxg-scroll { scrollbar-gutter: auto !important; }
 .px-desk.bags-open .px-lines .dxg-table,
 .px-desk.bags-open .px-foot {
 width: 100% !important;
 font-size: 8pt !important;
 table-layout: fixed !important;
 }
 .px-desk.bags-open .px-lockbox {
 height: auto !important;
 min-height: 0 !important;
 font-size: 8pt !important;
 }
 .px-desk.bags-open .px-lower { margin-top: 1mm; }
}
.px-desk .pi-bal, .px-desk .pi-grand {
 background: #ffff80;
 font-weight: 800;
 text-align: right;
 color: #111;
 width: 100%;
}
.px-desk .pi-locked { background: #e0e0e0; color: #1a2744; font-weight: 800; text-align: right; width: 100%; }
.px-desk .ar-no.pi-locked { text-align: center; width: 5.6rem; max-width: 5.6rem; }
.px-desk .pi-totals {
 display: flex;
 flex-direction: column;
 justify-content: center;
 gap: 0.4rem;
 border: 1px solid #9eb6d4;
 border-radius: 0.35rem;
 background: #f4f8fc;
 padding: 0.45rem 0.55rem;
}
.px-desk .ar-search { min-height: 12rem; }
.px-desk .ar-search tbody tr { cursor: pointer; }
.px-desk .ar-search tfoot td { font-weight: 800; background: #f7fbff; position: sticky; bottom: 0; }
.px-desk .ar-searchbar {
 display: flex;
 align-items: center;
 gap: 0.45rem;
 flex-wrap: wrap;
}
.px-desk .ar-searchbar label { font-weight: 700; margin: 0; color: #0b1f6b; }
.px-desk .ar-count { margin-left: auto; color: #3d5270; font-size: 0.84rem; }

/* One navy / ice scheme on every purchase-style document. Yellow balances and gray locks stay. */
.px-desk.tone-bcon,
.px-desk.tone-scon,
.px-desk.tone-dfc,
.px-desk.tone-issue,
.px-desk.tone-bpj,
.px-desk.tone-bsale,
.px-desk.tone-bpv,
.px-desk.tone-brv,
.px-desk.tone-ibt,
.px-desk.tone-prod {
 --tone: #0b1f6b;
 --tone-deep: #0b1f6b;
 --tone-soft: #f7fbff;
 --tone-line: #c5e3fc;
 --tone-page: #eaf4fd;
}

/* Production grids must fit the panel: leftover cannot dump into ITEM, selects cannot blow min-content. */
.px-desk.tone-prod.fp-desk .fp-head .ar-no {
 width: 100%;
 max-width: none;
 flex: 1 1 auto;
 text-align: left;
}
.px-desk.tone-prod.fp-desk .fp-wheat .dxg-scroll,
.px-desk.tone-prod.fp-desk .fp-flour .dxg-scroll {
 overflow-x: hidden;
 overflow-y: auto;
}
.px-desk.tone-prod.fp-desk .fp-wheat .dxg-table,
.px-desk.tone-prod.fp-desk .fp-wheat .px-foot,
.px-desk.tone-prod.fp-desk .fp-flour .dxg-table,
.px-desk.tone-prod.fp-desk .fp-flour .px-foot,
.px-desk.tone-prod.fp-desk .px-lines .px-foot {
 width: 100% !important;
 min-width: 0 !important;
 max-width: 100%;
 table-layout: fixed;
}
.px-desk.tone-prod.fp-desk .fp-wheat col.fp-col-item { width: 26% !important; }
.px-desk.tone-prod.fp-desk .fp-wheat col.fp-col-godown { width: 14% !important; }
.px-desk.tone-prod.fp-desk .fp-wheat col.pi-col-bags { width: 9% !important; }
.px-desk.tone-prod.fp-desk .fp-wheat col.pi-col-num { width: 8% !important; }
.px-desk.tone-prod.fp-desk .fp-wheat col.pi-col-wt { width: 10% !important; }
.px-desk.tone-prod.fp-desk .fp-wheat col.fp-col-bardana { width: 15% !important; }
.px-desk.tone-prod.fp-desk .fp-wheat col.fp-col-proc { width: 14% !important; }
.px-desk.tone-prod.fp-desk .fp-wheat col.pi-col-del { width: 4% !important; }
.px-desk.tone-prod.fp-desk .fp-flour col.fp-col-item { width: 18% !important; }
.px-desk.tone-prod.fp-desk .fp-flour col.fp-col-bardana { width: 12% !important; }
.px-desk.tone-prod.fp-desk .fp-flour col.pi-col-bags { width: 5.8% !important; }
.px-desk.tone-prod.fp-desk .fp-flour col.pi-col-num { width: 5.4% !important; }
.px-desk.tone-prod.fp-desk .fp-flour col.pi-col-wt { width: 6.5% !important; }
.px-desk.tone-prod.fp-desk .fp-flour col.fp-col-pct { width: 4.8% !important; }
.px-desk.tone-prod.fp-desk .fp-flour col.pi-col-rate { width: 5.6% !important; }
.px-desk.tone-prod.fp-desk .fp-flour col.pi-col-amt { width: 6.4% !important; }
.px-desk.tone-prod.fp-desk .fp-flour col.pi-col-del { width: 2.5% !important; }
.px-desk.tone-prod.fp-desk .px-lines th,
.px-desk.tone-prod.fp-desk .px-lines td {
 min-width: 0 !important;
 overflow: hidden;
}
.px-desk.tone-prod.fp-desk .px-lines .product-search,
.px-desk.tone-prod.fp-desk .px-lines .product-search-compact,
.px-desk.tone-prod.fp-desk .px-lines .spick,
.px-desk.tone-prod.fp-desk .px-lines .input-group,
.px-desk.tone-prod.fp-desk .px-lines .form-control,
.px-desk.tone-prod.fp-desk .px-lines .form-select {
 min-width: 0 !important;
 width: 100%;
 max-width: 100%;
}
.px-desk[class*="tone-"] {
 background: linear-gradient(165deg, #d7ebfc 0%, #f7fbff 38%, #fff 100%);
 color: #0b1f6b;
}
.px-desk[class*="tone-"] .ar-window {
 background: transparent;
 border: 1px solid #9fd0fa;
 border-radius: 1rem;
 box-shadow: 0 16px 36px rgba(11, 31, 107, 0.12);
}
.px-desk[class*="tone-"] .pi-caption {
 padding: 0.75rem 0.9rem;
 background: linear-gradient(115deg, #0b1f6b 0%, #163a9a 42%, #1e8aef 100%);
 border-bottom: 0;
}
.px-desk[class*="tone-"] .pi-caption-title { color: #fff; font-size: 1.25rem; font-weight: 800; }
.px-desk[class*="tone-"] .pi-caption-actions .btn {
 font-weight: 800;
 border-radius: 0.55rem;
}
.px-desk[class*="tone-"] .ar-tabbar {
 align-items: center;
 padding: 0.45rem 0.9rem 0.65rem;
 background: linear-gradient(115deg, #0b1f6b 0%, #163a9a 42%, #1e8aef 100%);
 border-bottom: 0;
}
.px-desk[class*="tone-"] .ar-tab {
 border: 0;
 background: transparent;
 color: #fff;
 font-weight: 800;
 border-radius: 999px;
 top: 0;
}
.px-desk[class*="tone-"] .ar-tab.active { background: #fff; color: #0b1f6b; }
.px-desk[class*="tone-"] .ar-req,
.px-desk[class*="tone-"] .ar-no { color: #0b1f6b; }
.px-desk[class*="tone-"] .pi-headbox,
.px-desk[class*="tone-"] .ar-vehicle,
.px-desk[class*="tone-"] .pi-totals {
 border-color: #c5e3fc;
 background: #fff;
 border-radius: 0.9rem;
}
.px-desk[class*="tone-"] .pi-headbox legend,
.px-desk[class*="tone-"] .ar-vehicle legend { color: #1340a0; }
.px-desk[class*="tone-"] .ar-body .form-control:not(.pi-locked):not(.pi-bal):not(.pi-grand),
.px-desk[class*="tone-"] .ar-body .form-select {
 border-color: #9fd0fa;
 background: #f7fbff;
}
.px-desk[class*="tone-"] .dxg-head th { background: linear-gradient(180deg, #1a5fd4, #0b1f6b); border-bottom-color: #0b1f6b; }
.px-desk[class*="tone-"] .ar-searchbar label { color: #0b1f6b; }
.px-desk[class*="tone-"] .ar-body .pi-bal,
.px-desk[class*="tone-"] .ar-body .pi-grand { background: #ffff80; }
.px-desk[class*="tone-"] .ar-body .px-lockbox,
.px-desk[class*="tone-"] .ar-body .pi-locked { background: #e0e0e0; }

.mill-doc.tone-sale,
.mill-doc.tone-sret,
.mill-doc.tone-bsale,
.mill-doc.tone-hodi,
.mill-doc.tone-prod { --tone: #0b1f6b; --tone-soft: #eaf4fd; }
.mill-doc[class*="tone-"] .page-title { color: #0b1f6b; border-bottom: 3px solid #1e8aef; padding-bottom: 0.1rem; }
.mill-doc[class*="tone-"] .mill-chip { background: #eaf4fd; color: #0b1f6b; border-color: #9fd0fa; }
.mill-doc[class*="tone-"] .mill-sheet { border-color: #9fd0fa; border-top: 4px solid #0b1f6b; }
.mill-doc[class*="tone-"] .mill-grid thead th,
.mill-doc[class*="tone-"] .mill-hist thead th { background: #0b1f6b; }

/* Large screens: the open ribbon and the page share one viewport. Grids scroll inside. */
@media (min-width: 901px) {
 .ar-desk, .px-desk, .pc-desk, .pi-desk, .pi-wrap, .pd-wrap, .dc-wrap, .br-wrap, .mill-doc {
 flex: 1 1 auto;
 min-height: 0;
 height: auto !important;
 max-height: 100%;
 overflow: hidden;
 }
 .dxg { max-height: none; min-height: 0; }
 .pd-bulk .dxg-scroll, .dc-grid .dxg-scroll { max-height: none; }
}

/* Small screens: smaller type, stacked fields, grids scroll sideways. */
@media (max-width: 900px) {
 html, body { font-size: 14px; }
 .ar-desk, .px-desk, .pc-desk, .pi-desk, .pi-wrap, .pd-wrap, .dc-wrap, .br-wrap, .mill-doc {
 height: auto !important;
 max-height: none !important;
 overflow: visible !important;
 padding: 0.3rem;
 }
 .ar-window, .px-desk .ar-window { overflow: visible; height: auto; }
 .pi-caption, .ar-tabbar, .pi-tabs, .pd-toolbar { flex-wrap: wrap; }
 .pi-caption-actions { width: 100%; margin-left: 0; }
 .ar-fields, .pi-row1, .pi-row2, .pi-row3, .pd-form-row, .pd-form-row.pd-pair, .mx-fields, .br-split, .mx-split {
 grid-template-columns: 1fr !important;
 }
 .ar-vehicle { display: grid !important; grid-template-columns: 1fr !important; }
 .ar-label, .pd-form-row label { white-space: normal; }
 .dxg { max-height: 58vh; }
 .px-desk.tone-prod.fp-desk .fp-body,
 .px-desk.tone-prod.fp-desk .fp-entry { overflow: auto; }
 .px-desk.tone-prod.fp-desk .fp-wheat,
 .px-desk.tone-prod.fp-desk .fp-flour {
 overflow: auto;
 max-height: 70vh;
 -webkit-overflow-scrolling: touch;
 }
 .px-desk.tone-prod.fp-desk .fp-wheat .dxg-scroll,
 .px-desk.tone-prod.fp-desk .fp-flour .dxg-scroll { overflow: visible; }
 .px-desk.tone-prod.fp-desk .fp-wheat .dxg-table,
 .px-desk.tone-prod.fp-desk .fp-wheat .px-foot {
 width: 46rem !important;
 min-width: 46rem !important;
 max-width: none !important;
 }
 .px-desk.tone-prod.fp-desk .fp-flour .dxg-table,
 .px-desk.tone-prod.fp-desk .fp-flour .px-foot,
 .px-desk.tone-prod.fp-desk .fp-flour.px-lines .px-foot {
 width: 68rem !important;
 min-width: 68rem !important;
 max-width: none !important;
 }
 .dxg-table { font-size: 0.74rem; }
 .dxg-head th, .dxg-table td { padding: 0.22rem 0.28rem; }
 .form-control, .form-select, .btn { font-size: 0.78rem; }
}

@media (max-width: 900px) {
 .pi-adj-options, .pi-body, .pi-top { grid-template-columns: 1fr !important; }
 .pi-row.pi-inv-row {
 grid-template-columns: 4.6rem minmax(0, 1fr) !important;
 align-items: center;
 }
 .pi-row.pi-inv-row .pi-lbl2 { text-align: left; }
 .pi-inv, .pi-order, .pi-row.pi-inv-row .erp-date { max-width: none; width: 100%; }
 .pi-row.pi-inv-row > .erp-date,
 .pi-row.pi-inv-row > .pi-when { grid-column: 1 / -1; }
 .pi-when {
 display: grid;
 grid-template-columns: minmax(0, 1fr) 5.2rem;
 gap: 0.35rem;
 min-width: 0;
 align-items: center;
 }
 .pi-when .erp-date { max-width: none !important; width: 100% !important; min-width: 0; }
 .pi-when .pi-order { width: 100%; max-width: none; }
 .pi-row.pi-vch-idrow {
 flex-wrap: wrap;
 }
 .pi-row.pi-vch-idrow > .pi-when {
 display: grid;
 flex: 1 1 100%;
 grid-template-columns: minmax(0, 1fr) 5.2rem;
 }
 .pi-row.pi-vch-idrow > .pi-when .erp-date {
 flex: none;
 width: 100% !important;
 max-width: none !important;
 }
 .pi-row.pi-vch-idrow > .pi-lbl2 { margin-left: 0; }
 .pi-row.pi-vch-idrow > .pi-order { flex: 1 1 8rem; width: auto; max-width: none; }
 .pi-bal-strip { grid-template-columns: 1fr !important; }
 .pi-grid-wrap { max-height: 62vh; overflow: auto; }
 .pi-grid { min-width: 42rem; font-size: 0.75rem; }
 .pi-vch-narr { width: 7.5rem; max-width: 7.5rem; }
 .pi-foot { align-items: stretch; }
 .pi-actions { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }
 .pi-actions .pi-btn { width: 100%; }
}

@media (max-width: 640px) {
 html, body { font-size: 13px; }
 .pi-caption-title, .page-title { font-size: 0.95rem; }
 .pi-caption-actions .btn, .pd-toolbar .btn, .ar-actions .btn { flex: 1 1 auto; }
 .dxg-scroll { -webkit-overflow-scrolling: touch; }
 .lookup-drop { max-width: calc(100vw - 0.8rem); }
}

/* Vouchers, invoices, and master forms share the navy / ice scheme. */
.pi-wrap[class] {
 background: linear-gradient(165deg, #d7ebfc 0%, #f7fbff 38%, #fff 100%);
 border: 1px solid #9fd0fa;
 border-radius: 1rem;
 box-shadow: 0 16px 36px rgba(11, 31, 107, 0.12);
 font-family: 'Fira Sans Condensed', 'Noto Nastaliq Urdu', sans-serif;
 overflow: hidden;
}
.pi-wrap[class] .pi-tabs {
 background: linear-gradient(115deg, #0b1f6b 0%, #163a9a 42%, #1e8aef 100%);
 padding: 0.55rem 0.75rem;
 align-items: center;
 gap: 0.35rem;
}
.pi-wrap[class] .pi-tab {
 border: 0;
 background: transparent;
 color: #fff;
 font-weight: 800;
 border-radius: 999px;
 padding: 0.32rem 0.85rem;
}
.pi-wrap[class] .pi-tab.active {
 background: #fff;
 color: #0b1f6b;
 border-bottom-color: #fff;
}
.pi-wrap[class] .pi-title { color: #fff; }
.pi-wrap[class] .pi-head,
.pi-wrap[class] .pi-adj-box {
 background: #fff;
 border-color: #c5e3fc;
}
.pi-wrap[class] .pi-adj-box-title {
 background: #eaf4fd;
 border-color: #c5e3fc;
 color: #0b1f6b;
}

/* One size for action buttons. Lookup carets stay small. */
.btn,
.pc-btn,
.pi-btn {
 box-sizing: border-box;
 min-height: 2.15rem;
 min-width: 6.6rem;
 padding: 0.32rem 0.85rem;
 font-size: 0.9rem;
 font-weight: 800;
 border-radius: 0.55rem;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: 0.35rem;
}
.mill-fx-act-add {
 min-width: 1.9rem;
 width: 1.9rem;
 min-height: 1.9rem;
 height: 1.9rem;
 padding: 0;
 border-radius: 0.35rem;
 gap: 0;
}
.input-group > .btn,
.pc-win-x,
.usr-del {
 min-width: 0;
 width: 1.9rem;
 min-height: 1.9rem;
 padding: 0;
}
.btn-success,
.pc-save,
.usr-save,
.pi-save,
.mill-fx-act-add,
.btn:has(.bi-check2-circle),
.btn:has(.bi-check-circle-fill) {
 background: linear-gradient(180deg, #3cb36a, #18753a);
 border-color: #18753a;
 color: #fff;
}
.btn-success .bi,
.pc-save .bi,
.pi-save .bi { color: #fff; }
.btn-outline-danger,
.btn:has(.bi-trash3),
.btn:has(.bi-x-lg) {
 background: #fff;
 border: 1px solid #b42318;
 color: #b42318;
}
.btn-danger,
.pc-close,
.pi-close,
.btn-outline-danger:has(.bi-x-circle),
.pi-caption-actions .btn-outline-danger,
.ar-actions .btn-outline-danger {
 background: #9b1c1c;
 border: 1px solid #9b1c1c;
 color: #fff;
}
.btn-danger .bi,
.pc-close .bi,
.pi-close .bi,
.pi-caption-actions .btn-outline-danger .bi { color: #fff; }
.btn-outline-danger .bi,
.btn:has(.bi-trash3) .bi,
.btn:has(.bi-x-lg) .bi { color: #b42318; }
.btn-primary,
.btn-outline-primary,
.pc-refresh,
.pc-view,
.usr-new,
.btn:has(.bi-arrow-clockwise) {
 background: #fff;
 border: 1px solid #1a5fd4;
 color: #0b1f6b;
}
.btn-primary:hover,
.btn-outline-primary:hover,
.pc-view:hover { background: #0b1f6b; color: #fff; }
.btn:has(.bi-printer),
.pc-btn:has(.bi-printer) {
 background: #fff;
 border: 1px solid #0b1f6b;
 color: #0b1f6b;
}
.btn:has(.bi-printer) .bi { color: #0b1f6b; }


/* ===== Trial Balance 6-col (TB_6Col_Dialog parity) ===== */
/* The page shell already owns the viewport; the TB6 screen fills only the
 remaining space below the header/ribbon. Keep scrolling at the list level. */
.page:has(.desk-doc.is-on .tb6-page) {
 min-height: 0;
 height: 100dvh;
 max-height: 100dvh;
 overflow: hidden;
}
.page:has(.desk-doc.is-on .tb6-page) > .ledger {
 flex: 1 1 0;
 min-height: 0;
 overflow: hidden;
}
.page:has(.desk-doc.is-on .tb6-page) > .ledger > .content {
 display: flex;
 flex: 1 1 auto;
 flex-direction: column;
 min-height: 0;
 height: 100%;
 overflow: hidden;
 box-sizing: border-box;
}
.page:has(.desk-doc.is-on .tb6-page) .tb6-page {
 flex: 1 1 auto;
 min-height: 0;
 height: 100%;
 max-height: 100%;
}
@media print {
 .page:has(.desk-doc.is-on .tb6-page) { height: auto; min-height: 0; overflow: visible; }
 .page:has(.desk-doc.is-on .tb6-page) .tb6-page { display: none; }
}
.tb6-page {
 width: 100%;
 max-width: none;
 margin: 0;
 background: #f4f7f2;
 border: 1px solid #9bb89a;
 border-radius: 0;
 padding: 0.45rem 0.65rem 0.65rem;
 box-sizing: border-box;
 font-weight: 700;
 display: flex;
 flex-direction: column;
 min-height: 0;
 overflow: hidden;
}
.tb6-body {
 display: flex;
 flex: 1 1 auto;
 flex-direction: column;
 min-height: 0;
 overflow: hidden;
}
.tb6-titlebar { font-weight:700; font-size:1.05rem; color:#0b4d2c; padding:0.2rem 0.15rem 0.35rem; border-bottom:1px solid #c5d9c4; margin-bottom:0.35rem; flex:0 0 auto; }
.tb6-tabs { display:flex; gap:0.25rem; margin-bottom:0.4rem; flex:0 0 auto; }
.tb6-tab { border:1px solid #8aa88a; background:#e8f0e6; padding:0.28rem 0.85rem; border-radius:4px 4px 0 0; font-weight:700; font-size:0.85rem; cursor:pointer; }
.tb6-tab.active { background:#fff; border-bottom-color:#fff; color:#0b4d2c; }
.tb6-sel {
 display: grid;
 grid-template-columns: minmax(280px, 22rem) minmax(0, 1fr);
 gap: 0.65rem;
 flex: 1 1 auto;
 min-height: 0;
 align-items: stretch;
}
.tb6-left {
 display: flex;
 flex-direction: column;
 gap: 0.35rem;
 background: #fff;
 border: 1px solid #c5d9c4;
 border-radius: 4px;
 padding: 0.55rem 0.65rem;
 min-height: 0;
 overflow: hidden;
}
.tb6-dates {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 0.5rem;
 align-items: end;
}
.tb6-field { display:flex; flex-direction:column; gap:0.12rem; }
.tb6-field label,
.tb6-page label,
.tb6-check,
.tb6-list-cap,
.tb6-titlebar,
.tb6-tab { font-weight: 700 !important; }
.tb6-field label { font-size:0.8rem; color:#123; }
.tb6-having { display:grid; grid-template-columns:1fr auto; gap:0.25rem; align-items:end; }
.tb6-having > label { grid-column: 1 / -1; }
.tb6-having .tb6-val { max-width:8rem; }
.tb6-check { display:flex; align-items:center; gap:0.4rem; font-size:0.82rem; }
.tb6-actions { display:flex; flex-wrap:wrap; gap:0.4rem; margin-top:auto; padding-top:0.35rem; }
.tb6-lists {
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 grid-template-rows: repeat(2, minmax(0, 1fr));
 gap: 0.5rem;
 min-height: 0;
 height: 100%;
}
.tb6-list {
 background: #fff;
 border: 1px solid #c5d9c4;
 border-radius: 4px;
 min-height: 0;
 display: flex;
 flex-direction: column;
 height: 100%;
}
.tb6-list-cap { font-size:0.78rem; padding:0.3rem 0.45rem; background:#e4efe3; border-bottom:1px solid #c5d9c4; flex:0 0 auto; }
.tb6-list-scroll { overflow:auto; flex:1 1 auto; min-height:0; max-height:none; padding:0.25rem; }
.tb6-item { display:flex; gap:0.35rem; align-items:flex-start; font-size:0.8rem; font-weight:700; padding:0.15rem 0.25rem; border-radius:3px; margin:0; }
.tb6-item.sel { background:#dcefd8; }
.tb6-add {
 background: #fff;
 border: 1px solid #c5d9c4;
 border-radius: 4px;
 padding: 0.65rem 0.75rem;
 flex: 1 1 auto;
 min-height: 0;
 display: flex;
 flex-direction: column;
 gap: 0.45rem;
 overflow: hidden;
 width: 100%;
 box-sizing: border-box;
}
.tb6-add-grid {
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 0.55rem;
 flex: 1 1 auto;
 min-height: 0;
 align-content: start;
 overflow: hidden;
}
.tb6-add-grid .tb6-field-full { grid-column: 1 / -1; }
.tb6-add .tb6-list,
.tb6-add .tb6-fact-list {
 min-height: 9rem;
 max-height: 14rem;
 height: auto;
}
.tb6-fact-list { border:1px solid #c5d9c4; border-radius:4px; }
.tb6-vc-row { display:flex; flex-wrap:wrap; gap:0.45rem; align-items:flex-start; }
.tb6-vc-row .party-search { flex: 1 1 18rem; min-width: 14rem; }
.tb6-vc-sel {
 flex: 1 1 16rem;
 min-height: 5.5rem;
 max-height: 10rem;
 overflow: auto;
 border: 1px solid #c5d9c4;
 border-radius: 4px;
 padding: 0.25rem;
 background: #fafdfa;
}
.tb6-vc-actions { display:flex; flex-direction:column; gap:0.3rem; }
@media (max-width: 900px) {
 .page:has(.desk-doc.is-on .tb6-page) { height: auto; max-height: none; overflow: auto; }
 .page:has(.desk-doc.is-on .tb6-page) > .ledger > .content { height: auto; overflow: visible; display: block; }
 .page:has(.desk-doc.is-on .tb6-page) .tb6-page { height: auto; max-height: none; overflow: visible; }
 .tb6-body { overflow: visible; }
 .tb6-add { overflow: visible; }
 .tb6-add-grid { overflow: visible; }
 .tb6-sel { grid-template-columns:1fr; }
 .tb6-lists { grid-template-columns:1fr; grid-template-rows:none; height:auto; }
 .tb6-list-scroll { max-height: 12rem; }
 .tb6-dates { grid-template-columns:1fr; }
 .tb6-add-grid { grid-template-columns:1fr; }
}

/* ===== Bank Statement (LedgerSeperateDialog Banks) ===== */
.bs-page { max-width:920px; margin:0.5rem auto 1rem; background:#f3f6fa; border:1px solid #9ab0c8; border-radius:6px; }
.bs-caption { font-weight:700; padding:0.45rem 0.75rem; background:#d9e6f5; border-bottom:1px solid #9ab0c8; color:#123; }
.bs-body { display:grid; grid-template-columns:1fr 220px; gap:0.75rem; padding:0.75rem; }
.bs-banks { background:#fff; border:1px solid #c5d0de; border-radius:4px; min-height:240px; display:flex; flex-direction:column; }
.bs-banks-head { padding:0.35rem 0.5rem; background:#e8eef6; border-bottom:1px solid #c5d0de; font-weight:700; }
.bs-banks-scroll { overflow:auto; max-height:320px; padding:0.25rem; }
.bs-bank { display:flex; gap:0.4rem; padding:0.2rem 0.35rem; font-size:0.85rem; margin:0; border-radius:3px; }
.bs-bank.sel { background:#d6e6f8; }
.bs-right { display:flex; flex-direction:column; gap:0.5rem; }
.bs-field label { font-size:0.78rem; font-weight:600; display:block; }
.bs-actions { display:flex; flex-direction:column; gap:0.35rem; margin-top:0.5rem; }
.bs-rpt-title { text-align:center; font-weight:700; font-size:1.1rem; margin:0.35rem 0; }
.bs-rpt-cap { text-align:center; font-size:0.85rem; margin-bottom:0.75rem; }
.bs-sec { margin-bottom:1.1rem; }
.bs-sec-head { font-weight:700; background:#e8eef6; padding:0.3rem 0.45rem; border:1px solid #c5d0de; border-bottom:none; }
.bs-ob { font-size:0.85rem; padding:0.2rem 0.45rem; border-left:1px solid #c5d0de; border-right:1px solid #c5d0de; }
.bs-tx { width:100%; border-collapse:collapse; font-size:0.82rem; }
.bs-tx th, .bs-tx td { border:1px solid #c5d0de; padding:0.2rem 0.35rem; }
.bs-tx thead th { background:#edf2f8; }
.bs-tot td { font-weight:700; background:#f5f8fc; }
.bs-narr { max-width:22rem; }
@media (max-width: 700px) { .bs-body { grid-template-columns:1fr; } }
/* GJ / wide selection: fit in chrome when using shared card */
.page:has(.desk-doc.is-on .rpt-sel-page-wide) {
 min-height: 0;
 height: 100dvh;
 max-height: 100dvh;
 overflow: hidden;
 max-width: none !important;
 width: 100%;
}
.page:has(.desk-doc.is-on .rpt-sel-page-wide) > .ledger {
 flex: 1 1 0;
 min-height: 0;
 overflow: hidden;
 max-width: none !important;
 width: 100%;
}
.page:has(.desk-doc.is-on .rpt-sel-page-wide) > .ledger > .content {
 display: flex;
 flex: 1 1 auto;
 flex-direction: column;
 min-height: 0;
 height: 100%;
 overflow: hidden;
 max-width: none !important;
 width: 100%;
 box-sizing: border-box;
 background: #eaf4fd;
 padding: 0 !important;
}
.page:has(.desk-doc.is-on .rpt-sel-page-wide) .rpt-sel-page-wide {
 flex: 1 1 auto;
 min-height: 0;
 height: 100%;
 max-height: 100%;
 width: 100%;
 max-width: none;
 margin: 0;
 box-sizing: border-box;
 overflow: auto;
}
.page:has(.desk-doc.is-on .rpt-sel-page-wide) .rpt-sel-card-wide {
 display: flex;
 flex-direction: column;
 min-height: 0;
 flex: 1 1 auto;
 max-height: none;
}
@media print {
 .page:has(.desk-doc.is-on .rpt-sel-page-wide) { height: auto; min-height: 0; overflow: visible; }
 .page:has(.desk-doc.is-on .rpt-sel-page-wide) .rpt-sel-page-wide { display: none; }
}

/* Journal General View - - - - - JV_Dialog Selection parity (TB6 fit-in-chrome) */
.page:has(.desk-doc.is-on .gj-page) {
 min-height: 0;
 height: 100dvh;
 max-height: 100dvh;
 overflow: hidden;
 max-width: none !important;
 width: 100%;
}
.page:has(.desk-doc.is-on .gj-page) > .ledger {
 flex: 1 1 0;
 min-height: 0;
 overflow: hidden;
 max-width: none !important;
 width: 100%;
}
.page:has(.desk-doc.is-on .gj-page) > .ledger > .content {
 display: flex;
 flex: 1 1 auto;
 flex-direction: column;
 min-height: 0;
 height: 100%;
 overflow: hidden;
 max-width: none !important;
 width: 100%;
 box-sizing: border-box;
}
.page:has(.desk-doc.is-on .gj-page) .gj-page {
 flex: 1 1 auto;
 min-height: 0;
 height: 100%;
 max-height: 100%;
 width: 100%;
 max-width: none;
 margin: 0;
 box-sizing: border-box;
}
@media print {
 .page:has(.desk-doc.is-on .gj-page) { height: auto; min-height: 0; overflow: visible; }
 .page:has(.desk-doc.is-on .gj-page) .gj-page { display: none; }
}
.page:has(.desk-doc.is-on .al-preview-panel):has(.desk-doc.is-on .gj-report) .gj-page { display: none; }

.gj-page {
 font-family: 'Fira Sans Condensed', 'Noto Nastaliq Urdu', sans-serif;
 padding: 0.35rem 0.5rem 0.5rem;
 width: 100%;
 max-width: none;
 box-sizing: border-box;
 display: flex;
 flex-direction: column;
 min-height: 0;
 overflow: hidden;
}
.gj-caption {
 flex: 0 0 auto;
 text-align: center;
 font-weight: 800;
 font-size: 1.1rem;
 padding: 0.35rem;
 background: linear-gradient(180deg, #fff59d, #fbc02d);
 border: 1px solid #f9a825;
 margin-bottom: 0.35rem;
}
.gj-frame {
 flex: 1 1 auto;
 min-height: 0;
 display: flex;
 flex-direction: column;
 overflow: hidden;
 border: 1px solid #8aa88a;
 background: #f7faf6;
 border-radius: 4px;
 padding: 0.35rem 0.45rem 0.45rem;
}
.gj-frame-title {
 flex: 0 0 auto;
 font-weight: 800;
 font-size: 0.95rem;
 color: #0b4d2c;
 padding: 0.15rem 0.25rem 0.3rem;
 border-bottom: 1px solid #c5d9c4;
 margin-bottom: 0.35rem;
}
.gj-body {
 flex: 1 1 auto;
 min-height: 0;
 display: grid;
 grid-template-columns: minmax(12rem, 16rem) minmax(14rem, 18rem) minmax(0, 1fr);
 gap: 0.55rem;
 align-items: stretch;
 overflow: hidden;
}
.gj-left {
 display: flex;
 flex-direction: column;
 gap: 0.45rem;
 min-height: 0;
 overflow: auto;
}
.gj-box {
 border: 1px solid #9bb89a;
 background: #fff;
 border-radius: 4px;
 padding: 0.4rem 0.5rem 0.5rem;
 margin: 0;
}
.gj-box legend {
 font-weight: 800;
 font-size: 0.82rem;
 padding: 0 0.25rem;
 color: #0b4d2c;
}
.gj-field { display: flex; flex-direction: column; gap: 0.1rem; margin-bottom: 0.3rem; }
.gj-field label,
.gj-page label,
.gj-check {
 font-weight: 700 !important;
 font-size: 0.82rem;
 margin: 0;
}
.gj-check { display: flex; align-items: center; gap: 0.35rem; margin-bottom: 0.28rem; }
.gj-check.gj-inline { margin: 0; }
.gj-mid {
 border: 1px solid #9bb89a;
 background: #fff;
 border-radius: 4px;
 padding: 0.45rem 0.55rem;
 display: flex;
 flex-direction: column;
 gap: 0.2rem;
 min-height: 0;
 overflow: auto;
}
.gj-having-row { display: grid; grid-template-columns: 1fr 1fr; gap: 0.35rem; }
.gj-mid-actions { display: flex; flex-wrap: wrap; gap: 0.3rem; margin-top: 0.35rem; }
.gj-docs {
 border: 1px solid #9bb89a;
 background: #fff;
 border-radius: 4px;
 display: flex;
 flex-direction: column;
 min-height: 0;
 max-height: none;
 height: 100%;
 overflow: hidden;
}
.gj-docs-head {
 flex: 0 0 auto;
 display: flex;
 justify-content: space-between;
 align-items: center;
 padding: 0.3rem 0.45rem;
 border-bottom: 1px solid #c5d9c4;
 background: #e8f0e6;
 font-weight: 800;
}
.gj-docs-scroll { overflow: auto; flex: 1 1 auto; min-height: 0; padding: 0.2rem; }
.gj-doc {
 display: flex;
 align-items: center;
 gap: 0.35rem;
 padding: 0.18rem 0.35rem;
 border-radius: 3px;
 font-weight: 700;
 cursor: pointer;
}
.gj-doc:hover { background: #e3f2fd; }
.gj-doc.sel { background: #bbdefb; }
.gj-footer {
 flex: 0 0 auto;
 margin-top: 0.45rem;
 display: grid;
 grid-template-columns: auto 1fr auto;
 gap: 0.45rem 0.6rem;
 align-items: center;
 border-top: 1px solid #c5d9c4;
 padding-top: 0.4rem;
}
.gj-trial { display: flex; gap: 0.35rem; flex-wrap: wrap; }
.gj-trial-box {
 border: 1px solid #888;
 background: #fff;
 min-width: 7.5rem;
 text-align: center;
}
.gj-trial-lbl { font-weight: 800; font-size: 0.78rem; background: #eee; padding: 0.1rem; border-bottom: 1px solid #ccc; }
.gj-trial-val { font-weight: 800; font-size: 1rem; padding: 0.25rem 0.4rem; color: #0b1f6b; }
.gj-trial-val.gj-cr { color: #0b7a2c; }
.gj-trial-val.gj-diff { color: #c62828; background: #ffebee; }
.gj-words {
 font-weight: 700;
 font-size: 0.78rem;
 text-align: center;
 border: 1px solid #bbb;
 background: #fff;
 padding: 0.2rem 0.4rem;
}
.gj-words-diff { background: #f5d0a8; margin-top: 0.15rem; padding: 0.1rem; }
.gj-null-msg { grid-column: 1 / -1; color: #c62828; font-weight: 700; font-size: 0.8rem; }
.gj-actions { display: flex; align-items: flex-end; gap: 0.35rem; flex-wrap: wrap; justify-content: flex-end; }
.gj-out { display: flex; flex-direction: column; gap: 0.1rem; min-width: 7rem; }
.gj-out label { font-weight: 700; font-size: 0.78rem; }

.gj-report { padding: 0.5rem; }
.gj-rpt-title { text-align: center; font-weight: 800; font-size: 1.15rem; margin-top: 0.25rem; }
.gj-rpt-cap { text-align: center; font-weight: 700; margin-bottom: 0.5rem; }
.gj-sec { margin-bottom: 0.75rem; }
.gj-sec-head { font-weight: 800; background: #dce8dc; padding: 0.2rem 0.35rem; border: 1px solid #000; border-bottom: none; }
.gj-tx { width: 100%; border-collapse: collapse; font-size: 0.85rem; }
.gj-tx th, .gj-tx td { border: 1px solid #000; padding: 0.15rem 0.3rem; }
.gj-tx thead th { background: #cfcfcf !important; text-align: center; font-weight: 800; }
.gj-col-dt { width: 6rem; }
.gj-col-doc { width: 3.5rem; }
.gj-col-tr { width: 3.5rem; }
.gj-col-amt { width: 7rem; }
.gj-col-diff { width: 7rem; }
.gj-narr { white-space: pre-line; font-weight: 600; }
.gj-tx tr.gj-tot td { background: #e0e0e0; font-weight: 800; }
.gj-tx tr.gj-tot td.gj-diff-cell { background: #fff3e0; color: #c62828; }
.gj-grand { margin-top: 0.35rem; width: 100%; }
.gj-grand td.gj-diff-cell { background: #fff3e0; color: #c62828; font-weight: 800; }

@media (max-width: 960px) {
 .page:has(.desk-doc.is-on .gj-page) { height: auto; max-height: none; overflow: auto; }
 .page:has(.desk-doc.is-on .gj-page) > .ledger > .content { height: auto; overflow: visible; display: block; }
 .page:has(.desk-doc.is-on .gj-page) .gj-page { height: auto; max-height: none; overflow: visible; }
 .gj-frame { overflow: visible; }
 .gj-body { grid-template-columns: 1fr; overflow: visible; height: auto; }
 .gj-docs { min-height: 12rem; max-height: 18rem; height: auto; }
 .gj-footer { grid-template-columns: 1fr; }
}


/* ===== Balance Sheet Comparative (BS_CompariDialog parity) ===== */
.page:has(.desk-doc.is-on .bsc-page) {
 min-height: 0;
 height: 100dvh;
 max-height: 100dvh;
 overflow: hidden;
 max-width: none !important;
 width: 100%;
}
.page:has(.desk-doc.is-on .bsc-page) > .ledger {
 flex: 1 1 0;
 min-height: 0;
 overflow: hidden;
 max-width: none !important;
 width: 100%;
}
.page:has(.desk-doc.is-on .bsc-page) > .ledger > .content {
 display: flex;
 flex: 1 1 auto;
 flex-direction: column;
 min-height: 0;
 height: 100%;
 overflow: hidden;
 max-width: none !important;
 width: 100%;
 box-sizing: border-box;
}
.page:has(.desk-doc.is-on .bsc-page) .bsc-page {
 flex: 1 1 auto;
 min-height: 0;
 height: 100%;
 max-height: 100%;
 width: 100%;
 max-width: none;
 margin: 0;
 box-sizing: border-box;
}
@media print {
 .page:has(.desk-doc.is-on .bsc-page) { height: auto; min-height: 0; overflow: visible; }
 .page:has(.desk-doc.is-on .bsc-page) .bsc-page { display: none; }
}
.page:has(.desk-doc.is-on .al-preview-panel):has(.desk-doc.is-on .bsc-rpt) .bsc-page,
.page:has(.desk-doc.is-on .al-preview-panel):has(.desk-doc.is-on .bsc-rpt) .rpt-sel-page { display: none; }

.bsc-page {
 width: 100%;
 max-width: none;
 margin: 0;
 background: #e8e8e8;
 border: 1px solid #9a9a9a;
 border-radius: 0;
 padding: 0.45rem 0.75rem 0.7rem;
 box-sizing: border-box;
 display: flex;
 flex-direction: column;
 gap: 0.55rem;
 min-height: 0;
 overflow: auto;
 font-family: 'Fira Sans Condensed', 'Noto Nastaliq Urdu', sans-serif;
}
.bsc-banner {
 flex: 0 0 auto;
 text-align: center;
 font-weight: 800;
 font-size: 1.45rem;
 color: #111;
 background: linear-gradient(180deg, #fff9c4 0%, #ffd54f 100%);
 border: 1px solid #c9a227;
 padding: 0.45rem 0.75rem;
}
.bsc-dialog {
 flex: 0 0 auto;
 max-width: 44rem;
 width: 100%;
 margin: 0.35rem auto 0;
 background: #f3f3f3;
 border: 1px solid #8a8a8a;
 box-shadow: 0 1px 2px rgba(0,0,0,0.08);
}
.bsc-dialog-title {
 font-weight: 700;
 font-size: 0.95rem;
 color: #222;
 background: linear-gradient(180deg, #f7f7f7 0%, #dedede 100%);
 border-bottom: 1px solid #b0b0b0;
 padding: 0.35rem 0.65rem;
}

/* Flat 2-col grid: each pair of children is one aligned row */
.bsc-grid {
 display: grid;
 grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
 column-gap: 1.5rem;
 row-gap: 0.28rem;
 align-items: center;
 padding: 0.75rem 1rem 1rem;
 box-sizing: border-box;
}
.bsc-grid > .bsc-label,
.bsc-grid > .bsc-check,
.bsc-grid > .bsc-cell {
 min-width: 0;
 margin: 0;
}
.bsc-label {
 display: block;
 font-weight: 700 !important;
 font-size: 0.9rem;
 color: #00008b;
 line-height: 1.25;
 padding-top: 0.2rem;
}
.bsc-cell {
 display: flex;
 flex-direction: column;
 gap: 0.12rem;
 width: 100%;
}
.bsc-cell.bsc-top {
 justify-content: flex-end;
 min-height: 3.35rem;
}
.bsc-cell.bsc-top .bsc-label {
 padding-top: 0;
 margin-bottom: 0.12rem;
}
.bsc-cell.bsc-spacer {
 min-height: 0;
 visibility: hidden;
 pointer-events: none;
}
.bsc-company {
 font-weight: 700;
 font-size: 0.95rem;
 color: #00008b;
 text-align: center;
 border: 1px solid #7a9ccc;
 background: #fff;
 padding: 0.35rem 0.45rem;
 min-height: 2.15rem;
 height: 2.15rem;
 display: flex;
 align-items: center;
 justify-content: center;
 box-sizing: border-box;
 margin-top: auto;
}
.bsc-select,
.bsc-grid .form-select,
.bsc-grid .erp-date,
.bsc-grid .erp-date-text {
 width: 100%;
 box-sizing: border-box;
}
.bsc-select,
.bsc-grid .form-select {
 font-weight: 700;
 color: #00008b;
 min-height: 2.15rem;
 height: 2.15rem;
}
.bsc-grid .erp-date {
 min-height: 2.15rem;
}
.bsc-check {
 display: flex;
 align-items: center;
 gap: 0.4rem;
 cursor: pointer;
 user-select: none;
 font-weight: 700 !important;
 font-size: 0.9rem;
 color: #111;
 min-height: 1.65rem;
 line-height: 1.25;
}
.bsc-check input {
 accent-color: #0b1f6b;
 flex: 0 0 auto;
 margin: 0;
}
.bsc-todate {
 background: #c0ffff;
 border-radius: 0.2rem;
 padding: 0.1rem;
 width: 100%;
 box-sizing: border-box;
}
.bsc-todate .erp-date,
.bsc-todate .erp-date-text {
 background: #c0ffff !important;
}
.bsc-todate .erp-date-text {
 color: #00008b;
 font-weight: 700;
 text-align: center;
}
.bsc-footer {
 flex: 0 0 auto;
 max-width: 44rem;
 width: 100%;
 margin: 0 auto;
 display: flex;
 justify-content: space-between;
 align-items: center;
 gap: 0.75rem;
 padding: 0.15rem 0.25rem 0.35rem;
}
@media (max-width: 720px) {
 .bsc-grid { grid-template-columns: 1fr; column-gap: 0; }
 .bsc-dialog, .bsc-footer { max-width: none; }
 .bsc-cell.bsc-spacer { display: none; }
}

/* ===== Balance Sheet Comparative REPORT (BS_CompariRpt parity) ===== */
.bsc-rpt {
 background: #fff;
 padding: 0.5rem 0.75rem 1rem;
 font-family: 'Fira Sans Condensed', 'Noto Nastaliq Urdu', sans-serif;
 color: #111;
}
.bsc-rpt-title {
 text-align: center;
 font-weight: 800;
 font-size: 1.35rem;
 letter-spacing: 0.06em;
 margin: 0.15rem 0 0.2rem;
}
.bsc-rpt-caption {
 text-align: center;
 font-weight: 700;
 font-size: 0.92rem;
 margin: 0 0 0.65rem;
 color: #1a1a1a;
}
.bsc-rpt-table {
 width: 100%;
 border-collapse: collapse;
 table-layout: fixed;
 font-size: 0.82rem;
}
.bsc-rpt-table th,
.bsc-rpt-table td {
 border: 1px solid #555;
 padding: 0.18rem 0.35rem;
 vertical-align: middle;
}
.bsc-rpt-h1 th,
.bsc-rpt-h2 th {
 font-weight: 700;
 text-align: center;
 background: #e0e0e0;
}
.bsc-rpt-num {
 width: 2.2rem;
 text-align: center;
 font-weight: 700;
}
.bsc-rpt-desc {
 width: 28%;
 text-align: left;
 font-weight: 600;
}
.bsc-rpt-amt {
 text-align: right !important;
 font-variant-numeric: tabular-nums;
 white-space: nowrap;
}
.bsc-rpt-left {
 background: #e0e0e0;
}
.bsc-rpt-cmp {
 background: #c0ffff !important;
}
.bsc-rpt-diff {
 background: #ffff80 !important;
 text-align: center;
}
.bsc-rpt-pct {
 width: 4.2rem;
 background: #e0e0e0;
 text-align: center;
}
.bsc-rpt-row td.bsc-rpt-left {
 background: #fff;
}
.bsc-rpt-row td.bsc-rpt-cmp {
 background: #c0ffff !important;
}
.bsc-rpt-row td.bsc-rpt-diff {
 background: #ffff80 !important;
}
.bsc-rpt-row td.bsc-rpt-pct {
 background: #fff;
}
.bsc-rpt-section td {
 text-align: center !important;
 font-weight: 800;
 letter-spacing: 0.04em;
 background: #f7f7f7;
 padding: 0.28rem 0.35rem;
 text-transform: uppercase;
}
.bsc-rpt-subtotal td {
 font-weight: 800;
 border-top: 2px solid #333;
 background: #f0f0f0;
}
.bsc-rpt-subtotal td.bsc-rpt-cmp {
 background: #b3f5f5 !important;
}
.bsc-rpt-subtotal td.bsc-rpt-diff {
 background: #ffff66 !important;
}
@media print {
 .bsc-rpt { padding: 0; }
 .bsc-rpt-table { font-size: 9pt; }
}


/* ---- Month By Month Income Statement (YearlyIS_Dialog) ---- */
.page:has(.desk-doc.is-on .mbm-page) {
 min-height: 0;
 height: 100dvh;
 max-height: 100dvh;
 overflow: hidden;
 max-width: none !important;
 width: 100%;
}
.page:has(.desk-doc.is-on .mbm-page) > .ledger {
 flex: 1 1 0;
 min-height: 0;
 overflow: hidden;
 max-width: none !important;
 width: 100%;
}
.page:has(.desk-doc.is-on .mbm-page) > .ledger > .content {
 display: flex;
 flex: 1 1 auto;
 flex-direction: column;
 min-height: 0;
 height: 100%;
 overflow: hidden;
 max-width: none !important;
 width: 100%;
 box-sizing: border-box;
}
.page:has(.desk-doc.is-on .mbm-page) .mbm-page {
 flex: 1 1 auto;
 min-height: 0;
 height: 100%;
 max-height: 100%;
 width: 100%;
 max-width: none;
 margin: 0;
 box-sizing: border-box;
}
@media print {
 .page:has(.desk-doc.is-on .mbm-page) { height: auto; min-height: 0; overflow: visible; }
 .page:has(.desk-doc.is-on .mbm-page) .mbm-page { display: none; }
}
.page:has(.desk-doc.is-on .al-preview-panel):has(.desk-doc.is-on .mbm-report) .mbm-page { display: none; }

.mbm-page {
 width: 100%;
 max-width: none;
 margin: 0;
 background: #e8e8e8;
 border: 1px solid #9a9a9a;
 border-radius: 0;
 padding: 0.45rem 0.75rem 0.7rem;
 box-sizing: border-box;
 display: flex;
 flex-direction: column;
 gap: 0.7rem;
 min-height: 0;
 overflow: auto;
 font-family: 'Fira Sans Condensed', 'Noto Nastaliq Urdu', sans-serif;
 align-items: center;
 justify-content: flex-start;
}
.mbm-banner {
 flex: 0 0 auto;
 width: 100%;
 max-width: 28rem;
 text-align: center;
 font-weight: 800;
 font-size: 1.35rem;
 color: #111;
 background: linear-gradient(180deg, #fff9c4 0%, #ffd54f 100%);
 border: 1px solid #c9a227;
 padding: 0.55rem 0.75rem;
}
.mbm-dialog {
 flex: 0 0 auto;
 width: 100%;
 max-width: 24rem;
 background: #f0f0f0;
 border: 1px solid #8a8a8a;
 box-shadow: 0 1px 3px rgba(0,0,0,.12);
}
.mbm-dialog-title {
 background: #c8c8c8;
 border-bottom: 1px solid #9a9a9a;
 font-weight: 800;
 font-size: 0.92rem;
 color: #111;
 padding: 0.35rem 0.55rem;
}
.mbm-body {
 padding: 0.85rem 1.1rem 1rem;
 display: flex;
 flex-direction: column;
 gap: 0.45rem;
 align-items: flex-start;
}
.mbm-label {
 font-weight: 800;
 color: #00008b;
 font-size: 1rem;
 margin: 0;
}
.mbm-date {
 width: 12.5rem;
}
.mbm-date .erp-date,
.mbm-date .erp-date-text {
 font-weight: 700;
 color: #00008b;
 text-align: center;
}
.mbm-check {
 display: flex;
 align-items: center;
 gap: 0.4rem;
 font-weight: 800;
 font-size: 1rem;
 color: #111;
 margin: 0.35rem 0 0;
 cursor: pointer;
 user-select: none;
}
.mbm-check input {
 accent-color: #0b1f6b;
 width: 1rem;
 height: 1rem;
 margin: 0;
}
.mbm-footer {
 flex: 0 0 auto;
 width: 100%;
 max-width: 24rem;
 display: flex;
 justify-content: space-between;
 align-items: center;
 gap: 0.75rem;
 padding: 0.1rem 0.15rem 0.25rem;
}
.mbm-meta {
 justify-content: space-between;
 gap: 1rem;
 flex-wrap: wrap;
}
.mbm-tx {
 font-size: 0.72rem;
}
.mbm-tx .mbm-desc {
 text-align: left;
 min-width: 11rem;
 white-space: nowrap;
}
.mbm-tx .mbm-amt {
 min-width: 5.2rem;
 white-space: nowrap;
 font-variant-numeric: tabular-nums;
}
.mbm-tx tr.mbm-group td {
 background: #fff;
 font-weight: 800;
 letter-spacing: 0.02em;
 text-transform: uppercase;
}
.mbm-tx tr.mbm-subtotal td {
 background: #e8e8e8 !important;
 font-weight: 800;
}
.mbm-tx tr.mbm-grand td {
 background: #d0d0d0 !important;
 font-weight: 800;
}
.mbm-tx tr.mbm-alt td {
 background: #f7f7f7;
}
@media (max-width: 720px) {
 .mbm-banner, .mbm-dialog, .mbm-footer { max-width: none; }
}

/* ===== Shared Report Selection Options card layout ===== */
.rpt-sel-page {
 width: 100%;
 max-width: none;
 margin: 0;
 padding: 1.25rem 1rem 1.75rem;
 box-sizing: border-box;
 min-height: 100%;
 background: #eaf4fd;
 display: flex;
 flex-direction: column;
 align-items: center;
 gap: 0.85rem;
 font-family: 'Fira Sans Condensed', 'Noto Nastaliq Urdu', sans-serif;
}
.page:has(.desk-doc.is-on .rpt-sel-page) {
 background: #eaf4fd;
}
.page:has(.desk-doc.is-on .rpt-sel-page) > .ledger > .content {
 background: #eaf4fd;
 padding: 0 !important;
}
.rpt-sel-card {
 width: 100%;
 max-width: 960px;
 background: #ffffff;
 border: 1px solid #c5d7ea;
 border-radius: 0.75rem;
 box-shadow: 0 8px 28px rgba(11, 31, 107, 0.10);
 padding: 1rem 1.25rem 1.15rem;
 box-sizing: border-box;
}
.rpt-sel-card-wide {
 max-width: 1100px;
}
.rpt-sel-page-wide {
 align-items: stretch;
}
.rpt-sel-page-wide .rpt-sel-card-wide {
 margin-left: auto;
 margin-right: auto;
}
.rpt-sel-title {
 font-size: 1.12rem;
 font-weight: 800;
 color: #0b1f6b;
 text-align: center;
 margin: 0 0 0.85rem;
 letter-spacing: 0.01em;
}
.rpt-sel-grid {
 display: grid;
 grid-template-columns: 1fr;
 gap: 0.55rem;
 width: 100%;
}
.rpt-sel-row {
 display: grid;
 grid-template-columns: 8.5rem minmax(0, 1fr);
 gap: 0.4rem 0.55rem;
 align-items: center;
 min-height: 2.25rem;
}
.rpt-sel-label {
 margin: 0;
 font-size: 0.92rem;
 font-weight: 800;
 color: #0b1f6b;
 line-height: 1.25;
 white-space: nowrap;
}
.rpt-sel-control {
 min-width: 0;
 width: 100%;
 display: flex;
 align-items: center;
}
.rpt-sel-control > .form-select,
.rpt-sel-control > .form-control,
.rpt-sel-control > .erp-date,
.rpt-sel-control .spick,
.rpt-sel-control .spick .form-control {
 width: 100%;
 box-sizing: border-box;
}
.rpt-sel-control > .form-select,
.rpt-sel-control > .form-control,
.rpt-sel-control > .erp-date {
 min-height: 2.15rem;
}
.rpt-sel-control > .erp-date {
 width: 100%;
 max-width: 14rem;
 min-width: 12.5rem;
}
.rpt-sel-control .erp-date-text {
 font-weight: 700;
 color: #0b1f6b;
 min-width: 9.5rem;
}
.rpt-sel-check {
 display: flex !important;
 align-items: center;
 flex-wrap: nowrap !important;
 gap: 0.45rem;
 font-weight: 700 !important;
 font-size: 0.92rem;
 color: #111;
 cursor: pointer;
 user-select: none;
 margin: 0;
 min-height: 2.15rem;
 white-space: nowrap;
 width: max-content;
 max-width: 100%;
}
.rpt-sel-check input {
 accent-color: #0b1f6b;
 width: 1rem;
 height: 1rem;
 margin: 0;
 flex: 0 0 auto;
}
.rpt-sel-readonly {
 width: 100%;
 min-height: 2.15rem;
 display: flex;
 align-items: center;
 justify-content: center;
 font-weight: 700;
 color: #0b1f6b;
 border: 1px solid #7a9ccc;
 background: #fff;
 border-radius: 0.25rem;
 padding: 0.3rem 0.5rem;
 box-sizing: border-box;
 text-align: center;
}
.rpt-sel-dual {
 display: grid;
 grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
 gap: 0.85rem 1.25rem;
 align-items: start;
}
.rpt-sel-actions {
 width: 100%;
 max-width: 960px;
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 0.75rem;
}
.rpt-sel-actions-wide {
 max-width: 1100px;
 margin-left: auto;
 margin-right: auto;
}
.rpt-sel-btn-preview,
.rpt-sel-btn-close,
.rpt-sel-btn-extra {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: 0.4rem;
 min-height: 2.45rem;
 border: 1px solid #607d8b;
 font-weight: 700;
 font-size: 0.95rem;
 cursor: pointer;
 border-radius: 0.35rem;
 padding: 0.4rem 0.75rem;
 width: 100%;
 box-sizing: border-box;
}
.rpt-sel-btn-preview {
 background: linear-gradient(180deg, #e3f2fd, #90caf9);
 color: #0d47a1;
}
.rpt-sel-btn-preview:disabled,
.rpt-sel-btn-extra:disabled {
 opacity: 0.45;
 cursor: not-allowed;
}
.rpt-sel-btn-close {
 background: linear-gradient(180deg, #ffebee, #ef9a9a);
 color: #b71c1c;
}
.rpt-sel-btn-extra {
 max-width: 960px;
 width: 100%;
 border: 1px solid #90a4ae;
 background: #fff;
 color: #263238;
}
.rpt-sel-btn-extra:hover { background: #f5f7f8; }
.rpt-sel-msg {
 width: 100%;
 max-width: 960px;
}

.rpt-sel-row-top {
 align-items: start;
}
.rpt-sel-radios {
 display: flex !important;
 flex-direction: column;
 align-items: flex-start !important;
 gap: 0.28rem;
 width: max-content;
 max-width: 100%;
 padding: 0.1rem 0;
}
.rpt-sel-radio {
 display: flex;
 align-items: center;
 flex-wrap: nowrap;
 gap: 0.45rem;
 font-weight: 700;
 font-size: 0.92rem;
 color: #111;
 cursor: pointer;
 user-select: none;
 margin: 0;
 min-height: 1.65rem;
 white-space: nowrap;
 width: max-content;
}
.rpt-sel-radio input {
 accent-color: #0b1f6b;
 width: 1rem;
 height: 1rem;
 margin: 0;
 flex: 0 0 auto;
}

/* Monthly IS (Daily/Monthly/Yearly) - - - - - desktop visual 4-col via 2 panels */
.rpt-sel-mis-card {
 max-width: 960px;
 width: 100%;
 min-width: 0;
 box-sizing: border-box;
}
.rpt-sel-mis {
 display: grid;
 grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
 column-gap: 1.25rem;
 row-gap: 0.75rem;
 align-items: start;
 width: 100%;
 min-width: 0;
 box-sizing: border-box;
}
.rpt-sel-mis-left,
.rpt-sel-mis-right {
 display: grid;
 grid-template-columns: 8.5rem minmax(0, 1fr);
 grid-auto-rows: 2.35rem;
 column-gap: 0.55rem;
 row-gap: 0.3rem;
 align-items: center;
 min-width: 0;
 width: 100%;
 box-sizing: border-box;
}
.rpt-sel-mis .rpt-sel-label {
 margin: 0;
 white-space: nowrap;
 line-height: 1.2;
 justify-self: start;
 align-self: center;
 min-width: 0;
}
.rpt-sel-mis .rpt-sel-radio {
 display: inline-flex;
 align-items: center;
 flex-wrap: nowrap;
 gap: 0.45rem;
 margin: 0;
 min-height: 0;
 height: 100%;
 white-space: nowrap;
 width: max-content;
 max-width: 100%;
 justify-self: start;
 align-self: center;
 min-width: 0;
}
.rpt-sel-mis .rpt-sel-radio input {
 flex: 0 0 auto;
 margin: 0;
}
.rpt-sel-mis .rpt-sel-control,
.rpt-sel-mis .rpt-sel-mis-date {
 min-width: 0;
 width: 100%;
 height: 100%;
 display: flex;
 align-items: center;
 justify-self: stretch;
}
.rpt-sel-mis .rpt-sel-mis-date > .erp-date {
 width: 100%;
 max-width: 14rem;
 min-width: 12.5rem;
}
.rpt-sel-mis .rpt-sel-mis-fifo,
.rpt-sel-mis .rpt-sel-check {
 display: inline-flex !important;
 align-items: center;
 flex-wrap: nowrap !important;
 gap: 0.45rem;
 margin: 0;
 min-height: 0;
 height: 100%;
 white-space: nowrap;
 width: max-content;
 max-width: 100%;
 justify-self: start;
 align-self: center;
 min-width: 0;
}
.rpt-sel-mis .rpt-sel-mis-empty {
 display: block;
 min-width: 0;
 min-height: 0;
}

/* Tablet portrait / narrow: radios block then dates (2 panels stacked) */
@media (max-width: 900px) {
 .rpt-sel-page {
 padding: 0.75rem;
 overflow-x: hidden;
 }
 .rpt-sel-card,
 .rpt-sel-mis-card {
 max-width: none;
 width: 100%;
 min-width: 0;
 padding: 0.85rem 0.75rem;
 box-sizing: border-box;
 }
 .rpt-sel-actions,
 .rpt-sel-msg,
 .rpt-sel-btn-extra {
 max-width: none;
 width: 100%;
 min-width: 0;
 }
 .rpt-sel-mis {
 grid-template-columns: 1fr;
 row-gap: 0.85rem;
 }
 .rpt-sel-mis-left,
 .rpt-sel-mis-right {
 grid-template-columns: 8.5rem minmax(0, 1fr);
 grid-auto-rows: 2.35rem;
 }
 .rpt-sel-mis .rpt-sel-mis-date > .erp-date {
 min-width: 0;
 max-width: none;
 width: 100%;
 }
 .rpt-sel-mis .rpt-sel-radio,
 .rpt-sel-mis .rpt-sel-mis-fifo,
 .rpt-sel-mis .rpt-sel-check {
 max-width: 100%;
 }
}

/* Phone: single column - - - - - label then control full width */
@media (max-width: 560px) {
 .rpt-sel-page {
 padding: 0.75rem 0.55rem 1rem;
 overflow-x: hidden;
 }
 .rpt-sel-card,
 .rpt-sel-mis-card {
 padding: 0.75rem 0.65rem;
 }
 .rpt-sel-mis-left,
 .rpt-sel-mis-right {
 grid-template-columns: 1fr;
 grid-auto-rows: auto;
 row-gap: 0.35rem;
 column-gap: 0;
 }
 .rpt-sel-mis .rpt-sel-mis-empty {
 display: none;
 }
 .rpt-sel-mis .rpt-sel-label {
 white-space: nowrap;
 padding-top: 0.25rem;
 }
 .rpt-sel-mis .rpt-sel-radio {
 width: 100%;
 max-width: 100%;
 height: auto;
 min-height: 2.15rem;
 white-space: nowrap;
 }
 .rpt-sel-mis .rpt-sel-control,
 .rpt-sel-mis .rpt-sel-mis-date {
 height: auto;
 min-height: 2.15rem;
 }
 .rpt-sel-mis .rpt-sel-mis-date > .erp-date {
 min-width: 0 !important;
 max-width: none !important;
 width: 100% !important;
 }
 .rpt-sel-mis .rpt-sel-mis-fifo,
 .rpt-sel-mis .rpt-sel-check {
 width: 100%;
 max-width: 100%;
 height: auto;
 min-height: 2.15rem;
 white-space: nowrap;
 flex-wrap: wrap !important;
 }
 .rpt-sel-actions {
 grid-template-columns: 1fr;
 gap: 0.55rem;
 }
}
@media (max-width: 820px) {
 .rpt-sel-page { padding: 0.75rem; overflow-x: hidden; }
 .rpt-sel-card { max-width: none; width: 100%; min-width: 0; padding: 0.85rem 0.75rem; box-sizing: border-box; }
 .rpt-sel-actions { max-width: none; width: 100%; min-width: 0; }
 .rpt-sel-btn-extra { max-width: none; width: 100%; }
 .rpt-sel-msg { max-width: none; width: 100%; }
 .rpt-sel-row {
 grid-template-columns: 8.5rem minmax(0, 1fr);
 gap: 0.35rem 0.5rem;
 align-items: center;
 min-height: 0;
 }
 .rpt-sel-label { padding-top: 0; }
 .rpt-sel-dual { grid-template-columns: 1fr; gap: 0.75rem; }
 .rpt-sel-control > .erp-date {
 min-width: 0;
 max-width: 100%;
 width: 100%;
 }
}
@media (max-width: 560px) {
 .rpt-sel-actions { grid-template-columns: 1fr; gap: 0.55rem; }
 .rpt-sel-row {
 grid-template-columns: 1fr;
 gap: 0.25rem;
 }
}
@media print {
 .rpt-sel-page { display: none !important; }
}
/* Desktop content is a locked flex column. Hide the selection chrome once the
   trial-balance preview is open so the statement is the pane that scrolls. */
.page:has(.desk-doc.is-on .al-preview-panel):has(.desk-doc.is-on .tb-stmt) .rpt-sel-page,
.page:has(.desk-doc.is-on .al-preview-panel):has(.desk-doc.is-on .tb-stmt) .tb6-page {
 display: none;
}
.doc-approved {
 display: inline-flex;
 align-items: baseline;
 gap: 0.35rem;
 margin-left: 0;
 padding: 0.16rem 0.72rem 0.18rem;
 border: 1px solid #9fd0fa;
 border-radius: 999px;
 background: linear-gradient(180deg, #f7fbff 0%, #d7ebfc 100%);
 color: #0b1f6b;
 font-family: "Fira Sans Condensed", sans-serif;
 font-weight: 800;
 font-size: 0.95rem;
 line-height: 1.15;
 letter-spacing: 0;
 text-transform: none;
 vertical-align: middle;
 max-width: min(100%, 42rem);
 white-space: nowrap;
 box-shadow: 0 1px 0 rgba(11, 31, 107, 0.08);
}
.doc-approved-sts {
 font-size: 1.05rem;
 font-weight: 800;
 letter-spacing: 0.06em;
 text-transform: uppercase;
 white-space: nowrap;
}
.doc-approved-meta {
 font-size: 0.78rem;
 font-weight: 700;
 white-space: nowrap;
}
.doc-approved-ok {
 border-color: #2e7d32;
 background: linear-gradient(180deg, #f1f8e9 0%, #a5d6a7 100%);
 color: #145214;
}
.doc-approved-wait {
 border-color: #e65100;
 background: linear-gradient(180deg, #fff8e1 0%, #ffcc80 100%);
 color: #e65100;
}
.doc-approved-stop {
 border-color: #c62828;
 background: linear-gradient(180deg, #fff 0%, #ffcdd2 100%);
 color: #b71c1c;
}
.doc-status-slot {
 margin-left: auto;
 align-self: center;
 display: inline-flex;
 padding: 0 0.15rem;
}
.ar-tabbar .doc-approved,
.pi-tabs .doc-approved,
.doc-status-slot .doc-approved {
 text-transform: none;
 letter-spacing: 0;
}
.ar-tabbar .doc-approved-ok,
.pi-tabs .doc-approved-ok,
.doc-status-slot .doc-approved-ok { color: #145214; }
.ar-tabbar .doc-approved-wait,
.pi-tabs .doc-approved-wait,
.doc-status-slot .doc-approved-wait { color: #e65100; }
.ar-tabbar .doc-approved-stop,
.pi-tabs .doc-approved-stop,
.doc-status-slot .doc-approved-stop { color: #b71c1c; }
@media (max-width: 720px) {
 .doc-approved { white-space: normal; flex-wrap: wrap; border-radius: 0.4rem; }
 .doc-approved-meta { white-space: normal; }
}
.page:has(.desk-doc.is-on .al-preview-panel):has(.desk-doc.is-on .mbm-report) .rpt-sel-page,
.page:has(.desk-doc.is-on .al-preview-panel):has(.desk-doc.is-on .bsc-rpt) .rpt-sel-page,
.page:has(.desk-doc.is-on .al-preview-panel):has(.desk-doc.is-on .gj-report) .rpt-sel-page {
 display: none;
}
.page:has(.desk-doc.is-on .al-preview-panel):has(.desk-doc.is-on .mwt-report) .rpt-sel-page { display: none; }

/* GJ body inside shared card */
.gj-card .gj-body {
 flex: 1 1 auto;
 min-height: 0;
 display: grid;
 grid-template-columns: minmax(12rem, 16rem) minmax(14rem, 18rem) minmax(0, 1fr);
 gap: 0.55rem;
 align-items: stretch;
 overflow: hidden;
}
.gj-card .gj-footer {
 flex: 0 0 auto;
 margin-top: 0.65rem;
 display: grid;
 grid-template-columns: auto 1fr auto;
 gap: 0.45rem 0.6rem;
 align-items: center;
 border-top: 1px solid #c5d7ea;
 padding-top: 0.55rem;
}
@media (max-width: 960px) {
 .gj-card .gj-body { grid-template-columns: 1fr; overflow: visible; height: auto; }
 .gj-card .gj-footer { grid-template-columns: 1fr; }
}

/* MOBILE RIBBON ACCORDION - - - - - do not remove */
@media (max-width: 640.98px) {
 .mill-board {
 overflow-x: hidden !important;
 overflow-y: auto !important;
 -webkit-overflow-scrolling: touch;
 }
 .mill-ribbon .ribbon-panel {
 display: flex !important;
 flex-direction: column !important;
 flex-wrap: nowrap !important;
 align-items: stretch !important;
 overflow: visible !important;
 min-height: 0 !important;
 gap: 0.2rem;
 }
 .mill-ribbon .ribbon-drop {
 width: 100% !important;
 position: static !important;
 flex: 1 1 auto;
 }
 .mill-ribbon .ribbon-drop > .ribbon-tile,
 .mill-ribbon .ribbon-panel > .ribbon-tile,
 .mill-ribbon .ribbon-panel > a.ribbon-tile,
 .mill-ribbon .ribbon-panel > button.ribbon-tile,
 .mill-ribbon .ribbon-panel > span.ribbon-tile {
 width: 100% !important;
 min-width: 0 !important;
 max-width: none !important;
 height: auto !important;
 min-height: 2.85rem !important;
 flex-direction: row !important;
 justify-content: flex-start !important;
 align-items: center !important;
 text-align: left !important;
 gap: 0.55rem;
 padding: 0.55rem 0.7rem !important;
 border: 1px solid #c5e3fc;
 background: #fff;
 touch-action: manipulation;
 }
 .mill-ribbon .ribbon-tile-label {
 text-align: left !important;
 font-size: 0.88rem !important;
 font-weight: 700;
 width: auto !important;
 flex: 1 1 auto;
 }
 .mill-ribbon .ribbon-tile-icon {
 margin: 0 !important;
 font-size: 1.2rem !important;
 }
 /* In-flow submenu: not absolute, not clipped by overflow-x auto */
 .mill-ribbon .ribbon-menu {
 position: static !important;
 top: auto !important;
 left: auto !important;
 width: 100% !important;
 min-width: 0 !important;
 max-width: none !important;
 max-height: none !important;
 overflow: visible !important;
 box-shadow: none !important;
 margin: 0.15rem 0 0.35rem;
 background: #f4f8fd;
 z-index: 1;
 }
 .mill-ribbon .ribbon-menu .ribbon-link {
 min-height: 2.5rem;
 padding: 0.55rem 0.55rem !important;
 font-size: 0.86rem !important;
 touch-action: manipulation;
 }
 .mill-board-scrim {
 z-index: 180 !important;
 }
 .page.nav-mobile-open .mill-board {
 z-index: 200 !important;
 }
}

/* ---- G.P Report (W): compact selection + preview ---- */
.gpw-sel-page {
 min-height: 0 !important;
 justify-content: flex-start;
 padding-top: 1.5rem;
}
.gpw-sel-card {
 max-width: 20rem !important;
 width: 100%;
 padding: 0.85rem 1rem 1rem !important;
}
.gpw-sel-date {
 display: flex;
 flex-direction: column;
 align-items: center;
 gap: 0.4rem;
}
.gpw-sel-date-label {
 width: 100%;
 text-align: center !important;
 padding-top: 0 !important;
 font-weight: 700;
 color: #0b1f6b;
}
.gpw-sel-date-control {
 width: 100%;
 max-width: 11.5rem;
 display: flex;
 justify-content: center;
}
.gpw-sel-date-control .erp-date,
.gpw-date-center.erp-date {
 width: 100%;
}
.gpw-sel-date-control .erp-date-text,
.gpw-date-center .erp-date-text {
 text-align: center !important;
 font-weight: 700;
}
.gpw-sel-actions {
 max-width: 20rem !important;
 width: 100%;
 grid-template-columns: 1fr 1fr !important;
}
.gpw-sel-msg {
 max-width: 20rem !important;
 width: 100%;
 text-align: center;
}
/* Hide selection while preview is open (same pattern as GJ / BSC / MBM). */
.page:has(.desk-doc.is-on .al-preview-panel):has(.desk-doc.is-on .gpw-report) .gpw-sel-page {
 display: none;
}

.gpw-meta { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; }
.gpw-co { font-weight: 700; text-transform: uppercase; }
.gpw-grid th { white-space: normal; line-height: 1.15; vertical-align: bottom; }
.gpw-foot {
 display: grid;
 grid-template-columns: minmax(12rem, 1fr) minmax(9rem, 0.7fr) minmax(12rem, 1fr);
 gap: 0.75rem 1.25rem;
 margin-top: 1rem;
 align-items: start;
}
.gpw-exp, .gpw-ratio, .gpw-pl {
 width: 100%;
 border-collapse: collapse;
 font-size: 0.85rem;
}
.gpw-exp td, .gpw-ratio td, .gpw-pl td {
 padding: 0.18rem 0.35rem;
 border-bottom: 1px dotted #bbb;
}
.gpw-strong td { font-weight: 700; border-bottom: 1px solid #333; }
.gpw-glratio { color: #555; font-size: 0.8rem; }
.gpw-profit td { color: #0a7a2f; }
.gpw-loss td { color: #b00020; }
@media (max-width: 900px) {
 .gpw-foot { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
 .gpw-foot { grid-template-columns: 1fr; }
 .gpw-sel-card, .gpw-sel-actions, .gpw-sel-msg { max-width: none !important; }
}

/* ===== Account Payable / Receivable Ledger selection (LedgerSeperateDialog) ===== */
.ls-page {
 display: flex;
 flex-direction: column;
 height: calc(100vh - 7.5rem);
 min-height: 420px;
 background: #f7f9fc;
 border: 1px solid #c5d0de;
 border-radius: 6px;
 overflow: hidden;
}
.ls-titlebar {
 background: linear-gradient(180deg, #2f6fed 0%, #1e4fc7 100%);
 color: #fff;
 font-weight: 700;
 font-size: 1.05rem;
 padding: 0.45rem 0.75rem;
 letter-spacing: 0.02em;
}
.ls-body {
 display: flex;
 flex-direction: column;
 flex: 1 1 auto;
 min-height: 0;
 gap: 0.5rem;
 padding: 0.5rem;
}
.ls-grid-panel {
 flex: 1 1 auto;
 min-height: 0;
 display: flex;
 flex-direction: column;
 border: 1px solid #9eb2cc;
 background: #fff;
 border-radius: 4px;
 overflow: hidden;
}
.ls-grid-scroll { overflow: auto; flex: 1 1 auto; outline: none; }
.ls-grid {
 width: 100%;
 border-collapse: collapse;
 font-size: 0.9rem;
}
.ls-grid thead th {
 position: sticky;
 top: 0;
 z-index: 2;
 background: #1e5bb8;
 color: #fff;
 font-weight: 700;
 padding: 0.35rem 0.45rem;
 border: 1px solid #164a96;
 white-space: nowrap;
}
.ls-grid thead tr.ls-filter th {
 top: 1.7rem;
 background: #e8f0fe;
 padding: 0.2rem;
}
.ls-grid thead tr.ls-filter input {
 width: 100%;
 min-width: 0;
}
.ls-grid td {
 padding: 0.28rem 0.45rem;
 border-bottom: 1px solid #e2e8f0;
 vertical-align: middle;
}
.ls-grid tbody tr { cursor: pointer; }
.ls-grid tbody tr:hover { background: #e3f2fd; }
.ls-grid tbody tr.ls-selected { background: #bbdefb; }
.ls-grid tbody tr.ls-focus { outline: 2px solid #1976d2; outline-offset: -2px; }
.ls-col-id, .ls-col-code { width: 4.5rem; text-align: center; }
.ls-col-contact { width: 10rem; }
.ls-grid-foot {
 background: #eef3fa;
 border-top: 1px solid #9eb2cc;
 padding: 0.3rem 0.55rem;
 font-weight: 700;
 font-size: 0.85rem;
}
.ls-footer {
 display: flex;
 flex-wrap: wrap;
 align-items: flex-end;
 justify-content: flex-end;
 gap: 0.75rem 1.25rem;
 padding: 0.25rem 0.15rem 0.15rem;
}
.ls-dates {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 gap: 0.4rem 0.55rem;
 font-weight: 700;
}
.ls-dates label { margin: 0; }
.ls-actions { display: flex; gap: 0.5rem; }
.ls-rpt-title {
 text-align: center;
 font-weight: 800;
 font-size: 1.15rem;
 letter-spacing: 0.04em;
 margin: 0.35rem 0 0.15rem;
}
.ls-rpt-cap {
 text-align: center;
 color: #555;
 font-size: 0.9rem;
 margin-bottom: 0.75rem;
}

/* ===== Aging Payable / Receivable (desktop AgingDialog) ===== */
.page:has(.desk-doc.is-on .aging-page),
.page:has(.desk-doc.is-on .aging-rpt-wrap) {
 height: 100%;
 min-height: 0;
 overflow: hidden;
 width: 100%;
 display: flex;
 flex-direction: column;
}
.page:has(.desk-doc.is-on .aging-page) > .ledger,
.page:has(.desk-doc.is-on .aging-rpt-wrap) > .ledger {
 width: 100% !important;
 max-width: none !important;
 flex: 1 1 auto;
 min-height: 0;
 display: flex;
 flex-direction: column;
 overflow: hidden;
}
.page:has(.desk-doc.is-on .aging-page) > .ledger > .content,
.page:has(.desk-doc.is-on .aging-rpt-wrap) > .ledger > .content {
 flex: 1 1 auto;
 min-height: 0;
 display: flex;
 flex-direction: column;
 overflow: hidden;
 height: auto;
 width: 100%;
 max-width: none;
 padding: 0.35rem 0.75rem 0.5rem;
}

.aging-page {
 display: flex;
 flex-direction: column;
 gap: 0.55rem;
 width: 100%;
 max-width: none;
 margin: 0;
 padding: 0;
 box-sizing: border-box;
 font-weight: 700;
 color: #1a237e;
 flex: 1 1 auto;
 min-height: 0;
 height: 100%;
 overflow: hidden;
}
.aging-page,
.aging-page label,
.aging-page .aging-label,
.aging-page .aging-check,
.aging-page .aging-tick,
.aging-page .aging-field span,
.aging-page legend,
.aging-page button,
.aging-page .form-control,
.aging-page .form-select,
.aging-page .erp-date,
.aging-page .erp-date-text {
 font-weight: 700 !important;
}

.aging-titlebar {
 font-size: 1.1rem;
 font-weight: 800 !important;
 letter-spacing: 0.03em;
 color: #0b1f6b;
 padding: 0.55rem 0.9rem;
 background: linear-gradient(180deg, #e8eef8, #cfd8ea);
 border: 1px solid #90a4ae;
 border-radius: 0.45rem;
 box-shadow: 0 1px 2px rgba(0,0,0,.06);
}

.aging-titlebar { flex: 0 0 auto; }
.aging-body {
 display: flex;
 flex-direction: column;
 gap: 0.55rem;
 background: #f4f7fb;
 border: 1px solid #90a4ae;
 border-radius: 0.55rem;
 padding: 0.65rem 0.75rem;
 width: 100%;
 box-sizing: border-box;
 box-shadow: inset 0 1px 0 #fff;
 flex: 1 1 auto;
 min-height: 0;
 overflow: auto;
}

.aging-cols {
 display: grid;
 grid-template-columns: 1fr;
 gap: 0.55rem;
 width: 100%;
 align-items: stretch;
 flex: 1 1 auto;
 min-height: 0;
}
@media (min-width: 960px) {
 .aging-cols {
 grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.9fr) minmax(22rem, 1.35fr);
 }
}

.aging-col {
 display: flex;
 flex-direction: column;
 min-height: 0;
 min-width: 0;
 height: 100%;
 background: #fff;
 border: 1px solid #b0bec5;
 border-radius: 0.45rem;
 padding: 0.6rem 0.65rem;
 box-shadow: 0 1px 2px rgba(0,0,0,.04);
}

.aging-label {
 font-size: 0.82rem;
 font-weight: 800 !important;
 color: #0d47a1;
 margin-bottom: 0.3rem;
 letter-spacing: 0.01em;
}
.aging-label-row {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 0.5rem;
 margin-bottom: 0.3rem;
}
.aging-get {
 padding: 0.15rem 0.65rem;
 font-weight: 800 !important;
 border-radius: 0.3rem;
}

.aging-list {
 overflow: auto;
 flex: 1;
 min-height: 10rem;
 max-height: 16rem;
 border: 1px solid #90a4ae;
 border-radius: 0.35rem;
 background: #fafbfd;
 padding: 0.25rem;
}
.aging-list-tall { min-height: 16rem; max-height: 24rem; }
.aging-list-area { flex: 1 1 auto; min-height: 8rem; max-height: 14rem; }
.aging-col-right { gap: 0.45rem; }

.aging-check, .aging-tick {
 display: flex;
 align-items: center;
 gap: 0.4rem;
 font-size: 0.82rem;
 font-weight: 700 !important;
 padding: 0.18rem 0.3rem;
 margin: 0;
 cursor: pointer;
 user-select: none;
 color: #263238;
 border-radius: 0.25rem;
}
.aging-check:hover { background: #e3f2fd; }
.aging-check.sel { background: #bbdefb; }
.aging-check input, .aging-tick input { margin: 0; flex-shrink: 0; width: 1rem; height: 1rem; }
.aging-tick { color: #1a237e; }
.aging-tick.aging-inline { white-space: nowrap; }

.aging-party { display: flex; flex-direction: column; gap: 0.4rem; margin-top: 0.35rem; }
.aging-party-actions { display: flex; gap: 0.4rem; }
.aging-party-sel {
 max-height: 7.5rem;
 overflow: auto;
 border: 1px dashed #90a4ae;
 border-radius: 0.35rem;
 padding: 0.3rem;
 background: #fafbfd;
}

.aging-page .form-control,
.aging-page .form-select {
 font-weight: 700 !important;
 border-color: #90a4ae;
 color: #1a237e;
}
.aging-page .form-control-sm,
.aging-page .form-select-sm {
 min-height: 1.9rem;
}

/* Selection panel sits in right column under Area list (desktop AgingDialog) */
.aging-col-right .aging-filters {
 margin-top: 0.35rem;
 flex: 0 0 auto;
}
.aging-filters {
 border: 1px solid #9e9e9e;
 border-radius: 0.2rem;
 padding: 0.4rem 0.55rem 0.55rem;
 background: #e8e8e8;
 margin: 0;
 width: 100%;
 box-sizing: border-box;
}
.aging-filters legend {
 font-size: 0.8rem;
 font-weight: 600 !important;
 padding: 0 0.3rem;
 color: #212121;
 float: none;
 width: auto;
 margin-bottom: 0;
}
.aging-sel-rows {
 display: flex;
 flex-direction: column;
 gap: 0.32rem;
 width: 100%;
}
/* Fixed left label col = longest of Balance / As On: - - controls + checkboxes share one left edge (red line) */
.aging-sel-row {
 display: grid;
 grid-template-columns: 4.75rem minmax(0, 1fr) auto;
 align-items: center;
 column-gap: 0.35rem;
 min-height: 1.85rem;
 width: 100%;
 padding: 0;
 margin: 0;
}
.aging-sel-lbl {
 grid-column: 1;
 justify-self: start;
 font-size: 0.8rem;
 font-weight: 500 !important;
 color: #212121;
 white-space: nowrap;
 padding: 0;
 margin: 0;
 line-height: 1.2;
}
.aging-sel-lbl-gap {
 /* empty grid col 1 - - width fixed by grid-template-columns: 4.75rem */
 pointer-events: none;
}
.aging-sel-op {
 grid-column: 2;
 width: 100%;
 min-width: 0;
 font-weight: 500 !important;
}
.aging-sel-midgroup {
 grid-column: 2;
 display: flex;
 flex-wrap: nowrap;
 align-items: center;
 gap: 0.35rem;
 min-width: 0;
}
.aging-sel-mid {
 flex: 0 0 auto;
 font-size: 0.78rem;
 font-weight: 500 !important;
 color: #212121;
 white-space: nowrap;
 margin: 0;
 padding: 0;
}
.aging-filters .aging-sel-date {
 flex: 0 0 auto;
 width: auto;
 min-width: 7.5rem;
}
.aging-filters .aging-bal,
.aging-filters .aging-days {
 grid-column: 3;
 width: 3.25rem;
 max-width: 3.25rem;
 font-weight: 500 !important;
 text-align: right;
 padding-left: 0.2rem;
 padding-right: 0.2rem;
 justify-self: end;
}
.aging-sel-check {
 grid-column: 2;
 display: inline-flex !important;
 align-items: center;
 gap: 0.3rem;
 min-width: 0;
 min-height: 1.85rem;
 margin: 0 !important;
 padding: 0 !important;
 font-size: 0.8rem;
 font-weight: 500 !important;
 color: #212121 !important;
 cursor: pointer;
 user-select: none;
 border-radius: 0;
 justify-self: start;
}
.aging-sel-check input[type="checkbox"] {
 margin: 0 !important;
 width: 1rem;
 height: 1rem;
 flex-shrink: 0;
}
.aging-sel-check span {
 font-weight: 500 !important;
 color: #212121;
 white-space: nowrap;
}
.aging-sel-color,
.aging-filters .aging-sel-bill-date {
 grid-column: 3;
 justify-self: end;
}
.aging-sel-color {
 width: 2.2rem;
 height: 1.85rem;
 min-width: 2.2rem;
 padding: 0.08rem;
 border: 1px solid #9e9e9e;
 border-radius: 0.2rem;
 background: #fff;
 cursor: pointer;
 box-sizing: border-box;
}
.aging-filters .aging-sel-bill-date {
 min-width: 7.5rem;
 width: auto;
}
.aging-page .aging-filters .aging-sel-lbl,
.aging-page .aging-filters .aging-sel-mid,
.aging-page .aging-filters .aging-sel-check,
.aging-page .aging-filters .aging-sel-check span,
.aging-page .aging-filters label,
.aging-page .aging-filters legend {
 font-weight: 500 !important;
}
.aging-page .aging-filters {
 padding: 0.35rem 0.4rem 0.45rem;
}
.aging-list { max-height: none; }
.aging-list-tall { max-height: none; min-height: 10rem; }
.aging-list-area { max-height: none; min-height: 6rem; }
.aging-action-opts,
.aging-actions { flex: 0 0 auto; }
.aging-build-tag {
 font-size: 0.7rem;
 font-weight: 600 !important;
 color: #546e7a;
 margin-left: 0.6rem;
}
.aging-filters .form-control,
.aging-filters .form-select,
.aging-filters .erp-date,
.aging-filters .erp-date-text,
.aging-filters label {
 font-weight: 500 !important;
 color: #212121;
}
.aging-filters .erp-date {
 min-width: 0;
}
.aging-filters-grid {
 display: flex;
 flex-wrap: wrap;
 gap: 0.7rem 1.15rem;
 align-items: center;
}
.aging-field {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 gap: 0.4rem;
}
.aging-field span {
 font-size: 0.8rem;
 font-weight: 800 !important;
 color: #1a237e;
 white-space: nowrap;
}
.aging-bal { /* sized via .aging-filters .aging-bal */ }
.aging-days { /* sized via .aging-filters .aging-days */ }
.aging-color { width: 2.2rem; height: 1.85rem; padding: 0.1rem; cursor: pointer; }
.aging-bill-row { gap: 0.5rem; flex-wrap: wrap; }

.aging-action-opts {
 display: flex;
 flex-wrap: wrap;
 gap: 0.85rem 1.4rem;
 align-items: center;
 width: 100%;
 padding: 0.15rem 0.1rem;
}

.aging-actions {
 display: grid !important;
 grid-template-columns: repeat(5, minmax(0, 1fr));
 gap: 0.5rem;
 width: 100%;
 align-items: stretch;
 padding-top: 0.15rem;
}
@media (max-width: 960px) {
 .aging-actions { grid-template-columns: 1fr 1fr; }
}
.aging-btn {
 width: 100%;
 min-height: 2.55rem;
 border: 1px solid #607d8b;
 background: linear-gradient(180deg, #fff, #eceff1);
 color: #1a237e;
 border-radius: 0.4rem;
 padding: 0.45rem 0.4rem;
 font-size: 0.8rem;
 font-weight: 800 !important;
 cursor: pointer;
 text-align: center;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.aging-btn:hover:not(:disabled) { background: #e3f2fd; border-color: #1565c0; }
.aging-btn:disabled { opacity: 0.55; cursor: wait; }
.aging-btn-main {
 background: linear-gradient(180deg, #1e88e5, #0d47a1);
 color: #fff !important;
 border-color: #0d47a1;
}
.aging-btn-main:hover:not(:disabled) {
 filter: brightness(1.06);
 background: linear-gradient(180deg, #1e88e5, #0d47a1);
 color: #fff !important;
}
.aging-btn-close {
 background: linear-gradient(180deg, #fff, #ffebee);
 color: #b71c1c !important;
 border-color: #ef9a9a;
}

/* ===== AgingRpt preview ===== */
.aging-rpt-wrap {
 width: 100%;
 flex: 1 1 auto;
 min-height: 0;
 height: 100%;
 overflow: hidden;
 display: flex;
 flex-direction: column;
}
.aging-rpt-wrap > .d-print-none { flex: 0 0 auto; }
.aging-rpt {
 width: 100%;
 max-width: 980px;
 margin: 0 auto;
 flex: 1 1 auto;
 min-height: 0;
 overflow: auto;
 overscroll-behavior: contain;
 font-weight: 700;
 color: #111;
}
.aging-rpt-title {
 text-align: center;
 font-weight: 800 !important;
 font-size: 1.05rem;
 margin: 0.35rem 0 0.75rem;
 letter-spacing: 0.02em;
}
.aging-party-block {
 margin-bottom: 1rem;
 page-break-inside: avoid;
}
.aging-party-head {
 width: 100%;
 border-collapse: collapse;
 margin-bottom: 0;
 table-layout: fixed;
}
.aging-party-head td {
 border: 1px solid #222;
 padding: 0.22rem 0.4rem;
 font-weight: 800 !important;
 font-size: 0.9rem;
 background: #e8eaf0;
}
.aging-party-head .aging-sr { width: 2.4rem; text-align: center; }
.aging-party-head .aging-id { width: 4.2rem; text-align: center; }
.aging-party-head .aging-name { width: auto; }
.aging-party-head .aging-phone { width: 10rem; }
.aging-party-head .aging-pbal { display: none; }


/* Desktop AgingRpt: detail indented under Name (past # + VCID) */
.aging-rpt .aging-lines-wrap,
.aging-rpt .aging-lines-indent {
 display: block;
 margin: 0.25rem 0 0 6.6rem !important;
 padding-left: 0 !important;
 box-sizing: border-box;
 width: calc(100% - 6.6rem) !important;
 max-width: calc(100% - 6.6rem);
}
@page aging-sheet {
 size: A4 portrait;
 margin: 8mm 20px 10mm;
}
@media print {
 .aging-rpt { page: aging-sheet; }
 article.content:has(.aging-rpt),
 .page:has(.aging-rpt),
 .page:has(.aging-rpt) > .ledger,
 .page:has(.aging-rpt) .ledger .content,
 .aging-rpt-wrap,
 .aging-rpt-wrap.master-fill {
 overflow: visible !important;
 height: auto !important;
 max-height: none !important;
 display: block !important;
 }
 .aging-rpt {
 max-width: none !important;
 width: 100% !important;
 margin: 0 !important;
 -webkit-print-color-adjust: exact;
 print-color-adjust: exact;
 }
 .aging-rpt,
 .aging-rpt * {
 -webkit-print-color-adjust: exact;
 print-color-adjust: exact;
 }
 .aging-rpt .aging-lines-wrap,
 .aging-rpt .aging-lines-indent {
 margin-left: 6.6rem !important;
 width: calc(100% - 6.6rem) !important;
 max-width: calc(100% - 6.6rem) !important;
 }
 .aging-rpt .aging-party-head td {
 background: #e8eaf0 !important;
 background-image: none !important;
 color: #111 !important;
 border-color: #222 !important;
 }
 .aging-rpt .aging-lines th,
 .aging-rpt table thead th {
 background: #dfe3ea !important;
 background-image: none !important;
 color: #111 !important;
 border-color: #333 !important;
 position: static !important;
 }
 .aging-rpt .aging-lines td { border-color: #333 !important; }
 .aging-rpt .aging-lines .aging-total td { background: #f5f5f5 !important; }
 .aging-rpt tfoot { display: table-row-group; }
 .aging-rpt .aging-party-block { break-inside: avoid; page-break-inside: avoid; }
}
.aging-party-head {
 table-layout: fixed;
}
.aging-party-head .aging-pbal { display: none !important; }
.aging-party-head td.aging-name { width: auto; }
.aging-party-head td.aging-phone { width: 9rem; text-align: left; }
/* cache-bust marker */
.aging-build-2032 { --aging-build: 2032; }
.aging-lines {
 width: 100%;
 border-collapse: collapse;
 font-size: 0.82rem;
 font-weight: 700;
 table-layout: fixed;
}
.aging-lines th, .aging-lines td {
 border: 1px solid #333;
 padding: 0.16rem 0.35rem;
 font-weight: 700 !important;
}
.aging-lines tbody tr:not(.aging-hi-row) td { background: #fff8dc; }
.aging-lines tbody tr.aging-hi-row td { background: transparent; }
.aging-lines th {
 background: #dfe3ea;
 text-align: center;
 font-weight: 800 !important;
}
.aging-lines th:nth-child(1),
.aging-lines td:nth-child(1) { width: 16%; }
.aging-lines th:nth-child(2),
.aging-lines td:nth-child(2) { width: 14%; text-align: center; }
.aging-lines th:nth-child(3),
.aging-lines td:nth-child(3) { width: 12%; text-align: center; }
.aging-lines th:nth-child(4),
.aging-lines td:nth-child(4) { width: 12%; }
.aging-lines th:nth-child(5),
.aging-lines td:nth-child(5) { width: 23%; }
.aging-lines th:nth-child(6),
.aging-lines td:nth-child(6) { width: 23%; }
.aging-lines .aging-total td {
 font-weight: 800 !important;
 background: #f5f5f5;
}
.aging-grand {
 text-align: right;
 font-size: 0.95rem;
 font-weight: 800 !important;
 margin-top: 0.65rem;
 padding-right: 0.25rem;
}
.aging-hi td, .aging-hi-row td { font-weight: 800 !important; }

/* ===== Aging Single Line / Yearly preview ===== */
.aging-rpt-cap {
 text-align: center;
 font-size: 0.82rem;
 font-weight: 600;
 margin: -0.35rem 0 0.55rem;
 color: #333;
}
.aging-dues-scroll {
 width: 100%;
 overflow-x: auto;
}
.aging-dues-table,
.aging-yearly-table {
 width: 100%;
 border-collapse: collapse;
 font-size: 0.78rem;
 font-weight: 600;
 min-width: 720px;
}
.aging-dues-table th,
.aging-dues-table td,
.aging-yearly-table th,
.aging-yearly-table td {
 border: 1px solid #333;
 padding: 0.14rem 0.3rem;
 white-space: nowrap;
}
.aging-dues-table th,
.aging-yearly-table th {
 background: #dfe3ea;
 text-align: center;
 font-weight: 700;
}
.aging-week-head { background: #c8e6c9 !important; }
.aging-col-g60,
.aging-col-g120 { background: #ffcdd2; }
.aging-col-91 { background: #ffe0b2; }
.aging-dues-table td.aging-col-g60,
.aging-dues-table td.aging-col-g120,
.aging-dues-table th.aging-col-g60,
.aging-dues-table th.aging-col-g120 { background: #ffcdd2; }
.aging-dues-table td.aging-col-91,
.aging-dues-table th.aging-col-91 { background: #ffe0b2; }
.aging-year-col { background: #e3f2fd; }
.aging-net-col { background: #fff9c4; }
.aging-area-grp td {
 background: #eceff1;
 font-weight: 700;
 text-align: left;
}
.aging-dues-total td {
 background: #f5f5f5;
 font-weight: 700;
}
.aging-dues-grand td {
 background: #e0f7fa;
 font-weight: 800;
}
.aging-grand-cyan {
 background: #00bcd4 !important;
 color: #000;
 font-weight: 800;
}
.aging-dues-rpt,
.aging-yearly-rpt {
 max-width: none;
}
/* aging-ui-build-2038 */

/* ===== Cash Book Dash Board ===== */
.cbd-head {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 justify-content: space-between;
 gap: 0.5rem;
 background: #fff;
 border-bottom: 1px solid #b0bec5;
 padding: 0.4rem 0.55rem;
}
.cbd-kpis { display: flex; flex-wrap: wrap; gap: 0.45rem; }
.cbd-kpi {
 min-width: 11rem;
 border: 1px solid #78909c;
 border-radius: 0.35rem;
 padding: 0.35rem 0.55rem;
 display: flex;
 flex-direction: column;
 font-weight: 800;
}
.cbd-kpi span { font-size: 0.72rem; }
.cbd-kpi strong { font-size: 1.05rem; text-align: end; font-variant-numeric: tabular-nums; }
.cbd-recv { background: #e3f2fd; color: #0d47a1; }
.cbd-pay { background: #ffebee; color: #b71c1c; }
.cbd-head-actions {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 gap: 0.35rem;
}
.cbd-body {
 display: grid;
 grid-template-columns: minmax(0, 1.4fr) minmax(16rem, 0.9fr);
 gap: 0.5rem;
 padding: 0.45rem;
 background: #eceff1;
 flex: 1;
 min-height: 0;
 overflow: hidden;
}
.cbd-chart-pane {
 background: #fff;
 border: 1px solid #90a4ae;
 border-radius: 0.35rem;
 display: flex;
 flex-direction: column;
 min-height: 0;
 height: 100%;
 max-height: 100%;
 overflow: hidden;
}
.cbd-chart-title {
 font-weight: 800;
 font-size: 0.92rem;
 padding: 0.4rem 0.55rem;
 border-bottom: 1px solid #cfd8dc;
 color: #1e2933;
 flex: 0 0 auto;
}
.cbd-chart-subtitle {
 flex: 0 0 auto;
 font-size: 0.78rem;
 font-weight: 650;
 color: #64748b;
 padding: 0.15rem 0.55rem 0.35rem;
}
.cbd-chart {
 flex: 1 1 auto;
 min-height: 0;
 height: 100%;
 max-height: 100%;
 padding: 0.25rem 0.35rem 0.4rem;
 display: flex;
 flex-direction: column;
 overflow: hidden;
}
.cbd-chart .erp-chart-wrap canvas {
 max-width: 100% !important;
 max-height: 100% !important;
}
.cbd-chart .erp-chart-wrap {
 flex: 1 1 auto;
 position: relative;
 width: 100%;
 height: 100%;
 min-height: 0;
 max-height: 100%;
}
.cbd-side {
 display: flex;
 flex-direction: column;
 gap: 0.45rem;
 min-height: 0;
}
.cbd-panel {
 background: #fff;
 border: 1px solid #90a4ae;
 border-radius: 0.35rem;
 display: flex;
 flex-direction: column;
 flex: 1;
 min-height: 10rem;
}
.cbd-panel-title {
 font-weight: 800;
 font-size: 0.82rem;
 padding: 0.3rem 0.45rem;
 background: #1a5fd4;
 color: #fff;
}
.cbd-panel-scroll { overflow: auto; flex: 1; min-height: 0; }
.cbd-tbl {
 width: 100%;
 border-collapse: collapse;
 font-size: 0.8rem;
 font-weight: 650;
}
.cbd-tbl th, .cbd-tbl td {
 border-bottom: 1px solid #e0e0e0;
 padding: 0.22rem 0.4rem;
}
.cbd-tbl thead th {
 position: sticky; top: 0; background: #eceff1; z-index: 1;
}

/* ===== Cash Book Day Close ===== */
.cdc-toolbar {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 gap: 0.4rem;
 background: #fff;
 border-bottom: 1px solid #b0bec5;
 padding: 0.4rem 0.55rem;
 font-weight: 700;
 font-size: 0.82rem;
}
.cdc-btn-lg { font-weight: 800; min-width: 8.5rem; }
.cdc-spacer { flex: 1; }
.cdc-body {
 display: grid;
 grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.95fr);
 gap: 0.5rem;
 padding: 0.45rem;
 background: #eceff1;
 flex: 1;
 min-height: 0;
}
.cdc-left, .cdc-right {
 display: flex;
 flex-direction: column;
 min-height: 0;
 gap: 0.3rem;
}
.cdc-section-title {
 font-weight: 900;
 font-size: 0.88rem;
 color: #0d47a1;
 background: #fff;
 border: 1px solid #90a4ae;
 border-bottom: none;
 padding: 0.28rem 0.45rem;
}
.cdc-grid-wrap {
 background: #fff;
 border: 1px solid #90a4ae;
 overflow: auto;
 flex: 1;
 min-height: 8rem;
}
.cdc-grid-sm { max-height: 14rem; flex: 0 1 auto; }
.cdc-grid {
 width: 100%;
 border-collapse: collapse;
 font-size: 0.8rem;
 font-weight: 650;
}
.cdc-grid th, .cdc-grid td {
 border: 1px solid #cfd8dc;
 padding: 0.2rem 0.35rem;
}
.cdc-grid thead th {
 background: #1a5fd4;
 color: #fff;
 position: sticky;
 top: 0;
 z-index: 1;
}
.cdc-grid tfoot td { background: #fff59d; }
.cdc-grp { font-size: 0.7rem; color: #546e7a; max-width: 7rem; }
.cdc-cnt { width: 5.5rem; margin-left: auto; }
.cdc-counters {
 display: grid;
 grid-template-columns: repeat(3, minmax(0, 1fr));
 gap: 0.35rem;
}
.cdc-counter {
 border: 1px solid #78909c;
 padding: 0.3rem 0.4rem;
 display: flex;
 flex-direction: column;
 font-weight: 800;
 background: #fff;
}
.cdc-counter span { font-size: 0.7rem; }
.cdc-counter strong { text-align: end; font-size: 0.95rem; font-variant-numeric: tabular-nums; }
.cdc-comp { background: #69f0ae; }
.cdc-draw { background: #ffcc80; }
.cdc-diff { background: #84ffff; }
.cdc-note {
 font-size: 0.68rem;
 font-weight: 700;
 color: #c62828;
 padding: 0.15rem 0.1rem;
}

.page:has(.desk-doc.is-on .cb-wrap) {
 height: 100dvh;
 max-height: 100dvh;
 overflow: hidden;
}
.page:has(.desk-doc.is-on .cb-wrap) > .ledger,
.page:has(.desk-doc.is-on .cb-wrap) .ledger .content {
 min-height: 0;
 overflow: hidden;
 flex: 1 1 auto;
}
.page:has(.desk-doc.is-on .cb-wrap) .ledger .content {
 display: flex;
 flex-direction: column;
 padding-top: 0.25rem;
 padding-bottom: 0.25rem;
}
.cb-wrap { flex: 1 1 auto; min-height: 0; }

@media (max-width: 1100px) {
 .cbd-body, .cdc-body { grid-template-columns: 1fr; }
 .cdc-counters { grid-template-columns: 1fr; }
}

/* ===== Monthly Wheat Tax (rpt-sel) ===== */
.mwt-sel-card { max-width: 720px; }
.mwt-sel-page .rpt-sel-actions {
 max-width: 720px;
 width: 100%;
 min-width: 0;
 box-sizing: border-box;
 grid-template-columns: repeat(2, minmax(0, 1fr));
}
.mwt-sel-page .rpt-sel-btn-preview,
.mwt-sel-page .rpt-sel-btn-close {
 width: 100%;
 max-width: 100%;
 min-width: 0;
 box-sizing: border-box;
 white-space: normal;
}
.mwt-sel-page,
.mwt-sel-page .rpt-sel-title,
.mwt-sel-page .rpt-sel-label,
.mwt-sel-page .mwt-desc-cap,
.mwt-sel-page .mwt-desc-grid,
.mwt-sel-page .mwt-desc-grid th,
.mwt-sel-page .mwt-desc-grid td,
.mwt-sel-page .mwt-desc-hint,
.mwt-sel-page .mwt-unit,
.mwt-sel-page .mwt-num,
.mwt-sel-page .form-control,
.mwt-sel-page input,
.mwt-sel-page .erp-date,
.mwt-sel-page .erp-date-text,
.mwt-sel-page .rpt-sel-btn-preview,
.mwt-sel-page .rpt-sel-btn-close {
 font-weight: 700;
}
.mwt-sel-body { display: flex; flex-direction: column; gap: 0.85rem; }
.mwt-dates { display: grid; grid-template-columns: 1fr 1fr; gap: 0.55rem 1rem; }
.mwt-dates .rpt-sel-row { grid-template-columns: 3.5rem minmax(0, 1fr); }
.mwt-desc-wrap {
 border: 1px solid #c5d7ea;
 border-radius: 0.55rem;
 overflow: hidden;
 background: #f7fbff;
}
.mwt-desc-cap {
 font-size: 0.82rem;
 font-weight: 800;
 color: #0b1f6b;
 padding: 0.35rem 0.65rem;
 background: #e8f1fb;
 border-bottom: 1px solid #c5d7ea;
 letter-spacing: 0.04em;
}
.mwt-desc-scroll {
 max-height: 14rem;
 overflow: auto;
 outline: none;
}
.mwt-desc-grid {
 width: 100%;
 border-collapse: collapse;
 font-size: 0.9rem;
}
.mwt-desc-grid th,
.mwt-desc-grid td {
 border-bottom: 1px solid #d7e4f2;
 padding: 0.25rem 0.4rem;
 vertical-align: middle;
}
.mwt-desc-grid thead th {
 position: sticky;
 top: 0;
 background: #eef5fc;
 font-weight: 800;
 color: #0b1f6b;
 font-size: 0.78rem;
 z-index: 1;
}
.mwt-desc-idx { width: 2.2rem; color: #64748b; }
.mwt-desc-act { width: 1.6rem; text-align: center; }
.mwt-row-focus { background: #fff8d6; }
.mwt-desc-hint {
 font-size: 0.72rem;
 color: #64748b;
 padding: 0.25rem 0.65rem 0.4rem;
}
.mwt-rates {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 0.55rem 1rem;
}
.mwt-rates .rpt-sel-row { grid-template-columns: 6.5rem minmax(0, 1fr); }
.mwt-num { max-width: 7rem; font-weight: 700; }
.mwt-unit { margin-left: 0.4rem; font-size: 0.82rem; font-weight: 700; color: #475569; white-space: nowrap; }
.mwt-meta { display: flex; flex-wrap: wrap; gap: 0.75rem 1.25rem; justify-content: space-between; }
.mwt-tx th { background: #e0e0e0; }
.mwt-col-sr { width: 2.5rem; }
.mwt-col-ntn { width: 9rem; }
.page:has(.desk-doc.is-on .al-preview-panel):has(.desk-doc.is-on .mwt-report) .rpt-sel-page { display: none; }
@media (max-width: 640px) {
 .mwt-dates, .mwt-rates { grid-template-columns: 1fr; }
}

/* ===== Yearly Chart selection checklist ===== */
.yc-sel-card { max-width: 520px; }
.yc-sel-page .rpt-sel-actions {
 max-width: 520px;
 width: 100%;
 min-width: 0;
 box-sizing: border-box;
 grid-template-columns: repeat(2, minmax(0, 1fr));
}
.yc-sel-page .rpt-sel-btn-preview,
.yc-sel-page .rpt-sel-btn-close {
 width: 100%;
 max-width: 100%;
 min-width: 0;
 box-sizing: border-box;
 white-space: normal;
}
.yc-sel-body { display: flex; flex-direction: column; gap: 0.85rem; }
.yc-heads-panel {
 border: 1px solid #c5d7ea;
 border-radius: 0.55rem;
 background: #f7fbff;
 overflow: hidden;
}
.yc-heads-cap {
 font-weight: 800;
 font-size: 0.95rem;
 color: #0b1f6b;
 padding: 0.45rem 0.7rem;
 border-bottom: 1px solid #c5d7ea;
 background: #eef5fc;
}
.yc-heads-scroll {
 max-height: 14rem;
 overflow-y: auto;
 padding: 0.35rem 0.45rem;
 display: flex;
 flex-direction: column;
 gap: 0.15rem;
}
.yc-head-item {
 display: flex;
 align-items: center;
 gap: 0.5rem;
 margin: 0;
 padding: 0.28rem 0.4rem;
 border-radius: 0.35rem;
 font-weight: 700;
 font-size: 0.92rem;
 color: #111;
 cursor: pointer;
 user-select: none;
}
.yc-head-item:hover { background: #e8f1fb; }
.yc-head-item.sel { background: #d9e8fb; }
.yc-head-item input {
 accent-color: #0b1f6b;
 width: 1rem;
 height: 1rem;
 margin: 0;
}
.yc-dates { display: flex; flex-direction: column; gap: 0.45rem; }
.yc-tx th.yc-title, .yc-tx td.yc-title { min-width: 12rem; text-align: left; font-weight: 600; }
.yc-tx th.yc-amt, .yc-tx td.yc-amt { white-space: nowrap; min-width: 4.5rem; font-variant-numeric: tabular-nums; }
.yc-tx tr.yc-subtot td {
 background: #dcdcdc;
 font-weight: 700;
}
.yc-report .cs-rpt-title { font-weight: 800; }

/* ===== Top Special selection (TopSpecialDialog) ===== */
.ts-sel-page .ts-sel-card { max-width: 1180px; }
.ts-sel-page .rpt-sel-actions {
 max-width: 1180px;
 width: 100%;
 min-width: 0;
 box-sizing: border-box;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 margin-left: auto;
 margin-right: auto;
}
.ts-sel-page .rpt-sel-btn-preview,
.ts-sel-page .rpt-sel-btn-close {
 width: 100%;
 max-width: 100%;
 min-width: 0;
 box-sizing: border-box;
 white-space: normal;
}
.ts-sel-page .rpt-sel-msg {
 max-width: 1180px;
 width: 100%;
 margin-left: auto;
 margin-right: auto;
 box-sizing: border-box;
}
.ts-sel-grid {
 display: grid;
 grid-template-columns: repeat(3, minmax(0, 1fr));
 gap: 0.75rem;
 margin-bottom: 0.75rem;
}
.ts-col-label {
 font-size: 0.9rem;
 font-weight: 800;
 color: #0b1f6b;
 margin-bottom: 0.25rem;
}
.ts-list {
 border: 1px solid #c5d7ea;
 border-radius: 0.4rem;
 background: #f7fbff;
 height: 11.5rem;
 overflow: auto;
 padding: 0.2rem 0.35rem;
}
.ts-list-split {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 0.35rem;
 height: 11.5rem;
 padding: 0;
 background: transparent;
 border: none;
}
.ts-list-half {
 border: 1px solid #c5d7ea;
 border-radius: 0.4rem;
 background: #f7fbff;
 overflow: auto;
 padding: 0.2rem 0.35rem;
 height: 100%;
}
.ts-check {
 display: flex;
 align-items: flex-start;
 gap: 0.35rem;
 font-size: 0.82rem;
 font-weight: 600;
 color: #111;
 padding: 0.12rem 0.1rem;
 margin: 0;
 cursor: pointer;
 line-height: 1.25;
}
.ts-check input { margin-top: 0.15rem; accent-color: #0b1f6b; flex: 0 0 auto; }
.ts-sel-mid {
 display: grid;
 grid-template-columns: minmax(16rem, 0.95fr) minmax(0, 1.2fr);
 gap: 0.75rem;
 margin-bottom: 0.75rem;
}
.ts-opts {
 border: 1px solid #c5d7ea;
 border-radius: 0.5rem;
 background: #fffef6;
 padding: 0.55rem 0.7rem 0.7rem;
}
.ts-opts-title {
 font-weight: 800;
 font-size: 0.95rem;
 color: #0b1f6b;
 margin-bottom: 0.45rem;
}
.ts-opts-body { display: flex; flex-direction: column; gap: 0.35rem; }
.ts-opt-check { min-height: 1.6rem !important; }
.ts-topn { max-width: 6rem; text-align: center; font-weight: 700; }
.ts-names .ts-list { height: 14.5rem; }
.ts-supplier {
 display: grid;
 grid-template-columns: auto minmax(0, 1fr);
 gap: 0.55rem;
 align-items: center;
 margin-top: 0.15rem;
}
.ts-supplier-pick { display: flex; align-items: center; gap: 0.4rem; min-width: 0; }
.ts-supplier-pick .party-search { flex: 1 1 auto; min-width: 0; }
.ts-tx th.ts-sr { width: 3.2rem; }
.ts-report .cs-rpt-title { text-transform: none; }
@media (max-width: 960px) {
 .ts-sel-grid, .ts-sel-mid, .ts-list-split, .ts-supplier { grid-template-columns: 1fr; }
 .ts-names .ts-list, .ts-list, .ts-list-half { height: 9rem; }
}


/* Accounts By Group / Account Wise Business Summary (AccByGrpDialog)
 Selection fills chrome width + height; picker is visual polish only. */
.abg-page {
 max-width: none !important;
 width: 100%;
 margin: 0;
 padding: .55rem .7rem .7rem;
 align-items: stretch;
 box-sizing: border-box;
 flex: 1 1 auto;
 min-height: 0;
 height: 100%;
}
.abg-card {
 width: 100%;
 max-width: none !important;
 margin: 0 !important;
 flex: 1 1 auto;
 min-height: 0;
 height: 100%;
 display: flex;
 flex-direction: column;
 box-sizing: border-box;
}
.abg-card > .rpt-sel-title { flex-shrink: 0; }
.abg-body {
 display: flex;
 flex-direction: column;
 gap: .65rem;
 flex: 1 1 auto;
 min-height: 0;
 position: relative;
}
.abg-block {
 border: 1px solid #9bb8d4;
 border-radius: 6px;
 padding: .45rem .6rem .55rem;
 background: #f7fbff;
 margin: 0;
}
.abg-block > legend {
 font-size: .82rem;
 font-weight: 700;
 padding: 0 .35rem;
 width: auto;
 float: none;
 margin-bottom: .25rem;
 color: #1e3a5f;
}
.abg-sel-rows { display: flex; flex-direction: column; gap: .4rem; }
.abg-sel-row { display: grid; grid-template-columns: 1fr auto auto; gap: .4rem; align-items: stretch; }
.abg-sel-box {
 min-height: 2.6rem;
 max-height: 5.2rem;
 overflow: auto;
 border: 1px solid #c5d6e8;
 background: #fff;
 border-radius: 4px;
 padding: .35rem .45rem;
}
.abg-sel-ph { color: #6b7c8f; font-size: .78rem; }
.abg-empty { color: #6b7c8f; font-size: .8rem; padding: .35rem; }
.abg-chips { display: flex; flex-wrap: wrap; gap: .25rem; }
.abg-chip {
 display: inline-flex;
 align-items: center;
 gap: .25rem;
 background: #e8f1fb;
 border: 1px solid #b7cce3;
 border-radius: 4px;
 padding: .12rem .4rem;
 font-size: .75rem;
}
.abg-chip button {
 border: 0;
 background: transparent;
 color: #b00020;
 font-weight: 700;
 line-height: 1;
 padding: 0;
 cursor: pointer;
}
.abg-clear-btn {
 width: 1.85rem;
 border: 1px solid #c5a0a0;
 background: #fff5f5;
 color: #b00020;
 border-radius: 4px;
 font-weight: 700;
 cursor: pointer;
}
.abg-clear-btn:disabled { opacity: .4; cursor: default; }
.abg-side-btn {
 font-size: .78rem;
 font-weight: 600;
 text-align: center;
 min-width: 8.5rem;
 max-width: 9.5rem;
 border: 1px solid #7aa0c4;
 background: linear-gradient(#fff, #e4eef8);
 border-radius: 4px;
 padding: .35rem .4rem;
 cursor: pointer;
 white-space: normal;
 line-height: 1.15;
}
.abg-side-btn:hover { background: #dceaf8; }
.abg-mid {
 display: grid;
 grid-template-columns: 1.15fr .95fr;
 gap: .6rem;
 flex: 1 1 auto;
 min-height: 0;
 align-items: stretch;
}
.abg-mid > .abg-block {
 display: flex;
 flex-direction: column;
 min-height: 0;
 height: 100%;
}
.abg-group-opts .abg-for,
.abg-criteria { flex: 1 1 auto; }
.abg-for-list { flex: 1 1 auto; max-height: none; min-height: 6.5rem; }
@media (max-width: 800px) {
 .abg-mid { grid-template-columns: 1fr; }
 .abg-sel-row { grid-template-columns: 1fr auto; }
 .abg-side-btn { grid-column: 1 / -1; max-width: none; }
}
.abg-title-row, .abg-format-row, .abg-dates {
 display: flex;
 flex-wrap: nowrap;
 gap: .35rem;
 align-items: center;
 width: 100%;
 min-width: 0;
}
.abg-title-row > .form-select {
 flex: 1 1 auto;
 min-width: 0;
 width: auto !important;
 max-width: none;
}
.abg-title-row > .btn { flex: 0 0 auto; white-space: nowrap; }
.abg-format-row {
 flex-wrap: wrap;
 position: relative;
 z-index: 2;
}
.abg-format-row > .form-select {
 flex: 1 1 10rem;
 min-width: 0;
 width: auto !important;
 max-width: 100%;
}
.abg-format-row > .abg-sum { flex: 0 1 6.5rem; width: auto !important; max-width: 6.5rem; }
.abg-dates > .erp-date,
.abg-dates > .form-control {
 flex: 1 1 0;
 width: auto !important;
 min-width: 0 !important;
 max-width: none !important;
}
.abg-dates > .abg-to {
 flex: 0 0 auto;
 white-space: nowrap;
 font-weight: 700;
}
.abg-to { font-size: .78rem; color: #445; }
.abg-sum { max-width: 6.5rem; }
.abg-for { margin-top: .35rem; display: flex; flex-direction: column; min-height: 0; flex: 1 1 auto; }
.abg-for-label { font-size: .78rem; font-weight: 600; margin-bottom: .2rem; }
.abg-for-list {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: .15rem .4rem;
 overflow: auto;
 border: 1px solid #c5d6e8;
 background: #fff;
 padding: .35rem;
 border-radius: 4px;
}
.abg-check { display: flex; align-items: center; gap: .3rem; font-size: .76rem; margin: 0; }

/* Picker popup - visual polish only (same open/close/select behavior) */
.abg-picker-overlay {
 position: fixed;
 inset: 0;
 z-index: 1050;
 background: rgba(15, 23, 42, .52);
 backdrop-filter: blur(5px);
 -webkit-backdrop-filter: blur(5px);
 display: flex;
 align-items: center;
 justify-content: center;
 padding: 1.25rem;
}
.abg-picker {
 border: 1px solid rgba(122, 160, 196, .65);
 border-radius: 14px;
 background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
 overflow: hidden;
}
.abg-picker-modal {
 width: min(44rem, 96vw);
 max-height: min(34rem, 88vh);
 display: flex;
 flex-direction: column;
 box-shadow:
 0 28px 64px rgba(11, 31, 107, .28),
 0 8px 20px rgba(15, 23, 42, .16),
 0 0 0 1px rgba(255, 255, 255, .45) inset;
}
.abg-picker-bar {
 display: flex;
 justify-content: space-between;
 align-items: center;
 gap: .75rem;
 padding: .7rem .9rem;
 background: linear-gradient(180deg, #eef5fd 0%, #e0ecf8 100%);
 border-bottom: 1px solid #b7cce3;
 flex-shrink: 0;
 flex-wrap: wrap;
}
.abg-picker-title {
 font-size: .98rem;
 font-weight: 800;
 color: #0b1f6b;
 letter-spacing: .01em;
 line-height: 1.2;
}
.abg-picker-tools {
 display: flex;
 gap: .4rem;
 align-items: center;
 flex-wrap: wrap;
}
.abg-picker-search {
 width: 11rem;
 border-radius: 8px !important;
 border-color: #b7cce3 !important;
 box-shadow: inset 0 1px 2px rgba(15, 23, 42, .04);
}
.abg-picker-tools .btn {
 border-radius: 8px;
 font-weight: 600;
 padding: .28rem .7rem;
}
.abg-picker-scroll {
 max-height: none;
 flex: 1;
 overflow: auto;
 padding: .65rem .75rem .8rem;
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: .35rem .55rem;
 background: #fff;
}
.abg-picker-item {
 display: flex;
 align-items: flex-start;
 gap: .45rem;
 margin: 0;
 padding: .42rem .55rem;
 border: 1px solid transparent;
 border-radius: 8px;
 font-size: .8rem;
 line-height: 1.25;
 color: #1e293b;
 cursor: pointer;
 transition: background .12s ease, border-color .12s ease, box-shadow .12s ease;
}
.abg-picker-item:hover {
 background: #f0f7ff;
 border-color: #c5d6e8;
}
.abg-picker-item:has(input:checked) {
 background: #e8f1fb;
 border-color: #9bb8d4;
 box-shadow: 0 1px 2px rgba(11, 31, 107, .06);
 font-weight: 600;
}
.abg-picker-item input {
 margin-top: .12rem;
 accent-color: #2563eb;
 flex-shrink: 0;
}
.abg-picker-item span {
 min-width: 0;
 word-break: break-word;
}
@media (max-width: 560px) {
 .abg-picker-scroll { grid-template-columns: 1fr; }
 .abg-picker-search { width: 100%; }
}

.abg-actions {
 margin-top: .65rem;
 display: grid !important;
 grid-template-columns: 1fr 1fr;
 gap: .75rem;
 justify-content: stretch;
 align-items: stretch;
 width: 100%;
 max-width: none;
 box-sizing: border-box;
 flex-shrink: 0;
 flex-wrap: nowrap;
}
.abg-page .rpt-sel-actions.abg-actions {
 display: grid !important;
 grid-template-columns: 1fr 1fr;
 max-width: none;
 width: 100%;
}
.abg-page .rpt-sel-btn-preview,
.abg-page .rpt-sel-btn-close {
 width: 100%;
 max-width: 100%;
 min-width: 0;
 box-sizing: border-box;
 white-space: normal;
}

/* Selection-page typography: bold like other FlourX rpt-sel pages */
.abg-page,
.abg-page .rpt-sel-title,
.abg-page .rpt-sel-label,
.abg-page .abg-block > legend,
.abg-page .abg-for-label,
.abg-page .abg-to,
.abg-page .abg-check,
.abg-page .abg-sel-ph,
.abg-page .abg-chip,
.abg-page .abg-side-btn,
.abg-page .abg-clear-btn,
.abg-page .form-select,
.abg-page .form-control,
.abg-page input,
.abg-page select,
.abg-page option,
.abg-page .erp-date,
.abg-page .erp-date-text,
.abg-page .rpt-sel-check,
.abg-page .rpt-sel-btn-preview,
.abg-page .rpt-sel-btn-close,
.abg-page .btn {
 font-weight: 700;
}
.abg-page .rpt-sel-title,
.abg-page .abg-block > legend {
 font-weight: 800;
}

/* Long labels must not overflow under controls (esp. Report Format) */
.abg-page .rpt-sel-label {
 white-space: normal;
 overflow-wrap: anywhere;
 word-break: break-word;
 line-height: 1.2;
}
.abg-page .abg-criteria .rpt-sel-row,
.abg-page .abg-group-opts > .rpt-sel-row {
 grid-template-columns: minmax(5.5rem, 9.5rem) minmax(0, 1fr);
 align-items: center;
 min-width: 0;
}
.abg-page .abg-criteria .rpt-sel-row.abg-format-block,
.abg-page .abg-criteria .rpt-sel-row:has(.abg-format-row) {
 align-items: start;
 position: relative;
 z-index: 2;
}
.abg-page .abg-criteria .rpt-sel-row.abg-format-block .rpt-sel-label,
.abg-page .abg-criteria .rpt-sel-row:has(.abg-format-row) .rpt-sel-label {
 padding-top: .4rem;
}
.abg-page .abg-criteria .rpt-sel-control {
 min-width: 0;
 position: relative;
 z-index: 2;
}
/* Left-align ABG selection mid content (flush left; no center/auto margins) */
.abg-page,
.abg-page.rpt-sel-page,
.abg-page.rpt-sel-page-wide {
 align-items: stretch !important;
 text-align: left;
}
.abg-page .abg-card.rpt-sel-card-wide,
.rpt-sel-page-wide .abg-card {
 margin-left: 0 !important;
 margin-right: 0 !important;
 margin-inline: 0 !important;
 max-width: none !important;
 align-self: stretch;
}
.abg-page .abg-body,
.abg-page .abg-mid {
 align-items: stretch;
 justify-content: flex-start;
 justify-items: stretch;
 text-align: left;
}
.abg-page .abg-mid > .abg-block,
.abg-page .abg-criteria,
.abg-page .abg-group-opts {
 align-items: stretch !important;
 justify-content: flex-start;
 text-align: left;
}
.abg-page .abg-mid > .abg-block > .rpt-sel-row,
.abg-page .abg-mid > .abg-block > .abg-for,
.abg-page .abg-criteria > .rpt-sel-row,
.abg-page .abg-group-opts > .rpt-sel-row {
 width: 100%;
 max-width: 100%;
 margin-left: 0;
 margin-right: 0;
 margin-inline: 0;
 align-self: stretch;
 justify-self: stretch;
 box-sizing: border-box;
}
.abg-page .abg-criteria .rpt-sel-row,
.abg-page .abg-group-opts > .rpt-sel-row {
 grid-template-columns: minmax(5.5rem, 9.5rem) minmax(0, 1fr);
 justify-items: stretch;
 justify-content: start;
 align-items: center;
}
.abg-page .abg-criteria .rpt-sel-label,
.abg-page .abg-group-opts > .rpt-sel-row > .rpt-sel-label {
 text-align: left;
 justify-self: start;
 padding-right: 0.45rem;
 max-width: 9.5rem;
}
.abg-page .abg-criteria .rpt-sel-control,
.abg-page .abg-group-opts .rpt-sel-control,
.abg-page .abg-format-row,
.abg-page .abg-dates,
.abg-page .abg-title-row {
 justify-content: flex-start !important;
 margin-inline: 0;
 width: 100%;
 text-align: left;
}
.abg-page .abg-criteria > .rpt-sel-check {
 align-self: flex-start !important;
 justify-content: flex-start;
 margin-inline: 0;
 width: max-content;
 max-width: 100%;
 text-align: left;
}
.abg-page .abg-criteria .form-select,
.abg-page .abg-criteria .form-control,
.abg-page .abg-criteria .erp-date-text,
.abg-page .abg-group-opts .form-select,
.abg-page .abg-group-opts .form-control,
.abg-page .abg-group-opts .erp-date-text {
 text-align: left;
}

/* Keep mid columns from painting over each other */
.abg-page .abg-mid > .abg-block {
 overflow: hidden;
 position: relative;
 z-index: 0;
}
.abg-page .abg-criteria {
 z-index: 1;
 overflow: auto;
}
.abg-page .abg-for-list {
 max-height: 12rem;
}

@media (max-width: 560px) {
 .abg-page .rpt-sel-actions.abg-actions {
 grid-template-columns: 1fr 1fr !important;
 gap: .55rem;
 }
 .abg-page .abg-dates {
 flex-wrap: nowrap;
 }
}
.abg-table .abg-group td { background: #d9e8f7; font-weight: 700; }
.abg-table .abg-sub td { background: #f3f6fa; font-weight: 600; }
.abg-table .abg-total td { background: #ffe8a3; font-weight: 700; }
.abg-chart-wrap { max-width: 48rem; margin: .5rem auto 1rem; }
.abg-chart-title { font-weight: 700; text-align: center; margin-bottom: .5rem; }
.abg-bar-row { display: grid; grid-template-columns: 10rem 1fr 5.5rem; gap: .4rem; align-items: center; margin-bottom: .28rem; }
.abg-bar-label { font-size: .75rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.abg-bar-track { height: .85rem; background: #e6eef6; border-radius: 2px; overflow: hidden; }
.abg-bar-fill { height: 100%; background: #3b82f6; }
.abg-bar-fill.neg { background: #ef4444; }
.abg-bar-val { font-size: .75rem; text-align: right; font-variant-numeric: tabular-nums; }

/* ---- Overall Summaries (OverallSumDialog) - full-viewport selection chrome ---- */
.os-page {
 max-width: none !important;
 width: 100%;
 margin: 0;
 padding: .45rem .6rem .55rem;
 align-items: stretch;
 box-sizing: border-box;
 flex: 1 1 auto;
 min-height: 0;
 height: 100%;
}
.os-card {
 width: 100%;
 max-width: none !important;
 margin: 0 !important;
 flex: 1 1 auto;
 min-height: 0;
 height: 100%;
 display: flex;
 flex-direction: column;
 box-sizing: border-box;
}
.os-card > .rpt-sel-title { flex-shrink: 0; text-align: left; margin-bottom: .35rem; }
.os-body {
 display: flex;
 flex-direction: column;
 gap: .5rem;
 flex: 1 1 auto;
 min-height: 0;
 position: relative;
}
.os-block {
 border: 1px solid #9bb8d4;
 border-radius: 6px;
 padding: .4rem .55rem .5rem;
 background: #f7fbff;
 margin: 0;
}
.os-block > legend {
 font-size: .82rem;
 font-weight: 800;
 padding: 0 .35rem;
 width: auto;
 float: none;
 margin-bottom: .2rem;
 color: #0b1f6b;
}
.os-section-label {
 font-size: .78rem;
 font-weight: 800;
 color: #0b1f6b;
 margin: .15rem 0 .2rem;
 text-align: left;
}
.os-sel-rows {
 display: flex;
 flex-direction: column;
 gap: .4rem;
 flex: 1 1 auto;
 min-height: 0;
}
.os-sel-row {
 display: grid;
 grid-template-columns: 1fr auto auto;
 gap: .4rem;
 align-items: stretch;
 flex: 1 1 0;
 min-height: 0;
}
.os-sel-box {
 min-height: 2.8rem;
 height: 100%;
 max-height: none;
 overflow: auto;
 border: 1px solid #c5d6e8;
 background: #fff;
 border-radius: 4px;
 padding: .35rem .45rem;
 box-sizing: border-box;
}
.os-sel-ph { color: #6b7c8f; font-size: .78rem; font-weight: 700; }
.os-empty { color: #6b7c8f; font-size: .8rem; padding: .35rem; font-weight: 700; }
.os-chips { display: flex; flex-wrap: wrap; gap: .25rem; }
.os-chip {
 display: inline-flex;
 align-items: center;
 gap: .25rem;
 background: #e8f1fb;
 border: 1px solid #b7cce3;
 border-radius: 4px;
 padding: .12rem .4rem;
 font-size: .75rem;
 font-weight: 700;
}
.os-chip button {
 border: 0;
 background: transparent;
 color: #b00020;
 font-weight: 700;
 line-height: 1;
 padding: 0;
 cursor: pointer;
}
.os-clear-btn {
 width: 1.85rem;
 border: 1px solid #c5a0a0;
 background: #fff5f5;
 color: #b00020;
 border-radius: 4px;
 font-weight: 700;
 cursor: pointer;
 align-self: stretch;
}
.os-clear-btn:disabled { opacity: .4; cursor: default; }
.os-side-btn {
 font-size: .78rem;
 font-weight: 700;
 text-align: center;
 min-width: 8.5rem;
 max-width: 9.5rem;
 border: 1px solid #7aa0c4;
 background: linear-gradient(#fff, #e4eef8);
 border-radius: 4px;
 padding: .35rem .4rem;
 cursor: pointer;
 white-space: normal;
 line-height: 1.15;
 align-self: stretch;
}
.os-side-btn:hover { background: #dceaf8; }
.os-mid {
 display: grid;
 grid-template-columns: 1.35fr 1fr;
 gap: .55rem;
 flex: 1 1 auto;
 min-height: 0;
 align-items: stretch;
 height: 100%;
}
.os-mid > .os-block {
 display: flex;
 flex-direction: column;
 min-height: 0;
 height: 100%;
 gap: .4rem;
}
.os-docs-block .os-sel-rows { flex: 1 1 auto; }
.os-dates-block {
 justify-content: space-between;
}
.os-dates-block > .os-rate-section {
 margin-top: auto;
}
.os-dates-block .rpt-sel-row {
 margin: 0;
}
.os-radios {
 display: flex;
 flex-wrap: wrap;
 gap: .45rem .85rem;
 align-items: center;
}
.os-radio {
 display: inline-flex;
 align-items: center;
 gap: .4rem;
 font-size: .88rem;
 font-weight: 700;
 color: #0b1f6b;
 margin: 0;
 cursor: pointer;
 white-space: nowrap;
}
.os-radio input {
 accent-color: #0b1f6b;
 width: 1rem;
 height: 1rem;
 margin: 0;
 flex: 0 0 auto;
}
.os-groupby {
 display: flex;
 flex-direction: column;
 align-items: stretch;
 gap: .2rem;
 margin: .15rem 0 0;
 width: 100%;
}
.os-groupby > .os-section-label { margin: 0 0 .05rem; }
.os-groupby-ctl { display: flex; gap: .45rem; align-items: center; width: 100%; }
.os-groupby-ctl .form-select { flex: 1 1 auto; min-width: 0; }
.os-layout-btn {
 flex: 0 0 auto;
 min-width: 2.35rem;
 min-height: 2.15rem;
 border: 1px solid #7aa0c4;
 background: linear-gradient(#fff, #e4eef8);
 border-radius: 4px;
 font-weight: 800;
 font-size: 1.1rem;
 color: #0b1f6b;
 cursor: pointer;
 line-height: 1;
}
.os-layout-btn:hover { background: #dceaf8; }
.os-sgn { margin: .1rem 0 0; }
.os-rate-section {
 margin-top: .35rem;
 padding-top: .45rem;
 border-top: 1px dashed #b7cce3;
 display: flex;
 flex-direction: column;
 gap: .35rem;
}
.os-rate {
 margin: 0;
 flex-direction: row;
 flex-wrap: wrap;
 align-items: center;
 gap: .45rem .85rem;
}
.os-actions {
 margin-top: .5rem;
 display: grid !important;
 grid-template-columns: 1fr 1fr;
 gap: .75rem;
 justify-content: stretch;
 align-items: stretch;
 width: 100%;
 max-width: none;
 box-sizing: border-box;
 flex-shrink: 0;
 flex-wrap: nowrap;
}
.os-page .rpt-sel-actions.os-actions {
 display: grid !important;
 grid-template-columns: 1fr 1fr;
 max-width: none;
 width: 100%;
}
.os-page .rpt-sel-btn-preview,
.os-page .rpt-sel-btn-close {
 width: 100%;
 max-width: 100%;
 min-width: 0;
 box-sizing: border-box;
 white-space: normal;
 min-height: 2.55rem;
 font-size: .98rem;
 font-weight: 800;
}
.os-page .rpt-sel-msg {
 max-width: none;
 width: 100%;
 flex-shrink: 0;
}

/* Bold / left-aligned typography like ABG / MWT / Top Special */
.os-page,
.os-page .rpt-sel-title,
.os-page .rpt-sel-label,
.os-page .os-block > legend,
.os-page .os-section-label,
.os-page .os-sel-ph,
.os-page .os-chip,
.os-page .os-side-btn,
.os-page .os-clear-btn,
.os-page .os-radio,
.os-page .form-select,
.os-page .form-control,
.os-page input,
.os-page select,
.os-page option,
.os-page .erp-date,
.os-page .erp-date-text,
.os-page .rpt-sel-check,
.os-page .rpt-sel-btn-preview,
.os-page .rpt-sel-btn-close,
.os-page .btn {
 font-weight: 700;
}
.os-page .rpt-sel-title,
.os-page .os-block > legend,
.os-page .os-section-label {
 font-weight: 800;
}
.os-page .rpt-sel-label {
 text-align: left;
 white-space: normal;
 overflow-wrap: anywhere;
 word-break: break-word;
 line-height: 1.2;
}
.os-page .rpt-sel-row {
 grid-template-columns: minmax(5.5rem, 8.5rem) minmax(0, 1fr);
 align-items: center;
 min-width: 0;
}
.os-page .rpt-sel-control {
 min-width: 0;
 width: 100%;
}
.os-page,
.os-page.rpt-sel-page,
.os-page.rpt-sel-page-wide {
 align-items: stretch;
}
.os-page .os-card.rpt-sel-card-wide {
 max-width: none !important;
 width: 100%;
 margin: 0 !important;
}

@media (max-width: 900px) {
 .os-mid { grid-template-columns: 1fr; }
 .os-sel-row { grid-template-columns: 1fr auto auto; }
 .os-side-btn { min-width: 7rem; max-width: 8.5rem; }
 .os-sel-box { min-height: 2.4rem; max-height: 5rem; }
}
.os-report .os-grp td { font-weight: 700; background: #eef3f8; }
.os-report .os-tot td { font-weight: 700; border-top: 2px solid #333; }

.os-modal {
 width: min(860px, 94vw);
 max-height: min(84vh, 42rem);
 display: flex;
 flex-direction: column;
 background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
 border-radius: 14px;
 border: 1px solid rgba(122, 160, 196, .65);
 box-shadow:
 0 28px 64px rgba(11, 31, 107, .28),
 0 8px 20px rgba(15, 23, 42, .16);
 overflow: hidden;
}
.os-layout-modal { z-index: 1; }
.os-modal-hd {
 display: flex;
 justify-content: space-between;
 align-items: center;
 gap: .75rem;
 padding: .7rem .9rem;
 background: linear-gradient(180deg, #eef5fd 0%, #e0ecf8 100%);
 border-bottom: 1px solid #b7cce3;
 flex-wrap: wrap;
 flex-shrink: 0;
 font-weight: 800;
 color: #0b1f6b;
}
.os-modal-bd {
 padding: .75rem .9rem 1rem;
 overflow: auto;
 flex: 1 1 auto;
 min-height: 0;
 background: #fff;
}
.os-layout-grid input[type=file] { display: none; }



/* Commodity Ledger layout overrides */
.pl-wrap {
 display: flex;
 flex-direction: column;
 gap: 0.35rem;
 flex: 1 1 auto;
 min-height: 0;
 overflow: hidden;
 height: calc(100vh - 7.5rem);
}
.pl-topbar {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 0.75rem;
 flex: 0 0 auto;
}
.pl-grid-panel {
 max-height: none;
 border: 1px solid #90a4ae;
 background: #fff;
 display: flex;
 flex-direction: column;
 flex: 1 1 auto;
 min-height: 10rem;
 overflow: hidden;
 max-height: none;
}
.pl-col-bmw {
 width: 5.2rem;
 background: #ffe0b2 !important;
}
.pl-grid tbody td.pl-col-bmw {
 background: #ffe0b2;
 font-weight: 700;
}
.pl-grp td {
 background: #e3f2fd !important;
 border-top: 2px solid #1976d2;
 font-size: 0.8rem;
}
.pl-btns {
 display: flex;
 gap: 0.5rem;
 align-items: stretch;
 margin-top: 0.25rem;
}
.pl-btns .al-btn-preview,
.pl-btns .al-btn-close {
 flex: 1 1 0;
 min-height: 2.4rem;
 font-size: 0.95rem;
 font-weight: 700;
}
.ledger .content:has(.desk-doc.is-on .al-preview-panel) .desk-doc.is-on .pl-wrap {
 flex: 0 1 auto;
 max-height: min(42vh, 100%);
 height: auto;
}
.stock-zero { color: #ef6c00 !important; }
.stock-ok { color: #2e7d32 !important; }

.pl-wrap > .pl-actions.al-actions {
 flex: 0 0 auto;
 min-height: 0;
 overflow: hidden;
 display: flex;
 flex-direction: column;
}
.pl-wrap > .pl-grid-panel.al-grid-panel {
 flex: 1 1 auto;
 min-height: 12rem;
}
/* Document checklist fills remaining height of the bottom panel */
.pl-actions-body .al-col-docs {
 display: flex;
 flex-direction: column;
 min-height: 0;
 overflow: hidden;
}
.pl-actions-body .al-listbox.al-docs {
 flex: 1 1 auto;
 min-height: 3.25rem;
 max-height: none;
 height: auto;
}
/* Bags/Bardana (+ other opts): spacer label matches Select a Document; align top */
.pl-wrap .pl-opts {
 align-self: start;
 padding-top: 0;
}
.pl-wrap .pl-opts .pl-opts-spacer {
 visibility: hidden;
 user-select: none;
}
.pl-wrap .al-grid th,
.pl-wrap .al-grid td {
 font-weight: 700;
}
/* FORCE Account Ledger selection UI bold (override weaker Bootstrap/form rules) */
.al-wrap,
.al-wrap *,
.al-wrap .al-grid,
.al-wrap .al-grid th,
.al-wrap .al-grid td,
.al-wrap .al-grid thead th,
.al-wrap .al-grid tbody td,
.al-wrap .al-grid .al-col-idx,
.al-wrap .al-grid-foot,
.al-wrap .al-check,
.al-wrap .al-doc-item,
.al-wrap .al-doc-item span,
.al-wrap .al-picked-item,
.al-wrap .al-picked-item span,
.al-wrap .al-empty,
.al-wrap .al-mini-row,
.al-wrap .al-mini-row > span,
.al-wrap .al-box-label,
.al-wrap .al-actions > legend,
.al-wrap .al-field label,
.al-wrap .al-dates label,
.al-wrap .al-title,
.al-wrap .al-caption,
.al-wrap label,
.al-wrap span,
.al-wrap button,
.al-wrap .btn,
.al-wrap .al-btn-preview,
.al-wrap .al-btn-close,
.al-wrap .form-control,
.al-wrap .form-select,
.al-wrap .form-control-sm,
.al-wrap .form-select-sm,
.al-wrap input,
.al-wrap select,
.al-wrap .erp-date-text,
.al-wrap .spick .form-control,
.al-wrap .al-filter .form-control,
.al-wrap .al-top-actions .al-check {
 font-weight: 700 !important;
}
.al-wrap .al-title,
.al-wrap .al-caption,
.al-wrap .al-title.al-caption,
.al-wrap .al-emph,
.al-wrap .al-box-label.al-emph,
.al-wrap .al-field label.al-emph,
.al-wrap label.al-emph,
.al-wrap .al-check.al-warn,
.al-wrap .al-actions > legend,
.al-wrap .al-grid thead th {
 font-weight: 800 !important;
}



/* ===== Hodi Wise Detail (CumStockDetail) ===== */
.hwd-sel-card {
 max-width: 640px;
}
/* Keep the From/To pair on one horizontal line inside the selection card. */
.hwd-dates-ctrl {
 display: flex;
 flex-wrap: nowrap;
 align-items: center;
 gap: 0.55rem 0.75rem;
 min-width: 0;
 overflow: hidden;
}
.hwd-dates-ctrl > .erp-date {
 max-width: none;
 min-width: 0;
 width: auto;
 flex: 1 1 0;
}
.hwd-dates-ctrl .erp-date-text {
 min-width: 0;
}
.hwd-to-label {
 margin: 0;
 font-size: 0.92rem;
 font-weight: 800;
 color: #0b1f6b;
 white-space: nowrap;
}
.hwd-meta {
 text-align: center;
 font-weight: 700;
 margin-bottom: 0.65rem;
}
.hwd-sec { margin-bottom: 0.85rem; }
.hwd-sec-head {
 font-weight: 800;
 font-size: 0.98rem;
 color: #0b1f6b;
 padding: 0.2rem 0.15rem;
 border-bottom: 1px solid #c5d7ea;
 margin-bottom: 0.15rem;
 text-transform: uppercase;
}
.hwd-tx { width: 100%; font-size: 0.82rem; }
.hwd-tx th.hwd-sr { width: 2.4rem; }
.hwd-tx th.hwd-gate { width: 4.5rem; }
.hwd-grand { margin-top: 0.25rem; margin-bottom: 1rem; }
.hwd-sum-wrap { margin-top: 1rem; }
.hwd-sum thead th { background: #eef4fb; }
@media print {
 .hwd-sel-page { display: none !important; }
}
/* Hodi Wise Detail selection: keep actions inside the bordered card and make the full selection bold. */
.hwd-sel-wrap {
 font-weight: 700 !important;
}
.hwd-sel-wrap .rpt-sel-title,
.hwd-sel-wrap .rpt-sel-label,
.hwd-sel-wrap .rpt-sel-control,
.hwd-sel-wrap .hwd-to-label,
.hwd-sel-wrap select,
.hwd-sel-wrap input,
.hwd-sel-wrap button {
 font-weight: 700 !important;
}
.hwd-sel-actions {
 width: 100%;
 max-width: none;
 margin-top: 0.85rem;
}


/* ===== Production Report (D) - DuraniProductionDialog ===== */
.prd-sel-page { width: 100%; max-width: 42rem; margin: 0 auto; }
.prd-sel-card {
 border: 2px solid #1e4d8c;
 border-radius: 0.45rem;
 background: #f7fbff;
 padding: 0.85rem 1rem 1rem;
 box-shadow: 0 1px 0 #fff inset, 0 2px 8px rgba(15, 40, 90, 0.08);
}
.prd-sel-body { display: grid; gap: 0.75rem; }
.prd-panel {
 margin: 0;
 border: 1px solid #9eb6d4;
 border-radius: 0.35rem;
 background: #fff;
 padding: 0.55rem 0.75rem 0.7rem;
}
.prd-legend {
 font-size: 0.92rem;
 font-weight: 800;
 color: #0b1f6b;
 padding: 0 0.35rem;
 float: none;
 width: auto;
}
.prd-radios {
 display: flex;
 flex-direction: column;
 gap: 0.28rem;
 margin-top: 0.15rem;
}
.prd-radio,
.prd-ck,
.prd-sel-card .rpt-sel-label,
.prd-sel-card .rpt-sel-check {
 font-weight: 800 !important;
 color: #0b1f6b;
}
.prd-dates { align-items: center; }
.prd-sel-actions {
 display: flex;
 flex-wrap: wrap;
 gap: 0.45rem;
 margin-top: 0.85rem;
 width: 100%;
}
.prd-btn-daily { background: #0d6efd; }


/* ===== Purchase Register selection (PurRegisterDialog) - labels ABOVE checked-lists ===== */
.pr-sel-page .rpt-sel-card { max-width: 52rem; }
.pr-lists {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.15fr);
  gap: 0.65rem 0.75rem;
  margin-top: 0.35rem;
  width: 100%;
}
.pr-chklist {
  display: flex;
  flex-direction: column;
  min-width: 0;
  border: 1px solid #c5d7ea;
  border-radius: 0.45rem;
  background: #fff;
  overflow: hidden;
}
.pr-chklist-cap {
  flex: 0 0 auto;
  font-size: 0.82rem;
  font-weight: 800;
  color: #0b1f6b;
  line-height: 1.3;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  padding: 0.4rem 0.55rem;
  background: #e8f0fa;
  border-bottom: 1px solid #c5d7ea;
}
.pr-chklist-scroll {
  flex: 1 1 auto;
  max-height: 11rem;
  min-height: 6.5rem;
  overflow: auto;
  padding: 0.3rem 0.4rem;
}
.pr-chkitem {
  display: flex !important;
  align-items: flex-start;
  gap: 0.4rem;
  margin: 0;
  padding: 0.18rem 0.28rem;
  border-radius: 3px;
  font-size: 0.86rem;
  font-weight: 700;
  color: #0b1f6b;
  cursor: pointer;
}
.pr-chkitem.sel { background: #dcefd8; }
.pr-chkitem input {
  flex: 0 0 auto;
  margin-top: 0.12rem;
  accent-color: #0b1f6b;
  width: 1rem;
  height: 1rem;
}
.pr-chkitem span { min-width: 0; line-height: 1.25; }
.pr-chklist-empty {
  font-size: 0.8rem;
  font-weight: 700;
  color: #64748b;
  padding: 0.35rem;
}
.pr-sel-page .rpt-sel-label,
.pr-sel-page .rpt-sel-check,
.pr-sel-page .rpt-sel-title,
.pr-sel-page .rpt-sel-btn-preview,
.pr-sel-page .rpt-sel-btn-close {
  font-weight: 800;
}
.pr-sel-page .rpt-sel-actions {
  max-width: none;
  width: 100%;
}
@media (max-width: 820px) {
  .pr-lists { grid-template-columns: 1fr; }
  .pr-chklist-scroll { max-height: 9rem; }
}

/* Purchase Register: hide selection when preview is open (same pattern as GJ/MBM/MWT) */
.page:has(.desk-doc.is-on .al-preview-panel):has(.desk-doc.is-on .pr-report) .pr-sel-page,
.page:has(.desk-doc.is-on .al-preview-panel) .pr-sel-page {
  display: none;
}



/* Daily Arrival Report - DailyArrivalRpt column layout */
.dar-report .dar-caption { justify-content: flex-start; }
.dar-report .dar-caption span { font-weight: 700; }
.dar-report .dar-tx { table-layout: fixed; width: 100%; }
.dar-report .dar-col-id { width: 5.5rem; }
.dar-report .dar-col-sup { width: auto; }
.dar-report .dar-col-bags { width: 6.5rem; }
.dar-report .dar-col-kg { width: 8.5rem; }
.dar-report .dar-col-mnd { width: 8rem; }
.dar-report .dar-tx td:first-child { text-align: center; font-weight: 700; }
.dar-report .dar-tx tr.cs-gtot td:first-child { text-align: left; }
/* Daily Arrival Report: hide selection when preview is open */
.page:has(.desk-doc.is-on .al-preview-panel):has(.desk-doc.is-on .dar-report) .dar-sel-page,
.page:has(.desk-doc.is-on .al-preview-panel) .dar-sel-page {
  display: none;
}
/* Purchase Contract Register: hide selection when preview is open */
.page:has(.desk-doc.is-on .al-preview-panel):has(.desk-doc.is-on .pcr-report) .pcr-sel-page,
.page:has(.desk-doc.is-on .al-preview-panel) .pcr-sel-page {
  display: none;
}

/* Purchase Contract Register: grand-total spacer thead (width anchor only) */
.pcr-report .pcr-grand-table { table-layout: fixed; width: 100%; }
.pcr-report .cs-tx { table-layout: fixed; width: 100%; }
.pcr-report .pcr-grand-head th {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border: none !important;
  height: 0 !important;
  line-height: 0 !important;
  font-size: 0 !important;
  color: transparent !important;
  overflow: hidden;
  visibility: hidden;
}

/* Arrival Register: selection + party-wise summary */
.arr-sel-page .arr-sel-card {
  max-width: 36rem;
  width: 100%;
  box-sizing: border-box;
}
.arr-sel-page .rpt-sel-row {
  grid-template-columns: 7.5rem minmax(0, 1fr);
  align-items: center;
}
.arr-sel-page .rpt-sel-label,
.arr-sel-page .rpt-sel-check,
.arr-sel-page .rpt-sel-title,
.arr-sel-page .rpt-sel-btn-preview,
.arr-sel-page .rpt-sel-btn-close,
.arr-sel-page .arr-sel-to-lbl {
  font-weight: 800;
  color: #0b1f6b;
}
.arr-sel-page .arr-sel-dates {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.35rem 0.5rem;
  min-width: 0;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.arr-sel-page .arr-sel-dates > .erp-date {
  flex: 1 1 0;
  min-width: 0 !important;
  max-width: none !important;
  width: auto !important;
}
.arr-sel-page .arr-sel-dates .erp-date-text {
  min-width: 0;
  width: 100%;
}
.arr-sel-page .arr-sel-to-lbl {
  margin: 0;
  white-space: nowrap;
  flex: 0 0 auto;
}
.arr-sel-page .arr-sel-actions {
  max-width: none;
  width: 100%;
  margin-top: 1rem;
  grid-template-columns: 1fr 1fr;
}
.arr-sel-page .rpt-sel-control {
  min-width: 0;
  max-width: 100%;
}
.arr-report .arr-party-sum {
  table-layout: fixed;
  width: 100%;
}
.arr-report .arr-party-sum .arr-col-num {
  width: 2.4rem;
  text-align: center;
}
.arr-report .arr-party-sum th.arr-yel,
.arr-report .arr-party-sum td.arr-yel {
  background: #ffffc0;
}
.arr-report .arr-party-sum tr.cs-grand td.arr-yel {
  background: #ffffc0;
}
.page:has(.desk-doc.is-on .al-preview-panel):has(.desk-doc.is-on .arr-report) .arr-sel-page,
.page:has(.desk-doc.is-on .al-preview-panel) .arr-sel-page {
  display: none;
}

/* ===== Supplier Activity Report (SAR) ===== */
.sar-sel-page .sar-sel-card {
  max-width: 34rem;
  width: 100%;
  box-sizing: border-box;
}
.sar-sel-page .rpt-sel-row {
  grid-template-columns: 10.5rem minmax(0, 1fr);
  align-items: center;
}
.sar-sel-page .rpt-sel-label,
.sar-sel-page .rpt-sel-title,
.sar-sel-page .rpt-sel-btn-preview,
.sar-sel-page .rpt-sel-btn-close,
.sar-sel-page .sar-sel-to-lbl {
  font-weight: 800;
  color: #0b1f6b;
}
.sar-sel-page .sar-sel-dates {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.35rem 0.5rem;
  min-width: 0;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.sar-sel-page .sar-sel-dates > .erp-date {
  flex: 1 1 0;
  min-width: 0 !important;
  max-width: none !important;
  width: auto !important;
}
.sar-sel-page .sar-sel-dates .erp-date-text {
  min-width: 0;
  width: 100%;
}
.sar-sel-page .sar-sel-to-lbl {
  margin: 0;
  white-space: nowrap;
  flex: 0 0 auto;
}
.sar-sel-page .sar-sel-actions {
  max-width: none;
  width: 100%;
  margin-top: 1rem;
  grid-template-columns: 1fr 1fr;
}
.sar-sel-page .rpt-sel-control {
  min-width: 0;
  max-width: 100%;
}
.sar-report .sar-caption {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 1.25rem;
  justify-content: center;
  font-weight: 700;
  margin-bottom: 0.65rem;
}
.sar-report .sar-party-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.35rem 0.85rem;
  margin: 0.85rem 0 0.25rem;
  padding: 0.2rem 0.15rem;
  border-bottom: 1px solid #c5d0e0;
}
.sar-report .sar-party-name {
  font-weight: 800;
  color: #0b1f6b;
  font-size: 0.98rem;
}
.sar-report .sar-party-meta {
  font-size: 0.82rem;
  color: #445;
}
.sar-report .sar-tx {
  table-layout: fixed;
  width: 100%;
  min-width: 56rem;
}
.sar-report .sar-tx th,
.sar-report .sar-tx td {
  padding: 0.28rem 0.45rem;
  vertical-align: middle;
}
.sar-report .sar-tx th.sar-col-bal,
.sar-report .sar-tx td.sar-col-bal {
  min-width: 6.5rem;
  padding-left: 0.7rem;
  padding-right: 0.85rem;
  white-space: nowrap;
}
.sar-report .sar-col-date { width: 6.2rem; white-space: nowrap; }
.sar-report .sar-col-mode { width: 6.5rem; }
.sar-report .sar-col-num { width: 5.4rem; }
.sar-report .sar-col-amt { width: 6.2rem; }
.sar-report .sar-col-bal { width: 7.2rem; }
.page:has(.desk-doc.is-on .al-preview-panel):has(.desk-doc.is-on .sar-report) .sar-sel-page,
.page:has(.desk-doc.is-on .al-preview-panel) .sar-sel-page {
  display: none;
}


/* ===== Sales Summary Party Wise (ss-sel) ===== */
.ss-sel-page .ss-sel-card {
  max-width: 40rem;
  width: 100%;
  box-sizing: border-box;
}
.ss-sel-page .rpt-sel-row {
  grid-template-columns: 9.5rem minmax(0, 1fr);
  align-items: center;
  gap: 0.45rem 0.65rem;
}
.ss-sel-page .ss-sel-docs-row {
  align-items: start;
}
.ss-sel-page .rpt-sel-label,
.ss-sel-page .rpt-sel-check,
.ss-sel-page .rpt-sel-title,
.ss-sel-page .rpt-sel-btn-preview,
.ss-sel-page .rpt-sel-btn-close,
.ss-sel-page .ss-sel-to-lbl {
  font-weight: 800;
  color: #0b1f6b;
}
.ss-sel-page .rpt-sel-label {
  white-space: normal;
  overflow: visible;
  position: relative;
  z-index: 1;
  line-height: 1.3;
  padding-top: 0.35rem;
}
.ss-sel-page .rpt-sel-control {
  min-width: 0;
  max-width: 100%;
  position: relative;
  z-index: 0;
}
.ss-sel-page .ss-sel-dates {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.35rem 0.5rem;
  min-width: 0;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.ss-sel-page .ss-sel-dates > .erp-date {
  flex: 1 1 0;
  min-width: 0 !important;
  max-width: none !important;
  width: auto !important;
}
.ss-sel-page .ss-sel-dates .erp-date-text {
  min-width: 0;
  width: 100%;
}
.ss-sel-page .ss-sel-to-lbl {
  margin: 0;
  white-space: nowrap;
  flex: 0 0 auto;
}
.ss-sel-page .ss-sel-docs {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.35rem;
  width: 100%;
}
.ss-sel-page .ss-docs-cap {
  font-size: 0.78rem;
  font-weight: 700;
  color: #37474f;
}
.ss-sel-page .ss-docs-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.55rem;
  max-height: 8.5rem;
  overflow: auto;
  padding: 0.4rem 0.45rem;
  border: 1px solid #c5d7ea;
  border-radius: 0.35rem;
  background: #f7fbff;
  box-sizing: border-box;
}
.ss-sel-page .ss-doc-chk {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin: 0;
  padding: 0.2rem 0.4rem;
  border-radius: 0.25rem;
  font-weight: 700;
  font-size: 0.86rem;
  color: #0b1f6b;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
}
.ss-sel-page .ss-doc-chk.sel { background: #dcefd8; }
.ss-sel-page .ss-doc-chk input {
  accent-color: #0b1f6b;
  width: 1rem;
  height: 1rem;
  margin: 0;
  flex: 0 0 auto;
}
.ss-sel-page .ss-docs-empty {
  font-size: 0.82rem;
  color: #78909c;
  font-weight: 700;
}
.ss-sel-page .ss-sel-actions {
  max-width: none;
  width: 100%;
  margin-top: 1rem;
  grid-template-columns: 1fr 1fr;
}
.page:has(.desk-doc.is-on .al-preview-panel):has(.desk-doc.is-on .ss-report) .ss-sel-page,
.page:has(.desk-doc.is-on .al-preview-panel) .ss-sel-page {
  display: none;
}
/* ===== Bill Wise Sales Register All Parties (sbrap) ===== */
.page:has(.desk-doc.is-on .al-preview-panel):has(.desk-doc.is-on .sbrap-report) .ss-sel-page,
.page:has(.desk-doc.is-on .al-preview-panel):has(.desk-doc.is-on .sbrap-report) .rpt-sel-page {
  display: none;
}


/* ===== Invoice Wise Sales Summary (iw-sel) ===== */
.iw-sel-page .iw-sel-card {
  max-width: 42rem;
  width: 100%;
  box-sizing: border-box;
}
.iw-sel-page .rpt-sel-row {
  grid-template-columns: 11.5rem minmax(0, 1fr);
  align-items: center;
  gap: 0.45rem 0.65rem;
}
.iw-sel-page .iw-sel-docs-row {
  align-items: start;
}
.iw-sel-page .rpt-sel-label,
.iw-sel-page .rpt-sel-check,
.iw-sel-page .rpt-sel-title,
.iw-sel-page .rpt-sel-btn-preview,
.iw-sel-page .rpt-sel-btn-close,
.iw-sel-page .iw-sel-to-lbl {
  font-weight: 800;
  color: #0b1f6b;
}
.iw-sel-page .rpt-sel-label {
  white-space: normal;
  overflow: visible;
  position: relative;
  z-index: 1;
  line-height: 1.3;
  padding-top: 0.35rem;
}
.iw-sel-page .rpt-sel-control {
  min-width: 0;
  max-width: 100%;
  position: relative;
  z-index: 0;
}
.iw-sel-page .iw-sel-dates {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.35rem 0.5rem;
  min-width: 0;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.iw-sel-page .iw-sel-dates > .erp-date {
  flex: 1 1 0;
  min-width: 0 !important;
  max-width: none !important;
  width: auto !important;
}
.iw-sel-page .iw-sel-dates .erp-date-text {
  min-width: 0;
  width: 100%;
}
.iw-sel-page .iw-sel-to-lbl {
  margin: 0;
  white-space: nowrap;
  flex: 0 0 auto;
}
.iw-sel-page .iw-sel-docs {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.35rem;
  width: 100%;
}
.iw-sel-page .iw-docs-cap {
  font-size: 0.78rem;
  font-weight: 700;
  color: #37474f;
}
.iw-sel-page .iw-docs-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.55rem;
  max-height: 7.5rem;
  overflow: auto;
  padding: 0.4rem 0.45rem;
  border: 1px solid #c5d7ea;
  border-radius: 0.35rem;
  background: #f7fbff;
  box-sizing: border-box;
}
.iw-sel-page .iw-doc-chk {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin: 0;
  padding: 0.2rem 0.4rem;
  border-radius: 0.25rem;
  font-weight: 700;
  font-size: 0.86rem;
  color: #0b1f6b;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
}
.iw-sel-page .iw-doc-chk.sel { background: #dcefd8; }
.iw-sel-page .iw-doc-chk input {
  accent-color: #0b1f6b;
  width: 1rem;
  height: 1rem;
  margin: 0;
  flex: 0 0 auto;
}
.iw-sel-page .iw-docs-empty {
  font-size: 0.82rem;
  color: #78909c;
  font-weight: 700;
}
.iw-sel-page .iw-sel-actions {
  max-width: none;
  width: 100%;
  margin-top: 1rem;
  grid-template-columns: 1fr 1fr;
}
.page:has(.desk-doc.is-on .al-preview-panel):has(.desk-doc.is-on .iwss-report) .iw-sel-page,
.page:has(.desk-doc.is-on .al-preview-panel) .iw-sel-page {
  display: none;
}

/* ===== Monthly Wheat Position (MWP) ===== */
.mwp-sel-page .mwp-sel-card { max-width: 32rem; width: 100%; box-sizing: border-box; }
.mwp-sel-page .rpt-sel-row { grid-template-columns: 4.5rem minmax(0, 1fr); align-items: center; }
.mwp-sel-page .rpt-sel-label,
.mwp-sel-page .rpt-sel-title,
.mwp-sel-page .rpt-sel-btn-preview,
.mwp-sel-page .rpt-sel-btn-close,
.mwp-sel-page .mwp-sel-to-lbl { font-weight: 800; color: #0b1f6b; }
.mwp-sel-page .mwp-sel-dates {
  display: flex; flex-wrap: nowrap; align-items: center; gap: 0.35rem 0.5rem;
  min-width: 0; width: 100%; box-sizing: border-box;
}
.mwp-sel-page .mwp-sel-dates > .erp-date { flex: 1 1 0; min-width: 0 !important; width: auto !important; }
.mwp-sel-page .mwp-sel-to-lbl { margin: 0; white-space: nowrap; flex: 0 0 auto; }
.mwp-sel-page .mwp-sel-actions { max-width: none; width: 100%; margin-top: 1rem; grid-template-columns: 1fr 1fr; }
.mwp-report .mwp-caption { display: flex; flex-wrap: wrap; gap: 0.35rem 1.25rem; justify-content: center; font-weight: 700; margin-bottom: 0.65rem; }
/* Dual panels: real table (not CSS grid) so Chromium print can fragment without blank/overlap pages */
.mwp-report .mwp-dual {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0.75rem 0;
  margin: 0;
}
.mwp-report .mwp-panel {
  width: 50%;
  vertical-align: top;
  padding: 0;
}
.mwp-report .mwp-panel-title { font-weight: 800; color: #0b1f6b; text-align: center; margin-bottom: 0.25rem; font-size: 0.92rem; }
.mwp-report .mwp-tx .mwp-sr { width: 2.2rem; text-align: center; }
.mwp-report .mwp-sum th.mwp-yel,
.mwp-report .mwp-sum tr.mwp-yel td { background: #ffffc0; font-weight: 700; }
.mwp-report .mwp-sum { max-width: 42rem; margin-left: auto; margin-right: auto; }
.page:has(.desk-doc.is-on .al-preview-panel):has(.desk-doc.is-on .mwp-report) .mwp-sel-page,
.page:has(.desk-doc.is-on .al-preview-panel) .mwp-sel-page { display: none; }
@media (max-width: 900px) {
  .mwp-report .mwp-dual,
  .mwp-report .mwp-dual tbody,
  .mwp-report .mwp-dual tr,
  .mwp-report .mwp-panel {
    display: block;
    width: 100%;
  }
  .mwp-report .mwp-dual { border-spacing: 0; }
  .mwp-report .mwp-panel + .mwp-panel { margin-top: 0.75rem; }
}
@media print {
  /* Avoid blank first page: unlock MainLayout 100dvh / overflow:hidden shell */
  .page:has(.desk-doc.is-on .mwp-report),
  .page:has(.desk-doc.is-on .mwp-report) > .ledger,
  .page:has(.desk-doc.is-on .mwp-report) > .ledger > .content,
  .page:has(.desk-doc.is-on .mwp-report) .al-preview-panel {
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
    display: block !important;
    flex: none !important;
    transform: none !important;
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    border: none !important;
  }
  .mwp-sel-page { display: none !important; }
  .mwp-report {
    padding: 0 !important;
    margin: 0 !important;
    break-before: avoid;
    page-break-before: avoid;
    transform: none !important;
  }
  .mwp-report .rpt-letter,
  .mwp-report .rpt-letter-print {
    display: block !important;
    margin: 0 0 2mm !important;
    padding: 0 !important;
    break-after: avoid;
    page-break-after: avoid;
    break-inside: avoid;
    page-break-inside: avoid;
    overflow: visible !important;
    max-height: none !important;
    height: auto !important;
    transform: none !important;
  }
  .mwp-report .cs-rpt-title,
  .mwp-report .mwp-caption {
    break-after: avoid;
    page-break-after: avoid;
    margin: 0.15rem 0 0.35rem !important;
  }
  .mwp-report .mwp-dual {
    width: 100% !important;
    table-layout: fixed !important;
    border-collapse: separate !important;
    border-spacing: 3mm 0 !important;
    break-inside: auto;
    page-break-inside: auto;
  }
  .mwp-report .mwp-panel {
    width: 50% !important;
    vertical-align: top !important;
    break-inside: auto;
    page-break-inside: auto;
  }
  .mwp-report .mwp-panel-title {
    break-after: avoid;
    page-break-after: avoid;
  }
  .mwp-report .mwp-tx {
    font-size: 0.72rem;
    break-inside: auto;
    page-break-inside: auto;
  }
  .mwp-report .mwp-tx thead { display: table-header-group; }
  .mwp-report .mwp-tx tr {
    break-inside: avoid;
    page-break-inside: avoid;
  }
  .mwp-report .mwp-tx th,
  .mwp-report .mwp-tx td {
    position: static !important;
    transform: none !important;
  }
  /* Keep summary intact; clear any dual float/table leftover so last page does not merge */
  .mwp-report .mwp-sum {
    break-inside: avoid !important;
    page-break-inside: avoid !important;
    break-before: auto;
    page-break-before: auto;
    clear: both !important;
    max-width: none !important;
    width: 100% !important;
    margin: 4mm 0 0 !important;
    position: static !important;
    transform: none !important;
  }
  .mwp-report .mwp-sum tr {
    break-inside: avoid;
    page-break-inside: avoid;
  }
}
/* ===== Un Purchased Wheat (UPW) ===== */
.upw-sel-page .upw-sel-card { max-width: 32rem; width: 100%; box-sizing: border-box; }
.upw-sel-page .rpt-sel-row { grid-template-columns: 4.5rem minmax(0, 1fr); align-items: center; }
.upw-sel-page .rpt-sel-label,
.upw-sel-page .rpt-sel-title,
.upw-sel-page .rpt-sel-btn-preview,
.upw-sel-page .rpt-sel-btn-close,
.upw-sel-page .upw-sel-to-lbl,
.upw-sel-page .rpt-sel-check { font-weight: 800; color: #0b1f6b; }
.upw-sel-page .upw-sel-dates {
  display: flex; flex-wrap: nowrap; align-items: center; gap: 0.35rem 0.5rem;
  min-width: 0; width: 100%; box-sizing: border-box;
}
.upw-sel-page .upw-sel-dates > .erp-date { flex: 1 1 0; min-width: 0 !important; width: auto !important; }
.upw-sel-page .upw-sel-to-lbl { margin: 0; white-space: nowrap; flex: 0 0 auto; }
.upw-sel-page .upw-sel-actions { max-width: none; width: 100%; margin-top: 1rem; grid-template-columns: 1fr 1fr; }
.upw-report .upw-tx th.upw-col-bal,
.upw-report .upw-tx td.upw-col-bal { min-width: 6rem; padding-right: 0.85rem; white-space: nowrap; }
.page:has(.desk-doc.is-on .al-preview-panel):has(.desk-doc.is-on .upw-report) .upw-sel-page,
.page:has(.desk-doc.is-on .al-preview-panel) .upw-sel-page { display: none; }

/* Week Wise Recovery (VCsBalWeeklyDialog) */
.page:has(.desk-doc.is-on .wwr-desk) > .ledger {
 flex: 1 1 0;
 min-height: 0;
 overflow: hidden;
 max-width: none !important;
 width: 100%;
}
.page:has(.desk-doc.is-on .wwr-desk) > .ledger > .content {
 display: flex;
 flex: 1 1 auto;
 flex-direction: column;
 min-height: 0;
 height: 100%;
 overflow: hidden;
 max-width: none !important;
 width: 100%;
 box-sizing: border-box;
}
.wwr-desk {
 flex: 1 1 auto;
 min-height: 0;
 height: 100%;
 display: flex;
 flex-direction: column;
 font-family: 'Fira Sans Condensed', 'Noto Nastaliq Urdu', sans-serif;
}
.wwr-panel {
 flex: 1 1 auto;
 min-height: 0;
 display: flex;
 flex-direction: column;
 border: 1px solid #6d7b86;
 background: #f4f6f8;
 padding: 0.55rem 0.7rem 0.65rem;
 box-sizing: border-box;
}
.wwr-lists {
 flex: 1 1 auto;
 min-height: 0;
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 0.7rem;
}
.wwr-col {
 min-height: 0;
 display: flex;
 flex-direction: column;
 gap: 0.28rem;
}
.wwr-label {
 font-weight: 700;
 font-size: 0.92rem;
 color: #1f2933;
}
.wwr-list {
 flex: 1 1 auto;
 min-height: 0;
 overflow: auto;
 border: 1px solid #9aa7b2;
 background: #fff;
 padding: 0.15rem 0.35rem;
}
.wwr-check, .wwr-tick {
 display: flex;
 align-items: center;
 gap: 0.4rem;
 font-weight: 700;
 font-size: 0.84rem;
 margin: 0.08rem 0;
 color: #1f2933;
}
.wwr-foot {
 flex: 0 0 auto;
 display: flex;
 flex-direction: column;
 align-items: flex-start;
 gap: 0.28rem;
 padding-top: 0.45rem;
}
.wwr-date {
 display: flex;
 align-items: center;
 gap: 0.55rem;
 margin-top: 0.15rem;
}
.wwr-title {
 text-align: center;
 font-weight: 700;
 font-size: 1.15rem;
 margin: 0.15rem 0 0.1rem;
}
.wwr-sub { font-weight: 700; font-size: 0.92rem; }
.wwr-grp td {
 font-weight: 700;
 border-bottom: 1px solid #111;
 background: #fff;
}
.wwr-amt { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.wwr-total td { font-weight: 700; border-top: 2px solid #111; }
.wwr-rs { text-align: center; font-weight: 700; width: 1.6rem; }
/* Account Type / Address Book (VCsListAccountTypeWise) */
.page:has(.desk-doc.is-on .atb-desk) > .ledger {
 flex: 1 1 0;
 min-height: 0;
 overflow: hidden;
 max-width: none !important;
 width: 100%;
}
.page:has(.desk-doc.is-on .atb-desk) > .ledger > .content {
 display: flex;
 flex: 1 1 auto;
 flex-direction: column;
 min-height: 0;
 height: 100%;
 overflow: hidden;
 max-width: none !important;
 width: 100%;
 box-sizing: border-box;
}
.atb-desk {
 flex: 1 1 auto;
 min-height: 0;
 height: 100%;
 display: flex;
 flex-direction: column;
 font-family: 'Fira Sans Condensed', 'Noto Nastaliq Urdu', sans-serif;
}
.atb-panel {
 flex: 1 1 auto;
 min-height: 0;
 display: flex;
 flex-direction: column;
 border: 1px solid #6d7b86;
 background: #f4f6f8;
 padding: 0.55rem 0.7rem 0.65rem;
 box-sizing: border-box;
}
.atb-lists {
 flex: 1 1 auto;
 min-height: 0;
 display: grid;
 grid-template-columns: 1.3fr 1.1fr 0.95fr;
 gap: 0.7rem;
}
.atb-col {
 min-height: 0;
 display: flex;
 flex-direction: column;
 gap: 0.28rem;
}
.atb-label {
 font-weight: 700;
 font-size: 0.92rem;
 color: #1f2933;
}
.atb-list, .atb-opts {
 flex: 1 1 auto;
 min-height: 0;
 overflow: auto;
 border: 1px solid #9aa7b2;
 background: #fff;
 padding: 0.25rem 0.4rem;
}
.atb-opts { display: flex; flex-direction: column; gap: 0.35rem; }
.atb-check {
 display: flex;
 align-items: center;
 gap: 0.4rem;
 font-weight: 700;
 font-size: 0.84rem;
 margin: 0.08rem 0;
 color: #1f2933;
}
.atb-input { font-weight: 700; }
.atb-bal, .atb-grp { display: flex; gap: 0.35rem; align-items: center; }
.atb-amtin { max-width: 6.5rem; font-weight: 700; text-align: right; }
.atb-plus {
 flex: 0 0 2rem;
 height: 2rem;
 font-weight: 700;
 border: 1px solid #607d8b;
 background: #fff;
 color: #0b1f6b;
 border-radius: 0.25rem;
}
.atb-actions {
 max-width: none;
 grid-template-columns: 1fr 1fr 1fr;
 margin-top: 0.5rem;
}
.atb-title {
 text-align: center;
 font-weight: 700;
 font-size: 1.15rem;
 margin: 0.15rem 0 0.35rem;
}
.atb-ghead {
 display: flex;
 justify-content: space-between;
 gap: 1rem;
 font-weight: 700;
 border-bottom: 1px solid #111;
 margin-top: 0.45rem;
}
.atb-amt { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.atb-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 0.55rem; margin: 0.4rem 0 0.8rem; }
.atb-card {
 border: 1px solid #9aa7b2;
 padding: 0.4rem 0.55rem;
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 0.12rem 0.8rem;
 font-size: 0.88rem;
 background: #fff;
}
.atb-span { grid-column: 1 / -1; }
.atb-break { break-after: page; }
.atb-break:last-child { break-after: auto; }

/* ===== Process Wise Production Report (PRODUCTION SUMMARY REPORT) ===== */
.pwp-sel-page { width: 100%; }
.pwp-sel-card {
 max-width: 40rem;
 border: 2px solid #1e4d8c;
 border-radius: 0.45rem;
 background: #f7fbff;
}
.pwp-sel-card .rpt-sel-row { grid-template-columns: 6.5rem minmax(0, 1fr); }
.pwp-sel-actions { grid-template-columns: 1fr 1fr; }
.pwp-report {
 font-family: 'Fira Sans Condensed', 'Noto Nastaliq Urdu', sans-serif;
 font-weight: 700;
 color: #000;
 background: #fff;
 padding: 0.6rem 0.75rem 1rem;
}
.pwp-head {
 display: flex;
 justify-content: space-between;
 align-items: baseline;
 gap: 1rem;
 margin: 0 0 0.45rem;
 font-weight: 700;
}
.pwp-range { white-space: pre; font-size: 0.9rem; }
.pwp-title { font-weight: 800; font-size: 1.05rem; letter-spacing: 0.02em; }
.pwp-grid {
 width: 100%;
 border-collapse: collapse;
 font-family: inherit;
 font-weight: 700;
 font-size: 0.88rem;
 font-variant-numeric: tabular-nums;
}
.pwp-grid th,
.pwp-grid td {
 border: 1px solid #000;
 padding: 0.22rem 0.45rem;
 vertical-align: middle;
}
.pwp-grid thead th {
 background: #d9d9d9;
 font-weight: 800;
 white-space: nowrap;
}
.pwp-grid .pwp-sr { width: 2.6rem; }
.pwp-grid td.text-end, .pwp-grid th.text-end { text-align: right; white-space: nowrap; }
.pwp-grid .pwp-total td { background: #eeeeee; font-weight: 800; border-top: 2px solid #000; }
.pwp-empty { margin-top: 0.6rem; font-weight: 700; color: #6c757d; }
@media print {
 body:has(.desk-doc.is-on .pwp-report) { page: pwp-a4; }
 .pwp-report { padding: 0; }
 .pwp-grid thead { display: table-header-group; }
 .pwp-grid thead th, .pwp-grid .pwp-total td {
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
 }
}

/* ===== Production Reports (Input/Output pivot) - desktop ProductionRptDialog / FactoryProductionRpt ===== */
.pvr-sel-card { max-width: 52rem; border: 2px solid #1e4d8c; border-radius: 0.45rem; background: #f7fbff; }
.pvr-selection { display: grid; gap: 0.7rem; }
.pvr-top { display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: 0.75rem; align-items: stretch; }
.pvr-radios-box, .pvr-date-box { margin: 0; }
.pvr-date-box { display: grid; gap: 0.5rem; align-content: start; }
.pvr-date-box[disabled] { opacity: 0.85; }
.pvr-date-row { display: grid; grid-template-columns: 6.5rem minmax(0, 1fr); align-items: center; gap: 0.5rem; }
.pvr-date-row .erp-date { max-width: 14rem; }
.pvr-date-row .erp-date-text { font-weight: 700; }
.pvr-filters .rpt-sel-row { grid-template-columns: 8.5rem minmax(0, 1fr); }
.pvr-filters select { font-weight: 700; }
.pvr-cat { position: relative; width: 100%; }
.pvr-cat > summary { list-style: none; cursor: pointer; min-height: 2.15rem; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pvr-cat > summary::-webkit-details-marker { display: none; }
.pvr-cat-list { position: absolute; z-index: 30; left: 0; right: 0; max-height: 15rem; overflow: auto; background: #fff; border: 1px solid #7a9ccc; border-radius: 0.25rem; padding: 0.25rem 0.5rem; box-shadow: 0 6px 18px rgba(11, 31, 107, 0.15); }
.pvr-cat-item { min-height: 1.8rem; }
.pvr-sel-actions { grid-template-columns: 1fr 1fr; margin-top: 0.2rem; }
@media (max-width: 720px) { .pvr-top { grid-template-columns: 1fr; } }

.pvr-report { font-family: 'Fira Sans Condensed', 'Noto Nastaliq Urdu', sans-serif; color: #000; background: #fff; padding: 0.5rem 0.6rem 1rem; }
.pvr-cap { text-align: center; font-weight: 800; font-size: 1.05rem; margin: 0 0 0.45rem; white-space: pre; }
.pvr-scroll { overflow-x: auto; overflow-y: visible; max-width: 100%; }
.pvr-grid { border-collapse: collapse; font-family: inherit; font-weight: 700; font-size: 0.72rem; font-variant-numeric: tabular-nums; }
.pvr-grid th, .pvr-grid td { border: 1px solid #000; padding: 2px 3px; text-align: center; vertical-align: middle; }
.pvr-head th { background: #fff; font-weight: 700; vertical-align: bottom; }
.pvr-vh, .pvr-vv { display: inline-block; writing-mode: vertical-rl; transform: rotate(180deg); white-space: nowrap; line-height: 1.1; }
.pvr-vh { font-size: 0.7rem; padding: 3px 0; }
.pvr-vv { font-size: 0.68rem; }
.pvr-grid .pvr-date { font-weight: 800; white-space: nowrap; font-size: 0.78rem; padding: 2px 5px; }
.pvr-head .pvr-date .pvr-vh { font-size: 0.8rem; font-weight: 800; }
.pvr-grp th { background: #e0e0e0; font-weight: 800; font-size: 0.82rem; letter-spacing: 0.04em; }
.pvr-grid .pvr-tot { background: #000 !important; color: #fff !important; font-weight: 800; }
.pvr-sum td { font-weight: 800; border-top: 2px solid #000; }
@media print {
 body:has(.desk-doc.is-on .pvr-report) { page: pvr-land; }
 .pvr-report { padding: 0; }
 .pvr-scroll { overflow: visible !important; }
 .pvr-grid { font-size: 6.5px; }
 .pvr-grid th, .pvr-grid td { padding: 1px; }
 .pvr-vh { font-size: 6.5px; }
 .pvr-vv { font-size: 6.5px; }
 .pvr-grid .pvr-date, .pvr-head .pvr-date .pvr-vh { font-size: 7.5px; }
 .pvr-grp th { font-size: 8px; }
 .pvr-grid thead { display: table-header-group; }
 .pvr-grid tr { break-inside: avoid; }
 .pvr-grid .pvr-tot, .pvr-grp th { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}

/* ===== FINAL PARTA REPORT - desktop PartaDialog / PartaRpt / SubPartRpt ===== */
.fpr-sel-page { width: 100%; }
.fpr-sel-card { max-width: 78rem; border: 2px solid #1e4d8c; border-radius: 0.45rem; background: #f7fbff; }
.fpr-cols { display: grid; grid-template-columns: minmax(30rem, 1.3fr) minmax(0, 1fr) minmax(0, 1fr); gap: 0.85rem; align-items: start; }
.fpr-left { display: grid; gap: 0.6rem; }
.fpr-radios-box, .fpr-date-box { margin: 0; }
.fpr-date-box[disabled] { opacity: 0.85; }
.fpr-dates { display: flex; align-items: center; gap: 0.4rem; flex-wrap: nowrap; min-width: 0; }
.fpr-dates > .rpt-sel-label { flex: 0 0 auto; white-space: nowrap; }
.fpr-dates .hwd-dates-ctrl { flex: 0 1 auto; gap: 0.4rem; overflow: visible; }
.fpr-dates .hwd-dates-ctrl > .erp-date { flex: 0 0 9rem; width: 9rem; min-width: 9rem; max-width: 9rem; }
.fpr-dates .erp-date-text { font-weight: 700; }
.fpr-gain-row { display: grid; grid-template-columns: 5.4rem 7rem; align-items: center; gap: 0.5rem; }
.fpr-gain { text-align: right; font-weight: 700; font-variant-numeric: tabular-nums; }
.fpr-mid-bar { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; min-height: 2rem; margin-bottom: 0.3rem; }
.fpr-auto { font-weight: 800 !important; color: #0b1f6b; margin: 0; }
.fpr-refresh { padding: 0.1rem 0.4rem; line-height: 1.1; }
.fpr-exp-cap { font-weight: 800; color: #0b1f6b; min-height: 2rem; display: flex; align-items: center; margin-bottom: 0.3rem; }
.fpr-grid-box { border: 1px solid #9eb6d4; border-radius: 0.3rem; background: #fff; max-height: 19rem; overflow: auto; }
.fpr-sel-grid { width: 100%; border-collapse: collapse; font-weight: 700; font-size: 0.85rem; font-variant-numeric: tabular-nums; }
.fpr-sel-grid th, .fpr-sel-grid td { border: 1px solid #c5d3e4; padding: 0.15rem 0.35rem; vertical-align: middle; }
.fpr-sel-grid thead th { background: #e6eef8; color: #0b1f6b; font-weight: 800; position: sticky; top: 0; z-index: 1; }
.fpr-sel-grid tfoot td { background: #f0f4fa; font-weight: 800; text-align: right; }
.fpr-rates .fpr-cat { background: #ffff9e; font-weight: 800; }
.fpr-rate-col { width: 6.5rem; text-align: right; }
.fpr-cell-input { width: 100%; border: 0; background: transparent; font-weight: 700; font-variant-numeric: tabular-nums; padding: 0.05rem 0.1rem; }
.fpr-cell-input:focus { outline: 2px solid #86b7fe; background: #fff; }
.fpr-sel-grid th.fpr-del-col, .fpr-sel-grid td.fpr-del-col { width: 1%; min-width: 32px; white-space: nowrap; text-align: center; padding: 0 0.3rem; }
.fpr-del-btn { border: 0; background: transparent; color: #dc3545; padding: 0 0.15rem; font-size: 0.85rem; line-height: 1; cursor: pointer; }
.fpr-del-btn:hover { color: #a71d2a; }
.fpr-exp-cell { padding: 0.1rem 0.2rem !important; }
.fpr-exp-cell .party-search { color: #000080; }
.fpr-new-row td { background: #f7fbff; }
.fpr-sel-actions { grid-template-columns: 1fr 1fr; margin-top: 0.85rem; }
.fpr-working { margin-top: 0.4rem; font-weight: 700; color: #6c757d; }
@media (max-width: 1240px) { .fpr-cols { grid-template-columns: minmax(30rem, 1fr) minmax(0, 1fr); } .fpr-right { grid-column: 1 / -1; } }
@media (max-width: 900px) { .fpr-cols { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 760px) { .fpr-dates, .fpr-dates .hwd-dates-ctrl { flex-wrap: wrap; } }

.fpr-report { font-family: 'Fira Sans Condensed', 'Noto Nastaliq Urdu', sans-serif; font-weight: 700; color: #000; background: #fff; padding: 0.6rem 0.75rem 1rem; max-width: 820px; }
.fpr-head { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; margin: 0 0 0.45rem; }
.fpr-cap { white-space: pre; font-size: 12pt; font-weight: 700; }
.fpr-title { font-size: 13pt; font-weight: 800; }
.fpr-grid, .fpr-sum { border-collapse: collapse; font-family: inherit; font-weight: 700; font-variant-numeric: tabular-nums; table-layout: fixed; }
.fpr-grid { width: 100%; font-size: 10pt; }
.fpr-grid th, .fpr-grid td { border: 1px solid #000; padding: 1px 4px; vertical-align: middle; }
.fpr-grid thead th { background: #d3d3d3; font-weight: 800; text-align: center; line-height: 1.15; }
.fpr-grid thead th.fpr-h-com { font-size: 8.25pt; }
.fpr-c-sr { width: 4.27%; } .fpr-c-name { width: 47.89%; } .fpr-c-pge { width: 13.68%; } .fpr-c-rate { width: 13.41%; } .fpr-c-amt { width: 20.75%; }
.fpr-grid .fpr-sr { text-align: center; font-weight: 400; font-size: 8.25pt; }
.fpr-grid .fpr-pge { text-align: center; }
.fpr-grid td.text-end { text-align: right; white-space: nowrap; }
.fpr-sum { width: 70.53%; margin-left: 29.47%; font-size: 11pt; }
.fpr-s-lbl { width: 32.17%; } .fpr-s-c2 { width: 19.40%; } .fpr-s-c3 { width: 19.01%; } .fpr-s-amt { width: 29.42%; }
.fpr-sum td { border: 1px solid #000; padding: 2px 4px; height: 1.6rem; vertical-align: middle; }
.fpr-sum td.text-end { text-align: right; white-space: nowrap; }
.fpr-sum .fpr-lbl { background: #e0e0e0; text-align: center; font-size: 10pt; font-weight: 800; }
.fpr-sum .fpr-grey { background: #e0e0e0; }
.fpr-sum .fpr-center { text-align: center; }
.fpr-sum .fpr-f12 { font-size: 12pt; }
.fpr-sum .fpr-f13 { font-size: 13pt; }
.fpr-sum .fpr-exp-line td { background: #fff; }
@media print {
 body:has(.desk-doc.is-on .fpr-report) { page: fpr-a4; }
 .fpr-report { padding: 0; max-width: none; }
 .fpr-grid thead { display: table-header-group; }
 .fpr-grid tr, .fpr-sum tr { break-inside: avoid; }
 .fpr-grid thead th, .fpr-sum .fpr-lbl, .fpr-sum .fpr-grey { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
}
/* ===== Daily Production Summary With Gain / Loss (ProSumDialog) ===== */
.psg-wrap {
 display: flex;
 flex-direction: column;
 gap: 0.4rem;
 height: calc(100vh - var(--mill-top, 3.35rem) - 2rem);
 max-height: calc(100vh - var(--mill-top, 3.35rem) - 2rem);
 min-height: 0;
 overflow: hidden;
 font-family: 'Fira Sans Condensed', 'Noto Nastaliq Urdu', sans-serif;
}
@media (min-width: 901px) {
 .psg-wrap { flex: 1 1 auto; min-height: 0; height: auto !important; max-height: 100%; overflow: hidden; }
}
.psg-sel {
 flex: 0 0 auto;
 border: 1px solid #90a4ae;
 border-radius: 0.4rem;
 background: #fff;
 padding: 0.25rem 0.75rem 0.55rem;
 margin: 0;
 min-width: 0;
}
.psg-sel-legend {
 float: none;
 width: auto;
 font-size: 0.95rem;
 font-weight: 800;
 color: #0b1f6b;
 padding: 0 0.35rem;
 margin: 0;
}
.psg-sel-row {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 gap: 0.5rem 1.25rem;
}
.psg-dates { display: flex; align-items: center; gap: 0.6rem; }
.psg-dates .rpt-sel-label { margin: 0; font-weight: 800; white-space: nowrap; }
.psg-dates-ctrl > .erp-date { flex: 0 0 9rem; width: 9rem; }
.psg-sel-actions {
 display: grid;
 grid-template-columns: repeat(3, 8.5rem);
 gap: 0.5rem;
 margin: 0 0 0 auto;
}
.psg-sel-actions .rpt-sel-btn-extra { max-width: none; width: 100%; }
.psg-msg { flex: 0 0 auto; }

/* grids */
.psg-grid-box {
 flex: 1 1 auto;
 min-height: 8rem;
 overflow: auto;
 border: 1px solid #90a4ae;
 background: #fff;
}
.psg-grid, .psg-wgrid {
 width: 100%;
 border-collapse: separate;
 border-spacing: 0;
 font-size: 0.9rem;
 font-variant-numeric: tabular-nums;
}
.psg-grid th, .psg-grid td, .psg-wgrid th, .psg-wgrid td {
 border-right: 1px solid #c5ccd3;
 border-bottom: 1px solid #c5ccd3;
 padding: 0.2rem 0.45rem;
 white-space: nowrap;
}
.psg-grid thead th, .psg-wgrid thead th {
 position: sticky;
 top: 0;
 z-index: 2;
 background: linear-gradient(180deg, #ffffff, #9e9e9e);
 color: #000;
 font-weight: 800;
 text-align: center;
}
.psg-grid tbody tr { cursor: pointer; }
.psg-grid tbody tr:hover td { filter: brightness(0.97); }
.psg-grid tbody tr.psg-row-sel td { outline: 1px dotted #37474f; outline-offset: -1px; font-weight: 700; }
.psg-grid tfoot td {
 position: sticky;
 bottom: 0;
 z-index: 2;
 background: linear-gradient(180deg, #c0c0c0, #808080);
 color: #000;
 font-weight: 800;
 font-size: 1rem;
 border-top: 1px solid #616161;
}
.psg-c-sel { width: 1.6rem; }
.psg-c-id { width: 5.5rem; }
.psg-c-date { width: 8rem; }
.psg-c-pct { width: 9rem; }
.psg-sel-col { text-align: center; color: #263238; padding: 0 !important; background: #eceff1; }
.psg-id { text-align: right; }
.psg-date { text-align: center; }
.psg-empty td { text-align: center; color: #607d8b; font-style: italic; cursor: default; }

/* desktop cell colours (vertical gradient to white) */
.psg-bg-cyan { background: linear-gradient(180deg, rgb(192,255,255), #fff); }
.psg-bg-yellow { background: linear-gradient(180deg, rgb(255,255,192), rgb(255,255,0)); }
.psg-bg-pink { background: linear-gradient(180deg, rgb(255,192,192), #fff); }
.psg-bg-peach { background: linear-gradient(180deg, rgb(255,224,192), #fff); }
.psg-bg-green { background: linear-gradient(180deg, rgb(128,255,128), #fff); }
.psg-bg-lime { background: linear-gradient(180deg, rgb(0,192,0), rgb(0,255,0)); font-weight: 700; }

/* wheat strip: grows with its rows, scrolls beyond ~6 lines */
.psg-wheat {
 flex: 0 0 auto;
 border: 1px solid #90a4ae;
 background: #fff;
 display: flex;
 flex-direction: column;
 min-height: 0;
}
.psg-wheat-cap {
 text-align: center;
 font-weight: 800;
 font-size: 0.92rem;
 color: #0b1f6b;
 background: linear-gradient(180deg, #eceff1, #cfd8dc);
 border-bottom: 1px solid #90a4ae;
 padding: 0.15rem 0.5rem;
}
.psg-wheat-box { max-height: 11.5rem; overflow: auto; }
.psg-wgrid td { font-weight: 600; }
.psg-wgrid .psg-w-name { text-align: left; font-weight: 700; min-width: 12rem; }

/* preview / print */
.psg-report { font-family: 'Fira Sans Condensed', 'Noto Nastaliq Urdu', sans-serif; }
.psg-rpt-cap { text-align: center; font-weight: 800; font-size: 0.95rem; margin: 0.2rem 0 0.45rem; }
.psg-rgrid { border-left: 1px solid #c5ccd3; border-top: 1px solid #c5ccd3; }
.psg-rgrid tbody tr { cursor: default; }
.psg-rgrid thead th, .psg-rgrid tfoot td { position: static; }
@media print {
 body:has(.desk-doc.is-on .psg-report) { page: psg-a4; }
 .psg-report, .psg-report * { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
 .psg-rgrid { font-size: 9pt; }
 .psg-rgrid thead { display: table-header-group; }
 .psg-rgrid tfoot { display: table-row-group; }
 .psg-rgrid tr { break-inside: avoid; }
}
@media (max-width: 900px) {
 .psg-wrap { height: auto !important; max-height: none !important; overflow: visible !important; }
 .psg-sel-actions { grid-template-columns: repeat(3, 1fr); width: 100%; margin: 0; }
 .psg-grid-box { max-height: 60vh; }
}

/* Production Summary (daily-gain): all text bold, screen + preview/print */
.psg-wrap, .psg-wrap *, .psg-wrap input, .psg-report, .psg-report * { font-family: 'Fira Sans Condensed', 'Noto Nastaliq Urdu', sans-serif; font-weight: 700 !important; }

/* ===== Month Wise Production Summary Gain / Loss (ProSumYearlyDialog) - reuses psg-* ===== */
.psm-c-no { width: 2.6rem; }
.psm-c-month { width: 9rem; }
.psm-grid .psm-no, .psg-rgrid .psm-no { text-align: center; background: #eceff1; color: #37474f; }
.psm-month { text-align: left; }
.psm-grid tbody tr.psm-row-sel td { background: #3a6fd8 !important; color: #fff !important; }
@media print {
 body:has(.desk-doc.is-on .psm-report) { page: psm-a4; }
}

/* ===== Daily Purchase & Sales, Stock Report (DailySaleStockDialog / DailySaleStockRpt) ===== */
.dps-sel-card { max-width: 520px; }
.dps-sel-box { border: 1px solid #90a4ae; border-radius: 0.4rem; padding: 0.3rem 0.85rem 0.85rem; margin: 0; min-width: 0; }
.dps-sel-legend { float: none; width: auto; font-size: 0.95rem; font-weight: 700; color: #0b1f6b; padding: 0 0.35rem; margin: 0; }
.dps-sel-row { display: flex; align-items: center; gap: 0.75rem; margin: 0.4rem 0 0.9rem; }
.dps-sel-row .rpt-sel-label { margin: 0; white-space: nowrap; }
.dps-date > .erp-date { width: 10rem; max-width: 10rem; }
.dps-sel-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 0.6rem; margin: 0; }
.dps-sel-card, .dps-sel-card *, .dps-report, .dps-report * { font-family: 'Fira Sans Condensed', 'Noto Nastaliq Urdu', sans-serif; font-weight: 700 !important; }

.dps-report { color: #000; background: #fff; padding: 0.6rem 0.75rem 1rem; width: 100%; max-width: none; font-size: 8.5pt; box-sizing: border-box; }
.dps-title { text-align: center; font-size: 12pt; margin-top: 0.2rem; }
.dps-caption { text-align: center; font-size: 8.5pt; border-bottom: 1px solid #000; padding-bottom: 0.15rem; margin-bottom: 0.4rem; }
.dps-part1 { display: grid; grid-template-columns: 48.3% 51.7%; align-items: start; }
.dps-left, .dps-right { min-width: 0; }
.dps-gap { margin-top: 0; border-top: 0; }
.dps-t { width: 100%; border-collapse: collapse; table-layout: fixed; font-variant-numeric: tabular-nums; }
.dps-t td, .dps-t th { border: 1px solid #000; padding: 1px 3px; height: 1.35rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; vertical-align: middle; }
.dps-t .dps-n { text-align: right; }
.dps-t .dps-name { text-align: left; }
.dps-cap { font-size: 12pt; text-align: center; background: #fff; }
.dps-g1 { background: #dcdcdc; }
.dps-g2, .dps-sub td, .dps-sub th { background: #e0e0e0; }
.dps-gb, .dps-sub .dps-gb { background: #dcdcdc; }
.dps-lg, .dps-sub .dps-lg { background: #d3d3d3; }
.dps-g3 { background: #dcdcdc; }
.dps-stock td { background: #e0e0e0; }
.dps-green { background: #00ff00; font-size: 10.5pt; }
.dps-c-lbl { width: 30%; } .dps-c-today { width: 8%; } .dps-c-pre { width: 13%; } .dps-c-tot { width: 13%; } .dps-c-wt { width: 21%; } .dps-c-mnd { width: 15%; }
.dps-b-name { width: 34%; } .dps-b-today { width: 10%; } .dps-b-pre { width: 13%; } .dps-b-tot { width: 13%; } .dps-b-rate { width: 10%; } .dps-b-amt { width: 20%; }
.dps-prod { margin-top: 0.6rem; }
.dps-p-name { width: 17.3%; } .dps-p-bag { width: 6%; } .dps-p-kg { width: 7.4%; } .dps-p-pct { width: 3.6%; }
.dps-s-bag { width: 4.55%; } .dps-s-kg { width: 6.4%; }
.dps-prod thead { display: table-header-group; }
.dps-tot td { background: #e0e0e0; }
.dps-gl { width: 29.3%; margin-top: 0.35rem; }
.dps-gl td { width: 33%; }
@media print {
 .dps-report { width: 100%; max-width: none; padding: 0; font-size: 7.5pt; }
 .dps-t td, .dps-t th { height: auto; padding: 0.4mm 0.8mm; }
 .dps-title { font-size: 11pt; } .dps-cap { font-size: 10pt; } .dps-green { font-size: 9pt; }
 .dps-report, .dps-report * { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
 .dps-prod { break-before: page; margin-top: 0; }
 .dps-prod tr { break-inside: avoid; }
 .dps-prod tfoot { display: table-row-group; }
 /* A4 portrait width: give the number columns room (no ellipsis), let long labels wrap */
 .dps-t td, .dps-t th { text-overflow: clip; }
 .dps-left .dps-t td.dps-name { white-space: normal; }
 .dps-c-lbl { width: 22%; } .dps-c-today { width: 10%; } .dps-c-pre { width: 15%; } .dps-c-tot { width: 15%; } .dps-c-wt { width: 21%; } .dps-c-mnd { width: 17%; }
 .dps-p-name { width: 16.3%; } .dps-p-pct { width: 4.6%; }
}
/* Daily Purchase & Sales, Stock: preview uses the full content width */
.al-preview-panel:has(.dps-report) { width: 100%; max-width: none; }
.dps-report .dps-t { width: 100%; }
.dps-report .dps-gl { width: 29.3%; }

/* ===== Commodity Stock Register (CurrentStockNewDialog / ComStockRpt, ComStockWcontRpt) ===== */
.csr-sel-card { max-width: 440px; }
.csr-sel-card, .csr-sel-card *, .csr-report, .csr-report * { font-family: 'Fira Sans Condensed', 'Noto Nastaliq Urdu', sans-serif; font-weight: 700 !important; }
.csr-list { border: 1px solid #90a4ae; border-radius: 0.25rem; background: #fff; height: 11rem; overflow-y: auto; padding: 0.2rem 0.35rem; margin: 0.35rem 0 0.45rem; }
.csr-item { display: flex; align-items: center; gap: 0.45rem; margin: 0; padding: 0.1rem 0.15rem; font-size: 0.85rem; cursor: pointer; user-select: none; }
.csr-item:hover { background: #e3f2fd; }
.csr-item input, .csr-chk input { margin: 0; width: 0.95rem; height: 0.95rem; }
.csr-list-msg { font-size: 0.85rem; color: #546e7a; padding: 0.3rem; }
.csr-chk-row { display: flex; justify-content: space-between; gap: 0.75rem; flex-wrap: wrap; margin: 0 0 0.35rem; }
.csr-chk { display: inline-flex; align-items: center; gap: 0.4rem; font-size: 0.85rem; margin: 0; white-space: nowrap; cursor: pointer; }
.csr-date-row { justify-content: flex-end; margin: 0.35rem 0 0.9rem; }

.csr-report { color: #000; background: #fff; padding: 0.6rem 0.75rem 1rem; width: 100%; max-width: none; box-sizing: border-box; font-size: 9pt; }
.al-preview-panel:has(.csr-report) { width: 100%; max-width: none; }
.csr-title { text-align: center; font-size: 12pt; margin-top: 0.2rem; }
.csr-caption { text-align: left; font-size: 8.5pt; margin: 0.15rem 0 0.3rem; }
.csr-t { width: 100%; border-collapse: collapse; table-layout: fixed; font-variant-numeric: tabular-nums; }
.csr-t th, .csr-t td { border: 1px solid #000; padding: 2px 4px; vertical-align: middle; overflow: hidden; }
.csr-t thead th { background: #e0e0e0; text-align: center; font-size: 8pt; line-height: 1.15; }
.csr-t thead th.csr-h1 { background: #d3d3d3; }
.csr-t thead { display: table-header-group; }
.csr-t td { height: 1.45rem; white-space: nowrap; text-overflow: ellipsis; }
.csr-t .csr-c { text-align: center; }
.csr-t .csr-n { text-align: right; }
.csr-t .csr-name { text-align: left; }
.csr-t tr.csr-grp td { border-left: 0; border-right: 0; border-top: 0; border-bottom: 1px solid #000; font-size: 11pt; padding: 0.35rem 2px 1px; height: auto; background: #fff; }
.csr-wc td.csr-n, .csr-wc thead th { font-size: 8pt; }
.csr-wc thead th { white-space: normal; }
@media print {
 .csr-report { padding: 0; font-size: 8.5pt; }
 .csr-report, .csr-report * { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
 .csr-t td { height: auto; padding: 1px 3px; }
 .csr-t tr { break-inside: avoid; }
 .csr-t tr.csr-grp { break-after: avoid; }
}

/* ===== Sales Contract Register (PurContRegDialog Tag SLJ / PurContRegRpt) ===== */
.scr-sel-card { max-width: 520px; }
.scr-sel-card, .scr-sel-card *, .scr-report, .scr-report * { font-family: 'Fira Sans Condensed', 'Noto Nastaliq Urdu', sans-serif; font-weight: 700 !important; }
.scr-sel-row { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 0.6rem; margin: 0.5rem 0 0.9rem; }
.scr-sel-row .rpt-sel-label { margin: 0; white-space: nowrap; }
.scr-party { min-width: 0; }
.scr-report { color: #000; background: #fff; padding: 0.6rem 0.75rem 1rem; width: 100%; max-width: none; box-sizing: border-box; font-size: 9pt; }
.al-preview-panel:has(.scr-report) { width: 100%; max-width: none; }
.scr-title { text-align: center; font-size: 12pt; margin: 0.2rem 0 0.45rem; }
.scr-t { width: 100%; border-collapse: collapse; table-layout: fixed; font-variant-numeric: tabular-nums; }
.scr-t th, .scr-t td { border: 1px solid #000; padding: 2px 4px; vertical-align: middle; overflow: hidden; }
.scr-t thead { display: table-header-group; }
.scr-t thead th { background: #e0e0e0; text-align: center; font-size: 8.5pt; }
.scr-t td { height: 1.4rem; white-space: nowrap; text-overflow: ellipsis; }
.scr-t .scr-l { text-align: left; }
.scr-t .scr-c { text-align: center; }
.scr-t .scr-n, .scr-t .scr-r { text-align: right; }
.scr-t tr.scr-grp td { border-left: 0; border-right: 0; border-top: 0; border-bottom: 1px solid #000; font-size: 10.5pt; padding: 0.35rem 2px 1px; height: auto; background: #fff; }
.scr-t tr.scr-tot td { background: #e0e0e0; }
.scr-t tr.scr-grand td { background: #d3d3d3; border-top: 2px solid #000; }
@media print {
 .scr-report { padding: 0; font-size: 8.5pt; }
 .scr-report, .scr-report * { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
 .scr-t td { height: auto; padding: 1px 3px; }
 .scr-t tr { break-inside: avoid; }
 .scr-t tr.scr-grp { break-after: avoid; }
}
/* ContRegDialog Sales Contract Report selection + report */
.contreg-sel-card { max-width: 560px; }
.contreg-truck-contract { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem; }
.contreg-contract { width: auto; min-width: 10rem; max-width: 16rem; flex: 1 1 10rem; }
.contreg-report, .contreg-report * { font-family: 'Fira Sans Condensed', 'Noto Nastaliq Urdu', sans-serif; }
.page:has(.desk-doc.is-on .al-preview-panel):has(.desk-doc.is-on .contreg-report) .pcr-sel-page { display: none; }

/* ===== Voucher print sheets ===== */
.vps-host { background: #d9dde3; padding: 6mm 0 2mm; }
.vps-page {
  box-sizing: border-box;
  background: #fff;
  margin: 0 auto 6mm;
  box-shadow: 0 1px 6px rgba(0,0,0,.35);
  overflow: visible;
  position: relative;
}
.vps-scale {
  width: 100%;
  overflow: visible;
  position: relative;
  transform-origin: top left;
}
.vps-c {
  font-family: 'Fira Sans Condensed', 'Noto Nastaliq Urdu', sans-serif;
  font-weight: 700; /* bold everywhere per print rule */
  color: #000;
  font-size: 10pt;
  line-height: 1.2;
  display: flex;
  flex-direction: column;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  transform: scale(var(--vps-scale, 1));
  transform-origin: top left;
}
.vps-c * { box-sizing: border-box; }
.vps-c.vps-atbottom > .vps-gf { margin-top: auto; }
.vps-band { position: relative; flex: none; width: 100%; }
.vps-a { position: absolute; }
.vps-ph { margin-bottom: 1.5mm; width: 100%; }

/* ---- Typography utilities (were dropped from vps.css rewrite) ---- */
.vps-c .tl { text-align: left !important; }
.vps-c .tc { text-align: center !important; }
.vps-c .tr { text-align: right !important; }
.vps-c .b { font-weight: 700 !important; }
.vps-c .bg-sil {
  background: #c0c0c0 !important;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.vps-c .bg-lg {
  background: #d3d3d3 !important;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.vps-c .bg-e0 {
  background: #e0e0e0 !important;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.vps-c .bg-ws {
  background: #f5f5f5 !important;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.vps-c .f18 { font-size: 18pt !important; }
.vps-c .f17 { font-size: 17pt !important; }
.vps-c .f16 { font-size: 16pt !important; }
.vps-c .f15 { font-size: 15.75pt !important; }
.vps-c .f14 { font-size: 14pt !important; }
.vps-c .f13 { font-size: 13pt !important; }
.vps-c .f12 { font-size: 12pt !important; }
.vps-c .f11 { font-size: 11pt !important; }
.vps-c .f10 { font-size: 10pt !important; }
.vps-c .f975 { font-size: 9.75pt !important; }
.vps-c .f9 { font-size: 9pt !important; }
.vps-c .f8 { font-size: 8pt !important; }
.vps-c .f7 { font-size: 7pt !important; }
.vps-c .f675 { font-size: 6.75pt !important; }
.vps-c .f6 { font-size: 6pt !important; }

/* Letterhead: SMALL logo floated left; name/address centered to its right */
.vps-c .vps-head.rpt-letter,
.vps-c .rpt-letter.vps-head {
  display: block !important;
  visibility: visible !important;
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 28mm !important;
  overflow: hidden !important;
  margin: 0 0 1mm !important;
  text-align: center;
}
.vps-c .vps-head.rpt-letter table,
.vps-c .rpt-letter.vps-head table {
  width: 100% !important;
  max-width: 100% !important;
  border-collapse: collapse;
  table-layout: fixed !important;
}
/* Collapse the empty spacer column from RTF so logo sits at true left */
.vps-c .vps-head.rpt-letter colgroup col:first-child {
  width: 0 !important;
}
.vps-c .vps-head.rpt-letter tr > td:first-child {
  width: 0 !important;
  max-width: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  font-size: 0 !important;
  line-height: 0 !important;
}
.vps-c .vps-head.rpt-letter td,
.vps-c .rpt-letter.vps-head td {
  vertical-align: middle !important;
  overflow: hidden;
  text-align: center !important;
}
.vps-c .vps-head.rpt-letter img,
.vps-c .rpt-letter.vps-head img,
.vps-c .vps-head.rpt-letter svg,
.vps-c .rpt-letter.vps-head svg {
  float: left !important;
  width: auto !important;
  max-width: 25mm !important;
  max-height: 20mm !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 3mm 0 0 !important;
}
.vps-c .vps-head.rpt-letter p,
.vps-c .rpt-letter.vps-head p {
  margin: 0;
  line-height: 1.15;
  text-align: center !important;
  overflow: hidden; /* wrap beside floated logo */
}
.vps-c .vps-head.rpt-letter strong,
.vps-c .rpt-letter.vps-head strong,
.vps-c .vps-head.rpt-letter b,
.vps-c .rpt-letter.vps-head b {
  font-weight: 700 !important;
}

/* A6/POS: stack logo above text (narrow paper) */
.vps-pg-a6 .vps-head.rpt-letter,
.vps-pg-a6 .rpt-letter.vps-head { max-height: 34mm !important; }
.vps-pg-a6 .vps-head.rpt-letter img,
.vps-pg-a6 .rpt-letter.vps-head img,
.vps-pg-pos .vps-head.rpt-letter img,
.vps-pg-pos .rpt-letter.vps-head img {
  float: none !important;
  display: block !important;
  margin: 0 auto 1mm !important;
  max-width: 14mm !important;
  max-height: 12mm !important;
}
.vps-pg-pos .vps-head.rpt-letter img,
.vps-pg-pos .rpt-letter.vps-head img {
  max-width: 16mm !important;
  max-height: 14mm !important;
}
.vps-pg-a6 .vps-head.rpt-letter table,
.vps-pg-a6 .vps-head.rpt-letter tbody,
.vps-pg-a6 .vps-head.rpt-letter tr,
.vps-pg-pos .vps-head.rpt-letter table,
.vps-pg-pos .vps-head.rpt-letter tbody,
.vps-pg-pos .vps-head.rpt-letter tr {
  display: block !important;
  width: 100% !important;
}
.vps-pg-a6 .vps-head.rpt-letter td,
.vps-pg-pos .vps-head.rpt-letter td {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  text-align: center !important;
}
.vps-pg-a6 .vps-head.rpt-letter tr > td:first-child { display: none !important; }
/* RTF letterhead <p> carries a negative right margin (desktop float compensation) that
   pushes centred text past the narrow column: neutralise on A6/POS so the name wraps inside. */
.vps-pg-a6 .vps-head.rpt-letter p,
.vps-pg-pos .vps-head.rpt-letter p {
  margin-left: 0 !important;
  margin-right: 0 !important;
  overflow: visible !important;
  overflow-wrap: anywhere;
}
.vps-pg-pos .vps-head.rpt-letter td { overflow: visible !important; padding: 0 !important; }
/* POS: show the whole letterhead (name, address, contact) — no height cap. */
.vps-pg-pos .vps-head.rpt-letter,
.vps-pg-pos .rpt-letter.vps-head { max-height: none !important; overflow: visible !important; }
.vps-pg-pos .vps-head.rpt-letter tr > td:first-child { display: none !important; }

.vps-c .vps-foot.rpt-letter {
  display: block !important;
  visibility: visible !important;
  margin: 0 !important;
  width: 100% !important;
  font-family: 'Times New Roman', serif;
  font-size: 9.75pt;
  font-weight: 400;
  line-height: 1.1;
}
.vps-c .vps-foot-sm.rpt-letter { font-size: 6.75pt; }
.vps-c .vps-foot.rpt-letter img {
  float: none !important;
  max-width: 20mm !important;
  max-height: 8mm !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
}

.vps-grp { display: flex; align-items: center; line-height: 1.05; white-space: nowrap; font-weight: 700; }
.vps-grp.tc { justify-content: center; }
.vps-t { width: 100%; border-collapse: collapse; table-layout: fixed; margin: 0; }
.vps-t td { padding: 2px 4px; vertical-align: middle; overflow: hidden; font-weight: 700; }
.vps-meta td, .vps-meta th {
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: clip;
  line-height: 1.15;
}
.vps-ball td { border: 1px solid #000; }
.vps-blr td { border-left: 1px solid #000; border-right: 1px solid #000; }
.vps-blr tr:first-child td { border-top: 0; }
.vps-det { margin-top: 3mm; } /* gap so meta box doesn't sit on Dr/Cr top border */
.vps-band:has(.vps-meta) { margin-bottom: 3mm; }
.vps-band:has(.vps-meta) + .vps-t { margin-top: 0.5mm; }
.vps-det td { white-space: nowrap; }
.vps-det .vps-pre { white-space: pre-line; }
.vps-sign {
  border-top: 1px solid #000;
  text-align: center;
  white-space: pre-line;
  padding-top: 2px;
  line-height: 1.15;
  overflow: visible;
  font-weight: 700;
}
.vps-pre { white-space: pre-line; }
.vps-valb { vertical-align: bottom !important; }
.vps-bottom { display: flex; align-items: flex-end; justify-content: center; }

/* A6 Urdu — bold, gray labels, larger Nastaliq */
.vps-urdu {
  font-family: 'Noto Nastaliq Urdu', 'Jameel Noori Nastaleeq', 'Fira Sans Condensed', serif;
  line-height: 1.45;
  font-weight: 700;
}
.vps-urdu-title {
  margin: 1mm 0 2mm;
  line-height: 1.4;
  min-height: 7mm;
  white-space: normal;
  font-weight: 700;
  text-align: center;
}
.vps-pg-a6 .vps-urdu-title { font-size: 14pt !important; padding: 0 1mm; }
.vps-urdu-block { width: 100%; margin-top: 1mm; }
.vps-urdu-grid { width: 100%; margin: 0; }
.vps-urdu-grid td {
  vertical-align: middle !important;
  padding: 2mm 1.5mm !important;
  line-height: 1.4;
  overflow: hidden;
  font-weight: 700;
}
.vps-urdu-grid td.vps-urdu,
.vps-urdu-grid .vps-urdu {
  font-size: 13pt !important;
}
.vps-urdu-row { height: 9mm; }
.vps-urdu-row-name { height: 10mm; }
.vps-urdu-row-amt { height: 11mm; }
.vps-urdu-row-amt td:first-child { font-size: 16pt !important; }
.vps-urdu-foot { margin: 2mm 0 1mm; width: 100%; }
.vps-urdu-sign { width: 48%; display: inline-block; vertical-align: top; }
.vps-urdu-sign.vps-sign { border-top: 1px solid #000; margin-top: 8mm; padding-top: 1mm; }

body.vps-print-body .sidebar,
body.vps-print-body .sidebar-backdrop,
body.vps-print-body .app-header { display: none !important; }


@media print {
  html, body, body.vps-print-body {
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    overflow: visible !important;
  }
  .sidebar, .sidebar-backdrop, .app-header, .millhouse, .d-print-none,
  .print-topbar, .vps-format-bar, #blazor-error-ui { display: none !important; }
  .page, .page > main, .page > .ledger, .content, .vps-host, .print-sheet.vps-host {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    background: none !important;
    overflow: visible !important;
    height: auto !important;
  }
  /* Fill whatever paper/margins the print dialog chose — no fixed mm width. */
  .vps-page {
    margin: 0 auto !important;
    box-shadow: none !important;
    overflow: visible !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    /* Inner margin lives on @page; keep page padding 0 so cqw = printable width. */
    padding: 0 !important;
    box-sizing: border-box !important;
    container-type: inline-size;
    break-after: page;
    page-break-after: always;
  }
  .vps-page:last-of-type { break-after: auto; page-break-after: auto; }
  .vps-scale {
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
  }
  /* Drop JS transform/scale. Zoom to fill the print page box from design width. */
  .vps-c {
    transform: none !important;
    transform-origin: top left !important;
    /* Fluid fit to the print page box (independent of screen px):
       width-fit = page area width / design width; height-fit = page area height / content height. */
    --vps-zw: calc(100vw / var(--vps-design-mm, 189.484mm));
    --vps-zh: calc((100vh - 1mm) / var(--vps-design-h-mm, 1000mm));
    zoom: min(var(--vps-zw), var(--vps-zh)) !important;
    min-height: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: none !important;
  }
  /* Footer pinned to page bottom: min-height = page area height in pre-zoom units. */
  /* Footer keeps its designed position (A5/A4 proportions), capped to the page area. */
  .vps-c.vps-atbottom {
    min-height: min(var(--vps-design-minh, 0mm), calc((100vh - 1mm) / min(var(--vps-zw), var(--vps-zh)))) !important;
  }
  /* POS roll: @page height set by vpsFitPos; same min(width, height) fit. */
  /* Flow tables fill the canvas; absolutely-placed boxes (.vps-a) keep their designer width. */
  .vps-t:not(.vps-a) { width: 100% !important; }
  .vps-band, .vps-ph, .vps-gf { width: 100% !important; }
  .vps-pg-a5p { page: vps-a5p; }
  .vps-pg-a5l { page: vps-a5l; }
  .vps-pg-a4 { page: vps-a4; }
  .vps-pg-a6 { page: vps-a6; }
  .vps-pg-pos { page: vps-pos; }
  .vps-c .bg-sil, .vps-c .bg-lg, .vps-c .bg-e0, .vps-c .bg-ws {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }
  /* Logo sizing/stacking comes from the base rules (same for screen and print). */
}

/* —— Soft Options / SMS (shared SoftOptionsSmsPanel) —— */

.so-page {
 font-family: "Fira Sans Condensed", sans-serif;
 font-weight: 700;
 color: #0b1f6b;
 box-sizing: border-box;
 width: 100%;
 max-width: none;
 margin: 0;
 padding: 0.35rem 0.15rem 0.55rem;
 min-height: 0;
 /* Fill the desk below the mill header; .so-main scrolls */
 height: calc(100dvh - var(--mill-top, 3.35rem) - 0.7rem);
 max-height: calc(100dvh - var(--mill-top, 3.35rem) - 0.7rem);
 display: flex;
 flex-direction: column;
 overflow: hidden;
}

.so-caption {
 background: linear-gradient(135deg, #0b1f6b 0%, #1565c0 55%, #1e88e5 100%);
 color: #fff;
 border-radius: 0.7rem;
 padding: 0.55rem 1rem;
 margin-bottom: 0.65rem;
 box-shadow: 0 8px 22px rgba(11, 31, 107, 0.16);
 display: flex;
 flex-wrap: wrap;
 align-items: baseline;
 gap: 0.35rem 0.85rem;
}

.so-caption-kicker {
 font-size: 0.72rem;
 letter-spacing: 0.08em;
 text-transform: uppercase;
 opacity: 0.85;
}

.so-caption h1 {
 margin: 0;
 font-size: 1.25rem;
 font-weight: 800;
}

.so-caption p {
 margin: 0 0 0 auto;
 font-size: 0.9rem;
 opacity: 0.92;
}

.so-shell {
 display: grid;
 grid-template-columns: minmax(0, 1fr) 8.5rem;
 gap: 0.65rem;
 align-items: stretch;
 flex: 1 1 auto;
 min-height: 0;
 width: 100%;
}

.so-main {
 background: rgba(255, 255, 255, 0.96);
 border: 1px solid #c5d7ea;
 border-radius: 0.75rem;
 box-shadow: 0 8px 24px rgba(11, 31, 107, 0.07);
 padding: 0.7rem 0.9rem 0.75rem;
 min-width: 0;
 min-height: 0;
 overflow-x: hidden;
 overflow-y: auto;
 -webkit-overflow-scrolling: touch;
}

.so-nav {
 display: flex;
 flex-direction: column;
 gap: 0.28rem;
 align-self: start;
 position: sticky;
 top: 0;
 max-height: 100%;
 overflow-x: hidden;
 overflow-y: auto;
}

.so-nav-btn {
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 gap: 0.15rem;
 min-height: 2.85rem;
 padding: 0.35rem 0.3rem;
 border: 1px solid #9db8d8;
 border-radius: 0.45rem;
 background: linear-gradient(180deg, #eef5fc, #d9e8f8);
 color: #0b1f6b;
 font-family: inherit;
 font-weight: 800;
 font-size: 0.72rem;
 cursor: pointer;
}

.so-nav-btn .bi { font-size: 1.05rem; color: #1565c0; font-weight: 400; }
.so-nav-btn:hover { filter: brightness(1.03); }
.so-nav-btn.is-on {
 background: linear-gradient(180deg, #1e88e5, #0d47a1);
 color: #fff;
 border-color: #0b1f6b;
 box-shadow: 0 4px 12px rgba(13, 71, 161, 0.28);
}
.so-nav-btn.is-on .bi { color: #ffe08a; }

.so-panel-title {
 font-size: 1.05rem;
 font-weight: 800;
 margin-bottom: 0.55rem;
 border-bottom: 2px solid #0b1f6b;
 padding-bottom: 0.2rem;
}

.so-grid {
 display: grid;
 grid-template-columns: repeat(3, minmax(0, 1fr));
 gap: 0.65rem;
 width: 100%;
}

.so-card {
 border: 1px solid #c5d7ea;
 border-radius: 0.55rem;
 background: linear-gradient(180deg, #f7fbff 0%, #fff 40%);
 padding: 0.55rem 0.65rem 0.65rem;
}

.so-card-wide { grid-column: 1 / -1; }

.so-card-head {
 font-weight: 800;
 font-size: 0.88rem;
 text-transform: uppercase;
 letter-spacing: 0.03em;
 color: #0b1f6b;
 margin-bottom: 0.4rem;
 padding-bottom: 0.25rem;
 border-bottom: 1px solid #d7e3f0;
}

.so-label {
 display: block;
 font-size: 0.74rem;
 font-weight: 800;
 text-transform: uppercase;
 letter-spacing: 0.03em;
 color: #0b1f6b;
 margin: 0.35rem 0 0.15rem;
}

.so-input {
 width: 100%;
 border: 1px solid #9db8d8;
 border-radius: 0.35rem;
 padding: 0.28rem 0.45rem;
 font-family: inherit;
 font-weight: 700;
 font-size: 0.9rem;
 color: #16325c;
 background: #fff;
 box-sizing: border-box;
}

.so-color-row {
 display: flex;
 align-items: center;
 gap: 0.55rem;
 min-width: 0;
}

.so-input.so-color {
 width: 3.2rem;
 min-width: 3.2rem;
 height: 2.05rem;
 padding: 0.15rem;
 cursor: pointer;
}

.so-color-hex {
 font-family: "Fira Sans Condensed", sans-serif;
 font-weight: 700;
 font-size: 0.86rem;
 color: #16325c;
 letter-spacing: 0.02em;
 text-transform: uppercase;
}

.so-memo { resize: vertical; min-height: 3.2rem; }
.so-test-msg { min-height: 12rem; }

.so-wa-test.is-green {
 display: grid;
 grid-template-columns: auto minmax(0, 1fr);
 gap: 0.45rem;
 align-items: start;
}

.so-btn-wa {
 color: #0b1f6b;
 background: linear-gradient(180deg, #fff, #e3eef9);
 border: 1px solid #9db8d8;
 margin-top: 0;
 white-space: nowrap;
}
.so-btn-wa:disabled { opacity: 0.6; cursor: wait; }

.so-wa-actions {
 display: flex;
 justify-content: flex-end;
 flex-wrap: wrap;
 gap: 0.4rem;
 margin-top: 0.4rem;
}

.so-btn-tiny {
 min-height: 1.7rem;
 padding: 0.1rem 0.45rem;
 font-size: 0.75rem;
 margin-top: 0;
}

.so-wa-sort {
 border: 0;
 background: transparent;
 color: inherit;
 font: inherit;
 font-weight: 800;
 cursor: pointer;
 padding: 0;
}

.so-wa-filter th {
 position: sticky;
 top: 1.35rem;
 z-index: 2;
 background: #eef5fc;
 color: #0b1f6b;
}

.so-wa-dialog-foot { gap: 0.4rem; }
.so-wa-dialog-foot .so-btn { margin-top: 0; }

.so-wa-pop {
 position: fixed;
 inset: 0;
 z-index: 400;
 background: rgba(8, 24, 58, 0.45);
 display: flex;
 align-items: center;
 justify-content: center;
 padding: 1rem;
}

.so-wa-dialog {
 width: min(22rem, 100%);
 background: #fff;
 border: 1px solid #9db8d8;
 border-radius: 0.55rem;
 padding: 0.7rem 0.8rem 0.75rem;
 box-shadow: 0 12px 32px rgba(11, 31, 107, 0.28);
}

.so-wa-contacts { width: min(78rem, 96vw); }
.so-wa-custom { width: min(38rem, 96vw); }

.so-wa-dialog-head {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 0.6rem;
 font-weight: 800;
 color: #fff;
 text-transform: uppercase;
 letter-spacing: 0.03em;
 margin: -0.7rem -0.8rem 0.55rem;
 padding: 0.45rem 0.8rem;
 background: linear-gradient(180deg, #1e88e5, #0d47a1);
 border-radius: 0.5rem 0.5rem 0 0;
}

.so-wa-count {
 min-width: 1.6rem;
 padding: 0.05rem 0.4rem;
 border-radius: 0.7rem;
 background: rgba(255, 255, 255, 0.18);
 font-size: 0.75rem;
 text-align: center;
}

.so-wa-qr {
 display: block;
 width: min(16rem, 100%);
 height: auto;
 margin: 0 auto;
 background: #fff;
}

.so-wa-status {
 margin: 0.8rem 0;
 text-align: center;
 font-weight: 800;
 color: #1b5e20;
}

.so-wa-list {
 max-height: min(68dvh, 32rem);
 overflow: auto;
 border: 1px solid #d7e3f0;
}

.so-wa-list table {
 width: 100%;
 border-collapse: collapse;
 font-weight: 700;
 font-size: 0.72rem;
}

.so-wa-contacts .so-wa-list table { width: max-content; min-width: 100%; }
.so-wa-custom .so-wa-list table { table-layout: fixed; }
.so-wa-c-name { width: 16rem; }
.so-wa-c-id { width: 28rem; }
.so-wa-c-type { width: 5.5rem; }
.so-wa-c-mobile { width: auto; }
.so-wa-c-group { width: auto; }
.so-wa-c-act { width: 0.8rem; }

.so-test-line {
 display: flex;
 align-items: center;
 gap: 0.4rem;
}
.so-test-line .so-input { flex: 1 1 auto; min-width: 0; }
.so-test-line .so-btn { flex: 0 0 auto; margin-top: 0; }

.so-wa-contacts .so-wa-list th,
.so-wa-contacts .so-wa-list td {
 white-space: nowrap;
 word-break: normal;
}

.so-wa-list th, .so-wa-list td {
 padding: 0.16rem 0.4rem;
 border-bottom: 1px solid #e3eef9;
 text-align: left;
 vertical-align: middle;
}

.so-wa-list thead tr:first-child th {
 position: sticky;
 top: 0;
 z-index: 2;
 background: #0b1f6b;
 color: #fff;
 font-weight: 800;
 font-size: 0.7rem;
}

.so-wa-custom .so-input,
.so-wa-filter .so-input {
 min-height: 1.45rem;
 padding: 0.08rem 0.35rem;
 font-size: 0.72rem;
}

.so-wa-custom .so-wa-act {
 width: 0.8rem;
 max-width: 0.8rem;
 padding: 0;
 text-align: center;
 overflow: hidden;
}
.so-wa-x {
 width: 0.8rem;
 height: 0.8rem;
 border: 0;
 background: transparent;
 color: #c62828;
 cursor: pointer;
 padding: 0;
 line-height: 1;
}
.so-wa-x .bi { font-size: 0.8rem; font-weight: 400; }

.so-wa-dialog-foot {
 display: flex;
 justify-content: flex-end;
 margin-top: 0.55rem;
}

.so-check, .so-radio {
 display: flex;
 align-items: center;
 gap: 0.4rem;
 font-weight: 700;
 font-size: 0.88rem;
 color: #16325c;
 margin: 0.2rem 0;
 cursor: pointer;
}

.so-check input, .so-radio input {
 width: 1rem;
 height: 1rem;
 accent-color: #1565c0;
}

.so-hint {
 font-size: 0.78rem;
 color: #607d8b;
 font-weight: 700;
 margin-top: 0.25rem;
}

.so-row2 {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 0.55rem;
}

.so-map-row {
 display: grid;
 grid-template-columns: 8.5rem 5.5rem minmax(0, 1fr);
 gap: 0.4rem;
 align-items: center;
 margin-bottom: 0.28rem;
 font-size: 0.86rem;
}

.so-btn {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: 0.35rem;
 min-height: 2.35rem;
 padding: 0.35rem 0.9rem;
 border: none;
 border-radius: 0.5rem;
 font-family: inherit;
 font-weight: 800;
 font-size: 0.95rem;
 cursor: pointer;
}

.so-btn .bi { font-weight: 400; }
.so-btn-ok {
 color: #fff;
 background: linear-gradient(180deg, #43a047, #2e7d32);
 box-shadow: 0 4px 12px rgba(46, 125, 50, 0.25);
 margin-top: 0.45rem;
}
.so-btn-close {
 color: #fff;
 background: linear-gradient(180deg, #ef5350, #c62828);
 box-shadow: 0 4px 12px rgba(198, 40, 40, 0.22);
}

.so-footer {
 display: flex;
 justify-content: flex-end;
 gap: 0.5rem;
 margin-top: 0.75rem;
 padding-top: 0.55rem;
 border-top: 1px solid #d7e3f0;
}

.so-footer .so-btn { margin-top: 0; }

.so-msg {
 margin-top: 0.55rem;
 padding: 0.4rem 0.65rem;
 border-radius: 0.4rem;
 font-weight: 700;
}
.so-msg.ok { background: #e8f5e9; color: #1b5e20; border: 1px solid #a5d6a7; }
.so-msg.err { background: #ffebee; color: #b71c1c; border: 1px solid #ef9a9a; }

.so-sms-flags {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 0.15rem 0.75rem;
 padding-bottom: 0.45rem;
 border-bottom: 1px solid #d7e3f0;
 margin-bottom: 0.45rem;
}

.so-sms-mode {
 display: flex;
 gap: 1.25rem;
 margin-bottom: 0.5rem;
}

.so-tabs {
 display: flex;
 flex-wrap: wrap;
 gap: 0.25rem;
 margin-bottom: 0.55rem;
 border-bottom: 1px solid #c5d7ea;
 padding-bottom: 0.35rem;
}

.so-tab {
 display: inline-flex;
 align-items: center;
 gap: 0.3rem;
 border: 1px solid transparent;
 border-radius: 0.4rem 0.4rem 0 0;
 background: transparent;
 color: #1565c0;
 font-family: inherit;
 font-weight: 800;
 font-size: 0.86rem;
 padding: 0.35rem 0.7rem;
 cursor: pointer;
}

.so-tab .bi { font-weight: 400; }
.so-tab:hover { background: #eef6ff; }
.so-tab.is-on {
 background: #fff;
 border-color: #c5d7ea;
 border-bottom-color: #fff;
 color: #0b1f6b;
 box-shadow: 0 -1px 0 #fff;
}

.so-sms-cols {
 display: grid;
 grid-template-columns: 1.25fr 0.9fr;
 gap: 0.65rem;
}

.so-soon p {
 margin: 0.5rem 0 0;
 color: #546e7a;
 font-weight: 700;
}

.so-check-grid {
 display: grid;
 grid-template-columns: repeat(3, minmax(0, 1fr));
 gap: 0.15rem 0.85rem;
}

.so-field-grid {
 display: grid;
 grid-template-columns: repeat(3, minmax(0, 1fr));
 gap: 0.45rem 0.75rem;
}

.so-field { min-width: 0; }

@media (max-width: 1200px) {
 .so-check-grid, .so-field-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 960px) {
 .so-check-grid, .so-field-grid { grid-template-columns: 1fr; }
}

@media (max-width: 1200px) {
 .so-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 960px) {
 .so-page { height: auto; overflow: visible; }
 .so-shell { grid-template-columns: 1fr; align-items: start; }
 .so-main { overflow: visible; }
 .so-nav {
  flex-direction: row;
  flex-wrap: wrap;
  order: -1;
  position: static;
  max-height: none;
 }
 .so-nav-btn { min-width: 5.5rem; flex: 1 1 auto; }
 .so-grid, .so-sms-cols, .so-sms-flags, .so-row2 { grid-template-columns: 1fr; }
 .so-caption p { margin-left: 0; width: 100%; }
}