:root{--nj-lists:20}
.ui20 .nj20-list{padding:22px!important;border:1px solid #e5dccd!important;border-radius:16px!important;background:#fff!important}
.nj20-list-header{display:grid;gap:16px;margin-bottom:18px}.nj20-list-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.nj20-list-top h2{margin:0;font-size:19px;font-weight:800;color:#49331c}.nj20-count{font-size:12px;color:#7e715e;margin:6px 0 0}.ui20 .nj20-add{background:#68451f!important;color:#fff!important;padding:11px 18px!important;min-height:44px;white-space:nowrap!important;border:1px solid #68451f}
.nj20-search-line label{display:grid;gap:7px;max-width:600px}.nj20-search-line input{width:100%!important}.ui20 .nj20-list .ux-list-tools{margin:0!important;background:#faf8f4!important}.ui20 .nj20-list .ux-list-tools input{flex:1;min-width:0!important;width:100%!important}.nj20-list .nj-filter-fold{margin:12px 0 0!important}.nj20-list-header .sales-filters{margin:0}.ui20 .nj20-list .v2-table-toolbar{padding:12px!important;gap:10px!important;border-radius:10px}.nj20-list #uxInventoryTableHint,.nj20-list .ux-table-caption,.nj20-list .v2-caption,.nj20-list .sales-empty,.nj20-list .ux-table-placeholder{display:none!important}
.ui20 .nj20-table-scroll{max-height:64dvh;overflow:auto!important;scrollbar-gutter:stable;border:1px solid #e5dccd;border-radius:12px;background:white}.ui20 .nj20-table thead th{position:sticky;top:0;z-index:2;background:#f6f2eb!important;box-shadow:0 1px 0 #d9ccba}.ui20 .nj20-table td:first-child{font-weight:700;color:#68451f!important}.ui20 .nj20-table .nj20-number{font-variant-numeric:tabular-nums;text-align:end}.ui20 .nj20-table tfoot{background:#fbf8f1}.nj20-load-status{padding:12px 14px;border:1px solid #dfc58e;border-radius:9px;font-size:13px;background:#fff7e3;color:#755822}.nj20-empty{padding:38px 20px;text-align:center;border:1px dashed #d5c6ac;border-radius:12px;background:#fdfbf7;margin:16px 0}.nj20-empty h3{font-size:18px;margin:0 0 8px;color:#68451f}.nj20-empty p{font-size:13px;color:#7b6f5d;line-height:1.9}.ui20 .nj20-empty button,.ui20 .nj20-retry{padding:9px 16px!important;background:#f3eadb!important;color:#68451f!important;border:1px solid #d4c09e}.nj20-empty[hidden],.nj20-load-status[hidden],.nj20-retry[hidden]{display:none!important}.nj20-no-rows{display:none!important}
.ui20 .nj20-action-popup:popover-open{position:fixed!important;inset:auto;margin:0!important;display:grid!important;gap:6px!important;min-width:180px;max-width:calc(100vw - 20px);max-height:60dvh;overflow:auto;padding:10px!important;background:#fffdfa!important;border:1px solid #d1bea0!important;border-radius:12px!important;box-shadow:0 14px 40px #31210f30!important;z-index:2147483200!important}.nj20-action-popup::backdrop{background:transparent}.ui20 .nj20-action-popup button{text-align:right;min-height:42px!important;width:100%;white-space:normal!important}.ui20 .nj20-form-note{padding:12px 14px;background:#f8f4eb;border-radius:9px;color:#7c6748;font-size:12px;line-height:1.8;margin:0 0 18px}.ui20 .nj20-form-group{padding:18px!important;border:1px solid #e1d7c6!important;background:#fffdfa!important;border-radius:12px;margin-bottom:16px}.nj20-form-group:before{content:attr(data-nj20-title);display:block;grid-column:1/-1;font-size:14px;font-weight:800;color:#68451f;padding-bottom:8px}.nj20-required{color:#a34532}.ui20 .nj20-form-actions{position:sticky;bottom:0;z-index:5;background:#fffdfa!important;border-top:1px solid #dccdb5!important;padding:16px 0 max(12px,env(safe-area-inset-bottom))!important;margin-top:20px}.ui20 .nj20-form-actions button[type=submit]{min-width:140px}
@media(max-width:650px){.ui20 .nj20-list{padding:14px!important;border-radius:13px!important}.nj20-list-header{gap:12px}.nj20-list-top{align-items:stretch;flex-direction:column;gap:12px}.nj20-list-top h2{font-size:18px}.ui20 .nj20-add{width:100%}.ui20 .nj20-table-scroll{max-height:none!important;overflow:visible!important;border:0!important;scrollbar-gutter:auto}.ui20 .nj20-table{display:block!important;min-width:0!important;width:100%!important}.ui20 .nj20-table thead{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.ui20 .nj20-table tbody{display:grid!important;gap:14px!important}.ui20 .nj20-table tbody tr:not([hidden]):not(.nj-page-off){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:1px solid #dfd5c4!important;border-radius:12px;background:#fffdfa!important;padding:4px 8px!important;box-shadow:0 3px 10px #392b1610}.ui20 .nj20-table tbody td{display:block!important;width:auto!important;min-width:0!important;white-space:normal!important;border-bottom:1px solid #eee7da!important;text-align:right!important;overflow-wrap:anywhere!important;padding:10px 8px!important;font-size:13px!important}.ui20 .nj20-table tbody td:first-child,.ui20 .nj20-table tbody td:last-child{grid-column:1/-1}.ui20 .nj20-table tbody td:before{content:attr(data-nj20-label);display:block;color:#8a7658;font-size:11px;font-weight:400;margin-bottom:5px}.ui20 .nj20-table tbody td:last-child{border-bottom:0!important}.ui20 .nj20-table tbody td:last-child:before{display:none}.ui20 .nj20-table tbody .v2-secondary,.ui20 .nj20-table tbody .nj-col-off{display:none!important}.ui20 .nj20-table .v2-row-actions{display:flex!important;flex-wrap:wrap;justify-content:space-between;gap:10px!important}.ui20 .nj20-table .v2-row-actions>button{flex:1!important}.ui20 .nj20-table .v2-actions>summary{min-height:44px;display:flex;align-items:center;padding:8px 12px;border-radius:8px;background:#f3eadb;cursor:pointer;font-size:12px}.ui20 .nj20-table tfoot,.ui20 .nj20-table tfoot tr{display:flex!important;flex-wrap:wrap!important;width:100%;margin-top:10px}.ui20 .nj20-table tfoot td{display:block!important;flex:1 1 120px;min-width:0;font-size:12px!important;border:0!important;overflow-wrap:anywhere}.ui20 .nj20-table tfoot td:empty{display:none!important}.ui20 .nj20-table tfoot td:before{content:attr(data-nj20-label);display:block;font-size:10px;color:#8a7658}.ui20 .nj20-form-group{padding:14px!important}.ui20 .nj20-form-actions{bottom:-1px}.ui20 .nj20-list .ux-maint-filters{grid-template-columns:minmax(0,1fr)!important}.nj20-list .nj-filter-fold{max-width:100%}}
@media print{.nj20-list-header,.nj20-empty,.nj20-load-status{display:none!important}.ui20 .nj20-table-scroll{max-height:none!important;overflow:visible!important}.ui20 .nj20-table thead th{position:static!important}.ui20 .nj20-form-actions{position:static!important}}
.nj20-option-detail{display:block;font-size:12px;font-weight:400;color:#7e6c51;line-height:1.8;margin-top:3px;overflow-wrap:anywhere}
.ui20 .nj20-old-heading{display:none!important}
.ui20 .nj20-form>.ux-draft-note,.ui20 .nj20-list [id^=v2count-]{display:none!important}.nj20-form-group:not([data-nj20-title]):before{display:none}

/* 20.1: one layout owns the original search and filter controls. */
:root{--nj-layout:201}
.ui20 .nj21-controls{display:grid;gap:12px;padding:16px;border:1px solid #e1d7c8;border-radius:12px;background:#faf8f4;min-width:0}
.ui20 .nj21-control-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px;min-width:0}
.ui20 .nj21-controls .nj21-search.ux-list-tools{display:block!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;min-width:0!important;width:100%!important}
.ui20 .nj21-search-label{display:grid!important;gap:7px!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important}
.ui20 .nj21-search-label input{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;height:46px!important}
.ui20 .nj21-filter-toggle{min-height:46px!important;padding:10px 16px!important;background:#fffdfa!important;border:1px solid #d5c3a6!important;color:#68451f!important;white-space:normal;max-width:240px;margin:0!important}
.ui20 .nj21-controls .nj21-filter-panel{padding:0!important;margin:0!important;border:0!important;background:transparent!important;border-radius:0!important;min-width:0}
.ui20 .nj21-native-summary{display:none!important}
.ui20 .nj21-filter-body{display:grid;gap:12px;padding-top:14px;border-top:1px solid #e2d8c8;min-width:0}
.ui20 .nj21-filter-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:14px;min-width:0}
.ui20 .nj21-filter-fields>label{display:grid;gap:7px;min-width:0;margin:0!important}
.ui20 .nj21-filter-fields select,.ui20 .nj21-filter-fields input{width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important}
.ui20 .nj21-filter-fields[hidden],.ui20 .nj21-filter-fields>label[hidden],.ui20 .nj21-legacy-actions{display:none!important}
.ui20 .nj21-controls .v2-table-toolbar{padding:0!important;margin:0!important;border:0!important;background:transparent!important;justify-content:flex-start;min-width:0}
.ui20 .nj21-controls .v2-date-control{display:flex;gap:12px;flex-wrap:wrap;align-items:end;flex:1 1 100%;min-width:0}
.ui20 .nj21-controls .v2-date-control label{display:grid;gap:6px;flex:1 1 180px;min-width:0}
.ui20 .nj21-controls .v2-date-control input{width:100%!important;min-width:0!important}
.ui20 .nj21-controls .ux-chips{margin:0!important;gap:8px;flex-wrap:wrap}
.ui20 .nj21-controls .sales-active-filters{margin:0!important;min-height:0!important;padding:0!important;font-size:12px;line-height:1.8}
@media(max-width:650px){.ui20 .nj21-controls{padding:12px;gap:10px}.ui20 .nj21-control-row{grid-template-columns:minmax(0,1fr);gap:10px}.ui20 .nj21-filter-toggle{width:100%;max-width:none;min-height:44px!important}.ui20 .nj21-filter-fields{grid-template-columns:minmax(0,1fr)}.ui20 .nj21-controls .v2-date-control label{flex-basis:100%}.ui20 .nj21-controls .v2-table-toolbar{gap:10px!important;flex-wrap:wrap}.ui20 .nj21-controls .nj-col-picker{max-width:100%}}

.ui20 .nj21-filter-panel:not([open]){display:none!important}
.nj21-add-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;align-items:center}@media(max-width:650px){.ui20 .nj21-add-actions{width:100%}.ui20 .nj21-add-actions .nj20-add{flex:1;min-width:100px;width:auto}}

/* Update 27 keeps legacy delegated controls available while presenting one entry point. */
#uxMain:has(#tab-dashboard:not(.hidden) [data-nj-shortcut="sale"]) #uxPageAction,
#v2Record:has([data-nj-search-return]) [data-nj-list-return],
#njSearchRecord:has([data-nj-search-return]) [data-nj-list-return],
.ui21 .nj21-native-form .nj20-form-actions [data-close-modal] {display:none!important}
.ui20 .nj20-add.nj27-secondary {background:#fffdfa!important;color:#68451f!important}
.nj21-dialog .ops-note[role="status"] {color:#245842;overflow-wrap:anywhere}
@media(max-width:650px){
 .nj-col-picker {display:none!important}
 .ui20 .nj20-list-top .nj21-add-actions {width:100%}
 .nj21-dialog-heading [data-nj-search-return],.nj21-dialog-heading [data-nj-list-return] {min-height:44px}
}

.nj28-inline {display:block;color:#9b3039;margin-block:6px;overflow-wrap:anywhere}
.nj28-feedback {margin-block:10px}
.nj28-feedback button,.nj28-inline button {display:block;margin-block-start:8px;min-height:44px}