/* Independent Al-Najah interface system: shared controls for existing business screens. */
:root{--nj-design:16;--nj-bg:#f6f5f1;--nj-surface:#fff;--nj-ink:#30291f;--nj-muted:#716c63;--nj-line:#e4e0d7;--nj-brand:#68451f;--nj-hover:#f5eee3;--nj-ring:#af7a35;--nj-radius:14px;--nj-shadow:0 8px 30px #30291f0b;--ux-bg:var(--nj-bg);--ux-ink:var(--nj-ink);--ux-line:var(--nj-line)}
html{scroll-padding-top:100px}body.ui16{font-family:Cairo,Arial,sans-serif!important;background:var(--nj-bg)!important;color:var(--nj-ink);font-size:14px;line-height:1.75}
body.ui16 *,body.ui16 *:before,body.ui16 *:after{box-sizing:border-box}
.ui16 #uxMain{padding:32px!important;min-width:0}.ui16 .ux-page-heading{margin-bottom:24px!important;gap:20px!important;align-items:center!important}.ui16 #uxPageTitle{font-size:28px!important;line-height:1.5!important;color:var(--nj-ink)!important}.ui16 #uxPageSubtitle{color:var(--nj-muted)!important;font-size:14px!important;margin-top:6px}
.ui16 .ux-topbar{background:#fff!important;border-bottom:1px solid var(--nj-line)!important;box-shadow:none!important;gap:16px!important}.ui16 .ux-sidebar{background:#33230f!important}.ui16 .ux-nav-link{border-radius:10px!important;min-height:46px;transition:background .15s}.ui16 .ux-nav-link[aria-current=page]{background:#654923!important;box-shadow:inset -3px 0 #dbb47c!important}.ui16 .ux-nav-group{font-size:11px!important;letter-spacing:.02em;color:#d2b791!important}
.ui16 .ux-overview{border:1px solid #e0d0b5!important;background:#f0e7d7!important;border-radius:20px!important;box-shadow:none!important}.ui16 .ux-metric,.ui16 .ux-quick,.ui16 .ux-card,.ui16 .ux-setting-pane,.ui16 .ux-setting-pane>section{border-color:var(--nj-line)!important;background:#fff!important;box-shadow:var(--nj-shadow)!important;border-radius:var(--nj-radius)!important}.ui16 .ux-metric{padding:22px!important}.ui16 .ux-metric-value strong{font-variant-numeric:tabular-nums;letter-spacing:-.02em}.ui16 .ux-metric-foot{line-height:1.8!important}
.ui16 :is(.tab-panel,.modal-backdrop,.erp-overlay,#extCenter,#priceManager,#priceWorkspace) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){font-family:inherit!important;font-size:14px!important;color:var(--nj-ink)!important;background:#fff!important;border:1px solid #cfc8bc!important;border-radius:9px!important;min-height:44px!important;padding:10px 12px!important;max-width:100%;box-shadow:none!important;transition:border-color .15s,box-shadow .15s}
.ui16 :is(input,select,textarea):disabled{background:#f1f0ed!important;color:#817b72!important;cursor:not-allowed}.ui16 :is(input,textarea)[readonly]{background:#f7f6f2!important}.ui16 input::placeholder,.ui16 textarea::placeholder{color:#938d82!important;font-weight:400!important}.ui16 :is(input,select,textarea):focus-visible{outline:0!important;border-color:var(--nj-ring)!important;box-shadow:0 0 0 3px #af7a3526!important}.ui16 :is(button,a):focus-visible{outline:3px solid #af7a35!important;outline-offset:3px}.ui16 :is(input[type=checkbox],input[type=radio]){width:18px!important;height:18px!important;accent-color:var(--nj-brand);flex-shrink:0}
.ui16 :is(.tab-panel,.modal-backdrop,#extCenter) label{font-size:13px!important;color:#51483b!important;line-height:1.8!important;min-width:0}.ui16 :is(.ops-grid,.v2-form-grid)>label :is(input:not([type=checkbox]):not([type=radio]),select,textarea){width:100%;margin-top:6px!important}.ui16 :is(.ops-grid,.v2-form-grid){gap:16px!important}.ui16 :is(.ops-grid,.v2-form-grid)>*{min-width:0}
.ui16 :is(.tab-panel,.modal-backdrop,.erp-overlay,#extCenter,#priceManager,#priceWorkspace) button{font-family:inherit!important;font-size:13px!important;font-weight:700!important;min-height:40px;border-radius:9px!important;line-height:1.6!important;white-space:normal;transition:background .15s,box-shadow .15s}.ui16 button:disabled{opacity:.5;cursor:not-allowed}.ui16 :is(.ux-primary,#extSubmit,button[type=submit],#btnSaveSettings){background:var(--nj-brand)!important;color:#fff!important;border-color:var(--nj-brand)!important;min-height:44px}.ui16 :is(.ux-list-tools,.v2-filters,.pw-tools,.pw-bulk){padding:16px!important;gap:12px!important;background:#faf9f6!important;border:1px solid var(--nj-line)!important;border-radius:12px!important;margin-bottom:16px!important;flex-wrap:wrap}.ui16 .ux-settings-tablist{gap:8px!important}.ui16 .ux-settings-tablist button{min-height:44px;padding:9px 16px!important}.ui16 .ux-setting-pane{padding:24px!important}.ui16 .ux-setting-pane h2{font-size:19px!important}
.ui16 :is(.ux-table-wrap,.ops-table,.v2-table-wrap,.pw-table){border:1px solid var(--nj-line)!important;border-radius:12px!important;overflow:auto!important;max-width:100%;background:#fff;overscroll-behavior-x:contain}.ui16 table{border-collapse:separate!important;border-spacing:0!important;width:100%;font-size:13px!important}.ui16 table th{background:#f6f4ef!important;color:#665b4b!important;font-size:12px!important;font-weight:700!important;white-space:nowrap;padding:13px 14px!important;border-bottom:1px solid var(--nj-line)!important}.ui16 table td{padding:13px 14px!important;border-bottom:1px solid #eeeae3!important;color:#3f382d!important;vertical-align:middle!important;line-height:1.8!important;font-variant-numeric:tabular-nums}.ui16 table tbody tr:last-child td{border-bottom:0!important}.ui16 table tbody tr:hover{background:#fcfaf6!important}.ui16 table :is(td,th) button{padding:6px 10px!important;min-height:34px}.ui16 table :is(input:not([type=checkbox]),select){min-width:95px}.ui16 :is(.v2-pill,.ux-state){font-size:12px!important;padding:4px 10px!important;border-radius:7px!important}
.ui16 .modal-backdrop,.ui16 .erp-overlay{background:#1f1a14a8!important;backdrop-filter:blur(3px)}.ui16 .modal-backdrop>div,.ui16 .erp-overlay>div,.ui16 #extCenter>div{background:#fffdfa!important;border:1px solid #e4dbcc!important;border-radius:18px!important;box-shadow:0 24px 80px #21160930!important;max-height:calc(100dvh - 48px)!important;min-width:0;max-width:calc(100vw - 40px);overscroll-behavior:contain}.ui16 .ux-dialog-body{padding:24px!important}.ui16 .v2-form-section{border:1px solid var(--nj-line)!important;border-radius:12px!important;background:#fff!important;padding:20px!important;margin-bottom:18px!important}.ui16 .v2-form-section legend{font-size:14px!important;font-weight:700!important;padding:0 8px!important;color:#68451f!important}.ui16 .v2-record-header{padding-bottom:18px;border-bottom:1px solid var(--nj-line)}.ui16 .v2-detail-tabs{overflow-x:auto;flex-wrap:nowrap!important;gap:8px!important}.ui16 .v2-detail-tabs button{white-space:nowrap!important;flex-shrink:0}.ui16 .modal-actions{background:#fffdfa!important;border-top:1px solid var(--nj-line)!important;padding-top:16px!important;gap:10px!important}.ui16 :is(.ops-note,.ux-readonly-note,.ux-draft-note){font-size:13px!important;line-height:1.9!important;overflow-wrap:anywhere}.ui16 :is(.ops-stats,.ux-detail-grid){gap:14px!important}.ui16 .ops-stats>div{border:1px solid var(--nj-line)!important;border-radius:12px!important;padding:18px!important;background:white!important}.ui16 :is(.ux-search-dialog,.ux-search-result,#v2RecordContent,#extResults){background:#fffdfa!important}.ui16 .ux-search-result{min-height:66px;padding:12px!important;border-radius:8px!important}.ui16 .ux-search-result:hover{background:var(--nj-hover)!important}.ui16 .ux-status-strip{margin-top:28px!important;color:var(--nj-muted)!important}
/* Native selects remain the authoritative controls; one reusable popup searches them. */
.nj-workspace-tools{margin:0 0 20px;border:1px solid var(--nj-line);border-radius:11px;background:#fffdf9;padding:10px 14px;font-size:13px}.nj-workspace-tools>summary{cursor:pointer;color:#6d5431;font-weight:700;min-height:24px}.nj-workspace-tools>div{display:flex;flex-wrap:wrap;gap:10px;padding-top:12px}.ui16 .nj-workspace-tools button{margin:0!important;min-height:42px!important;padding:9px 14px!important;background:#f8f3e9!important;color:#68451f!important;border:1px solid #ddceb5!important;border-radius:8px!important;font-size:13px!important}.nj-workspace-tools>summary:focus-visible{outline:3px solid #af7a35;outline-offset:3px}
.ui16 select[data-najah-select]{cursor:pointer;padding-inline-end:32px!important}.nj-select-panel{position:fixed;z-index:2147483000;background:#fffdfa;color:#30291f;border:1px solid #d1c1a7;border-radius:14px;box-shadow:0 18px 55px #30291f30;padding:12px;direction:rtl;font:14px/1.7 Cairo,Arial,sans-serif;display:flex;flex-direction:column;gap:8px;max-width:calc(100vw - 24px)}.nj-select-panel[hidden]{display:none!important}.nj-select-head{display:flex;align-items:center;gap:8px}.nj-select-head strong{flex:1;overflow-wrap:anywhere}.nj-select-close{background:#f3eee5;border:0;border-radius:8px;width:38px;height:38px;font-size:20px;color:#68451f}.nj-select-search{width:100%;min-height:46px!important;border:1px solid #bca786!important;background:white!important;border-radius:9px!important;padding:10px 12px!important;color:#30291f!important;font:16px Cairo,Arial,sans-serif!important;outline-offset:2px}.nj-select-options{overflow-y:auto;overscroll-behavior:contain;min-height:44px;max-height:260px;scroll-padding:8px}.nj-select-option{padding:11px 12px;border-radius:8px;cursor:pointer;min-height:44px;display:flex;gap:12px;justify-content:space-between;align-items:center;overflow-wrap:anywhere}.nj-select-option[aria-selected=true]{background:#f0e5d3;font-weight:700}.nj-select-option.nj-active{outline:2px solid #b68a4e;outline-offset:-2px;background:#f7f0e4}.nj-select-option[aria-disabled=true]{opacity:.5;cursor:not-allowed}.nj-select-empty,.nj-select-count{padding:8px;color:#776d60;font-size:12px}.nj-select-more{background:#f5eee2;border:1px solid #ddceb6;border-radius:8px;min-height:40px;color:#68451f;font:inherit}.nj-select-panel button{cursor:pointer}.nj-select-panel :focus-visible{outline:3px solid #af7a35;outline-offset:2px}
@media(min-width:1000px){.ui16 .ux-metrics{gap:20px!important}.ui16 .ux-topbar{padding-inline:32px!important}.ui16 .ux-list-tools input{min-width:220px}}
@media(max-width:1000px){.ui16 #uxMain{padding:24px!important}.ui16 .ux-topbar-title{display:none}.ui16 .ux-page-heading{flex-wrap:wrap}.ui16 .ops-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){.ui16 #uxMain{padding:18px 14px calc(100px + env(safe-area-inset-bottom))!important}.ui16 #uxPageTitle{font-size:24px!important}.ui16 #uxPageSubtitle{font-size:13px!important}.ui16 .ux-page-heading{gap:12px!important;margin-bottom:18px!important}.ui16 .ux-heading-actions{width:100%;justify-content:space-between;gap:10px!important}.ui16 .ux-topbar{padding-inline:12px!important;gap:8px!important}.ui16 .ux-topbar .ux-user{flex-shrink:0}.ui16 .ux-search-launch{min-width:0!important}.ui16 .ux-search-launch span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui16 .ux-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.ui16 .ux-metric{padding:14px!important;min-width:0}.ui16 .ux-metric-head{font-size:12px!important;gap:4px!important}.ui16 .ux-metric-value strong{font-size:26px!important}.ui16 .ux-metric-foot{font-size:11px!important}.ui16 .ux-overview{padding:20px!important}.ui16 .brand-hero-seal{width:76px!important;height:76px!important;flex-shrink:0}.ui16 .brand-hero-seal img{width:64px!important;height:64px!important}.ui16 :is(.ux-list-tools,.v2-filters,.pw-tools,.pw-bulk){padding:12px!important}.ui16 :is(.ux-list-tools,.v2-filters)>label{width:100%;min-width:0!important}.ui16 :is(.ux-list-tools,.v2-filters) :is(input,select){max-width:100%;min-width:0!important}.ui16 :is(.ops-grid,.v2-form-grid,.ux-detail-grid){grid-template-columns:minmax(0,1fr)!important}.ui16 :is(.tab-panel,.modal-backdrop,.erp-overlay,#extCenter) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px!important;min-height:46px!important}.ui16 :is(.tab-panel,.modal-backdrop,.erp-overlay,#extCenter) button{min-height:44px}.ui16 .modal-backdrop{padding:0!important;align-items:stretch!important}.ui16 .modal-backdrop>div,.ui16 #extCenter>div{width:100%!important;max-width:100%!important;max-height:100dvh!important;min-height:0;border-radius:0!important;padding:18px!important;overflow-y:auto!important}.ui16 .erp-overlay>div{width:calc(100vw - 28px)!important;padding:24px!important;border-radius:18px!important}.ui16 .ux-dialog-body{padding:16px 0!important}.ui16 .v2-form-section{padding:14px!important}.ui16 .modal-actions{position:sticky;bottom:0;z-index:2;padding-bottom:max(12px,env(safe-area-inset-bottom))!important;flex-wrap:wrap}.ui16 .modal-actions button{flex:1;min-width:100px}.ui16 .ux-settings-tablist{flex-wrap:nowrap!important;overflow-x:auto;max-width:100%;padding-bottom:6px}.ui16 .ux-settings-tablist button{flex-shrink:0;white-space:nowrap!important}.ui16 .ux-setting-pane{padding:16px!important}.ui16 .ux-mobile-nav{padding-bottom:env(safe-area-inset-bottom)!important;min-height:66px!important;background:#fffdfa!important;border-top:1px solid var(--nj-line)!important}.ui16 #toastBanner{bottom:calc(82px + env(safe-area-inset-bottom))!important;max-width:calc(100vw - 28px)!important;left:14px!important;right:14px!important}.nj-select-panel{border-radius:18px 18px 0 0;max-width:100vw;padding:16px 16px max(16px,env(safe-area-inset-bottom));box-shadow:0 -15px 70px #211a1533}.nj-select-options{max-height:36dvh}.ui16 table th,.ui16 table td{padding:11px!important}.ui16 .ops-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:360px){.ui16 .ux-metrics{grid-template-columns:1fr!important}.ui16 .brand-hero-seal{display:none!important}.ui16 .ux-user>span:last-child{display:none}.ui16 .ops-stats{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){.ui16 *, .ui16 *:before,.ui16 *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{html.ui16-boot body>*{visibility:visible!important}.nj-select-panel,#najahBoot{display:none!important}.ui16 #uxMain{padding:0!important}.ui16 table th,.ui16 table td{font-size:10px!important;padding:6px!important}.ui16 .modal-backdrop{background:white!important}}