/* JK signature palette. First-layer important colors override legacy blue
   declarations while leaving sizing, financial status colors and print intact. */
@layer jk-signature-colors {
 @media screen {
  :root,html[data-jk-simple],body {
   --nav:#182e2a!important;--nav2:#24433b!important;--blue:#23634f!important;
   --gold:#bc965b!important;--text:#293b34!important;--muted:#687262!important;
   --line:#e0e2d8!important;--bg:#f3f2ec!important;
   --jk-ink:#293b34!important;--jk-muted:#687262!important;--jk-line:#e0e2d8!important;
   --jk-canvas:#f3f2ec!important;--jk-primary:#23634f!important;
  }
  body,body > main,body > main > .page {background:#f3f2ec!important;color:#293b34!important;}
  body > .sidebar {background:linear-gradient(165deg,#213c33 0%,#142a24 100%)!important;border-right:1px solid #304b3d!important;box-shadow:none!important;}
  body .sidebar :is(.brand,.sidebar-foot) {border-color:#3b5142!important;}
  body .sidebar .brand :is(b,strong,h2) {color:#faf4e6!important;}
  body .sidebar :is(.brand small,.brand span) {color:#c8c4aa!important;background:transparent!important;}
  body .sidebar .nav-item {color:#c5d0c5!important;background:transparent!important;}
  body .sidebar .nav-item:hover {background:#304a3e!important;color:#fff9ed!important;}
  body .sidebar .nav-item.active {background:#d7bd85!important;color:#233a2b!important;border-color:#d7bd85!important;box-shadow:inset 3px 0 #f8e7b7!important;}
  body .sidebar .nav-submenu-item {color:#bacabd!important;background:transparent!important;}
  body .sidebar .nav-submenu-item.active {background:#345244!important;color:#fff4d6!important;}
  body > main > header {background:#fcfbf7!important;border-bottom-color:#e0e2d8!important;box-shadow:0 2px 12px #293b3405!important;}
  body :is(#page-title,.page-toolbar h2,.panel-title h2,.list-head h2) {color:#293b34!important;}
  body #workspace-tabs {background:#eeeee5!important;border-color:#e0e2d8!important;}
  body #workspace-tabs > button {color:#72796b!important;background:transparent!important;}
  body #workspace-tabs > button.active {color:#23634f!important;background:#fcfbf7!important;border-color:#d5dbce!important;border-top-color:#b79b61!important;}
  body .page :is(.panel,.list-panel,.customer-panel,.settings-card,.report-chart-panel,.report-table-panel,.inventory-metrics > article,.sub-metrics > article,.report-kpi-modern > article,.contact-summary > article) {background:#fffefa!important;border-color:#e0e2d8!important;}
  body :is(.panel-title,.list-head,.contact-table-wrap th,.page table th,.purchase-table-head,.sales-compact-head,.supplier-picker-table-head) {background:#eeeee5!important;color:#596751!important;border-color:#e0e2d8!important;}
  body .page :is(.filters,.inventory-command-bar,.report-filter-bar,.expense-list-toolbar,.finance-filter-bar) {background:#f7f6f0!important;border-color:#e0e2d8!important;}
  body :is(.page,.modal-card,.product-edit-card,.stocktake-card) :is(input,select,textarea) {background:#fffefa!important;color:#293b34!important;border-color:#d6dcd0!important;accent-color:#23634f;}
  body :is(input,select,textarea):focus-visible,body button:focus-visible {outline:2px solid #927236!important;outline-offset:2px!important;box-shadow:0 0 0 3px #bc965b20!important;}
  body :is(.page,.modal-card,.product-edit-card,.stocktake-card) :is(button.primary,button[type="submit"],#submit-sales-order,#purchase-preview-confirm,#new-inventory-product,#finance-register,#add-delivery-order,#apply-report-filter,.inventory-quick-confirm,.purchase-new-main) {background:#23634f!important;color:#fffefa!important;border-color:#23634f!important;box-shadow:0 2px 5px #173f3014!important;}
  body :is(.page,.modal-card) :is(button.primary,button[type="submit"]):hover {background:#194d3d!important;border-color:#194d3d!important;}
  body :is(.page,.modal-card) :is(button.secondary,.tabs button,.inventory-quick-tabs button,.report-analysis-menu button) {background:#fffefa!important;color:#53634c!important;border-color:#d6dcd0!important;}
  body :is(.tabs,.inventory-quick-tabs,.report-analysis-menu) button.active,body .page button[aria-selected="true"] {background:#e6eddf!important;color:#205c44!important;border-color:#a9bea2!important;}
  body .page :is(.customer-order-link,.partner-total-link,.inventory-flow-document,.text-btn,.payment-proof-link,a) {color:#23634f!important;}
  body :is(.modal-card,.product-edit-card,.stocktake-card) {background:#fcfbf7!important;border-color:#dce0d2!important;}
  body :is(.modal-head,.product-edit-head,.stocktake-head) {background:#203d32!important;background-image:none!important;color:#fff4df!important;border-color:#385447!important;}
  body :is(.modal-head,.product-edit-head,.stocktake-head) :is(h2,h3,small,span,button) {color:#fff4df!important;}
  body :is(.modal-head,.product-edit-head,.stocktake-head) button {background:#ffffff0c!important;border-color:#ffffff30!important;}
  body .page :is(.jk-module-fold,.jk-create-fold) > summary,body .page .report-cost-notice {background:#eeeee5!important;color:#596751!important;border-color:#e0e2d8!important;}
  body .page :is(.inventory-mobile-search,.jk-ui-mode,.header-actions > button) {background:#fffefa!important;border-color:#d6dcd0!important;color:#53634c!important;}
  body #inventory #product-body > tr.product-row {background:#fffefa!important;border-color:#e0e2d8!important;}
  body .page table tbody tr:hover {background:#edf1e6!important;}
  body .page :is(.blue-text,.neutral) {color:#23634f!important;}
  body .page :is(.lg.blue,.metric-icon.blue) {background:#e6eddf!important;color:#23634f!important;}
  body .page :is(.tag,.pill.pending) {background:#eef0e2!important;border-color:#d7dcc5!important;color:#696333!important;}
  body .report-chart-panel .sales-line {stroke:#23634f!important;}
  body .report-chart-panel .income-line {stroke:#8a9e70!important;}
  body .report-chart-panel .profit-line {stroke:#ac8243!important;}
 }
}
/* This first layer owns important compact-layout rules so desktop visual
   overrides cannot reintroduce fixed columns on phones or split screens. */
@layer jk-device-fit {
 @media screen {
  body #invoice-contact-modal .sales-edit-card {display:flex!important;flex-direction:column!important;width:min(1280px,96vw)!important;max-width:96vw!important;max-height:94dvh!important;overflow:hidden!important;padding:0!important;}
  body #invoice-contact-modal .modal-head {flex:0 0 auto!important;margin:0!important;padding:16px 20px!important;}
  body #invoice-contact-form {overflow-y:auto!important;overflow-x:hidden!important;min-height:0!important;padding:18px!important;box-sizing:border-box!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  body #invoice-contact-form > .wide {grid-column:1/-1!important;min-width:0!important;}
  body #invoice-contact-modal .sales-edit-items-head {display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;}
  body #invoice-contact-modal .sales-edit-items-head > div {display:flex!important;gap:8px!important;flex-wrap:wrap!important;}
  body #invoice-contact-modal .jk-editor-columns {display:none!important;}
  body #invoice-contact-modal .sales-edit-items-head #add-invoice-item {display:inline-flex!important;width:auto!important;min-width:120px!important;white-space:nowrap!important;}
  body #invoice-contact-modal .sales-edit-item {display:grid!important;grid-template-columns:28px minmax(160px,2.4fr) minmax(120px,1.4fr) 58px 70px 95px 36px!important;gap:8px!important;align-items:center!important;padding:10px!important;}
  body #invoice-contact-modal .sales-edit-item input {min-width:0!important;width:100%!important;box-sizing:border-box!important;}
  body #invoice-contact-modal .modal-actions {position:sticky!important;bottom:-18px!important;display:flex!important;justify-content:flex-end!important;flex-wrap:wrap!important;gap:8px!important;background:#fffefa!important;padding:14px 0!important;margin:0!important;width:100%!important;box-sizing:border-box!important;z-index:4!important;}
  body #invoice-contact-modal .modal-actions button {width:auto!important;max-width:100%!important;white-space:normal!important;height:auto!important;min-height:42px!important;}
  body #invoice-contact-modal .invoice-edit-expense {padding:14px!important;border:1px solid var(--jk-line)!important;border-radius:8px!important;}
  body #invoice-contact-modal .invoice-edit-expense > small {display:block!important;margin:6px 0 12px!important;color:var(--jk-muted)!important;}
  body #invoice-contact-modal .invoice-edit-expense-grid {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;}
  body #invoice-contact-modal .invoice-edit-expense-grid label {display:flex!important;flex-direction:column!important;gap:6px!important;min-width:0!important;}
 }
 @media screen and (max-width:760px) {
  body #invoice-contact-form {grid-template-columns:minmax(0,1fr)!important;padding:12px!important;}
  body #invoice-contact-modal .sales-edit-item {grid-template-columns:28px minmax(0,1fr) 36px!important;}
  body #invoice-contact-modal .sales-edit-item [data-edit-item="product"],body #invoice-contact-modal .sales-edit-item [data-edit-item="specification"] {grid-column:2!important;}
  body #invoice-contact-modal .invoice-edit-expense-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 }
 @media screen {
  body #purchase #purchase-expense-panel {padding:18px!important;margin:16px 0!important;border:1px solid var(--jk-line)!important;border-radius:10px!important;}
  body #purchase #purchase-expense-panel > b {display:block!important;font-size:15px!important;}
  body #purchase #purchase-expense-panel > p {margin:6px 0 16px!important;font-size:12px!important;color:var(--jk-muted)!important;}
  body #purchase #purchase-expense-panel .purchase-expense-grid {display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px 18px!important;align-items:start!important;}
  body #purchase #purchase-expense-panel .purchase-expense-grid > label {display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:7px!important;min-width:0!important;width:100%!important;margin:0!important;font-size:12px!important;}
  body #purchase #purchase-expense-panel :is(input,select) {display:block!important;min-width:0!important;width:100%!important;height:42px!important;box-sizing:border-box!important;padding:8px 10px!important;border-radius:7px!important;}
 }
 @media screen and (max-width:760px) {
  body #purchase #purchase-expense-panel .purchase-expense-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 }
 @media screen and (max-width:430px) {
  body #purchase #purchase-expense-panel .purchase-expense-grid {grid-template-columns:minmax(0,1fr)!important;}
 }
 @media screen and (max-width:1100px) {
  body #inventory #product-body > tr.product-row {height:auto!important;min-height:0!important;grid-template-rows:none!important;grid-auto-rows:auto!important;}
  body #inventory #product-body > tr.product-row > td {height:auto!important;min-height:0!important;max-height:none!important;position:static!important;text-align:left!important;}
  body #inventory #product-body > tr.product-row > td::before {display:block!important;font-size:11px!important;color:#64748b!important;margin-bottom:4px!important;}
  body #inventory #product-body > tr.product-row > td:nth-child(2)::before {content:"商品编号"!important;}
  body #inventory #product-body > tr.product-row > td:nth-child(3)::before {content:"分类 / 品牌"!important;}
  body #inventory #product-body > tr.product-row > td:nth-child(4)::before {content:"库存"!important;}
  body #inventory #product-body > tr.product-row > td:nth-child(5)::before {content:"进货价"!important;}
  body #inventory #product-body > tr.product-row > td:nth-child(6)::before {content:"批发价"!important;}
  body #inventory #product-body > tr.product-row > td:nth-child(7)::before {content:"零售价"!important;}
  body #inventory #product-body > tr.product-row > td:nth-child(8)::before {content:"状态"!important;}
  html[data-jk-simple="true"] body #inventory #product-body > tr.product-row > td:is(:nth-child(2),:nth-child(6)) {display:none!important;}
  html,body {min-width:0!important;width:100%!important;max-width:100%!important;}
  body > main {margin-left:0!important;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;}
  body > .sidebar {position:fixed!important;inset:0 auto 0 0!important;width:min(280px,85vw)!important;height:100dvh!important;transform:translateX(-105%)!important;z-index:1000!important;overflow-y:auto!important;padding-bottom:env(safe-area-inset-bottom)!important;}
  body.mobile-nav-open > .sidebar {transform:translateX(0)!important;}
  body #mobile-nav-backdrop:not(.hidden) {display:block!important;position:fixed!important;inset:0!important;background:#07101d99!important;z-index:999!important;}
  body #mobile-menu-toggle {display:grid!important;place-items:center!important;flex:0 0 40px!important;width:40px!important;height:40px!important;}
  body > main > header {display:flex!important;flex-wrap:wrap!important;gap:8px!important;padding:10px max(12px,env(safe-area-inset-right)) 10px max(12px,env(safe-area-inset-left))!important;min-width:0!important;height:auto!important;}
  body > main > header > div:first-of-type {flex:1 1 120px!important;min-width:0!important;}
  body #page-title {font-size:18px!important;white-space:normal!important;overflow-wrap:anywhere!important;}
  body .header-actions {display:flex!important;flex-wrap:wrap!important;gap:6px!important;min-width:0!important;margin-left:auto!important;}
  body .workspace-tabs {max-width:100%!important;min-width:0!important;overflow-x:auto!important;}
  body > main > .page {min-width:0!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important;padding:12px max(12px,env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important;}
  body #inventory .inventory-command-bar {display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;width:100%!important;min-width:0!important;max-width:100%!important;}
  body #inventory .inventory-command-bar > div:first-child:not(.inventory-primary-actions) {display:none!important;}
  body #inventory .inventory-command-bar > :is(.inventory-quick-tabs,.inventory-primary-actions,.inventory-mobile-search,.inventory-toolbar-selects) {grid-column:1!important;grid-row:auto!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;margin:0!important;}
  body #inventory .inventory-quick-tabs {display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;}
  body #inventory .inventory-primary-actions {display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;gap:8px!important;}
  body #inventory .inventory-primary-actions > * {min-width:0!important;max-width:100%!important;}
  body #inventory .inventory-primary-actions button {min-height:42px!important;height:auto!important;white-space:normal!important;}
  body #inventory .inventory-mobile-search {display:flex!important;height:44px!important;}
  body #inventory .inventory-toolbar-selects {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
  body #inventory .inventory-toolbar-selects select {min-width:0!important;width:100%!important;min-height:44px!important;}
  body #inventory .inventory-metrics {display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;}
  body #inventory .inventory-metrics > article {min-width:0!important;padding:12px!important;}
  body #inventory .inventory-metrics > article:last-child {grid-column:1/-1!important;}
  body #inventory .inventory-metrics :is(b,strong) {font-size:22px!important;overflow-wrap:anywhere!important;}
  body #inventory :is(.inventory-workspace-r817,.inventory-list-r817,.contact-table-wrap) {width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;}
  body #inventory .inventory-workspace-r817 {display:block!important;}
  body #inventory .inventory-pagination {display:flex!important;flex-wrap:wrap!important;gap:10px!important;height:auto!important;min-width:0!important;}
  body #inventory .inventory-pagination-controls {display:flex!important;flex-wrap:wrap!important;gap:6px!important;min-width:0!important;max-width:100%!important;}
  body #inventory .inventory-list-r817 > .customer-footer {display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;height:auto!important;min-height:0!important;align-items:stretch!important;min-width:0!important;max-width:100%!important;gap:10px!important;box-sizing:border-box!important;}
  body #inventory .inventory-list-r817 > .customer-footer > * {min-width:0!important;max-width:100%!important;box-sizing:border-box!important;}
  body #inventory .inventory-pagination-controls button {min-height:40px!important;min-width:0!important;}
  body #inventory .contact-table-wrap > table {display:block!important;min-width:0!important;width:100%!important;table-layout:auto!important;}
  body #inventory .contact-table-wrap > table > thead {display:none!important;}
  body #inventory #product-body {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;min-width:0!important;}
  body #inventory #product-body > tr.product-row {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px 12px!important;min-width:0!important;width:100%!important;max-width:100%!important;margin:0!important;padding:12px!important;box-sizing:border-box!important;border:1px solid #d7e0eb!important;border-radius:10px!important;background:#fff!important;}
  body #inventory #product-body > tr.product-row > td {display:block!important;grid-column:auto!important;min-width:0!important;width:auto!important;padding:6px 0!important;white-space:normal!important;overflow-wrap:anywhere!important;}
  body #inventory #product-body > tr.product-row > td:first-child,body #inventory #product-body > tr.product-row > td:last-child {grid-column:1/-1!important;}
  body #inventory .inventory-product-cell-r817 {min-width:0!important;max-width:100%!important;}
  body #inventory .inventory-product-cell-r817 > div {min-width:0!important;}
  body #inventory .inventory-product-cell-r817 :is(b,small) {white-space:normal!important;overflow-wrap:anywhere!important;}
 }
 @media screen and (max-width:639px) {
  body #inventory .inventory-quick-tabs {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body #inventory .inventory-quick-tabs button {min-width:0!important;min-height:40px!important;white-space:normal!important;}
  body #inventory .inventory-metrics {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body #inventory #product-body {grid-template-columns:minmax(0,1fr)!important;}
  body #inventory .inventory-primary-actions {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body #inventory .inventory-primary-actions > *,body #inventory .inventory-primary-actions > button {width:100%!important;grid-column:auto!important;}
  body #inventory .inventory-pagination-controls {width:100%!important;}
  body #inventory .inventory-pagination-controls label {flex-basis:100%!important;}
  body #inventory .inventory-pagination-controls :is(button,span) {flex:1!important;text-align:center!important;}
 }
}
/* Workspace styles, consolidated in their original cascade order. */
@layer jk-visual-system {
 @media screen {
  html[data-jk-simple="true"] body :is(#sales,#purchase) .jk-sequence-add {display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-height:32px!important;height:32px!important;padding:4px 10px!important;margin:8px 0 0 0!important;font-size:12px!important;line-height:20px!important;border-style:dashed!important;}
  html[data-jk-simple="true"] body #sales #sales-create-area .sales-products-card .sales-products-scroll {border:0!important;border-radius:0!important;padding-bottom:0!important;}
  html[data-jk-simple="true"] body #sales .sales-products-scroll > table {border:1px solid #d7e0eb!important;border-radius:6px!important;overflow:hidden!important;}
  html[data-jk-simple="true"] body #sales #order-body > .jk-five-row > td:nth-child(2) .searchable-select {max-width:560px!important;margin-inline:0!important;}
  html[data-jk-simple="true"] body #sales #order-body [data-order-qty] {max-width:88px!important;margin-inline:auto!important;display:block!important;}
  html[data-jk-simple="true"] body #sales #order-body .customer-price-pair:not(.quote-active) {max-width:160px!important;margin-inline:auto!important;}
 }
}
/* One outer form surface; inner sections use spacing rather than nested frames. */
@layer jk-visual-system {
 @media screen {
  html[data-jk-simple="true"] body #sales #sales-create-area .sales-order-customer-card {border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;}
  html[data-jk-simple="true"] body #sales #sales-create-area .sales-order-bottom {grid-template-columns:minmax(0,1fr) 360px!important;gap:24px!important;margin-top:24px!important;align-items:start!important;}
  html[data-jk-simple="true"] body #sales #sales-create-area .sales-order-bottom > .note {border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;padding:0!important;}
  html[data-jk-simple="true"] body #sales #sales-create-area .sales-order-bottom > .totals {border:1px solid #e2e8f0!important;border-radius:8px!important;box-shadow:none!important;background:#f8fafc!important;padding:16px!important;}
  html[data-jk-simple="true"] body #sales #sales-create-area .totals > p {padding:10px 0!important;margin:0!important;gap:12px!important;align-items:center!important;}
  html[data-jk-simple="true"] body #sales #sales-create-area .totals .payment-input {display:flex!important;gap:8px!important;align-items:center!important;min-width:0!important;}
  html[data-jk-simple="true"] body #sales #sales-create-area .totals .payment-input input {width:116px!important;min-width:0!important;}
  html[data-jk-simple="true"] body #sales #sales-create-area .totals .due {font-size:14px!important;}
  html[data-jk-simple="true"] body #sales #sales-create-area #sales-due {font-size:20px!important;font-variant-numeric:tabular-nums!important;}
  html[data-jk-simple="true"] body #sales #sales-create-area .sales-note-head {margin-bottom:10px!important;gap:12px!important;align-items:center!important;}
  html[data-jk-simple="true"] body #sales #sales-create-area #sales-order-note {height:80px!important;min-height:80px!important;resize:vertical!important;}
  html[data-jk-simple="true"] body #sales #sales-create-area .jk-create-fold {border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;}
  html[data-jk-simple="true"] body #sales #sales-create-area .sales-products-card {box-shadow:none!important;border:0!important;padding:0!important;}
  html[data-jk-simple="true"] body #sales #sales-create-area .sales-products-scroll {border:1px solid #d7e0eb!important;border-radius:6px!important;}
 }
 @media screen and (max-width:900px) {
  html[data-jk-simple="true"] body #sales #sales-create-area .sales-order-bottom {grid-template-columns:minmax(0,1fr)!important;gap:16px!important;}
 }
}
.jk-record-pagination {display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin:10px 0;padding:8px 0;font-size:12px;color:#64748b;}
.jk-record-pagination > span {margin-right:auto;}
.jk-record-pagination label {display:flex;align-items:center;gap:6px;margin:0;}
.jk-record-pagination select {width:78px;}
.jk-record-pagination b {font-weight:400;white-space:nowrap;}
@media(max-width:600px){.jk-record-pagination > span {flex-basis:100%;}}
@layer jk-visual-system {
 @media screen {
  /* The expanded list scrolls with the page; only horizontal scrolling is local. */
  html[data-jk-simple="true"] #sales .sales-record-column {overscroll-behavior-y:auto!important;}
 }
}
@layer jk-visual-system {
 @media screen {
  html[data-jk-simple="true"] body :is(#sales .sales-create-actions,#purchase .purchase-preview-actions) {position:sticky!important;bottom:0!important;z-index:8!important;background:#fff!important;border-top:1px solid var(--jk-line)!important;padding:12px 0!important;gap:8px!important;flex-wrap:wrap!important;box-shadow:0 -4px 12px #172b4d08!important;}
  html[data-jk-simple="true"] .jk-entry-keyboard-hint {margin-right:auto!important;color:var(--jk-muted)!important;font-size:12px!important;}
  html[data-jk-simple="true"] body :is(#sales .sales-create-actions,#purchase .purchase-preview-actions).jk-entry-actions-fixed {position:fixed!important;left:var(--jk-entry-left)!important;width:var(--jk-entry-width)!important;box-sizing:border-box!important;padding-left:12px!important;padding-right:12px!important;}
 }
 @media screen and (max-width:600px) {
  html[data-jk-simple="true"] .jk-entry-keyboard-hint {display:none!important;}
  html[data-jk-simple="true"] body :is(#sales .sales-create-actions,#purchase .purchase-preview-actions) {padding:10px 0!important;}
 }
}
@layer jk-visual-system {
 @media screen and (max-width:600px) {
  html[data-jk-simple="true"] body .page :is(.inventory-primary-actions,.inventory-row-actions,.sales-compact-actions,.customer-panel,.delivery-list-panel) button {min-height:40px!important;height:auto!important;padding-top:9px!important;padding-bottom:9px!important;}
  html[data-jk-simple="true"] body .page .inventory-primary-actions {gap:8px!important;flex-wrap:wrap!important;}
  html[data-jk-simple="true"] body .page :is(.sub-metrics,.contact-summary,.inventory-metrics,.report-kpi-modern,.dashboard-profit-grid) > article:last-child:nth-child(odd) {grid-column:1/-1!important;}
  html[data-jk-simple="true"] body .page :is(.sub-metrics,.contact-summary,.inventory-metrics,.report-kpi-modern,.dashboard-profit-grid) > article {min-width:0!important;box-sizing:border-box!important;overflow-wrap:anywhere!important;}
 }
}
/* Calm card surfaces and a consistent, accessible action hierarchy. */
@layer jk-visual-system {
 @media screen {
  html[data-jk-simple="true"] body .page :is(.panel,.list-panel,.customer-panel,.delivery-list-panel,.finance-customer-list,.report-chart-panel,.report-table-panel,.settings-card) {border:1px solid var(--jk-line)!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important;}
  html[data-jk-simple="true"] body .page :is(.sub-metrics,.contact-summary,.inventory-metrics,.report-kpi-modern,.dashboard-profit-grid) > article {padding:12px 14px!important;min-height:72px!important;border-radius:8px!important;box-shadow:none!important;background:#fff!important;}
  html[data-jk-simple="true"] body .page :is(.sub-metrics,.contact-summary,.inventory-metrics,.report-kpi-modern,.dashboard-profit-grid) > article > :is(b,strong) {font-variant-numeric:tabular-nums!important;letter-spacing:0!important;}
  html[data-jk-simple="true"] body .page button {transition:background-color .12s,border-color .12s,color .12s!important;}
  html[data-jk-simple="true"] body .page button:not(:disabled):not(.primary):not([type="submit"]):hover {background:#f1f5f9!important;border-color:#aabbd0!important;}
  html[data-jk-simple="true"] body .page :is(button.primary,button[type="submit"],#submit-sales-order,.purchase-new-main,#new-inventory-product,#finance-register,#add-delivery-order,#apply-report-filter,.inventory-quick-confirm):not(:disabled):hover {background:#1d4ed8!important;border-color:#1d4ed8!important;color:#fff!important;}
  html[data-jk-simple="true"] body .page button:is(.danger,.product-delete-btn,.sales-delete-btn,[data-remove-trade-in]) {color:#b42318!important;background:#fff!important;border-color:#f0cdc9!important;}
  html[data-jk-simple="true"] body .page button:is(.danger,.product-delete-btn,.sales-delete-btn,[data-remove-trade-in]):not(:disabled):hover {background:#fff1f0!important;border-color:#e8aaa4!important;}
  html[data-jk-simple="true"] body .page button:disabled {opacity:.5!important;cursor:not-allowed!important;box-shadow:none!important;}
  html[data-jk-simple="true"] body .page :is(button,summary):focus-visible {outline:2px solid #2563eb!important;outline-offset:3px!important;}
  html[data-jk-simple="true"] body .page :is(.jk-create-fold,.jk-module-fold) > summary {background:#f8fafc!important;border:1px solid var(--jk-line)!important;padding:8px 12px!important;}
  html[data-jk-simple="true"] body .page :is(.jk-create-fold,.jk-module-fold)[open] > summary {background:#edf3ff!important;color:#1d4ed8!important;border-color:#b7cdfb!important;}
 }
 @media (prefers-reduced-motion:reduce) {
  html[data-jk-simple="true"] body .page button {transition:none!important;}
 }
}
@layer jk-visual-system {
 @media screen {
  html[data-jk-simple="true"] :is(#sales,#purchase) .jk-sequence-add {position:static!important;margin:8px 0 8px 8px!important;}
  html[data-jk-simple="true"] #sales .sales-products-card thead th:first-child,
  html[data-jk-simple="true"] #purchase .purchase-table-head > span:first-child {font-size:12px!important;color:#64748b!important;}
 }
}
@layer jk-visual-system {
 @media screen {
  html[data-jk-simple="true"] .page [data-jk-column-align="center"] {text-align:center!important;vertical-align:middle!important;}
  html[data-jk-simple="true"] .page [data-jk-column-align="left"] {text-align:left!important;vertical-align:middle!important;}
  html[data-jk-simple="true"] #purchase .purchase-table-head > span {text-align:center!important;}
  html[data-jk-simple="true"] #purchase .purchase-draft-row > span:is(:nth-child(5),:nth-child(7),:nth-child(8)) {text-align:center!important;}
  html[data-jk-simple="true"] #purchase .purchase-draft-row [data-purchase-qty] {text-align:center!important;}
  html[data-jk-simple="true"] #purchase .purchase-draft-row [data-purchase-draft-subtotal] {display:block!important;width:100%!important;text-align:center!important;}
  html[data-jk-simple="true"] .page td[data-jk-column-align="center"] > :is(.row-actions,.actions,.button-group) {justify-content:center!important;gap:6px!important;flex-wrap:wrap!important;}
 }
}
@layer jk-visual-system {
 @media screen {
  html[data-jk-simple="true"] #sales .sales-products-card :is(thead tr,#order-body > .jk-five-row) {grid-template-columns:44px minmax(230px,1fr) minmax(85px,.2fr) minmax(125px,.3fr) minmax(130px,.3fr) 82px!important;}
  html[data-jk-simple="true"] #sales .sales-products-card thead th:is(:nth-child(2),:nth-child(5),:nth-child(6),:nth-child(7),:nth-child(9)) {text-align:center!important;}
  html[data-jk-simple="true"] #sales #order-body > .jk-five-row > td:nth-child(7) {text-align:center!important;}
 }
}

/* jk-sidebar-display-fix */
@media screen {
/* JK sidebar display patch 3. Keeps navigation scrollable. */
.sidebar, .sidebar #nav {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
.sidebar::-webkit-scrollbar, .sidebar #nav::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}
.sidebar #nav {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-gutter: auto !important;
  min-height: 0 !important;
}
.sidebar .brand-version {
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
  line-height: 1.4 !important;
}
@media (min-width: 901px) {
  .sidebar {
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box;
    height: 100vh !important;
    height: 100dvh !important;
    overflow: hidden !important;
    padding: 12px 10px !important;
  }
  .sidebar .brand {
    flex: 0 0 auto !important;
    min-height: 56px !important;
    padding: 0 4px 12px !important;
    margin-bottom: 10px !important;
    gap: 10px !important;
  }
  .sidebar .brand > div:last-child { min-width: 0; }
  .sidebar .brand-mark {
    width: 44px !important;
    height: 44px !important;
    flex: 0 0 44px !important;
  }
  .sidebar .brand-mark img { width: 100%; height: 100%; object-fit: contain; }
  .sidebar .brand b { font-size: 16px !important; }
  .sidebar .brand-version { font-size: 10px !important; margin-top: 4px; }
  .sidebar #nav {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    padding: 0 !important;
  }
  .sidebar #nav > * { flex-shrink: 0 !important; }
  .sidebar #nav .nav-item {
    box-sizing: border-box !important;
    min-height: 42px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    border-radius: 9px !important;
    font-size: 14px !important;
    line-height: 22px !important;
  }
  .sidebar #nav .nav-submenu-item {
    min-height: 34px !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    font-size: 13px !important;
  }
  .sidebar .sidebar-foot {
    flex: 0 0 auto !important;
    margin-top: 10px !important;
    padding: 12px !important;
    font-size: 14px !important;
  }
}

}


/* jk-purchase-responsive */
@media screen {
/* Purchase layout responds to its available content width, including zoom. */
body #purchase { container-type: inline-size; container-name: jk-purchase; min-width: 0; }
body #purchase [data-purchase-panel="create"] {
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  min-width: 0 !important;
}
body #purchase [data-purchase-panel="create"] > .purchase-create-return { grid-column: 2 !important; }
body #purchase [data-purchase-panel="create"] > .purchase-ai-strip > .purchase-ai-entry {
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  max-width: 100% !important;
}
body #purchase .purchase-preview-grid > *,
body #purchase .purchase-preview-bottom > * { min-width: 0 !important; }
body #purchase .purchase-form-compact.is-collapsed .purchase-preview-grid {
  grid-template-columns: minmax(0, 1fr) minmax(160px, .35fr) auto !important;
}
body #purchase .purchase-table-head,
body #purchase .purchase-draft-row {
  grid-template-columns: 28px minmax(180px, 2.4fr) minmax(100px, 1.2fr) minmax(58px,.6fr) minmax(66px,.65fr) minmax(86px,.85fr) minmax(94px,.9fr) 54px !important;
  min-width: 0 !important;
  width: 100% !important;
  gap: clamp(5px, .65cqi, 12px) !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
  box-sizing: border-box !important;
  font-size: clamp(12px, .95cqi, 14px) !important;
}
body #purchase .purchase-table-head { height: auto !important; min-height: 36px !important; }
body #purchase .purchase-draft-row:not(.purchase-draft-add-row) { height: auto !important; min-height: 46px !important; }
body #purchase .purchase-draft-row > span { white-space: normal !important; overflow-wrap: anywhere; }
body #purchase .purchase-draft-row input,
body #purchase .purchase-draft-row select {
  min-width: 0 !important;
  max-width: 100% !important;
  height: 34px !important;
  font-size: inherit !important;
  padding-left: 7px !important;
  padding-right: 7px !important;
}
body #purchase .purchase-preview-bottom {
  grid-template-columns: minmax(0,1.3fr) minmax(260px,1fr) !important;
}
@container jk-purchase (max-width: 1000px) {
  body #purchase .purchase-preview-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  body #purchase .purchase-form-compact.is-collapsed .purchase-preview-grid { grid-template-columns: minmax(0,1fr) minmax(160px,.65fr) !important; }
  body #purchase .purchase-info-actions { grid-column: 1 / -1 !important; }
}
@container jk-purchase (max-width: 820px) {
  body #purchase .purchase-table-head { display: none !important; }
  body #purchase .purchase-draft-row:not(.purchase-draft-add-row) {
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    gap: 10px !important;
    padding: 12px !important;
    border-bottom: 1px solid #dce7f2;
    align-items: start !important;
  }
  body #purchase .purchase-draft-row:not(.purchase-draft-add-row) > span {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    text-align: left !important;
    gap: 4px !important;
    overflow: visible !important;
  }
  body #purchase .purchase-draft-row:not(.purchase-draft-add-row) > span:nth-child(1) { grid-column: 1 !important; }
  body #purchase .purchase-draft-row:not(.purchase-draft-add-row) > span:nth-child(2) { grid-column: 2 / -1 !important; }
  body #purchase .purchase-draft-row:not(.purchase-draft-add-row) > span:nth-child(3) { grid-column: span 2 !important; }
  body #purchase .purchase-draft-row:not(.purchase-draft-add-row) > span:nth-child(4) { grid-column: span 2 !important; }
  body #purchase .purchase-draft-row:not(.purchase-draft-add-row) > span::before { color: #64809e; font-size: 11px; font-weight: 500; }
  body #purchase .purchase-draft-row:not(.purchase-draft-add-row) > span:nth-child(1)::before { content: '序号'; }
  body #purchase .purchase-draft-row:not(.purchase-draft-add-row) > span:nth-child(2)::before { content: '商品（双击选择）'; }
  body #purchase .purchase-draft-row:not(.purchase-draft-add-row) > span:nth-child(3)::before { content: '规格 / 编号'; }
  body #purchase .purchase-draft-row:not(.purchase-draft-add-row) > span:nth-child(4)::before { content: '当前库存'; }
  body #purchase .purchase-draft-row:not(.purchase-draft-add-row) > span:nth-child(5)::before { content: '进货数量'; }
  body #purchase .purchase-draft-row:not(.purchase-draft-add-row) > span:nth-child(6)::before { content: '进货单价'; }
  body #purchase .purchase-draft-row:not(.purchase-draft-add-row) > span:nth-child(7)::before { content: '小计'; }
  body #purchase .purchase-draft-row:not(.purchase-draft-add-row) > span:nth-child(8)::before { content: '操作'; }
  body #purchase .purchase-draft-add-row { grid-template-columns: 28px minmax(0,1fr) !important; }
  body #purchase .purchase-draft-add-row > span:nth-child(n+3) { display: none !important; }
  body #purchase .purchase-preview-bottom { grid-template-columns: minmax(0,1fr) !important; }
}
@container jk-purchase (max-width: 600px) {
  body #purchase [data-purchase-panel="create"] { grid-template-columns: minmax(0,1fr) !important; }
  body #purchase [data-purchase-panel="create"] > .purchase-create-return { grid-column: 1 !important; justify-self: end !important; }
  body #purchase [data-purchase-panel="create"] > .purchase-ai-strip > .purchase-ai-entry { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  body #purchase .purchase-ai-entry input { grid-column: 1 / -1 !important; }
  body #purchase .purchase-preview-grid,
  body #purchase .purchase-form-compact.is-collapsed .purchase-preview-grid { grid-template-columns: minmax(0,1fr) !important; }
  body #purchase .purchase-preview-grid label.wide { grid-column: 1 !important; }
  body #purchase .purchase-draft-row:not(.purchase-draft-add-row) { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  body #purchase .purchase-draft-row:not(.purchase-draft-add-row) > span:nth-child(1),
  body #purchase .purchase-draft-row:not(.purchase-draft-add-row) > span:nth-child(2) { grid-column: 1 / -1 !important; }
}

}


/* jk-all-pages-responsive */
/* JK ERP full workspace layout patch. Screen only: invoice/label printing is unchanged. */
@media screen {
  body > main { min-width: 0 !important; }
  body .sidebar .sidebar-foot { position: static !important; bottom: auto !important; }
  body .page { min-width: 0 !important; max-width: 100% !important; box-sizing: border-box !important; }
  body :is(#dashboard,#sales,#delivery,#inventory,#inventory-flow,#mobile-topups,#purchase,#finance,#reports,#customers,#suppliers,#preorders,#customer-order-portal,#migration,#settings,#generic,#purchase-record-edit-modal)[data-jk-layout] { --jk-gap: 12px; --jk-control-height: 36px; }
  body :is(#dashboard,#sales,#delivery,#inventory,#inventory-flow,#mobile-topups,#purchase,#finance,#reports,#customers,#suppliers,#preorders,#customer-order-portal,#migration,#settings,#generic,#purchase-record-edit-modal)[data-jk-layout] :is(.panel,.page-toolbar,.list-head,.filters,.settings-main-column,.settings-info-column) { min-width: 0 !important; box-sizing: border-box !important; }
  body :is(#dashboard,#sales,#delivery,#inventory,#inventory-flow,#mobile-topups,#purchase,#finance,#reports,#customers,#suppliers,#preorders,#customer-order-portal,#migration,#settings,#generic,#purchase-record-edit-modal)[data-jk-layout] :is(input,select,textarea) { box-sizing: border-box !important; min-width: 0 !important; max-width: 100% !important; }
  body :is(#dashboard,#sales,#delivery,#inventory,#inventory-flow,#mobile-topups,#purchase,#finance,#reports,#customers,#suppliers,#preorders,#customer-order-portal,#migration,#settings,#generic,#purchase-record-edit-modal)[data-jk-layout] textarea { resize: vertical; }
  body :is(#dashboard,#sales,#delivery,#inventory,#inventory-flow,#mobile-topups,#purchase,#finance,#reports,#customers,#suppliers,#preorders,#customer-order-portal,#migration,#settings,#generic,#purchase-record-edit-modal)[data-jk-layout] :is(.page-toolbar,.list-head,.sales-overview-actions,.sales-header-filters,.sales-create-actions,.purchase-preview-actions,.inventory-primary-actions,.customer-footer) { flex-wrap: wrap !important; gap: 8px !important; height: auto !important; }
  body :is(#dashboard,#sales,#delivery,#inventory,#inventory-flow,#mobile-topups,#purchase,#finance,#reports,#customers,#suppliers,#preorders,#customer-order-portal,#migration,#settings,#generic,#purchase-record-edit-modal)[data-jk-layout] :is(.page-toolbar,.list-head) > * { min-width: 0; }
  body :is(#dashboard,#sales,#delivery,#inventory,#inventory-flow,#mobile-topups,#purchase,#finance,#reports,#customers,#suppliers,#preorders,#customer-order-portal,#migration,#settings,#generic,#purchase-record-edit-modal)[data-jk-layout] :is(.page-toolbar,.list-head) :is(input[type="search"],input[type="text"]) { flex: 1 1 180px; }
  body :is(#dashboard,#sales,#delivery,#inventory,#inventory-flow,#mobile-topups,#purchase,#finance,#reports,#customers,#suppliers,#preorders,#customer-order-portal,#migration,#settings,#generic,#purchase-record-edit-modal)[data-jk-layout] :is(.filters,.sales-record-filters,.expense-filters,.report-filter-bar,.delivery-filter-bar,#finance:is(:not([data-finance-active-view]),[data-finance-active-view="receivable"]) .finance-filter-bar,.preorder-filter-bar,.inventory-flow-search,.operation-log-filters,.deleted-record-filters) {
    display: flex !important; flex-wrap: wrap !important; align-items: end !important; gap: 8px !important; min-width: 0 !important; max-width: 100% !important; width: 100% !important;
  }
  body :is(#dashboard,#sales,#delivery,#inventory,#inventory-flow,#mobile-topups,#purchase,#finance,#reports,#customers,#suppliers,#preorders,#customer-order-portal,#migration,#settings,#generic,#purchase-record-edit-modal)[data-jk-layout] :is(.filters,.sales-record-filters,.expense-filters,.report-filter-bar,.delivery-filter-bar,#finance:is(:not([data-finance-active-view]),[data-finance-active-view="receivable"]) .finance-filter-bar,.preorder-filter-bar,.inventory-flow-search,.operation-log-filters,.deleted-record-filters) > :is(label,input,select) { flex: 1 1 145px !important; min-width: 0 !important; width: auto !important; }
  body :is(#dashboard,#sales,#delivery,#inventory,#inventory-flow,#mobile-topups,#purchase,#finance,#reports,#customers,#suppliers,#preorders,#customer-order-portal,#migration,#settings,#generic,#purchase-record-edit-modal)[data-jk-layout] .jk-table-scroll { max-width: 100% !important; min-width: 0 !important; overflow-x: auto !important; overscroll-behavior-x: contain; scrollbar-width: thin; }
  body :is(#dashboard,#sales,#delivery,#inventory,#inventory-flow,#mobile-topups,#purchase,#finance,#reports,#customers,#suppliers,#preorders,#customer-order-portal,#migration,#settings,#generic,#purchase-record-edit-modal)[data-jk-layout] table.jk-fluid-table { width: 100% !important; min-width: var(--jk-table-min,600px) !important; table-layout: auto !important; }
  body :is(#dashboard,#sales,#delivery,#inventory,#inventory-flow,#mobile-topups,#purchase,#finance,#reports,#customers,#suppliers,#preorders,#customer-order-portal,#migration,#settings,#generic,#purchase-record-edit-modal)[data-jk-layout] table.jk-fluid-table :is(th,td) { width: auto !important; max-width: none !important; white-space: normal !important; overflow-wrap: anywhere; font-size: 12px; line-height: 1.5; }
  body :is(#dashboard,#sales,#delivery,#inventory,#inventory-flow,#mobile-topups,#purchase,#finance,#reports,#customers,#suppliers,#preorders,#customer-order-portal,#migration,#settings,#generic,#purchase-record-edit-modal)[data-jk-layout] table.jk-fluid-table :is(td,th) :is(input,select,textarea) { min-width: 64px !important; width: 100% !important; }
  body :is(#dashboard,#sales,#delivery,#inventory,#inventory-flow,#mobile-topups,#purchase,#finance,#reports,#customers,#suppliers,#preorders,#customer-order-portal,#migration,#settings,#generic,#purchase-record-edit-modal)[data-jk-layout] table.jk-fluid-table :is(td,th) :is(input[type="checkbox"],input[type="radio"]) { width: auto !important; min-width: 0 !important; }
  body :is(#dashboard,#sales,#delivery,#inventory,#inventory-flow,#mobile-topups,#purchase,#finance,#reports,#customers,#suppliers,#preorders,#customer-order-portal,#migration,#settings,#generic,#purchase-record-edit-modal)[data-jk-layout] table.jk-fluid-table :is(.purchase-row-actions,.inventory-row-actions,.contact-row-actions) { flex-wrap: wrap !important; white-space: normal !important; gap: 5px !important; }
  body :is(#dashboard,#sales,#delivery,#inventory,#inventory-flow,#mobile-topups,#purchase,#finance,#reports,#customers,#suppliers,#preorders,#customer-order-portal,#migration,#settings,#generic,#purchase-record-edit-modal)[data-jk-layout] :is(.sales-customer-grid,.settings-form,.product-edit-form,.stocktake-grid,.trade-in-form-grid) > * { min-width: 0 !important; }
  body #sales[data-jk-layout] .sales-order-bottom { display: grid !important; grid-template-columns: minmax(0,1.35fr) minmax(300px,1fr) !important; gap: 12px !important; }
  body #sales[data-jk-layout] .sales-page-hero { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; }
  body #sales[data-jk-layout] .sales-ai-strip { min-width: 0 !important; flex: 1 1 450px !important; }
  body #sales[data-jk-layout] .sales-ai-entry { display: grid !important; grid-template-columns: minmax(0,1fr) auto auto !important; }
  body #sales[data-jk-layout] .sales-order-customer-card.is-collapsed .sales-customer-grid { grid-template-columns: minmax(0,1fr) minmax(140px,.55fr) !important; }
  body #settings[data-jk-layout] .settings-workspace { grid-template-columns: 160px minmax(0,1fr) 240px !important; gap: 12px !important; }
  body #settings[data-jk-layout] .settings-form { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  body #inventory[data-jk-layout] .inventory-workspace-r817 { grid-template-columns: minmax(0,1fr) 280px !important; }
  body #finance[data-jk-layout] .finance-collection-workspace { grid-template-columns: minmax(0,1.4fr) minmax(300px,1fr) !important; min-height: 0 !important; }
  body :is(#dashboard,#sales,#delivery,#inventory,#inventory-flow,#mobile-topups,#purchase,#finance,#reports,#customers,#suppliers,#preorders,#customer-order-portal,#migration,#settings,#generic,#purchase-record-edit-modal)[data-jk-layout] :is(.sub-metrics,.contact-summary,.finance-metrics,.inventory-flow-metrics,.report-kpi-modern,.import-metrics) { display: grid !important; grid-template-columns: repeat(auto-fit,minmax(min(170px,100%),1fr)) !important; gap: 10px !important; }
  /* Financial amounts need room for both the icon and the complete number. */
  body #finance[data-jk-layout] .finance-metrics { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
  body #finance[data-jk-layout="wide"] .finance-metrics { grid-template-columns: repeat(5,minmax(0,1fr)) !important; }
  body #finance[data-jk-layout="compact"] .finance-metrics { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  body #finance[data-jk-layout="phone"] .finance-metrics { grid-template-columns: minmax(0,1fr) !important; }
  body #finance[data-jk-layout] .finance-metrics > article b { white-space: nowrap; overflow-wrap: normal; }
  body :is(#dashboard,#sales,#delivery,#inventory,#inventory-flow,#mobile-topups,#purchase,#finance,#reports,#customers,#suppliers,#preorders,#customer-order-portal,#migration,#settings,#generic,#purchase-record-edit-modal)[data-jk-layout] :is(.sub-metrics,.contact-summary,.finance-metrics,.inventory-flow-metrics,.report-kpi-modern,.import-metrics) > * { min-width: 0; overflow-wrap: anywhere; }
  body :is(#dashboard,#sales,#delivery,#inventory,#inventory-flow,#mobile-topups,#purchase,#finance,#reports,#customers,#suppliers,#preorders,#customer-order-portal,#migration,#settings,#generic,#purchase-record-edit-modal)[data-jk-layout] :is(.sales-products-scroll,.contact-table-wrap,.import-table-wrap) { box-sizing: border-box; }
  /* Below 1400px of actual workspace width, side panels move below the list. */
  body :is(#dashboard,#sales,#delivery,#inventory,#inventory-flow,#mobile-topups,#purchase,#finance,#reports,#customers,#suppliers,#preorders,#customer-order-portal,#migration,#settings,#generic,#purchase-record-edit-modal)[data-jk-layout]:is([data-jk-layout="medium"],[data-jk-layout="compact"],[data-jk-layout="phone"]) :is(.inventory-workspace-r817,.delivery-workspace,.finance-collection-workspace,.preorder-workspace,.partner-center-layout,.report-detail-grid,.import-grid) { grid-template-columns: minmax(0,1fr) !important; }
  body :is(#dashboard,#sales,#delivery,#inventory,#inventory-flow,#mobile-topups,#purchase,#finance,#reports,#customers,#suppliers,#preorders,#customer-order-portal,#migration,#settings,#generic,#purchase-record-edit-modal)[data-jk-layout]:is([data-jk-layout="compact"],[data-jk-layout="phone"]) :is(.sales-order-bottom,.purchase-preview-bottom,.report-ai-dashboard,.settings-workspace,.report-settings-grid) { grid-template-columns: minmax(0,1fr) !important; }
  body :is(#dashboard,#sales,#delivery,#inventory,#inventory-flow,#mobile-topups,#purchase,#finance,#reports,#customers,#suppliers,#preorders,#customer-order-portal,#migration,#settings,#generic,#purchase-record-edit-modal)[data-jk-layout]:is([data-jk-layout="compact"],[data-jk-layout="phone"]) :is(.settings-main-column,.settings-info-column,.settings-help-card,.settings-sticky-actions,.report-ai-dashboard > *) { grid-column: auto !important; grid-row: auto !important; margin-left: 0 !important; }
  body :is(#dashboard,#sales,#delivery,#inventory,#inventory-flow,#mobile-topups,#purchase,#finance,#reports,#customers,#suppliers,#preorders,#customer-order-portal,#migration,#settings,#generic,#purchase-record-edit-modal)[data-jk-layout]:is([data-jk-layout="compact"],[data-jk-layout="phone"]) .settings-side-nav { position: static !important; display: flex !important; flex-wrap: wrap !important; gap: 6px; overflow: visible !important; }
  body :is(#dashboard,#sales,#delivery,#inventory,#inventory-flow,#mobile-topups,#purchase,#finance,#reports,#customers,#suppliers,#preorders,#customer-order-portal,#migration,#settings,#generic,#purchase-record-edit-modal)[data-jk-layout]:is([data-jk-layout="compact"],[data-jk-layout="phone"]) .settings-side-nav button { flex: 1 1 145px !important; min-width: 0 !important; }
  body :is(#dashboard,#sales,#delivery,#inventory,#inventory-flow,#mobile-topups,#purchase,#finance,#reports,#customers,#suppliers,#preorders,#customer-order-portal,#migration,#settings,#generic,#purchase-record-edit-modal)[data-jk-layout]:is([data-jk-layout="compact"],[data-jk-layout="phone"]) :is(.inventory-quick-count-r817,.delivery-detail-preview,.preorder-detail-panel,.finance-receive-panel) { position: static !important; width: 100% !important; min-width: 0 !important; height: auto !important; max-height: none !important; }
  body :is(#dashboard,#sales,#delivery,#inventory,#inventory-flow,#mobile-topups,#purchase,#finance,#reports,#customers,#suppliers,#preorders,#customer-order-portal,#migration,#settings,#generic,#purchase-record-edit-modal)[data-jk-layout][data-jk-layout="phone"] :is(.sales-customer-grid,.settings-form,.sales-edit-amounts,.mobile-topup-form,.trade-in-form-grid,.partner-business-grid,.stocktake-grid) { grid-template-columns: minmax(0,1fr) !important; }
  body :is(#dashboard,#sales,#delivery,#inventory,#inventory-flow,#mobile-topups,#purchase,#finance,#reports,#customers,#suppliers,#preorders,#customer-order-portal,#migration,#settings,#generic,#purchase-record-edit-modal)[data-jk-layout][data-jk-layout="phone"] :is(.wide,.sales-address-field) { grid-column: 1 / -1 !important; }
  body :is(#dashboard,#sales,#delivery,#inventory,#inventory-flow,#mobile-topups,#purchase,#finance,#reports,#customers,#suppliers,#preorders,#customer-order-portal,#migration,#settings,#generic,#purchase-record-edit-modal)[data-jk-layout][data-jk-layout="phone"] :is(.sales-create-actions,.purchase-preview-actions) { position: static !important; padding-bottom: max(12px,env(safe-area-inset-bottom)) !important; }
  body :is(#dashboard,#sales,#delivery,#inventory,#inventory-flow,#mobile-topups,#purchase,#finance,#reports,#customers,#suppliers,#preorders,#customer-order-portal,#migration,#settings,#generic,#purchase-record-edit-modal)[data-jk-layout][data-jk-layout="phone"] :is(.sales-create-actions,.purchase-preview-actions) > button { flex: 1 1 140px !important; min-width: 0 !important; height: auto !important; min-height: 42px !important; white-space: normal !important; }
  body :is(#dashboard,#sales,#delivery,#inventory,#inventory-flow,#mobile-topups,#purchase,#finance,#reports,#customers,#suppliers,#preorders,#customer-order-portal,#migration,#settings,#generic,#purchase-record-edit-modal)[data-jk-layout][data-jk-layout="phone"] :is(.sales-note-head,.panel-title,.inventory-flow-head) { flex-wrap: wrap !important; gap: 8px !important; height: auto !important; }
  body :is(#dashboard,#sales,#delivery,#inventory,#inventory-flow,#mobile-topups,#purchase,#finance,#reports,#customers,#suppliers,#preorders,#customer-order-portal,#migration,#settings,#generic,#purchase-record-edit-modal)[data-jk-layout][data-jk-layout="phone"] .sales-ai-entry { grid-template-columns: minmax(0,1fr) auto !important; }
  body :is(#dashboard,#sales,#delivery,#inventory,#inventory-flow,#mobile-topups,#purchase,#finance,#reports,#customers,#suppliers,#preorders,#customer-order-portal,#migration,#settings,#generic,#purchase-record-edit-modal)[data-jk-layout][data-jk-layout="phone"] .sales-ai-entry input { grid-column: 1 / -1 !important; }
  body :is(#dashboard,#sales,#delivery,#inventory,#inventory-flow,#mobile-topups,#purchase,#finance,#reports,#customers,#suppliers,#preorders,#customer-order-portal,#migration,#settings,#generic,#purchase-record-edit-modal)[data-jk-layout][data-jk-layout="phone"] .sales-order-customer-card.is-collapsed .sales-customer-grid { grid-template-columns: minmax(0,1fr) !important; }
  body #dashboard[data-jk-layout] .receivable-main { flex-wrap: wrap !important; }
  body #dashboard[data-jk-layout] .receivable-main b { font-size: clamp(18px,1.8vw,24px) !important; white-space: normal !important; overflow-wrap: anywhere; }
  body #dashboard:is([data-jk-layout="compact"],[data-jk-layout="phone"]) { grid-template-columns: minmax(0,1fr) !important; }
  body #dashboard:is([data-jk-layout="compact"],[data-jk-layout="phone"]) :is(.quick-order,.dashboard-smart-card,.receivable-overview,.inventory-alert-banner,.shortcuts,.alerts,.dashboard-memo,.dashboard-daily-planner,.chart-panel,.summary,.dashboard-profit-overview) { grid-column: 1 / -1 !important; grid-row: auto !important; }
  body #dashboard:is([data-jk-layout="compact"],[data-jk-layout="phone"]) .dashboard-grid { display: contents !important; }
  body #dashboard[data-jk-layout="phone"] .dashboard-profit-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  body #inventory-flow[data-jk-layout] .inventory-flow-panel { width: 100% !important; max-width: 100% !important; margin: 0 !important; box-sizing: border-box !important; }
  body #sales[data-jk-layout] .sales-header-filters .sales-multi-filter > .sales-filter-popover { min-width: 0 !important; width: min(680px,calc(100vw - 300px)) !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  body #sales:is([data-jk-layout="compact"],[data-jk-layout="phone"]) .sales-header-filters .sales-multi-filter > .sales-filter-popover { position: fixed !important; left: 12px !important; right: 12px !important; top: 100px !important; width: auto !important; min-width: 0 !important; max-height: calc(100dvh - 120px) !important; overflow-y: auto !important; grid-template-columns: minmax(0,1fr) !important; }
  body :is(#sales,#delivery,#inventory,#inventory-flow,#mobile-topups,#purchase,#finance,#reports,#customers,#suppliers,#preorders,#migration,#settings)[data-jk-layout] table.jk-fluid-table [data-jk-column="number"] { min-width: 76px !important; white-space: nowrap !important; overflow-wrap: normal !important; }
  body :is(#sales,#delivery,#inventory,#inventory-flow,#mobile-topups,#purchase,#finance,#reports,#customers,#suppliers,#preorders,#migration,#settings)[data-jk-layout] table.jk-fluid-table [data-jk-column="index"] { min-width: 34px !important; white-space: nowrap !important; overflow-wrap: normal !important; }
  body :is(#sales,#delivery,#inventory,#inventory-flow,#mobile-topups,#purchase,#finance,#reports,#customers,#suppliers,#preorders,#migration,#settings)[data-jk-layout] table.jk-fluid-table [data-jk-column="text"] { min-width: 145px !important; }
  /* Dialogs scroll inside their viewport without resizing printed invoices. */
  body .order-modal:not(.invoice-modal) { box-sizing: border-box; padding: clamp(8px,2vw,24px) !important; }
  body .order-modal:not(.invoice-modal) .modal-card { min-width: 0 !important; max-width: calc(100vw - 20px) !important; max-height: calc(100vh - 24px) !important; max-height: calc(100dvh - 24px) !important; overflow-y: auto !important; }
  body .order-modal:not(.invoice-modal) :is(.product-edit-form,.trade-in-form-grid,.stocktake-grid) { min-width: 0 !important; }
  body .order-modal:not(.invoice-modal) .modal-head { flex-shrink: 0; height: auto !important; min-height: 48px; }
  body .order-modal:not(.invoice-modal) form > footer { flex-wrap: wrap !important; gap: 8px; }
  @media (max-width:1100px) and (min-width:761px) {
    body > main > header { height: auto !important; min-height: 68px !important; padding: 12px 16px !important; flex-wrap: wrap !important; gap: 10px !important; }
    body > main > header .header-actions { margin-left: auto; flex-wrap: wrap; }
    body > main > header > div { min-width: 0; }
  }
  @media (min-width:761px) {
    body :is(#dashboard,#sales,#delivery,#inventory,#inventory-flow,#mobile-topups,#purchase,#finance,#reports,#customers,#suppliers,#preorders,#customer-order-portal,#migration,#settings,#generic,#purchase-record-edit-modal)[data-jk-layout] { padding-left: clamp(12px,1.4vw,26px) !important; padding-right: clamp(12px,1.4vw,26px) !important; }
  }
  @media (max-width:760px) {
    body #inventory[data-jk-layout] .jk-table-scroll { overflow: visible !important; }
    body #inventory[data-jk-layout] table.jk-fluid-table { min-width: 0 !important; }
    body .order-modal:not(.invoice-modal) :is(.product-edit-form,.trade-in-form-grid,.stocktake-grid) { grid-template-columns: minmax(0,1fr) !important; }
    body .order-modal:not(.invoice-modal) :is(input,select,textarea) { font-size: 16px !important; max-width: 100% !important; min-width: 0 !important; }
    body .order-modal:not(.invoice-modal) .wide { grid-column: 1 / -1 !important; }
    body #inventory[data-jk-layout] .jk-table-scroll table :is(td,th) :is(input[type="checkbox"],input[type="radio"]) { width: auto !important; }
  }
  /* Legacy density rules use three ID exclusions; these targeted rules supersede their fixed row heights. */
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body #sales[data-jk-layout] :is(.sales-compact-head,.sales-compact-row) { display: grid !important; grid-template-columns: 88px 115px minmax(100px,1fr) minmax(150px,1.35fr) 105px 105px 80px minmax(150px,1fr) !important; gap: 7px !important; min-width: 0 !important; height: auto !important; min-height: 44px !important; align-items: center !important; }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body #sales[data-jk-layout] .sales-compact-row > span { min-width: 0 !important; height: auto !important; white-space: normal !important; overflow-wrap: anywhere; }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body #sales[data-jk-layout] .sales-compact-actions { display: flex !important; flex-wrap: wrap !important; gap: 5px !important; }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body #sales[data-jk-layout] .sales-compact-row > span:nth-child(5),
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body #sales[data-jk-layout] .sales-compact-row > span:nth-child(6) { white-space: nowrap !important; }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body #sales:is([data-jk-layout="compact"],[data-jk-layout="phone"]) .sales-compact-head { display: none !important; }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body #sales:is([data-jk-layout="compact"],[data-jk-layout="phone"]) .sales-compact-row { grid-template-columns: repeat(2,minmax(0,1fr)) !important; padding: 12px !important; margin: 8px !important; border: 1px solid #dce7f2; border-radius: 9px; }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body #sales:is([data-jk-layout="compact"],[data-jk-layout="phone"]) .sales-compact-row > span { padding: 4px !important; min-height: 0 !important; }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body #sales:is([data-jk-layout="compact"],[data-jk-layout="phone"]) .sales-compact-row > span:nth-child(4),
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body #sales:is([data-jk-layout="compact"],[data-jk-layout="phone"]) .sales-compact-actions { grid-column: 1 / -1 !important; }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body #sales:is([data-jk-layout="compact"],[data-jk-layout="phone"]) .sales-compact-row > span::before { display: block; color: #7890a7; font-size: 10px; margin-bottom: 3px; }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body #sales:is([data-jk-layout="compact"],[data-jk-layout="phone"]) .sales-compact-row > span:nth-child(1)::before { content: '日期'; }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body #sales:is([data-jk-layout="compact"],[data-jk-layout="phone"]) .sales-compact-row > span:nth-child(2)::before { content: '单号'; }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body #sales:is([data-jk-layout="compact"],[data-jk-layout="phone"]) .sales-compact-row > span:nth-child(3)::before { content: '客户'; }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body #sales:is([data-jk-layout="compact"],[data-jk-layout="phone"]) .sales-compact-row > span:nth-child(4)::before { content: '商品'; }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body #sales:is([data-jk-layout="compact"],[data-jk-layout="phone"]) .sales-compact-row > span:nth-child(5)::before { content: '销售金额'; }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body #sales:is([data-jk-layout="compact"],[data-jk-layout="phone"]) .sales-compact-row > span:nth-child(6)::before { content: '未收余额'; }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body #sales:is([data-jk-layout="compact"],[data-jk-layout="phone"]) .sales-compact-row > span:nth-child(7)::before { content: '状态'; }
  body #preorders:is([data-jk-layout="compact"],[data-jk-layout="phone"]) .preorder-table-list .preorder-card { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 10px !important; }
  body #preorders:is([data-jk-layout="compact"],[data-jk-layout="phone"]) .preorder-request { grid-column: 1 / -1 !important; }
  body #preorders[data-jk-layout] .preorder-card > .text-btn:not(.hidden) { display: inline-flex !important; }
  body .purchase-record-editor-card :is(.purchase-record-items-editor,.purchase-record-edit-items) { overflow-x: auto !important; }
  body #customers:is([data-jk-layout="compact"],[data-jk-layout="phone"]) :is(.partner-detail-panel,.partner-center-layout) { height: auto !important; min-height: 0 !important; max-height: none !important; }

  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body .order-modal:not(.invoice-modal) { inset: 0 !important; width: 100vw !important; height: 100dvh !important; max-height: 100dvh !important; box-sizing: border-box !important; padding: 12px !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body .order-modal:not(.invoice-modal) > .modal-card { height: auto !important; max-height: calc(100dvh - 24px) !important; min-height: 0 !important; max-width: calc(100vw - 24px) !important; box-sizing: border-box !important; overflow-y: auto !important; }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body #delivery-form-modal > .product-edit-card { height: calc(100dvh - 24px) !important; max-height: calc(100dvh - 24px) !important; }

}


/* jk-inventory-fit */
/* Inventory uses deliberate column allocation; narrow workspaces use labelled cards. */
@media screen {
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body #inventory[data-jk-inventory-mode="table"] .inventory-list-r817 .contact-table-wrap table.jk-fluid-table {
    table-layout: fixed !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body #inventory[data-jk-inventory-mode="table"] .inventory-list-r817 table.jk-fluid-table :is(th,td) {
    box-sizing: border-box !important;
    min-width: 0 !important;
    padding: 8px !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    height: auto !important;
  }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body #inventory[data-jk-inventory-mode="table"] .inventory-list-r817 table.jk-fluid-table :is(th,td):nth-child(1) { width: calc(100% - 576px - 3 * var(--jk-inventory-price,104px)) !important; }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body #inventory[data-jk-inventory-mode="table"] .inventory-list-r817 table.jk-fluid-table :is(th,td):nth-child(2) { width: 104px !important; }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body #inventory[data-jk-inventory-mode="table"] .inventory-list-r817 table.jk-fluid-table :is(th,td):nth-child(3) { width: 96px !important; }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body #inventory[data-jk-inventory-mode="table"] .inventory-list-r817 table.jk-fluid-table :is(th,td):nth-child(4) { width: 88px !important; }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body #inventory[data-jk-inventory-mode="table"] .inventory-list-r817 table.jk-fluid-table :is(th,td):nth-child(5) { width: var(--jk-inventory-price,104px) !important; }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body #inventory[data-jk-inventory-mode="table"] .inventory-list-r817 table.jk-fluid-table :is(th,td):nth-child(6) { width: var(--jk-inventory-price,104px) !important; }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body #inventory[data-jk-inventory-mode="table"] .inventory-list-r817 table.jk-fluid-table :is(th,td):nth-child(7) { width: var(--jk-inventory-price,104px) !important; }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body #inventory[data-jk-inventory-mode="table"] .inventory-list-r817 table.jk-fluid-table :is(th,td):nth-child(8) { width: 96px !important; }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body #inventory[data-jk-inventory-mode="table"] .inventory-list-r817 table.jk-fluid-table :is(th,td):nth-child(9) { width: 192px !important; }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body #inventory .inventory-product-cell-r817 { min-width: 0 !important; width: 100% !important; gap: 9px !important; }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body #inventory .inventory-product-cell-r817 > div:last-child { min-width: 0 !important; flex: 1; }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body #inventory .inventory-product-cell-r817 :is(b,small) { white-space: normal !important; overflow-wrap: break-word !important; }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body #inventory .inventory-product-image-r817 { width: 46px !important; height: 46px !important; flex: 0 0 46px !important; }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body #inventory .inventory-row-actions {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    width: 100% !important;
    min-width: 0 !important;
    gap: 4px !important;
  }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body #inventory .inventory-row-actions > button {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 28px !important;
    min-height: 28px !important;
    padding: 3px 4px !important;
    font-size: 11px !important;
    line-height: 20px !important;
    white-space: nowrap !important;
  }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body #inventory .inventory-row-actions > [data-store-product] { grid-column: span 2 !important; }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body #inventory .inventory-list-r817 td:nth-child(8) .pill { display: inline-block; white-space: nowrap !important; padding: 4px 7px !important; }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body #inventory[data-jk-inventory-mode="table"] .inventory-list-r817 :is(th,td):nth-child(n+4):nth-child(-n+7) { white-space: nowrap !important; overflow-wrap: normal !important; }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body #inventory[data-jk-inventory-mode="cards"] .inventory-list-r817 .contact-table-wrap { overflow: visible !important; max-height: none !important; }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body #inventory[data-jk-inventory-mode="cards"] .inventory-list-r817 table.jk-fluid-table { display: block !important; table-layout: auto !important; width: 100% !important; min-width: 0 !important; }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body #inventory[data-jk-inventory-mode="cards"] .inventory-list-r817 table.jk-fluid-table thead { display: none !important; }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body #inventory[data-jk-inventory-mode="cards"] .inventory-list-r817 table.jk-fluid-table tbody { display: grid !important; grid-template-columns: repeat(auto-fit,minmax(min(100%,360px),1fr)) !important; gap: 10px !important; padding: 10px !important; width: 100% !important; box-sizing: border-box !important; }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body #inventory[data-jk-inventory-mode="cards"] .inventory-list-r817 tr.product-row:not(.hidden):not([hidden]) {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 8px 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 12px !important;
    height: auto !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
    border: 1px solid #dce7f2 !important;
    border-radius: 10px !important;
    background: white !important;
  }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body #inventory[data-jk-inventory-mode="cards"] .inventory-list-r817 tr.product-row > td {
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 4px 0 !important;
    white-space: normal !important;
    border: 0 !important;
    overflow-wrap: break-word !important;
  }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body #inventory[data-jk-inventory-mode="cards"] .inventory-list-r817 tr.product-row > td:first-child,
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body #inventory[data-jk-inventory-mode="cards"] .inventory-list-r817 tr.product-row > td:last-child { grid-column: 1 / -1 !important; }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body #inventory[data-jk-inventory-mode="cards"] .inventory-list-r817 tr.product-row > td:not(:first-child):not(:last-child)::before { content: attr(data-jk-label) !important; display: block !important; color: #7890a7; font-size: 10px; margin-bottom: 4px; }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body #inventory[data-jk-inventory-mode="cards"] .inventory-row-actions > button { min-height: 34px !important; height: 34px !important; font-size: 12px !important; }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body #inventory .inventory-list-r817 :is(td,th,tr,button):is([hidden],.hidden,[style*="display: none"],[style*="display:none"]) { display: none !important; }

}


/* jk-record-columns */
@media screen {
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body .page table.jk-record-table {
    table-layout: fixed !important;
    width: 100% !important;
    min-width: var(--jk-record-min,900px) !important;
    max-width: none !important;
  }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body .page table.jk-record-table th {
    width: var(--jk-record-width,110px) !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 8px 10px !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    height: auto !important;
  }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body .page table.jk-record-table td {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 8px 10px !important;
    height: auto !important;
    min-height: 0 !important;
    box-sizing: border-box !important;
    overflow-wrap: break-word !important;
  }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body .page table.jk-record-table tbody tr { height: auto !important; min-height: 44px !important; }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body .page table.jk-record-table :is(th,td):is([data-jk-column="date"],[data-jk-column="document"],[data-jk-column="number"],[data-jk-column="status"]) {
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body .page table.jk-record-table td[data-jk-column="status"] select {
    width: 100% !important;
    min-width: 92px !important;
    box-sizing: border-box !important;
  }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body .page table.jk-record-table td[data-jk-column="actions"] .purchase-row-actions {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 5px !important;
    width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
  }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body .page table.jk-record-table td[data-jk-column="actions"] .purchase-row-actions button {
    width: 100% !important;
    min-width: 0 !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 4px 6px !important;
    white-space: nowrap !important;
    font-size: 12px !important;
  }
  html:not(#jk-layout-compat-a):not(#jk-layout-compat-b):not(#jk-layout-compat-c) body .page .jk-table-scroll { overflow-x: auto !important; }
}


/* jk-simple-ui */
/* JK ERP U1 — screen presentation, original print styles are preserved. */
@media screen {
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body { --blue: #285eaa; --text: #263b54; --muted: #728399; --line: #e2e8f0; --bg: #f2f5f9; font-size: 13px; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body > main { min-width: 0 !important; padding: 20px 24px !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) main > header { min-height: 62px !important; height: auto !important; gap: 14px !important; margin-bottom: 14px !important; flex-wrap: wrap !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) #page-title { font-size: 18px !important; line-height: 1.45 !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) #page-subtitle { display: none !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) .header-actions { flex-wrap: wrap !important; gap: 9px !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) .global-search { min-width: 160px !important; flex: 1 1 220px !important; max-width: 480px !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) .page-toolbar { flex-wrap: wrap !important; align-items: center !important; gap: 10px !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) .page-toolbar > div:first-child > h2 { font-size: 16px !important; margin: 0 0 4px !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) .page-toolbar > div:first-child > p { display: none !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) .panel { border-radius: 10px !important; box-shadow: 0 2px 10px #17375104 !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) .page :is(button,input,select,textarea) { font-family: inherit !important; font-size: 13px !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) .page button { border-radius: 6px !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) .page :is(th,td) { font-size: 12px !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) .page th { font-weight: 500 !important; color: #74859b !important; background: #f8fafc !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) .page td small { font-size: 11px !important; line-height: 1.5 !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) .page :is(input,select,textarea):focus-visible { outline: 2px solid #6f9bd4 !important; outline-offset: 2px; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) :is(.sub-metrics,.contact-summary,.finance-metrics,.inventory-flow-metrics) > article { box-shadow: none !important; padding: 13px 16px !important; border-radius: 8px !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) :is(.sub-metrics,.contact-summary,.finance-metrics,.inventory-flow-metrics) > article b { font-size: 20px !important; line-height: 1.5 !important; overflow-wrap: anywhere; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) :is(.sub-metrics,.contact-summary,.finance-metrics,.inventory-flow-metrics) > article small { display: none !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) .jk-secondary-action { display: none !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) .page .jk-compact-actions { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 6px !important; min-width: 0 !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) .page .jk-compact-actions > button:not(.jk-secondary-action) { flex: 0 1 auto !important; width: auto !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 32px !important; padding: 5px 9px !important; line-height: 1.5 !important; font-size: 12px !important; white-space: normal !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) .sales-compact-actions { justify-content: flex-start !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) #inventory .inventory-workspace-r817 { grid-template-columns: minmax(0,1fr) !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) #inventory:not(.jk-stock-panel-open) .inventory-quick-count-r817 { display: none !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) #inventory.jk-stock-panel-open .inventory-quick-count-r817 { position: static !important; width: 100% !important; max-width: 700px !important; margin-top: 12px !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) #inventory .inventory-mobile-search { display: flex !important; flex: 1 1 auto !important; width: 100% !important; max-width: 520px !important; min-width: 0 !important; height: 38px !important; min-height: 38px !important; max-height: 38px !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) #inventory .inventory-mobile-search input { min-width: 0 !important; width: 100% !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) #inventory .inventory-primary-actions { flex: 1 1 100% !important; display: flex !important; flex-wrap: wrap !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) #inventory .inventory-toolbar-selects { display: flex !important; flex-wrap: wrap !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) #inventory .inventory-toolbar-selects select { min-width: 130px !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) #inventory:not(.jk-extra-columns) .inventory-list-r817 table :is(th,td):is(:nth-child(2),:nth-child(6)) { display: none !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) #inventory .jk-product-code { display: block; color: #8495a9; margin-top: 4px; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) #inventory.jk-extra-columns .jk-product-code { display: none; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) #inventory[data-jk-inventory-mode="table"] .inventory-list-r817 table.jk-fluid-table :is(th,td):nth-child(1) { width: calc(100% - 404px - 2 * var(--jk-inventory-price,104px)) !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) #inventory.jk-extra-columns[data-jk-inventory-mode="table"] .inventory-list-r817 table.jk-fluid-table :is(th,td):nth-child(1) { width: calc(100% - 508px - 3 * var(--jk-inventory-price,104px)) !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) #inventory[data-jk-inventory-mode="table"] .inventory-list-r817 table.jk-fluid-table :is(th,td):nth-child(9) { width: 124px !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) #inventory .inventory-row-actions { justify-content: flex-start !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) #inventory .inventory-row-actions > [data-store-product] { grid-column: auto !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) #jk-home-quick { display: flex; flex-wrap: wrap; gap: 10px; grid-column: 1 / -1; margin-bottom: 12px; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) #jk-home-quick > button { min-height: 42px; padding: 9px 18px; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) #jk-home-smart { grid-column: 1 / -1 !important; margin-bottom: 16px; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) #jk-home-smart .quick-order { margin-top: 12px !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) #jk-home-smart .dashboard-smart-actions { display: grid !important; grid-template-columns: repeat(auto-fit,minmax(min(300px,100%),1fr)) !important; gap: 12px !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) .jk-fold { min-width: 0; border: 1px solid #dfe6ee; border-radius: 8px; background: #fff; padding: 0 12px; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) .jk-fold > summary { padding: 12px 2px; color: #556e8d; font-size: 13px; cursor: pointer; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) .jk-fold[open] > summary { border-bottom: 1px solid #e8edf3; margin-bottom: 10px; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) .jk-fold .sales-expense-entry { border: 0 !important; padding: 4px 0 12px !important; margin: 0 !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) #sales .sales-create-actions, html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) #purchase .purchase-preview-actions { position: sticky !important; bottom: 0 !important; z-index: 3 !important; display: flex !important; flex-wrap: wrap !important; gap: 8px !important; background: #fff !important; border-top: 1px solid #e0e7f0 !important; padding: 12px !important; box-shadow: 0 -4px 16px #193b6208 !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) .order-modal:not(.invoice-modal) .modal-actions { position: sticky !important; bottom: 0 !important; z-index: 2 !important; background: #fff !important; padding: 12px 0 !important; margin-bottom: 0 !important; border-top: 1px solid #e2e8f0 !important; display: flex !important; flex-wrap: wrap !important; gap: 8px !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) #settings .settings-workspace { grid-template-columns: 160px minmax(0,1fr) !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) #settings .settings-info-column { grid-column: 2 !important; position: static !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) .sidebar { display: flex !important; flex-direction: column !important; padding-top: 20px !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) .sidebar > #nav { flex: 1 1 auto !important; min-height: 0 !important; overflow-y: auto !important; scrollbar-width: none !important; padding-top: 14px !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) .sidebar > #nav::-webkit-scrollbar { width: 0; height: 0; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) .sidebar .brand { flex: 0 0 auto; padding-bottom: 18px !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) .sidebar .brand-version { letter-spacing: 0 !important; font-size: 10px !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) .sidebar .sidebar-foot { position: static !important; flex: 0 0 auto; margin-top: 8px !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) .sidebar .nav-item { padding: 10px 12px !important; font-size: 13px !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) .sidebar .nav-submenu-item { font-size: 12px !important; padding-block: 9px !important; }
  html[data-jk-simple="true"] .sales-page-hero > .jk-fold, html[data-jk-simple="true"] .delivery-page-head > .jk-fold { flex: 1 1 100%; }
  .jk-ui-mode { font-size: 12px; padding: 7px 10px; min-height: 32px; height: auto; }
  .jk-action-popover { position: fixed; z-index: 50000; min-width: 168px; max-width: calc(100vw - 16px); max-height: calc(100dvh - 16px); overflow-y: auto; display: flex; flex-direction: column; gap: 3px; padding: 7px; background: #fff; color: #29415d; border: 1px solid #dce4ef; border-radius: 9px; box-shadow: 0 12px 35px #12253f29; }
  .jk-action-popover .jk-action-option { display: block; width: 100%; border: 0; border-radius: 5px; padding: 10px 12px; background: #fff; color: #344d6d; text-align: left; font: 13px/1.5 "Segoe UI","Microsoft YaHei",sans-serif; cursor: pointer; }
  .jk-action-popover .jk-action-option:hover, .jk-action-popover .jk-action-option:focus-visible { background: #eff4fb; }
  .jk-action-popover .jk-action-option:disabled { color: #9ba7b7; cursor: not-allowed; }
  .jk-action-popover .jk-danger { color: #bd4b50; }
  html[data-jk-simple="false"] :is(.jk-simple-control,.jk-more-button,#jk-home-quick,.jk-product-code) { display: none !important; }
  html[data-jk-simple="false"] .jk-fold { border: 0; padding: 0; }
  html[data-jk-simple="false"] .jk-fold > summary { display: none; }
  html[data-jk-simple="false"] .jk-fold:not([open]) > :not(summary) { display: block !important; }
  @media(max-width:1100px) {
    html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body > main { padding: 16px !important; }
    html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) #settings .settings-workspace { grid-template-columns: minmax(0,1fr) !important; }
    html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) #settings .settings-info-column { grid-column: auto !important; }
  }
  @media(max-width:760px) {
    html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body > main { padding: 12px !important; }
    html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) .global-search { max-width: none !important; flex-basis: 100% !important; }
    html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) .page :is(input,select,textarea) { font-size: 16px !important; }
    html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) .page button { min-height: 40px !important; }
    html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) .page .jk-compact-actions > button:not(.jk-secondary-action) { min-height: 40px !important; }
    html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) #jk-home-quick > button { flex: 1 1 130px; }
    html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) #inventory .inventory-toolbar-selects { width: 100%; }
    html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) #inventory .inventory-toolbar-selects select { flex: 1; min-width: 0 !important; width: 100% !important; }
    html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) .header-actions .avatar { display: none !important; }
    .jk-action-popover .jk-action-option { min-height: 44px; }
  }
}
@media print {
  .jk-ui-mode,.jk-more-button,.jk-action-popover,.jk-simple-control,.jk-product-code,#jk-home-quick,.jk-fold > summary { display: none !important; }
}
@media screen {
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #purchase [data-remove-purchase-draft] {
    width: 48px !important; min-width: 48px !important; max-width: 100% !important;
    padding: 4px !important; white-space: nowrap !important; line-height: 1.5 !important;
  }
}
@media screen {
  html:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #nav [data-purchase-sidebar="mobile-topups"] { display: none !important; }
  html:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales:is([data-jk-layout="medium"],[data-jk-layout="wide"]) :is(.sales-compact-head,.sales-compact-row) {
    grid-template-columns: 96px 148px var(--jk-sales-partner-width,96px) minmax(150px,1fr) 105px 105px 80px 150px !important;
  }
  html:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .sales-compact-row > span:nth-child(3) :is(button,b,strong) { max-width: 100% !important; white-space: normal !important; overflow-wrap: anywhere !important; }
}
@media screen {
  html:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #purchase table.jk-record-table { width: var(--jk-record-fit,100%) !important; }
  html:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #purchase .jk-purchase-preview {
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
    overflow: hidden; overflow-wrap: anywhere; white-space: normal; line-height: 1.6;
    max-width: 340px;
  }
  html body #purchase .jk-purchase-full { display: none !important; }
}
@media print {
  .jk-purchase-preview { display: none !important; }
  .jk-purchase-full { display: inline !important; }
}
/* Layout 11: fill the table as a whole, align the last action to its edge. */
@media screen {
  html:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #purchase table.jk-record-table { width: 100% !important; }
  html:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body .page table.jk-record-table :is(th,td)[data-jk-column="number"] { text-align: right !important; }
  html:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body .page table.jk-record-table :is(th,td)[data-jk-column="actions"] { text-align: right !important; }
  html:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body .page table.jk-record-table td[data-jk-column="actions"] > :is(.purchase-row-actions,.delivery-actions,.finance-row-actions,.row-actions,.jk-compact-actions) { justify-content: flex-end !important; }
  html:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales:is([data-jk-layout="medium"],[data-jk-layout="wide"]) :is(.sales-compact-head,.sales-compact-row) { grid-template-columns: var(--jk-sales-columns,96px 148px 96px minmax(150px,1fr) 105px 105px 80px 150px) !important; }
  html:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .sales-compact-actions { justify-content: flex-end !important; }
  html:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .sales-compact-head > span:last-child { text-align: right; }
  html:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body .page .jk-record-preview {
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
    overflow: hidden; white-space: normal; overflow-wrap: anywhere; line-height: 1.6;
    max-width: 340px;
  }
  html body .jk-record-full { display: none !important; }
}
@media print {
  .jk-record-preview { display: none !important; }
  .jk-record-full { display: inline !important; }
}
@media screen {
  html:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales:is([data-jk-layout="medium"],[data-jk-layout="wide"]) :is(.sales-compact-head,.sales-compact-row) { padding-left: 12px !important; padding-right: 12px !important; box-sizing: border-box !important; }
}

@media screen {
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory[data-jk-inventory-mode="table"] .inventory-list-r817 table.jk-fluid-table :is(th,td):nth-child(1) { width: var(--jk-inventory-col-1) !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory[data-jk-inventory-mode="table"] .inventory-list-r817 table.jk-fluid-table :is(th,td):nth-child(2) { width: var(--jk-inventory-col-2) !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory[data-jk-inventory-mode="table"] .inventory-list-r817 table.jk-fluid-table :is(th,td):nth-child(3) { width: var(--jk-inventory-col-3) !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory[data-jk-inventory-mode="table"] .inventory-list-r817 table.jk-fluid-table :is(th,td):nth-child(4) { width: var(--jk-inventory-col-4) !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory[data-jk-inventory-mode="table"] .inventory-list-r817 table.jk-fluid-table :is(th,td):nth-child(5) { width: var(--jk-inventory-col-5) !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory[data-jk-inventory-mode="table"] .inventory-list-r817 table.jk-fluid-table :is(th,td):nth-child(6) { width: var(--jk-inventory-col-6) !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory[data-jk-inventory-mode="table"] .inventory-list-r817 table.jk-fluid-table :is(th,td):nth-child(7) { width: var(--jk-inventory-col-7) !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory[data-jk-inventory-mode="table"] .inventory-list-r817 table.jk-fluid-table :is(th,td):nth-child(8) { width: var(--jk-inventory-col-8) !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory[data-jk-inventory-mode="table"] .inventory-list-r817 table.jk-fluid-table :is(th,td):nth-child(9) { width: var(--jk-inventory-col-9) !important; }
}
@media screen {
  html:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .sales-record-column .sales-simple-list { min-width: 0 !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; }
  html:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales:is([data-jk-layout="medium"],[data-jk-layout="wide"]) :is(.sales-compact-head,.sales-compact-row) { margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; min-width: 0 !important; }
}
@media screen {
  html:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .sales-record-column .sales-simple-list { padding-left: 0 !important; padding-right: 0 !important; }
}
/* Layout 12: comfortable reading width and genuinely single-line row actions. */
@media screen {
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body main > .page { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body .page table.jk-record-table :is(th,td) { font-size: 13px !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .customer-order-link { color: #315879 !important; font-weight: 500 !important; text-decoration: none !important; padding: 0 !important; background: transparent !important; border: 0 !important; text-align: left !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales:is([data-jk-layout="medium"],[data-jk-layout="wide"]) .sales-compact-row { min-height: 46px !important; padding-top: 8px !important; padding-bottom: 8px !important; border-bottom: 1px solid #e5ebf2 !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales:is([data-jk-layout="medium"],[data-jk-layout="wide"]) .sales-compact-row > span { padding: 0 !important; font-size: 13px !important; line-height: 1.5 !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales:is([data-jk-layout="medium"],[data-jk-layout="wide"]) .sales-compact-row b { font-weight: 500 !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales:is([data-jk-layout="medium"],[data-jk-layout="wide"]) .sales-compact-actions,
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body .page table.jk-record-table .jk-compact-actions { display: flex !important; flex-flow: row nowrap !important; align-items: center !important; justify-content: flex-end !important; gap: 6px !important; width: 100% !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales:is([data-jk-layout="medium"],[data-jk-layout="wide"]) .sales-compact-actions > button:not(.jk-secondary-action),
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body .page table.jk-record-table .jk-compact-actions > button:not(.jk-secondary-action) { flex: 0 0 auto !important; width: auto !important; min-width: 0 !important; height: 30px !important; min-height: 30px !important; padding: 4px 8px !important; margin: 0 !important; line-height: 20px !important; white-space: nowrap !important; font-size: 12px !important; }
}
@media screen {
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .customer-order-link { height: auto !important; min-height: 0 !important; line-height: 20px !important; }
}
@media screen {
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales:is([data-jk-layout="medium"],[data-jk-layout="wide"]) .sales-compact-row > span { min-height: 0 !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales:is([data-jk-layout="medium"],[data-jk-layout="wide"]) .sales-compact-row > .sales-compact-actions { height: auto !important; min-height: 30px !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales:is([data-jk-layout="medium"],[data-jk-layout="wide"]) .sales-compact-head > span { padding-left: 0 !important; padding-right: 0 !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales:is([data-jk-layout="medium"],[data-jk-layout="wide"]) :is(.sales-compact-head,.sales-compact-row) > :is(span:nth-child(5),span:nth-child(6)) { text-align: right !important; }
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales:is([data-jk-layout="medium"],[data-jk-layout="wide"]) :is(.sales-compact-head,.sales-compact-row) > span:nth-child(7) { text-align: center !important; }
}
@media screen {
  html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales[data-jk-sales-table-scroll="true"] .sales-record-column :is(.sales-compact-head,.sales-simple-list) { min-width: var(--jk-sales-min-width) !important; max-width: none !important; }
}

/* Layout 13: visible editing actions and practical document editors. */
@media screen {
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#sales-create-area,[data-purchase-panel="create"]) :is(.panel,.purchase-order-unified-card,.sales-order-unified-card) { min-width:0 !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(.sales-products-card,.purchase-items-preview) > header {flex-wrap:wrap !important;gap:10px !important;padding:12px 14px !important;align-items:center !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(.manual-sales-product,.purchase-product-toolbar) { display:flex !important;flex-wrap:wrap !important;gap:8px !important;flex:1 1 400px !important;justify-content:flex-end !important;min-width:0 !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(.manual-sales-product,.purchase-product-toolbar) > select { width:140px !important;min-width:100px !important;flex:0 1 140px !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(.manual-sales-product,.purchase-product-toolbar) > :is(.sales-search-picker,.purchase-product-search) { flex:1 1 220px !important;max-width:480px !important;min-width:0 !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#sales-create-area,#purchase-create-panel) :is(input,select), :is(#invoice-contact-modal,#purchase-record-edit-modal) :is(input,select) { box-sizing:border-box !important;min-height:36px !important;padding:7px 9px !important;font-size:13px !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(.sales-order-bottom,.purchase-preview-bottom) {gap:14px !important;align-items:start !important;margin-top:14px !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(.sales-order-bottom,.purchase-preview-bottom) > .panel { padding:14px !important;min-width:0 !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#sales-order-note,.purchase-note-preview textarea,#purchase-record-edit-note) { min-height:84px !important;height:84px !important;resize:vertical !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #invoice-contact-modal .sales-edit-card { width:min(1100px,96vw) !important;max-width:96vw !important;max-height:94dvh !important;padding:18px !important;box-sizing:border-box !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#invoice-contact-form,#purchase-record-edit-form) { gap:12px !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #invoice-contact-modal .sales-edit-item { display:grid !important;grid-template-columns:minmax(220px,2fr) minmax(130px,1fr) 65px 80px 110px 38px !important;gap:8px !important;align-items:end !important;padding:10px !important;min-width:740px !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #invoice-contact-modal .jk-edit-field { display:grid !important;gap:5px !important;margin:0 !important;min-width:0 !important;color:#65788e !important;font-size:12px !important;line-height:1.5 !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #invoice-contact-modal .jk-edit-field input { width:100% !important;min-width:0 !important;margin:0 !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #invoice-contact-modal .sales-edit-item > button { height:36px !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #purchase-record-edit-modal .purchase-record-edit-item { display:grid !important;grid-template-columns:28px minmax(220px,2fr) minmax(120px,1fr) 80px 120px 110px 60px !important;gap:8px !important;align-items:end !important;padding:10px 12px !important;min-width:840px !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #purchase-record-edit-modal .purchase-record-edit-item label { font-size:12px !important;color:#65788e !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #purchase-record-edit-modal label:has(:is(#purchase-record-edit-date,#purchase-record-edit-paid,#purchase-record-edit-total,#purchase-record-edit-due)) { display:grid !important;gap:5px !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #purchase-record-edit-modal .modal-actions { position:sticky !important;bottom:0 !important;z-index:3 !important;background:#fff !important;border-top:1px solid #e2e8f0 !important;padding:12px 0 !important;display:flex !important;justify-content:flex-end !important;gap:8px !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(.sales-edit-items-head,.purchase-record-items-head) { display:flex !important;flex-wrap:wrap !important;justify-content:space-between !important;gap:8px !important;align-items:center !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#invoice-contact-modal,#purchase-record-edit-modal) :is(.sales-edit-items,.purchase-record-edit-items) { overflow-x:auto !important;max-width:100% !important;min-width:0 !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#invoice-contact-modal,#purchase-record-edit-modal) :is(input,select,textarea):focus-visible { outline:2px solid #6f9bd4 !important;outline-offset:1px !important; }
}
@media screen and (max-width:760px) {
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(.sales-order-bottom,.purchase-preview-bottom) { grid-template-columns:minmax(0,1fr) !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #invoice-contact-modal .sales-edit-item { min-width:0 !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #invoice-contact-modal .jk-edit-field[data-field="product"] { grid-column:1 / -1 !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #purchase-record-edit-modal .purchase-record-edit-item { min-width:0 !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #purchase-record-edit-modal .purchase-record-edit-item > label:first-of-type { grid-column:1 / -1 !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#invoice-contact-modal,#purchase-record-edit-modal) :is(input,select) { min-height:42px !important;font-size:16px !important; }
}

@media screen {
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#invoice-contact-modal,#purchase-record-edit-modal) .modal-head { background:#f8fafc !important;color:#263b54 !important;border-bottom:1px solid #e2e8f0 !important;padding:12px 14px !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#invoice-contact-modal,#purchase-record-edit-modal) .modal-head :is(h2,span) { color:#263b54 !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#invoice-contact-modal,#purchase-record-edit-modal) .modal-head small { color:#728399 !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #invoice-contact-modal .sales-edit-items { height:auto !important;max-height:42dvh !important;min-height:0 !important;overflow:auto !important; }
}

/* Layout 14: consistent procurement entry, payment and supplier workflows. */
@media screen {
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #purchase .purchase-form-compact.is-collapsed .purchase-preview-grid { grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr)) !important;gap:12px !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #purchase .purchase-form-compact.is-collapsed .purchase-preview-grid > label:has(:is(#purchase-preview-date,#purchase-preview-paid,#purchase-preview-method)) { display:grid !important;gap:5px !important;grid-column:auto !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #purchase .purchase-preview-grid > label { font-size:12px !important;color:#65788e !important;min-width:0 !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #purchase [data-purchase-panel="create"] :is(input,select) { box-sizing:border-box !important;min-height:36px !important;padding:7px 9px !important;font-size:13px !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #purchase :is(.purchase-table-head,.purchase-draft-row) { gap:8px !important;padding-block:8px !important;font-size:13px !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #purchase .purchase-draft-row:not(.purchase-draft-add-row) { min-height:48px !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #purchase .purchase-preview-actions { justify-content:flex-end !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #purchase .purchase-form-compact.is-collapsed .purchase-currency-always-visible { min-width:0 !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#purchase-payment-modal,#purchase-supplier-picker-modal,#purchase-detail-modal,#supplier-form-modal,#purchase-create-modal) .modal-head { background:#f8fafc !important;color:#263b54 !important;border-bottom:1px solid #e2e8f0 !important;padding:12px 14px !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#purchase-payment-modal,#purchase-supplier-picker-modal,#purchase-detail-modal,#supplier-form-modal,#purchase-create-modal) .modal-head :is(h2,span) { color:#263b54 !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#purchase-payment-modal,#purchase-supplier-picker-modal,#supplier-form-modal,#purchase-create-modal) :is(input,select,textarea) { font-size:13px !important;box-sizing:border-box !important;min-height:36px !important;min-width:0 !important;padding:7px 9px !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #purchase-payment-modal .purchase-payment-card { width:min(780px,96vw) !important;max-width:96vw !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #purchase-payment-modal .purchase-payment-content { padding:14px !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #purchase-payment-modal .payment-order-summary { grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr)) !important;gap:8px !important;margin-bottom:12px !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #purchase-payment-modal .payment-order-summary > div { padding:10px !important;min-width:0 !important;overflow-wrap:anywhere !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #purchase-payment-modal #purchase-payment-form { gap:10px !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #purchase-payment-modal #purchase-payment-form > label:has(#purchase-payment-date) { grid-column:auto !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #purchase-payment-modal #purchase-payment-form > label:has(#purchase-payment-note) { grid-column:1 / -1 !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #purchase-payment-modal #purchase-payment-note { height:68px !important;min-height:68px !important;resize:vertical !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #purchase-payment-modal .amount-entry input { font-size:20px !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #purchase-payment-modal .payment-record-section { margin-top:14px !important;padding-top:12px !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #purchase-supplier-picker-modal .modal-card { width:min(760px,96vw) !important;max-width:96vw !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #purchase-supplier-picker-modal .purchase-supplier-picker-body { padding:14px !important;min-height:0 !important;overflow-y:auto !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #purchase-supplier-picker-modal #purchase-supplier-picker-search { position:sticky !important;top:0 !important;z-index:1 !important;background:#fff !important;width:100% !important;margin-bottom:10px !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #purchase-supplier-picker-modal #purchase-supplier-picker-list { max-height:55dvh !important;overflow-y:auto !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #purchase-detail-modal .modal-card { width:min(1040px,96vw) !important;max-width:96vw !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #purchase-detail-content { padding:14px !important;overflow-x:auto !important;min-width:0 !important; }
}
@media screen and (max-width:760px) {
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #purchase [data-purchase-panel="create"] :is(input,select) { min-height:42px !important;font-size:16px !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #purchase-payment-modal #purchase-payment-form { grid-template-columns:minmax(0,1fr) !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#purchase-payment-modal,#purchase-supplier-picker-modal,#supplier-form-modal,#purchase-create-modal) :is(input,select,textarea) { min-height:42px !important;font-size:16px !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #purchase-supplier-picker-modal .purchase-supplier-picker-body { flex:1 1 auto !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #purchase-supplier-picker-modal #purchase-supplier-picker-list { max-height:none !important; }
}

/* Layout 15: use all available space and keep table geometry identical. */
@media screen {
html:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales:is([data-jk-layout="medium"],[data-jk-layout="wide"]) :is(.sales-compact-head,.sales-compact-row) { gap:7px !important; padding-left:12px !important; padding-right:12px !important; box-sizing:border-box !important; }
}

@media screen {
html:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body .sidebar { height:var(--jk-view-height,100dvh) !important;max-height:var(--jk-view-height,100dvh) !important; }
html:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body .order-modal:not(.invoice-modal) { width:var(--jk-view-width,100vw) !important;height:var(--jk-view-height,100dvh) !important;max-height:var(--jk-view-height,100dvh) !important; }
html:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body .order-modal:not(.invoice-modal) > .modal-card { max-width:calc(var(--jk-view-width,100vw) - 24px) !important;max-height:calc(var(--jk-view-height,100dvh) - 24px) !important; }
html:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #delivery-form-modal > .product-edit-card { height:calc(var(--jk-view-height,100dvh) - 24px) !important; }
html:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body .jk-action-popover { max-width:calc(var(--jk-view-width,100vw) - 16px) !important;max-height:calc(var(--jk-view-height,100dvh) - 16px) !important; }
}
@media print { body { zoom:1 !important; } }

@media screen {
html:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #dashboard .inventory-alert-banner { display:flex !important;flex-wrap:wrap !important;gap:10px !important; }
html:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #dashboard .inventory-alert-copy { flex:1 1 240px !important;min-width:0 !important; }
html:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #dashboard .inventory-alert-stats { display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;flex:1 1 260px !important;min-width:0 !important; }
html:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #dashboard .inventory-alert-stats button { width:auto !important;min-width:0 !important; }
html:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #dashboard-inventory-alert { margin:0 !important;min-width:0 !important; }
}

/* Layout 16: targeted corrections without reopening legacy hidden sections. */
@media screen {
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #finance .finance-metrics > article { padding:13px 16px 13px 64px !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #finance .finance-metrics > article :is(span,b) { position:relative !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #finance .finance-customer-list td[data-jk-column="number"] :is(b,strong) { white-space:nowrap !important;word-break:normal !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #finance .finance-customer-list td[data-jk-column="document"] b { white-space:nowrap !important;word-break:normal !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #finance .finance-row-actions { display:flex !important;flex-wrap:nowrap !important;gap:6px !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #finance .finance-collection-workspace { grid-template-columns:minmax(0,1.62fr) minmax(350px,1fr) !important; }
}
@media screen and (min-width:1101px) {
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .sales-products-scroll table:not(:has(thead tr > th:nth-child(10))) { table-layout:fixed !important;width:100% !important;min-width:1040px !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .sales-products-scroll table:not(:has(thead tr > th:nth-child(10))) :is(th,td):nth-child(1) { width:42px !important;box-sizing:border-box !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .sales-products-scroll table:not(:has(thead tr > th:nth-child(10))) :is(th,td):nth-child(2) { width:calc(100% - 764px) !important;box-sizing:border-box !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .sales-products-scroll table:not(:has(thead tr > th:nth-child(10))) :is(th,td):nth-child(3) { width:130px !important;box-sizing:border-box !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .sales-products-scroll table:not(:has(thead tr > th:nth-child(10))) :is(th,td):nth-child(4) { width:70px !important;box-sizing:border-box !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .sales-products-scroll table:not(:has(thead tr > th:nth-child(10))) :is(th,td):nth-child(5) { width:80px !important;box-sizing:border-box !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .sales-products-scroll table:not(:has(thead tr > th:nth-child(10))) :is(th,td):nth-child(6) { width:110px !important;box-sizing:border-box !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .sales-products-scroll table:not(:has(thead tr > th:nth-child(10))) :is(th,td):nth-child(7) { width:120px !important;box-sizing:border-box !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .sales-products-scroll table:not(:has(thead tr > th:nth-child(10))) :is(th,td):nth-child(8) { width:170px !important;box-sizing:border-box !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .sales-products-scroll table:not(:has(thead tr > th:nth-child(10))) :is(th,td):nth-child(9) { width:42px !important;box-sizing:border-box !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .sales-products-scroll :is([data-order-qty],[data-order-price]) { width:100% !important;min-width:0 !important;box-sizing:border-box !important; }
}
@media screen and (max-width:760px) {
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #finance .finance-metrics > article { padding:12px !important; }
}
@media screen {
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #finance:is([data-jk-layout="medium"],[data-jk-layout="compact"],[data-jk-layout="phone"]) .finance-collection-workspace { grid-template-columns:minmax(0,1fr) !important; }
}

/* Layout 18: sales records follow the existing purchase list structure. */
@media screen {
 html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales #sales-list-panel { width:calc(100% - 16px) !important;max-width:100% !important;box-sizing:border-box !important;margin-left:8px !important;margin-right:8px !important; }
 html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales:is([data-jk-layout="medium"],[data-jk-layout="wide"]) .sales-record-column { overflow:auto !important;max-height:max(260px,calc(var(--jk-view-height,100dvh) - 380px)) !important;min-height:0 !important;scrollbar-gutter:stable !important;overscroll-behavior:contain; }
 html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales:is([data-jk-layout="medium"],[data-jk-layout="wide"]) .sales-column-head { position:sticky !important;top:0 !important;z-index:2 !important;background:#fff !important; }
 html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales:is([data-jk-layout="medium"],[data-jk-layout="wide"]) .sales-compact-head { position:sticky !important;top:var(--jk-sales-title-height,54px) !important;z-index:2 !important;background:#f5f8fc !important; }
 html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .sales-compact-actions > [data-sales-receive] { order:10 !important; }
 html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .sales-compact-actions > [data-invoice-no] { order:20 !important; }
 html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .sales-compact-actions > [data-sales-edit] { order:30 !important; }
 html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .sales-compact-actions > [data-jk-more] { order:40 !important; }
}

@media screen {
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales #sales-overview-head { display:flex !important;flex-direction:row !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales #sales-overview-head .sales-header-filters { order:0 !important;flex:1 1 600px !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales #open-sales-create { order:1 !important;margin-left:auto !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .sales-record-column { scroll-padding-top:calc(var(--jk-sales-title-height,54px) + 44px) !important; }
}


/* jk-workflow-ui */
/* Batch 19: focused workflow corrections. Business forms retain their original nodes. */
@media screen {
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #invoice-contact-modal > .modal-card { display:flex !important;flex-direction:column !important;height:calc(var(--jk-view-height,100dvh) - 24px) !important;overflow:hidden !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #invoice-contact-modal .modal-head { flex:0 0 auto !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #invoice-contact-form { display:block !important;flex:1 1 auto !important;min-height:0 !important;overflow:auto !important;padding:16px !important;scroll-padding-bottom:90px !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #invoice-contact-form > label:not([hidden]) { display:inline-flex !important;vertical-align:top !important;flex-direction:column !important;width:calc(33.333% - 12px) !important;margin:0 12px 12px 0 !important;box-sizing:border-box !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #invoice-contact-form > label.wide:not([hidden]) { display:flex !important;width:100% !important;margin-right:0 !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #invoice-contact-modal #invoice-edit-items { display:block !important;flex:none !important;height:auto !important;max-height:none !important;min-height:150px !important;overflow:visible !important;margin:12px 0 !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #invoice-contact-modal .sales-edit-item { flex:none !important;margin-bottom:8px !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #invoice-contact-form > .modal-actions { position:sticky !important;bottom:-16px !important;display:flex !important;justify-content:flex-end !important;background:#fff !important;padding:12px 0 !important;border-top:1px solid #e2e8f0 !important;z-index:3 !important;margin-top:12px !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #invoice-contact-modal .sales-edit-amounts { margin-top:12px !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#customers .partner-center-layout,#delivery .delivery-workspace,#finance .finance-collection-workspace) { display:grid !important;grid-template-columns:minmax(0,1fr) !important;gap:12px !important;min-width:0 !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#partner-detail-panel,#delivery-detail-preview,#finance-receive-panel):not(.jk-pane-open) { display:none !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#partner-detail-panel,#delivery-detail-preview,#finance-receive-panel).jk-pane-open:not(.hidden) { display:block !important;position:fixed !important;top:12px !important;right:12px !important;bottom:12px !important;width:min(520px,calc(var(--jk-view-width,100vw) - 24px)) !important;max-height:calc(var(--jk-view-height,100dvh) - 24px) !important;height:auto !important;overflow:auto !important;z-index:85 !important;background:#fff !important;border:1px solid #d8e2ef !important;box-shadow:0 16px 60px #102b4550 !important;border-radius:12px !important;padding:16px !important;box-sizing:border-box !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(.delivery-detail-title,.finance-receive-head,.partner-detail-head) { position:sticky !important;top:-16px !important;background:#fff !important;z-index:2 !important;padding:12px 0 !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #customers .partner-table-row [data-show-partner] { white-space:nowrap !important;word-break:normal !important;max-width:260px !important;overflow:hidden !important;text-overflow:ellipsis !important;display:inline-block !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #customers :is(th,td)[data-jk-column="name"] { min-width:150px !important;max-width:280px !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #delivery .delivery-filter-bar { display:flex !important;flex-wrap:wrap !important;gap:8px !important;padding:12px !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #delivery .delivery-filter-bar input[type="date"] { display:none !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #delivery .delivery-status-tabs [data-delivery-filter="converted"]:nth-child(3) { display:none !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #delivery .delivery-metrics article:last-child { display:none !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #delivery .delivery-metrics { grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:10px !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#delivery,#customers,#finance) :is(.sub-metrics article,.partner-metrics article) { min-height:0 !important;height:auto !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory :is(.inventory-actions,.row-actions) { display:flex !important;flex-wrap:nowrap !important;gap:6px !important;align-items:center !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory :is(td,th) { vertical-align:middle !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#delivery,#customers,#finance) .contact-table-wrap { width:100% !important;min-width:0 !important;overflow:auto !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(.delivery-actions,.finance-row-actions,.partner-row-actions) { display:flex !important;flex-wrap:nowrap !important;gap:6px !important;align-items:center !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(.delivery-actions,.finance-row-actions,.partner-row-actions) > button { flex:none !important;white-space:nowrap !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #finance .finance-row-actions { min-width:180px !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .sales-create-actions { position:sticky !important;left:auto !important;right:auto !important;transform:none !important;width:100% !important;box-sizing:border-box !important;bottom:0 !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #store-orders { padding:8px !important;min-width:0 !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #store-orders iframe { display:block !important;border:0 !important;width:100% !important;height:max(420px,calc(var(--jk-view-height,100dvh) - 150px)) !important;background:#f4f7fb !important;border-radius:10px !important; }
}
@media screen and (max-width:760px) {
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #invoice-contact-form > label:not(.wide):not([hidden]) { width:calc(50% - 12px) !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #delivery .delivery-metrics { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}

@media screen {
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .sales-customer-grid { display:grid !important;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr)) !important;gap:12px !important;align-items:end !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .sales-customer-grid > div:has(#sales-date) { display:block !important;order:1 !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .sales-customer-grid > .currency-picker { display:block !important;order:2 !important;padding:0 !important;margin:0 !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .sales-customer-grid > .sales-number-field { display:block !important;order:3 !important;grid-column:auto !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .sales-customer-grid > div:has(#customer) { order:0 !important;grid-column:auto !important;min-width:0 !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .sales-customer-grid > div:has(:is(#sales-contact,#sales-phone,#sales-address,#payment)) { order:4 !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .sales-customer-grid #fx-rate-status { display:none !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .sales-customer-grid :is(input,select) { width:100% !important;min-width:0 !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .sales-number-value { min-height:34px !important;height:auto !important;padding:8px 10px !important;box-sizing:border-box !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .sales-info-actions { display:flex !important;flex-wrap:nowrap !important;justify-content:flex-end !important;gap:6px !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory .inventory-row-actions { display:flex !important;flex-wrap:nowrap !important;gap:6px !important;align-items:center !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory .inventory-row-actions > button:not(.jk-secondary-action) { flex:none !important;white-space:nowrap !important; }
}

@media screen {
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales:has(#sales-list-panel:not(.hidden)) { padding-inline:0 !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#finance .finance-customer-list,#customers .customer-panel,#delivery .delivery-list-panel) { display:grid !important;grid-template-rows:auto minmax(0,1fr) auto !important;height:var(--jk-workspace-list-height,auto) !important;min-height:260px !important;max-height:none !important;overflow:hidden !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#finance .finance-customer-list,#customers .customer-panel,#delivery .delivery-list-panel) > .contact-table-wrap { min-height:0 !important;max-height:none !important;height:100% !important;overflow:auto !important; }
}

/* Batch 20: compact stock companion; partner records scroll with the page. */
@media screen {
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory.jk-stock-panel-open[data-jk-stock-dock="true"] .inventory-workspace-r817 { grid-template-columns:minmax(0,1fr) 300px !important;align-items:start !important;gap:12px !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory.jk-stock-panel-open .inventory-quick-count-r817 { display:block !important;width:100% !important;max-width:300px !important;margin:0 !important;border:1px solid #dce5ef !important;border-radius:10px !important;box-sizing:border-box !important;overflow:auto !important;max-height:var(--jk-stock-height,calc(var(--jk-view-height,100dvh) - 170px)) !important;padding:0 !important;background:#fff !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory.jk-stock-panel-open[data-jk-stock-dock="true"] .inventory-quick-count-r817 { position:sticky !important;top:150px !important;align-self:start !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory.jk-stock-panel-open[data-jk-stock-dock="false"] .inventory-quick-count-r817 { position:fixed !important;right:12px !important;top:12px !important;bottom:auto !important;width:min(320px,calc(var(--jk-view-width,100vw) - 24px)) !important;max-width:none !important;z-index:85 !important;box-shadow:0 12px 48px #19375444 !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory .inventory-quick-count-head { display:flex !important;height:auto !important;min-height:42px !important;padding:8px 12px !important;gap:8px !important;background:#f6f9fd !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory .inventory-quick-count-head > span { display:none !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory .inventory-quick-count-head b { font-size:14px !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory #jk-stock-close { margin-left:auto !important;width:28px !important;min-width:28px !important;height:28px !important;padding:0 !important;border:1px solid #dbe5ef !important;border-radius:6px !important;background:white !important;color:#54708f !important;font-size:18px !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory .jk-stock-search-wrap { margin:10px 12px !important;position:relative !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory #jk-stock-search { margin:0 !important;width:100% !important;min-width:0 !important;box-sizing:border-box !important;height:36px !important;font-size:12px !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory #jk-stock-search-results:not([hidden]) { display:grid !important;gap:4px !important;max-height:190px !important;overflow:auto !important;padding:6px !important;background:#f7faff !important;border:1px solid #dae5ef !important;border-radius:6px !important;margin-top:6px !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory #jk-stock-search-results[hidden] { display:none !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory #jk-stock-search-results button { text-align:left !important;background:#fff !important;border:1px solid #e0e8f2 !important;border-radius:6px !important;padding:8px !important;font-size:12px !important;min-width:0 !important;white-space:normal !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory #jk-stock-search-results :is(b,small) { display:block !important;overflow-wrap:anywhere !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory .inventory-quick-product-r817 { padding:8px 12px !important;gap:8px !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory .inventory-product-placeholder { width:38px !important;height:38px !important;flex:0 0 38px !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory .inventory-quick-product-r817 b { font-size:13px !important;white-space:normal !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory .inventory-quick-count-r817 > label { margin:0 12px 10px !important;font-size:12px !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory .inventory-quick-count-r817 :is(input,select,textarea) { min-width:0 !important;box-sizing:border-box !important;font-size:13px !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory .inventory-quick-count-r817 textarea { height:58px !important;min-height:58px !important;resize:vertical !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory .inventory-quick-actual { grid-template-columns:minmax(0,1fr) auto !important;gap:6px !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory #inventory-quick-actual { font-size:20px !important;font-weight:700 !important;height:42px !important;padding:6px 10px !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory #inventory-quick-voice { font-size:11px !important;padding:5px 7px !important;height:42px !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory .inventory-quick-help { margin:0 12px 10px !important;font-size:10px !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory .inventory-quick-difference { margin:0 12px 10px !important;padding:10px !important;font-size:16px !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory #inventory-quick-confirm { position:sticky !important;bottom:8px !important;margin:0 12px 12px !important;width:calc(100% - 24px) !important;height:38px !important;min-height:38px !important;box-shadow:0 0 0 8px #fff !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory.jk-stock-panel-open #product-body .jk-stock-selected { background:#edf5ff !important;box-shadow:inset 3px 0 #1677ff !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #customers .jk-partner-toolbar-empty { display:none !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #customers :is(.partner-center-layout,.customer-panel) { height:auto !important;min-height:0 !important;max-height:none !important;overflow:visible !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #customers .customer-panel { display:block !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #customers .customer-panel > .contact-table-wrap { height:auto !important;min-height:0 !important;max-height:none !important;overflow-x:auto !important;overflow-y:visible !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #customers .customer-panel > .list-head { display:flex !important;align-items:center !important;flex-wrap:wrap !important;gap:8px !important;padding:12px !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #customers .partner-role-tabs { flex:1 1 380px !important;min-width:0 !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #customers #customer-search { flex:1 1 230px !important;width:auto !important;max-width:330px !important;min-width:0 !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #customers .jk-partner-toolbar-actions { display:flex !important;flex-wrap:wrap !important;align-items:center !important;gap:6px !important;margin-left:auto !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #customers .jk-partner-toolbar-actions > button { min-height:34px !important;height:auto !important;padding:6px 10px !important;white-space:nowrap !important; }
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #customers .customer-footer { position:static !important;height:auto !important; }
}

/* Batch 26: focused, consistent document entry layout. */
@media screen {
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#sales .sales-order-bottom,#purchase .purchase-preview-bottom) {display:grid!important;grid-template-columns:minmax(0,1fr) minmax(280px,360px)!important;gap:16px!important;align-items:start!important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .sales-customer-grid {grid-template-columns:minmax(220px,360px) minmax(150px,180px) minmax(140px,170px) minmax(180px,220px)!important;justify-content:start!important;gap:10px!important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #purchase .purchase-form-compact.is-collapsed .purchase-preview-grid {grid-template-columns:repeat(auto-fit,minmax(160px,220px))!important;justify-content:start!important;gap:10px!important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#sales .sales-create-actions,#purchase .purchase-preview-actions) {position:static!important;justify-content:flex-end!important;margin-top:14px!important;padding:12px 0!important;box-shadow:none!important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .sales-order-bottom > .note > details {margin:14px 0 0!important;border-top:1px solid #dce5ef!important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .sales-order-bottom .sales-expense-entry {margin-top:8px!important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#sales .sales-note-head,#purchase .purchase-note-preview > b) {display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .sales-products-scroll > table {table-layout:fixed!important;width:100%!important;min-width:900px!important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .sales-products-scroll > table :is(th,td) {white-space:normal!important;overflow-wrap:anywhere!important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .sales-products-scroll > table :is(input,textarea) {max-width:100%!important;min-width:0!important;width:100%!important;box-sizing:border-box!important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .sales-products-scroll > table :is(th,td):nth-child(1) {width:4%!important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .sales-products-scroll > table :is(th,td):nth-child(2) {width:27%!important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .sales-products-scroll > table :is(th,td):nth-child(3) {width:17%!important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .sales-products-scroll > table :is(th,td):nth-child(4) {width:6%!important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .sales-products-scroll > table :is(th,td):nth-child(5) {width:7%!important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .sales-products-scroll > table :is(th,td):nth-child(6) {width:10%!important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .sales-products-scroll > table :is(th,td):nth-child(7) {width:11%!important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .sales-products-scroll > table :is(th,td):nth-child(8) {width:14%!important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .sales-products-scroll > table :is(th,td):nth-child(9) {width:4%!important;}
}
@media screen and (max-width:1100px) {
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .sales-customer-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media screen and (max-width:760px) {
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#sales .sales-order-bottom,#purchase .purchase-preview-bottom) {grid-template-columns:minmax(0,1fr)!important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .sales-customer-grid {grid-template-columns:minmax(0,1fr)!important;}
}

/* Batch 27: approved product-entry appearance. */
@media screen {
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#sales,#purchase) .jk-product-entry-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:16px 18px!important;gap:12px!important;background:#fff!important;flex-wrap:wrap!important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#sales,#purchase) .jk-product-entry-heading b{font-size:16px!important;color:#173557!important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#sales,#purchase) .jk-product-entry-heading small{display:block!important;color:#7a8ba0!important;font-size:12px!important;margin-top:6px!important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#sales,#purchase) .jk-add-product{background:#1769e8!important;color:white!important;border:0!important;border-radius:7px!important;padding:10px 16px!important;min-height:36px!important;font-size:13px!important;font-weight:600!important;white-space:nowrap!important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#sales,#purchase) .jk-add-product:disabled{opacity:.45!important;cursor:not-allowed!important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales #order-body tr:not(.sales-draft-add-row) td{padding-top:12px!important;padding-bottom:12px!important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .sales-products-scroll table:not(:has(thead tr > th:nth-child(10))) :is(th,td):nth-child(2){width:28%!important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .sales-products-scroll table:not(:has(thead tr > th:nth-child(10))) :is(th,td):nth-child(3){width:17%!important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .sales-products-scroll table:not(:has(thead tr > th:nth-child(10))) :is(th,td):nth-child(8){width:15%!important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #purchase .purchase-draft-row:not(.purchase-draft-add-row){min-height:54px!important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #purchase .purchase-draft-add-row{min-height:48px!important;height:auto!important;}
}
.jk-product-entry-heading[hidden]{display:none!important;}
@media print{.jk-product-entry-heading{display:none!important;}}


/* jk-workspace-polish */
/* U1 batch 21: scoped layout and natural page scrolling, never resize the body. */
@media screen {
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory:not(.jk-stock-panel-open) #jk-inventory-companion{display:none !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory.jk-stock-panel-open #jk-inventory-companion{display:flex !important;flex-direction:column !important;min-width:0 !important;width:100% !important;max-width:360px !important;max-height:var(--jk-companion-height,calc(var(--jk-view-height,100dvh) - 170px)) !important;background:#fff !important;border:1px solid #dce5ef !important;border-radius:10px !important;overflow:hidden !important;box-sizing:border-box !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory.jk-stock-panel-open[data-jk-stock-dock="true"] .inventory-workspace-r817{grid-template-columns:minmax(0,1fr) 340px !important;align-items:start !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory.jk-stock-panel-open[data-jk-stock-dock="true"] #jk-inventory-companion{position:sticky !important;top:150px !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory.jk-stock-panel-open[data-jk-stock-dock="false"] #jk-inventory-companion{position:fixed !important;top:12px !important;right:12px !important;width:min(340px,calc(var(--jk-view-width,100vw) - 24px)) !important;z-index:85 !important;box-shadow:0 12px 48px #19375444 !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory #jk-inventory-companion #jk-quick-stock-panel{position:static !important;width:100% !important;max-width:none !important;max-height:none !important;margin:0 !important;border:0 !important;box-shadow:none !important;overflow:auto !important;min-height:0 !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory .jk-pv-tabs{display:flex !important;gap:6px !important;align-items:center !important;background:#f7faff !important;padding:8px !important;border-bottom:1px solid #dfe8f2 !important;flex:0 0 auto !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory .jk-pv-tabs button{border:0 !important;background:none !important;border-radius:6px !important;padding:8px 10px !important;color:#70839c !important;font-size:13px !important;font-weight:700 !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory .jk-pv-tabs .active{color:#1677ff !important;background:#eaf3ff !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory .jk-pv-close{margin-left:auto !important;font-size:20px !important;padding:4px 8px !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory[data-jk-companion-tab="preview"] #jk-quick-stock-panel{display:none !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory[data-jk-companion-tab="stock"] #jk-product-preview{display:none !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory #jk-inventory-companion .inventory-quick-count-head{display:none !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #jk-product-preview{margin:0 !important;padding:0 !important;border:0 !important;min-height:0 !important;overflow:auto !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #jk-pv-empty{padding:24px 16px !important;color:#71839a !important;font-size:13px !important;line-height:1.7 !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #jk-pv-form:not([hidden]){display:block !important;padding:14px 14px 0 !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #jk-pv-form[hidden]{display:none !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #jk-pv-form label:not([hidden]){display:block !important;margin:0 0 12px !important;color:#61738b !important;font-size:12px !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #jk-pv-form label[hidden]{display:none !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #jk-pv-form :is(input,select,textarea){display:block !important;width:100% !important;box-sizing:border-box !important;min-width:0 !important;min-height:36px !important;height:auto !important;margin-top:6px !important;padding:8px 10px !important;border:1px solid #d7e2ef !important;background:#fff !important;border-radius:6px !important;color:#253b57 !important;font-size:13px !important;line-height:1.5 !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #jk-pv-form textarea{resize:vertical !important;min-height:55px !important;max-height:140px !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body .jk-pv-product{padding-bottom:14px !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body .jk-pv-product b{font-size:14px !important;overflow-wrap:anywhere !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body .jk-pv-product small{display:block !important;margin-top:6px !important;font-size:11px !important;color:#8797ac !important;overflow-wrap:anywhere !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body .jk-pv-stock-line{display:flex !important;justify-content:space-between !important;gap:8px !important;align-items:center !important;padding:12px !important;background:#f3f8ff !important;border-radius:7px !important;margin-bottom:16px !important;font-size:12px !important;color:#71839a !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body .jk-pv-stock-line b{font-size:16px !important;color:#176bcc !important;padding-left:6px !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body .jk-pv-stock-line button{border:0 !important;background:none !important;padding:0 !important;font-size:12px !important;color:#1677ff !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body .jk-pv-price-title{display:flex !important;justify-content:space-between !important;gap:8px !important;margin-bottom:10px !important;font-size:13px !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body .jk-pv-price-title small{color:#8797ac !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body .jk-pv-prices{display:flex !important;gap:8px !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body .jk-pv-prices > label{flex:1 1 0 !important;min-width:0 !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #jk-pv-form .jk-pv-prices input{padding:8px !important;font-size:15px !important;font-weight:600 !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body .jk-pv-actions{display:flex !important;justify-content:flex-end !important;gap:8px !important;position:sticky !important;bottom:0 !important;background:#fff !important;border-top:1px solid #e2e9f1 !important;padding:12px 0 !important;margin-top:10px !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body .jk-pv-actions button{padding:8px 12px !important;border:1px solid #d7e2ef !important;border-radius:6px !important;background:#fff !important;color:#456080 !important;font-weight:700 !important;font-size:13px !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body .jk-pv-actions .primary{color:#fff !important;background:#1677ff !important;border-color:#1677ff !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #jk-pv-status{display:block !important;color:#71839a !important;padding-bottom:8px !important;font-size:11px !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory .jk-pv-selected > td{background:#eef5ff !important;box-shadow:none !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #inventory .jk-pv-selected > td:first-child{box-shadow:inset 3px 0 #1677ff !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#finance .finance-customer-list,#inventory .inventory-list-r817,#delivery .delivery-list-panel){display:block !important;height:auto !important;min-height:0 !important;max-height:none !important;overflow:visible !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#finance,#purchase,#inventory,#inventory-flow,#delivery,#customers,#suppliers,#mobile-topups,#reports,#preorders) .contact-table-wrap{height:auto !important;min-height:0 !important;max-height:none !important;overflow-x:auto !important;overflow-y:visible !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#finance .finance-customer-list,#inventory .inventory-list-r817,#delivery .delivery-list-panel) > .contact-table-wrap{height:auto !important;min-height:0 !important;max-height:none !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales .sales-record-column{overflow:visible !important;max-height:none !important;min-height:0 !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales :is(.sales-column-head,.sales-compact-head){position:static !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #finance[data-finance-active-view]:not([data-finance-active-view="receivable"]) :is(.finance-collection-workspace,.finance-metrics,.finance-filter-bar){display:none !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #finance[data-finance-active-view="supplier"] [data-finance-section="supplier"]{display:block !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #finance[data-finance-active-view="expense"] [data-finance-section="expense"]{display:block !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #finance[data-finance-active-view="supplier"] :is([data-finance-section="expense"],.delivery-expense-panel,.courier-report-panel){display:none !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #finance[data-finance-active-view="expense"] [data-finance-section="supplier"]{display:none !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #finance:is([data-finance-active-view="records"],[data-finance-active-view="accounts"]) :is([data-finance-section],.delivery-expense-panel,.courier-report-panel){display:none !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body .jk-finance-ledger[hidden]{display:none !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body .jk-finance-ledger .list-head{display:flex !important;flex-wrap:wrap !important;gap:12px !important;align-items:center !important;padding:14px !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body .jk-finance-ledger .list-head input{flex:1 1 250px !important;max-width:380px !important;min-width:0 !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports .report-kpi-modern{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:12px !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports .report-kpi-modern > article{padding:16px !important;min-width:0 !important;min-height:100px !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports .report-kpi-modern > article:before{display:none !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports .report-kpi-modern > article b{font-size:24px !important;line-height:1.5 !important;white-space:nowrap !important;overflow-wrap:normal !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports .report-kpi-modern > article span{font-size:13px !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports .report-kpi-modern > article:last-child{background:#f3f9ff !important;border-color:#bed8ff !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports .jk-report-extra{margin:0 0 12px !important;padding:10px 14px !important;background:#fff !important;border:1px solid #e1e9f3 !important;border-radius:8px !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports :is(.jk-report-extra,.jk-report-ai-fold)[hidden]{display:none !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports .jk-report-extra-grid{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important;padding-top:12px !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports .jk-report-extra-grid article{padding:8px !important;display:flex !important;flex-wrap:wrap !important;gap:8px !important;align-items:center !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports .report-ai-dashboard{grid-template-columns:minmax(0,2fr) minmax(260px,1fr) !important;gap:12px !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports .report-ai-dashboard > *{grid-column:auto !important;grid-row:auto !important;min-width:0 !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports .report-trend-panel{grid-column:1 !important;min-height:280px !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports .report-composition-panel{grid-column:2 !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports .report-customer-ranking{grid-column:1 !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports .report-funds-panel{grid-column:2 !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports .jk-report-ai-fold{grid-column:1 / -1 !important;grid-row:auto !important;background:#fff !important;border:1px solid #e1e9f3 !important;border-radius:8px !important;padding:12px !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports .jk-report-ai-fold summary{cursor:pointer !important;font-size:14px !important;font-weight:700 !important;color:#335f96 !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports .report-ai-panel{grid-column:auto !important;grid-row:auto !important;margin-top:12px !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports[data-active-report]:not([data-active-report="business-profit"]):not([data-active-report="ai-insight"]) .jk-report-ai-fold{display:none !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports .report-filter-bar{display:flex !important;flex-wrap:wrap !important;align-items:end !important;gap:8px !important;width:100% !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports .report-filter-bar > label{flex:0 1 190px !important;min-width:0 !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports .report-filter-bar > button{flex:0 0 auto !important;min-height:36px !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports .jk-report-dates{position:relative !important;align-self:end !important;padding:8px 12px !important;border:1px solid #d7e2ef !important;background:#fff !important;border-radius:6px !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports .jk-report-dates[open]{display:flex !important;flex-wrap:wrap !important;gap:8px !important;align-items:end !important;flex:1 1 400px !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports .jk-report-dates label{min-width:0 !important;flex:1 1 140px !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports .report-ranking-table>div{font-size:13px !important;min-height:40px !important;}
}
@media screen and (max-width:1100px){
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports .report-ai-dashboard {grid-template-columns:minmax(0,1fr) !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports .report-ai-dashboard > * {grid-column:1 !important;grid-row:auto !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports .report-kpi-modern {grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
html[data-jk-simple="false"] :is(.jk-pv-tabs,#jk-product-preview){display:none!important}html[data-jk-simple="false"] #jk-inventory-companion{display:contents!important}

@media screen{
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #report-cost-notice{font-size:12px !important;line-height:1.6 !important;padding:10px 12px !important;height:auto !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #report-trend-chart svg text{font-size:11px !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports .report-modern-title small{font-size:12px !important;display:block !important;line-height:1.5 !important;margin-top:4px !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports[data-jk-layout="phone"] .report-kpi-modern {grid-template-columns:minmax(0,1fr) !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports[data-jk-layout="phone"] .jk-report-extra-grid {grid-template-columns:minmax(0,1fr) !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports .jk-report-ai-fold{order:10 !important;}
}


/* jk-invoice-remarks */
/* U1 batch 23: bounded invoice columns; preserve text and wrap in every output. */
:is(#invoice-paper,#reservation-quote-paper) .invoice-table{width:100% !important;table-layout:fixed !important;}
:is(#invoice-paper,#reservation-quote-paper) .invoice-table :is(th,td){box-sizing:border-box !important;white-space:normal !important;overflow-wrap:anywhere !important;word-break:normal !important;height:auto !important;max-height:none !important;overflow:visible !important;text-overflow:clip !important;}
:is(#invoice-paper,#reservation-quote-paper) .invoice-table tbody tr:not(.invoice-total-row)>td:last-child{white-space:pre-wrap !important;text-align:left !important;line-height:1.5 !important;}
:is(#invoice-paper,#reservation-quote-paper) .invoice-table thead th:nth-child(1){width:4%;}
:is(#invoice-paper,#reservation-quote-paper) .invoice-table thead th:nth-child(2){width:25%;}
:is(#invoice-paper,#reservation-quote-paper) .invoice-table thead th:nth-child(3){width:15%;}
:is(#invoice-paper,#reservation-quote-paper) .invoice-table thead th:nth-child(4){width:6%;}
:is(#invoice-paper,#reservation-quote-paper) .invoice-table thead th:nth-child(5){width:7%;}
:is(#invoice-paper,#reservation-quote-paper) .invoice-table thead th:nth-child(6){width:15%;}
:is(#invoice-paper,#reservation-quote-paper) .invoice-table thead th:last-child{width:28%;}
:is(#invoice-paper,#reservation-quote-paper) .invoice-table:has(thead th:nth-child(8)) thead th:nth-child(2){width:21%;}
:is(#invoice-paper,#reservation-quote-paper) .invoice-table:has(thead th:nth-child(8)) thead th:nth-child(3){width:13%;}
:is(#invoice-paper,#reservation-quote-paper) .invoice-table:has(thead th:nth-child(8)) thead th:nth-child(5){width:6%;}
:is(#invoice-paper,#reservation-quote-paper) .invoice-table:has(thead th:nth-child(8)) thead th:nth-child(6){width:13%;}
:is(#invoice-paper,#reservation-quote-paper) .invoice-table:has(thead th:nth-child(8)) thead th:nth-child(7){width:13%;}
:is(#invoice-paper,#reservation-quote-paper) .invoice-table:has(thead th:nth-child(8)) thead th:last-child{width:24%;}


/* jk-sales-delivery-expense */
/* U1 batch 24: compact delivery expense fields and monthly totals. */
.sales-expense-entry{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
.sales-expense-entry>b,.sales-expense-entry>small{grid-column:1/-1;}
.sales-expense-entry>label{display:flex;flex-direction:column;gap:5px;min-width:0;}
.sales-expense-entry :is(input,select){width:100%;min-width:0;box-sizing:border-box;}
#jk-transport-summary{margin:12px 16px;padding:14px;border:1px solid #dce5ef;border-radius:8px;background:#f8fbff;}
#jk-transport-summary>small{display:block;color:#64748b;margin:6px 0 10px;line-height:1.5;}
.jk-transport-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.jk-transport-cards>div{border:1px solid #e2e8f0;background:#fff;border-radius:7px;padding:10px;font-size:12px;}
.jk-transport-cards strong{display:block;font-size:18px;margin-top:5px;overflow-wrap:anywhere;}
#jk-transport-unpaid{color:#b45309;}
#jk-transport-summary details{margin-top:12px;}
#jk-transport-summary summary{cursor:pointer;font-size:12px;color:#23527c;}
.jk-expense-person{display:block;color:#64748b;margin-top:4px;}
#operating-expense-body tr[hidden]{display:none !important;}
@media(max-width:560px){.sales-expense-entry{grid-template-columns:minmax(0,1fr) !important;}.jk-transport-cards{gap:5px;}.jk-transport-cards>div{padding:7px;}.jk-transport-cards strong{font-size:15px;}#jk-transport-summary{margin:10px 8px;padding:10px;}}

/* Customer delivery fee stays within the existing compact form. */
.jk-customer-delivery-option{grid-column:1/-1;}
.jk-customer-delivery-option>span{display:flex;align-items:center;gap:7px;}
.jk-customer-delivery-option input[type="checkbox"]{width:16px !important;height:16px !important;min-height:0 !important;padding:0 !important;flex:none;}
.jk-customer-delivery-option small{color:#64748b;line-height:1.5;}
#jk-customer-delivery-field[hidden],#jk-customer-delivery-total[hidden]{display:none !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #sales #sales-charge-customer{width:16px !important;height:16px !important;min-height:0 !important;padding:0 !important;flex:none;}


@media screen {
  #inventory .inventory-pagination { display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;padding:10px 12px;border-bottom:1px solid #e7eaf0; }
  #inventory .inventory-pagination-controls { display:flex;flex-wrap:wrap;align-items:center;gap:8px; }
  #inventory .inventory-pagination :is(button,select) { min-height:34px;padding:5px 10px; }
  #inventory .inventory-pagination select { width:auto; }
  #inventory .inventory-pagination button:disabled { opacity:.45;cursor:default; }
  #inventory .inventory-pagination-status { color:#61738b;font-size:12px; }
}

@media screen { #inventory .customer-footer { flex-wrap:wrap;gap:10px; } #inventory .customer-footer button { min-height:34px;padding:5px 10px; } #inventory .customer-footer button:disabled { opacity:.45;cursor:default; } }



/* The sales query belongs with its record filters, on desktop and phones. */
@media screen {
  #sales .sales-record-search { display:flex !important;align-items:center;position:relative;flex:1 1 240px;min-width:0;max-width:420px; }
  #sales .sales-record-search > span { position:absolute;left:10px;color:#75869b;pointer-events:none; }
  #sales .sales-record-search #global-search-input { width:100% !important;min-width:0;min-height:34px;padding:6px 10px 6px 30px !important;box-sizing:border-box;border:1px solid #d6e1ed;border-radius:6px;background:#fff;font:inherit; }
  #sales[data-jk-layout="phone"] .sales-record-search { flex-basis:100%;max-width:none; }
}

@media screen { #finance[data-finance-active-view]:not([data-finance-active-view="receivable"]) .finance-filter-bar { display:none !important; } }

@media screen {
  html[data-jk-simple="false"] body #inventory .inventory-mobile-search { display:flex !important;align-items:center;gap:8px;min-width:0;width:100%;max-width:520px;height:38px; }
  html[data-jk-simple="false"] body #inventory .inventory-mobile-search input { width:100%;min-width:0; }
}

/* Compact report overview with secondary detail on demand. */
@media screen {
html[data-jk-simple]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports .report-kpi-modern {grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
html[data-jk-simple]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports .report-ai-dashboard {grid-template-columns:minmax(0,1fr) !important;}
html[data-jk-simple]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports .report-trend-panel {grid-column:1 / -1 !important;min-height:280px !important;}
html[data-jk-simple]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports .jk-report-secondary {grid-column:1 / -1 !important;background:#fff;border:1px solid #e1e9f3;border-radius:8px;padding:12px 16px;}
html[data-jk-simple]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports .jk-report-secondary-content {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;}
html[data-jk-simple]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports .jk-report-secondary-content > section {grid-column:auto !important;min-width:0;}
html[data-jk-simple]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports .jk-report-secondary-content > .report-table-panel, html[data-jk-simple]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports .jk-report-secondary-content > .report-expense-panel {grid-column:1 / -1 !important;}
html[data-jk-simple]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports .jk-report-more, html[data-jk-simple]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports .jk-report-output {position:relative;flex:0 0 auto;}
html[data-jk-simple]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports .jk-report-more > summary, html[data-jk-simple]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports .jk-report-output > summary {cursor:pointer;padding:9px 14px;border:1px solid #d7e2ef;border-radius:6px;background:#fff;white-space:nowrap;}
html[data-jk-simple]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports .jk-report-more > div, html[data-jk-simple]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports .jk-report-output[open] {background:#fff;border:1px solid #d7e2ef;border-radius:6px;padding:8px;}
html[data-jk-simple]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports .jk-report-more > div {position:absolute;right:0;top:100%;z-index:20;min-width:180px;display:grid;gap:6px;box-shadow:0 6px 20px #15304a20;}
html[data-jk-simple]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports .jk-report-more button {width:100% !important;text-align:left;}
html[data-jk-simple]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports .jk-report-output > button {margin:6px 4px 0 0;}
html[data-jk-simple]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports .jk-report-secondary > summary {cursor:pointer;color:#335f96;font-weight:600;}
html[data-jk-simple]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports .jk-report-extra #report-cost-notice {margin:12px 0 0 !important;}
html[data-jk-simple]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports[data-jk-layout="compact"] .report-kpi-modern {grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
html[data-jk-simple]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports[data-jk-layout="phone"] .report-kpi-modern {grid-template-columns:minmax(0,1fr) !important;}
}
@media screen and (max-width:900px) {html[data-jk-simple]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body #reports .jk-report-secondary-content {grid-template-columns:minmax(0,1fr);}}
@media print {#reports details > :not(summary) {display:block !important;} #reports .jk-report-more,#reports .jk-report-output {display:none !important;}}

/* Compact shared module lists. All data and original controls remain in place. */
@media screen {
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#sales,#purchase,#inventory,#delivery,#finance,#customers,#preorders).jk-module-simple .jk-module-fold {min-width:0;max-width:100%;margin:0 !important;border:0 !important;background:transparent !important;padding:0 !important;flex:0 1 auto;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#sales,#purchase,#inventory,#delivery,#finance,#customers,#preorders).jk-module-simple .jk-module-fold > summary {cursor:pointer;padding:8px 12px;border:1px solid #d7e2ef;border-radius:6px;background:#fff;color:#39546d;white-space:nowrap;font-size:12px;line-height:18px;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#sales,#purchase,#inventory,#delivery,#finance,#customers,#preorders).jk-module-simple .jk-module-fold[open] {flex:1 1 100%;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#sales,#purchase,#inventory,#delivery,#finance,#customers,#preorders).jk-module-simple .jk-module-fold-content {display:flex;flex-wrap:wrap;gap:8px 12px;align-items:end;margin-top:8px;padding:10px;background:#f8fafc;border:1px solid #e7edf3;border-radius:6px;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#sales,#purchase,#inventory,#delivery,#finance,#customers,#preorders).jk-module-simple .jk-module-fold-content > label {display:flex;flex-direction:column;gap:4px;min-width:0;font-size:12px;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#sales,#purchase,#inventory,#delivery,#finance,#customers,#preorders).jk-module-simple :is(.sub-metrics,.contact-summary) > article {min-height:64px !important;padding:10px 14px !important;border-radius:7px !important;box-shadow:none !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#sales,#purchase,#inventory,#delivery,#finance,#customers,#preorders).jk-module-simple :is(.sub-metrics,.contact-summary) > article::before {display:none !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#sales,#purchase,#inventory,#delivery,#finance,#customers,#preorders).jk-module-simple :is(.sub-metrics,.contact-summary) > article b {font-size:19px !important;line-height:1.5 !important;white-space:nowrap !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#sales,#purchase,#inventory,#delivery,#finance,#customers,#preorders).jk-module-simple :is(.sub-metrics,.contact-summary) > article > span {font-size:12px !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#sales,#purchase,#inventory,#delivery,#finance,#customers,#preorders).jk-module-simple .jk-module-metric-extra {grid-column:1 / -1 !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#sales,#purchase,#inventory,#delivery,#finance,#customers,#preorders).jk-module-simple .jk-module-metric-extra .jk-module-fold-content {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#sales,#purchase,#inventory,#delivery,#finance,#customers,#preorders).jk-module-simple .jk-module-metric-extra article {min-width:0;padding:8px 10px;background:#fff;border:1px solid #e7edf3;border-radius:6px;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#sales,#purchase,#inventory,#delivery,#finance,#customers,#preorders).jk-module-simple .jk-module-metric-extra article :is(span,b) {display:block;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#sales,#purchase,#inventory,#delivery,#finance,#customers,#preorders).jk-module-simple .jk-module-metric-extra article b {font-size:18px !important;line-height:1.5;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#sales,#purchase,#inventory,#delivery,#finance,#customers,#preorders).jk-module-simple .jk-module-metric-extra article small {display:none !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#sales,#purchase,#inventory,#delivery,#finance,#customers,#preorders).jk-module-simple .finance-metrics, html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#sales,#purchase,#inventory,#delivery,#finance,#customers,#preorders).jk-module-simple .partner-summary {grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#sales,#purchase,#inventory,#delivery,#finance,#customers,#preorders).jk-module-simple .delivery-metrics {display:none !important;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#sales,#purchase,#inventory,#delivery,#finance,#customers,#preorders).jk-module-simple .jk-module-status-count {display:inline-flex;align-items:center;justify-content:center;min-width:22px;padding:1px 6px;margin-left:6px;border-radius:10px;background:#e6edf5;font-size:11px;font-weight:600;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#sales,#purchase,#inventory,#delivery,#finance,#customers,#preorders).jk-module-simple .delivery-status-tabs .active .jk-module-status-count {background:#ffffff33;color:inherit;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#sales,#purchase,#inventory,#delivery,#finance,#customers,#preorders).jk-module-simple .jk-module-fold-content :is(button,select) {max-width:100%;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#sales,#purchase,#inventory,#delivery,#finance,#customers,#preorders).jk-module-simple .inventory-primary-actions {align-items:center;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#sales,#purchase,#inventory,#delivery,#finance,#customers,#preorders).jk-module-simple .jk-partner-toolbar-actions {flex-wrap:wrap;}
html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#sales,#purchase,#inventory,#delivery,#finance,#customers,#preorders).jk-module-simple .sales-header-filters {align-items:center !important;}
html[data-jk-simple="true"] .sidebar-logout {display:none !important;}
}
@media screen and (max-width:760px) {html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#sales,#purchase,#inventory,#delivery,#finance,#customers,#preorders).jk-module-simple .finance-metrics, html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#sales,#purchase,#inventory,#delivery,#finance,#customers,#preorders).jk-module-simple .partner-summary {grid-template-columns:minmax(0,1fr) !important;}html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#sales,#purchase,#inventory,#delivery,#finance,#customers,#preorders).jk-module-simple .jk-module-fold {max-width:100%;}html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#sales,#purchase,#inventory,#delivery,#finance,#customers,#preorders).jk-module-simple .jk-module-fold[open] {width:100%;}html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#sales,#purchase,#inventory,#delivery,#finance,#customers,#preorders).jk-module-simple .jk-module-fold-content > label {flex:1 1 145px;} }
@media screen {html[data-jk-simple="false"] .jk-module-status-count {display:none;} html[data-jk-simple="false"] .jk-module-fold > summary {display:none;} html[data-jk-simple="false"] .jk-module-fold-content {display:flex;flex-wrap:wrap;gap:10px;}}
@media print {.jk-module-fold > :not(summary){display:block !important;}.jk-module-fold > summary{display:none !important;}}

@media screen {html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#sales,#purchase,#inventory,#delivery,#finance,#customers,#preorders).jk-module-simple .jk-module-empty-toolbar {display:none !important; }html[data-jk-simple="true"]:not(#jk-u1-a):not(#jk-u1-b):not(#jk-u1-c):not(#jk-u1-d) body :is(#sales,#purchase,#inventory,#delivery,#finance,#customers,#preorders).jk-module-simple .jk-module-metric-extra article::before {display:none !important;}}

/* Creation-only optional sections; original fields return to their original places in full mode. */
@media screen {
 .jk-create-fold {margin:8px 0;border:1px solid #dce5ef;border-radius:6px;background:#fff;min-width:0;}
 .jk-create-fold > summary {cursor:pointer;padding:9px 12px;font-size:12px;color:#436079;}
 .jk-create-fields {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:10px;padding:12px;border-top:1px solid #e9eef5;}
 .jk-create-fields > :is(div,label) {min-width:0;gap:5px;grid-column:auto;}
 .jk-create-fields :is(input,select) {width:100%;min-width:0;box-sizing:border-box;}
 .jk-create-fold[hidden] {display:none!important;}
 html[data-jk-simple="false"] #jk-open-quick-stocktake {display:none;}
}

@media screen {
 .jk-create-fold:not([open]) {display:inline-block;vertical-align:top;margin-right:6px;}
 .jk-create-fold[open] {display:block;width:100%;box-sizing:border-box;}
}

/* Module audit: readable quote headings and compact empty states. */
@media screen {
 #customer-quote-records-modal .modal-head :is(h2,small),#customer-quote-records-modal .modal-head button {color:#fff!important;}
 #customer-quote-records-modal [data-search-quote-records] {display:block;width:calc(100% - 24px);box-sizing:border-box;margin:12px;}
 html[data-jk-simple="true"] #settings .jk-setting-outside {display:none!important;}
 html[data-jk-simple="true"] #preorders .preorder-detail-panel:has(#preorder-detail-content.hidden) {display:none!important;}
 html[data-jk-simple="true"] #preorders .preorder-layout {grid-template-columns:minmax(0,1fr);}
}

@media screen {
 html[data-jk-simple="true"] #settings .settings-main-column {align-content:start!important;grid-auto-rows:max-content!important;}
}

@media screen and (max-width:600px) {
 html[data-jk-simple="true"]:not(#jk-audit-a):not(#jk-audit-b) body #preorders .preorder-summary {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
}

/* Shared visual system. Layered important rules intentionally replace accumulated
   unlayered visual overrides, without changing display/permission/business rules. */
@layer jk-visual-system {
 @media screen {
  html[data-jk-simple="true"] {--jk-ink:#172b4d;--jk-muted:#66758b;--jk-line:#e2e8f0;--jk-canvas:#f5f7fa;--jk-primary:#2563eb;}
  html[data-jk-simple="true"] body {background:var(--jk-canvas)!important;color:var(--jk-ink)!important;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif!important;font-size:14px!important;}
  html[data-jk-simple="true"] body > main {background:var(--jk-canvas)!important;padding-left:0!important;padding-right:0!important;}
  html[data-jk-simple="true"] body > main > header {background:#fff!important;box-shadow:none!important;border:0!important;border-bottom:1px solid var(--jk-line)!important;border-radius:0!important;min-height:68px!important;height:auto!important;padding:14px 24px!important;}
  html[data-jk-simple="true"] #page-title {font-size:20px!important;line-height:1.4!important;letter-spacing:0!important;font-weight:650!important;color:var(--jk-ink)!important;}
  html[data-jk-simple="true"] .sidebar {background:#12243a!important;box-shadow:none!important;}
  html[data-jk-simple="true"] .sidebar .nav-item {background:transparent!important;box-shadow:none!important;border-radius:6px!important;color:#b9c7d8!important;min-height:40px!important;margin:2px 0!important;font-size:13px!important;}
  html[data-jk-simple="true"] .sidebar .nav-item.active {background:#2563eb!important;color:#fff!important;box-shadow:none!important;}
  html[data-jk-simple="true"] .sidebar .nav-submenu-item.active {background:#ffffff12!important;color:#fff!important;border-radius:6px!important;box-shadow:none!important;}
  html[data-jk-simple="true"] #workspace-tabs {background:transparent!important;border-color:var(--jk-line)!important;box-shadow:none!important;gap:6px!important;}
  html[data-jk-simple="true"] #workspace-tabs > button {background:transparent!important;border:1px solid transparent!important;border-radius:6px 6px 0 0!important;color:var(--jk-muted)!important;box-shadow:none!important;min-height:34px!important;}
  html[data-jk-simple="true"] #workspace-tabs > button.active {background:#fff!important;border-color:var(--jk-line)!important;border-bottom-color:#fff!important;color:var(--jk-primary)!important;}
  html[data-jk-simple="true"] body > main > .page {width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding:20px 12px!important;box-sizing:border-box!important;background:transparent!important;}
  html[data-jk-simple="true"] .page :is(.panel,.list-panel,.customer-panel,.delivery-list-panel,.finance-customer-list,.report-chart-panel,.report-table-panel) {background:#fff!important;border-color:var(--jk-line)!important;border-radius:8px!important;box-shadow:none!important;}
  html[data-jk-simple="true"] .page :is(h2,h3) {letter-spacing:0!important;color:var(--jk-ink)!important;}
  html[data-jk-simple="true"] .page h2 {font-size:17px!important;line-height:1.5!important;}
  html[data-jk-simple="true"] .page h3 {font-size:14px!important;line-height:1.5!important;}
  html[data-jk-simple="true"] .page :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea) {border:1px solid #d7e0eb!important;border-radius:6px!important;background:#fff!important;box-shadow:none!important;color:#24364d!important;font-family:inherit!important;font-size:13px!important;min-height:36px!important;box-sizing:border-box!important;}
  html[data-jk-simple="true"] .page :is(input,select,textarea):focus-visible {outline:2px solid #2563eb55!important;outline-offset:1px!important;border-color:#2563eb!important;}
  html[data-jk-simple="true"] .page button {font-family:inherit!important;font-size:13px!important;line-height:18px!important;border-radius:6px!important;box-shadow:none!important;min-height:34px!important;padding:7px 12px!important;}
  html[data-jk-simple="true"] .page button:not(.primary):not([type="submit"]) {background:#fff!important;border:1px solid #d7e0eb!important;color:#334b68!important;}
  html[data-jk-simple="true"] .page :is(button.primary,button[type="submit"],#submit-sales-order,.purchase-new-main,#new-inventory-product,#finance-register,#add-delivery-order,#apply-report-filter,.inventory-quick-confirm,#jk-home-quick button:first-child) {background:var(--jk-primary)!important;border:1px solid var(--jk-primary)!important;color:#fff!important;box-shadow:none!important;}
  html[data-jk-simple="true"] .page :is(.tabs,.inventory-quick-tabs,.delivery-status-tabs) > button.active {background:#edf3ff!important;color:#1d4ed8!important;border-color:#b7cdfb!important;box-shadow:none!important;}
  html[data-jk-simple="true"] .page .sales-compact-actions > button {height:30px!important;min-height:30px!important;padding:4px 7px!important;font-size:12px!important;line-height:20px!important;}
  html[data-jk-simple="true"] .page :is(.customer-order-link,.inventory-flow-document) {border:0!important;background:transparent!important;color:#1d4ed8!important;padding:0!important;min-height:24px!important;text-align:left!important;}
  html[data-jk-simple="true"] .page :is(th,.sales-compact-head) {background:#f8fafc!important;color:#64748b!important;font-size:12px!important;font-weight:600!important;}
  html[data-jk-simple="true"] .page :is(th,td) {border-color:#e9eef5!important;}
  html[data-jk-simple="true"] .page td {font-size:13px!important;line-height:1.5!important;}
  html[data-jk-simple="true"] .page :is(.sub-metrics,.contact-summary,.inventory-metrics,.report-kpi-modern) > article {background:#fff!important;border:1px solid var(--jk-line)!important;border-radius:8px!important;box-shadow:none!important;padding:12px 16px!important;min-height:76px!important;}
  html[data-jk-simple="true"] .page :is(.sub-metrics,.contact-summary,.inventory-metrics,.report-kpi-modern) > article > b {font-size:22px!important;line-height:1.4!important;font-weight:650!important;}
  html[data-jk-simple="true"] .page :is(.sub-metrics,.contact-summary,.inventory-metrics,.report-kpi-modern) > article > span {font-size:12px!important;color:var(--jk-muted)!important;}
  html[data-jk-simple="true"] .page :is(.jk-create-fold,.jk-module-fold) > summary {font-size:12px!important;line-height:18px!important;border-radius:6px!important;color:#52657e!important;}
  html[data-jk-simple="true"] #sales-list-panel {padding:16px!important;}
  html[data-jk-simple="true"] #sales .sales-overview-head {padding:0!important;margin:0 0 16px!important;border:0!important;gap:10px!important;align-items:center!important;}
  html[data-jk-simple="true"] #sales .sales-header-filters {gap:8px!important;align-items:center!important;}
  html[data-jk-simple="true"] #sales .sales-record-search {min-height:36px!important;}
  html[data-jk-simple="true"] #sales .sales-column-head {padding:12px 0!important;background:#fff!important;border:0!important;}
  html[data-jk-simple="true"] #sales .sales-column-head #sales-record-summary {color:var(--jk-muted)!important;font-size:12px!important;font-weight:400!important;}
  html[data-jk-simple="true"] #sales .sales-compact-actions {height:auto!important;min-height:30px!important;gap:4px!important;flex-wrap:nowrap!important;}
  html[data-jk-simple="true"] #dashboard .dashboard-profit-overview {padding:16px!important;}
  html[data-jk-simple="true"] #dashboard .dashboard-profit-grid > article {background:#fff!important;box-shadow:none!important;border:1px solid var(--jk-line)!important;border-radius:8px!important;padding:16px!important;}
  html[data-jk-simple="true"] #dashboard .receivable-main::before {display:none!important;}
  html[data-jk-simple="true"] #dashboard .receivable-main {padding-left:0!important;}
  html[data-jk-simple="true"] #dashboard .receivable-overview {padding:16px!important;min-height:82px!important;}
  html[data-jk-simple="true"] #dashboard .inventory-alert-banner {background:#fff!important;border:1px solid var(--jk-line)!important;box-shadow:none!important;border-radius:8px!important;padding:16px!important;}
 }
 @media screen and (min-width:761px) {
  html[data-jk-simple="true"] #sales .sales-record-column {overflow-x:auto!important;border:0!important;background:#fff!important;border-radius:0!important;}
  html[data-jk-simple="true"] #sales :is(.sales-compact-head,.sales-compact-row) {display:grid!important;grid-template-columns:88px 152px 120px minmax(136px,1fr) 96px 96px 88px 208px!important;gap:8px!important;align-items:center!important;min-width:1080px!important;width:100%!important;box-sizing:border-box!important;padding:12px!important;margin:0!important;}
  html[data-jk-simple="true"] #sales .sales-compact-head {min-height:40px!important;}
  html[data-jk-simple="true"] #sales .sales-simple-list {display:block!important;min-width:1080px!important;width:100%!important;background:#fff!important;}
  html[data-jk-simple="true"] #sales .sales-compact-row {min-height:58px!important;height:auto!important;border:0!important;border-bottom:1px solid #edf1f6!important;border-radius:0!important;background:#fff!important;}
  html[data-jk-simple="true"] #sales :is(.sales-compact-head,.sales-compact-row) > span {grid-column:auto!important;grid-row:auto!important;position:static!important;width:auto!important;min-width:0!important;height:auto!important;padding:0!important;font-size:13px!important;line-height:1.5!important;}
  html[data-jk-simple="true"] #sales .sales-compact-row > span::before {display:none!important;}
  html[data-jk-simple="true"] #sales :is(.sales-compact-row,.sales-compact-head) > span:nth-child(5),html[data-jk-simple="true"] #sales :is(.sales-compact-row,.sales-compact-head) > span:nth-child(6) {text-align:right!important;}
  html[data-jk-simple="true"] #sales .sales-compact-row .sales-compact-actions {grid-column:auto!important;justify-content:flex-end!important;}
 }
 @media screen and (max-width:760px) {
  html[data-jk-simple="true"] body > main > .page {padding:14px 12px!important;}
  html[data-jk-simple="true"] body > main > header {padding:10px 12px!important;min-height:60px!important;}
  html[data-jk-simple="true"] #page-title {font-size:18px!important;}
  html[data-jk-simple="true"] #sales-list-panel {padding:12px!important;}
  html[data-jk-simple="true"] #sales .sales-compact-head {display:none!important;}
  html[data-jk-simple="true"] #sales .sales-simple-list {min-width:0!important;}
  html[data-jk-simple="true"] #sales .sales-compact-row {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 12px!important;padding:14px!important;border:1px solid var(--jk-line)!important;border-radius:8px!important;min-width:0!important;background:#fff!important;margin-bottom:10px!important;}
  html[data-jk-simple="true"] #sales .sales-compact-row > span {grid-column:auto!important;min-width:0!important;white-space:normal!important;}
  html[data-jk-simple="true"] #sales .sales-compact-row > span:nth-child(4),html[data-jk-simple="true"] #sales .sales-compact-row .sales-compact-actions {grid-column:1/-1!important;}
  html[data-jk-simple="true"] #sales .sales-compact-actions {justify-content:flex-start!important;}
 }
}

@layer jk-visual-system {
 @media screen {
  html[data-jk-simple="true"] #sales .customer-order-link {background:transparent!important;border:0!important;padding:0!important;min-height:24px!important;color:#1d4ed8!important;box-shadow:none!important;}
  html[data-jk-simple="true"] .page :is(.jk-compact-actions,.row-actions,.inventory-actions,.delivery-actions,.finance-row-actions) > button {min-height:30px!important;padding:4px 7px!important;font-size:12px!important;line-height:20px!important;}
  html[data-jk-simple="true"] #inventory .inventory-command-bar {display:grid!important;grid-template-columns:minmax(280px,1fr) auto!important;gap:12px 16px!important;align-items:center!important;padding:0!important;margin:0 0 16px!important;}
  html[data-jk-simple="true"] #inventory .inventory-command-bar > div:first-child:not(.inventory-primary-actions) {display:none!important;}
  html[data-jk-simple="true"] #inventory .inventory-quick-tabs {grid-column:1!important;grid-row:1!important;width:100%!important;max-width:520px!important;display:flex!important;gap:4px!important;background:transparent!important;border:0!important;padding:0!important;margin:0!important;}
  html[data-jk-simple="true"] #inventory .inventory-quick-tabs > button {flex:1!important;white-space:nowrap!important;}
  html[data-jk-simple="true"] #inventory .inventory-primary-actions {grid-column:2!important;grid-row:1!important;display:flex!important;flex-wrap:nowrap!important;gap:6px!important;justify-content:flex-end!important;}
  html[data-jk-simple="true"] #inventory .inventory-mobile-search {grid-column:1!important;grid-row:2!important;display:flex!important;align-items:center!important;width:100%!important;max-width:520px!important;min-width:0!important;min-height:36px!important;height:36px!important;flex:auto!important;border:1px solid #d7e0eb!important;border-radius:6px!important;background:#fff!important;margin:0!important;}
  html[data-jk-simple="true"] #inventory .inventory-mobile-search input {border:0!important;min-height:34px!important;height:34px!important;flex:1!important;min-width:0!important;width:100%!important;background:transparent!important;}
  html[data-jk-simple="true"] #inventory .inventory-toolbar-selects {grid-column:2!important;grid-row:2!important;display:flex!important;gap:8px!important;align-items:center!important;justify-content:flex-end!important;width:auto!important;}
  html[data-jk-simple="true"] #inventory .inventory-toolbar-selects select {width:160px!important;min-width:0!important;}
  html[data-jk-simple="true"] #inventory .contact-table-wrap > table {min-width:980px!important;width:100%!important;table-layout:fixed!important;}
  html[data-jk-simple="true"] #inventory .contact-table-wrap > table th:nth-child(1) {width:32%!important;}
  html[data-jk-simple="true"] #inventory .contact-table-wrap > table th:nth-child(2) {width:12%!important;}
  html[data-jk-simple="true"] #inventory .contact-table-wrap > table th:nth-child(3) {width:10%!important;}
  html[data-jk-simple="true"] #inventory .contact-table-wrap > table th:nth-child(4),html[data-jk-simple="true"] #inventory .contact-table-wrap > table th:nth-child(5) {width:11%!important;}
  html[data-jk-simple="true"] #inventory .contact-table-wrap > table th:nth-child(6),html[data-jk-simple="true"] #inventory .contact-table-wrap > table th:nth-child(7) {width:12%!important;}
 }
 @media screen and (max-width:1000px) {
  html[data-jk-simple="true"] #inventory .inventory-command-bar {grid-template-columns:minmax(0,1fr)!important;}
  html[data-jk-simple="true"] #inventory .inventory-primary-actions {grid-column:1!important;grid-row:2!important;justify-content:flex-start!important;flex-wrap:wrap!important;}
  html[data-jk-simple="true"] #inventory .inventory-mobile-search {grid-row:3!important;max-width:none!important;}
  html[data-jk-simple="true"] #inventory .inventory-toolbar-selects {grid-column:1!important;grid-row:4!important;justify-content:flex-start!important;}
  html[data-jk-simple="true"] #inventory .inventory-toolbar-selects select {flex:1!important;width:100%!important;}
 }
 @media screen and (max-width:760px) {
  html[data-jk-simple="true"] #inventory .contact-table-wrap > table {min-width:0!important;table-layout:auto!important;}
 }
}

@layer jk-visual-system {
 @media screen {
  html[data-jk-simple="true"] #workspace-tabs:not(:has(> button:nth-child(2))) {display:none!important;}
  html[data-jk-simple="true"] #sales :is(.sales-page-title-copy,.sales-title-mark) {display:none!important;}
  html[data-jk-simple="true"] #sales .sales-page-hero {min-height:0!important;padding:0!important;margin:0 0 12px!important;justify-content:flex-end!important;}
  html[data-jk-simple="true"] #inventory .inventory-pagination {height:auto!important;min-height:52px!important;padding:10px 12px!important;box-sizing:border-box!important;background:#fff!important;}
 }
}

@layer jk-visual-system {
 @media screen {
  html[data-jk-simple="true"] #sales .sales-products-card thead th:nth-child(2) {font-size:0!important;}
  html[data-jk-simple="true"] #sales .sales-products-card thead th:nth-child(2)::after {font-size:12px!important;}
  html[data-jk-simple="true"] #sales #sales-create-area {border:1px solid var(--jk-line)!important;border-radius:8px!important;background:#fff!important;}
 }
}

@layer jk-visual-system {
 @media screen {
  html[data-jk-simple="true"] .page :is(input[readonly],input:disabled,select:disabled,textarea:disabled) {background:#f8fafc!important;color:#738198!important;}
 }
}

@layer jk-visual-system {
 @media screen and (max-width:760px) {
  html[data-jk-simple="true"] .page :is(.sub-metrics,.contact-summary,.inventory-metrics,.report-kpi-modern,.dashboard-profit-grid) {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;}
  html[data-jk-simple="true"] #inventory .inventory-metrics > article:last-of-type {grid-column:1/-1!important;}
  html[data-jk-simple="true"] #finance .finance-metrics > article:nth-of-type(3) {grid-column:1/-1!important;}
  html[data-jk-simple="true"] .page :is(.sub-metrics,.contact-summary,.inventory-metrics,.report-kpi-modern) > article {padding:10px 12px!important;min-height:70px!important;}
 }
 @media screen {
  html[data-jk-simple="true"] .page button:focus-visible {outline:2px solid #2563eb!important;outline-offset:2px!important;}
 }
}

@layer jk-visual-system {
 @media screen {
  html[data-jk-simple="true"] #inventory.jk-stock-panel-open .contact-table-wrap > table {min-width:0!important;table-layout:auto!important;}
  html[data-jk-simple="true"] .page :is(#report-analysis-tabs,#settings-side-nav,.preorder-main-tabs) button.active,
  html[data-jk-simple="true"] #inventory .jk-pv-tabs button[aria-selected="true"] {background:#edf3ff!important;border-color:#b7cdfb!important;color:#1d4ed8!important;}
 }
}

/* Keep the sales form header and optional functions on separate rows at every width. */
@layer jk-visual-system {
 @media screen {
  html[data-jk-simple="true"] #sales .sales-page-title-copy {display:block!important;}
  html[data-jk-simple="true"] #sales .sales-page-hero {display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;margin-bottom:16px!important;}
  html[data-jk-simple="true"] #sales .sales-customer-grid {display:grid!important;grid-template-columns:minmax(200px,1.4fr) repeat(4,minmax(130px,1fr))!important;max-width:1120px!important;width:100%!important;gap:10px 12px!important;}
  html[data-jk-simple="true"] #sales .sales-customer-grid > .s4-more {grid-column:1/-1!important;width:100%!important;margin:2px 0 0!important;align-self:stretch!important;}
  html[data-jk-simple="true"] #sales .s4-more > .jk-p7-functions {width:100%!important;justify-content:flex-start!important;gap:8px!important;}
 }
 @media screen and (max-width:1100px) {
  html[data-jk-simple="true"] #sales .sales-customer-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  html[data-jk-simple="true"] #sales .sales-customer-grid > div:has(#customer) {grid-column:1/-1!important;}
 }
 @media screen and (max-width:600px) {
  html[data-jk-simple="true"] #sales .sales-customer-grid {grid-template-columns:minmax(0,1fr)!important;}
 }
}

@layer jk-visual-system {
 @media screen {
  html[data-jk-simple="true"] #sales .sales-customer-grid > div {width:100%!important;min-width:0!important;max-width:none!important;}
  html[data-jk-simple="true"] #sales .sales-customer-grid :is(.sales-search-picker,.currency-picker label,.sales-number-value) {width:100%!important;max-width:none!important;box-sizing:border-box!important;}
 }
}

/* Sales creation fills the available workspace; retain a small safety gutter. */
@layer jk-visual-system {
 @media screen {
  html[data-jk-simple="true"] #sales #sales-create-area {max-width:none!important;width:100%!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important;}
 }
}

/* Internal alignment: distinguish links from fields and keep captions/control baselines consistent. */
@layer jk-visual-system {
 @media screen {
  html[data-jk-simple="true"] .page button:is(.customer-order-link,.partner-total-link,.inventory-flow-document):not(:disabled) {background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;min-height:24px!important;color:#1d4ed8!important;text-align:left!important;}
  html[data-jk-simple="true"] .page button:is(.customer-order-link,.partner-total-link,.inventory-flow-document):hover {text-decoration:underline!important;}
  html[data-jk-simple="true"] #finance .finance-search-field {font-size:12px!important;line-height:18px!important;color:#64748b!important;}
  html[data-jk-simple="true"] #finance .finance-search-field::first-letter {font-size:12px!important;font-weight:400!important;color:inherit!important;}
  html[data-jk-simple="true"] #finance .finance-filter-bar {align-items:flex-end!important;gap:10px!important;}
  html[data-jk-simple="true"] #finance .finance-filter-bar > label {display:flex!important;flex-direction:column!important;gap:6px!important;margin-bottom:0!important;}
  html[data-jk-simple="true"] .page :is(.finance-filter-bar,.delivery-filter-bar,.report-filter-bar,.jk-partner-toolbar-actions) > button {height:36px!important;min-height:36px!important;}
  html[data-jk-simple="true"] .page :is(.finance-filter-bar,.delivery-filter-bar,.report-filter-bar,.jk-partner-toolbar-actions) .jk-module-fold > summary {min-height:36px!important;box-sizing:border-box!important;}
  html[data-jk-simple="true"] #reports .report-filter-bar {align-items:flex-end!important;gap:10px!important;}
  html[data-jk-simple="true"] #reports .report-filter-bar > label {margin-bottom:0!important;}
  html[data-jk-simple="true"] #customers .customer-panel > .list-head {display:grid!important;grid-template-columns:auto minmax(220px,1fr) auto!important;align-items:center!important;gap:10px 12px!important;}
  html[data-jk-simple="true"] #customers .customer-panel > .list-head > .tabs {width:100%!important;min-width:0!important;display:flex!important;flex-wrap:wrap!important;}
  html[data-jk-simple="true"] #customers #customer-search {width:100%!important;min-width:0!important;}
  html[data-jk-simple="true"] #customers .jk-partner-toolbar-actions {margin:0!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:flex-end!important;}
  html[data-jk-simple="true"] #purchase .purchase-preview-grid {display:grid!important;grid-template-columns:minmax(220px,1.4fr) repeat(4,minmax(130px,1fr))!important;max-width:1120px!important;width:100%!important;gap:12px!important;align-items:end!important;}
  html[data-jk-simple="true"] #purchase .purchase-preview-grid > label {display:grid!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;gap:6px!important;}
  html[data-jk-simple="true"] #purchase .purchase-preview-grid > .purchase-info-actions {display:none!important;}
  html[data-jk-simple="true"] #purchase .purchase-supplier-picker-field {width:100%!important;min-width:0!important;display:flex!important;align-items:center!important;gap:6px!important;margin:0!important;}
  html[data-jk-simple="true"] #purchase .purchase-supplier-picker-field input {flex:1!important;min-width:0!important;}
  html[data-jk-simple="true"] #purchase #purchase-supplier-picker-open {width:36px!important;height:36px!important;min-height:36px!important;flex:0 0 36px!important;padding:6px!important;}
 }
 @media screen {
  html[data-jk-simple="true"] #purchase .purchase-draft-row > span::before {display:none!important;}
 }
 @media screen and (max-width:1200px) {
  html[data-jk-simple="true"] #customers .customer-panel > .list-head {grid-template-columns:minmax(220px,1fr) auto!important;}
  html[data-jk-simple="true"] #customers .customer-panel > .list-head > .tabs {grid-column:1/-1!important;}
 }
 @media screen and (max-width:1100px) {
  html[data-jk-simple="true"] #purchase .purchase-preview-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  html[data-jk-simple="true"] #purchase .purchase-preview-grid > label:has(#purchase-preview-supplier) {grid-column:1/-1!important;}
 }
 @media screen and (max-width:760px) {
  html[data-jk-simple="true"] #customers .customer-panel > .list-head {grid-template-columns:minmax(0,1fr)!important;}
  html[data-jk-simple="true"] #customers .jk-partner-toolbar-actions {justify-content:flex-start!important;}
 }
 @media screen and (max-width:600px) {
  html[data-jk-simple="true"] #purchase .purchase-preview-grid {grid-template-columns:minmax(0,1fr)!important;}
 }
}

@layer jk-visual-system {
 @media screen {
  html[data-jk-simple="true"] #purchase .purchase-preview-grid .jk-purchase-caption {line-height:18px!important;min-height:18px!important;margin:0!important;}
  html[data-jk-simple="true"] #purchase .purchase-preview-grid :is(input,select) {margin-top:0!important;margin-bottom:0!important;}
  html[data-jk-simple="true"] #preorders #preorder-list:has(> .empty-sales-column) {height:auto!important;min-height:140px!important;max-height:none!important;}
  html[data-jk-simple="true"] :is(#preorders,#sales) .empty-sales-column {display:grid!important;place-items:center!important;min-height:120px!important;padding:24px!important;box-sizing:border-box!important;}
 }
}

@layer jk-visual-system {
 @media screen {
  html[data-jk-simple="true"] #preorders .preorder-panel:has(#preorder-list > .empty-sales-column) {height:auto!important;min-height:0!important;align-self:start!important;}
  html[data-jk-simple="true"] #preorders #preorder-list:has(> .empty-sales-column) {flex:0 0 auto!important;}
 }
}
/* Price labels and comparison text must contribute to the draft row height. */
@layer jk-visual-system {
 @media screen {
  html[data-jk-simple="true"] #sales #order-body > .jk-five-row {grid-template-rows:minmax(34px,auto)!important;}
 }
}