@import url('/fonts.css');
:root{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Tahoma,Arial,sans-serif;color:#202638;background:#f1f3f9;font-size:16px;font-synthesis:none;--muted:#737b8c;--line:#e6e9ef;--accent:#a81939;--blue:#3277cf;--green:#297f68;--sidebar:238px}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:var(--accent);text-decoration:none}input,select,textarea{border:1px solid #dce0e8;border-radius:11px;padding:11px 12px;background:white;color:inherit;min-width:0;width:100%;outline:none;font-size:.9375rem}input:focus,select:focus,textarea:focus{border-color:#ac5970;box-shadow:0 0 0 3px #ad193811}input[type=checkbox]{width:auto;accent-color:var(--accent)}textarea{resize:vertical;min-height:90px}label{display:grid;gap:7px;font-size:.875rem;font-weight:550}button:focus-visible,a:focus-visible{outline:3px solid #3578ce;outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:1.8rem;font-weight:650;letter-spacing:-.8px}h2{font-size:1.15rem;font-weight:650}h3{font-size:1rem;font-weight:600}p{line-height:1.6}.muted{color:var(--muted)}.small{font-size:.875rem}.arabic{font-family:Tahoma,Arial,sans-serif;direction:rtl;text-align:right;line-height:1.8}.mono{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}.icon{width:20px;height:20px;flex-shrink:0;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round}.loading{display:grid;place-items:center;min-height:70vh;color:var(--muted)}
.shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);background:radial-gradient(ellipse at 100% 0,#e6ecfa80,transparent 65%),#f4f5f9}.sidebar{background:#ffffff9c;backdrop-filter:blur(25px);border-inline-end:1px solid #dfe3ed;position:fixed;inset-block:0;inset-inline-start:0;width:var(--sidebar);padding:28px 18px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 28px;font-size:1.22rem;font-weight:730;letter-spacing:-.7px}.brand-mark{width:33px;height:33px;background:var(--accent);border-radius:10px;display:grid;place-items:center;color:white;font-weight:750;font-size:1.1rem;letter-spacing:-1px}.brand span span{color:var(--accent)}.workspace-label{padding:0 13px 12px;font-size:.875rem;color:#8b91a0;letter-spacing:1.2px;font-weight:600;text-transform:uppercase}.nav{display:flex;flex-direction:column;gap:4px}.nav a{display:flex;align-items:center;gap:11px;color:#626c7e;font-size:.9rem;padding:11px 13px;border-radius:12px;font-weight:500}.nav a:hover{background:#ffffff}.nav a.active{background:#ffffff;color:#242c3e;box-shadow:0 3px 12px #27314b09;font-weight:650}.nav a.active .icon{color:var(--accent)}.nav-count{margin-inline-start:auto;background:#a8193910;color:var(--accent);border-radius:7px;padding:1px 6px;font-size:.875rem}.nav-divider{height:1px;background:var(--line);margin:14px 9px}.sidebar-bottom{margin-top:auto;padding-top:24px}.account{display:flex;align-items:center;gap:10px;padding:12px 8px}.avatar{width:34px;height:34px;border-radius:50%;background:#e9dbe5;color:#803857;font-size:.875rem;font-weight:650;display:grid;place-items:center}.account-info{font-size:.875rem;font-weight:600}.main{grid-column:2;padding:0 36px 36px;min-width:0}.topbar{min-height:83px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line);margin-bottom:28px}.breadcrumbs{font-size:.875rem;color:#8a91a0;display:flex;gap:9px;align-items:center}.breadcrumbs strong{color:#555e72;font-weight:500}.topbar-spacer{flex:1}.topbar select{max-width:200px;background:#ffffff87;font-size:.875rem;border-color:transparent}.lang-button{border:1px solid #dce0e8;background:#ffffffa0;padding:8px 12px;border-radius:10px;font-size:.875rem;white-space:nowrap}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:23px}.page-heading p{font-size:.875rem;margin-top:5px}.button{border:1px solid #dce0e8;border-radius:11px;background:#fff;color:#3a4456;padding:10px 14px;font-size:.875rem;font-weight:550;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}.button.primary{background:var(--accent);border-color:var(--accent);color:white;box-shadow:0 3px 8px #a8193917}.button.soft{background:#f2f4f8;border-color:transparent}.button.danger{color:#ad2541}.button.small{font-size:.875rem;padding:7px 10px}.button.icon-only{padding:8px}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.demo-banner{display:flex;align-items:center;gap:10px;background:#fdf5e7;border:1px solid #efe3c7;border-radius:12px;padding:11px 14px;font-size:.875rem;color:#8a6526;margin-bottom:22px}.demo-banner .icon{width:17px;height:17px}.demo-banner span{flex:1}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:25px}.stat{background:#ffffffb8;border:1px solid #fff;border-radius:17px;padding:20px;box-shadow:0 4px 15px #27314b03}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#7b8494;font-size:.875rem}.stat-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#edf2f9;color:#52728d}.stat-icon.rose{background:#f9edf0;color:#ac5069}.stat-icon.green{background:#edf6f1;color:#529179}.stat-number{font-size:2rem;letter-spacing:-1px;font-weight:650;margin-top:10px;line-height:1.2}.stat-caption{font-size:.875rem;color:var(--muted);margin-top:8px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,1fr);gap:23px;align-items:start}.card{background:#ffffffdc;border:1px solid #fff;border-radius:17px;box-shadow:0 5px 20px #27314b04;overflow:hidden}.card-head{padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #eef0f5}.card-body{padding:20px 22px}.section-stack{display:grid;gap:23px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:start;white-space:nowrap;font-size:.875rem}th{padding:13px 20px;font-weight:500;color:#7b8494;background:#fbfcfe;font-size:.875rem;text-align:start;border-bottom:1px solid var(--line)}td{padding:16px 20px;border-bottom:1px solid #eef0f5}tr:last-child td{border-bottom:0}tr.clickable{cursor:pointer}tr.clickable:hover{background:#fafbfe}.product-name{font-weight:550;white-space:normal;max-width:330px;min-width:170px;line-height:1.65}.subline{font-size:.875rem;color:#8a91a0;font-weight:400;margin-top:2px;direction:ltr;text-align:start}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:7px;padding:4px 8px;font-size:.875rem;font-weight:550;line-height:1.4;background:#f1f3f7;color:#737c8f;white-space:nowrap}.badge.green{background:#eaf5ef;color:#287659}.badge.blue{background:#edf3fd;color:#356da8}.badge.amber{background:#fff5e4;color:#a87620}.badge.rose{background:#fbedf1;color:#ad4161}.badge.purple{background:#f1ecfb;color:#795db0}.pill{border:1px solid #dfe4ed;background:white;border-radius:20px;padding:8px 13px;font-size:.875rem;color:#657086;cursor:pointer}.pill.active{background:#263044;color:#fff;border-color:#263044}.toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap}.filters{display:flex;gap:7px;flex-wrap:wrap}.search{max-width:270px;font-size:.875rem;background:#ffffffc0}.empty{text-align:center;padding:40px 24px;color:var(--muted);font-size:.9375rem}.empty .icon{width:33px;height:33px;margin-bottom:10px;color:#aeb8c8}.list-item{padding:16px 22px;border-bottom:1px solid #eef0f5;display:flex;align-items:center;gap:12px}.list-item:last-child{border:0}.list-item .info{min-width:0;flex:1}.list-item p{font-size:.875rem;line-height:1.5}.list-item .detail{font-size:.875rem;color:var(--muted);margin-top:4px}.notice-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#edf6f0;color:#478a64}.activity-icon{width:30px;height:30px;background:#f2f4f8;border-radius:50%;display:grid;place-items:center;color:#7e8ca3}.activity-icon .icon{width:15px}.location-bars{display:grid;gap:18px}.location-bar-top{display:flex;justify-content:space-between;font-size:.875rem;margin-bottom:7px}.bar{height:7px;border-radius:20px;background:#edf0f6;overflow:hidden}.bar span{display:block;height:100%;background:#738ba9;border-radius:20px}.bar .dubai{background:#a99cc5}.progress{width:85px;height:5px;background:#ecf0f6;border-radius:10px;overflow:hidden;margin-top:7px}.progress span{height:100%;display:block;background:#7da993}.meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.meta-grid p{font-size:.875rem}.meta-grid .muted{font-size:.875rem}.order-detail-top{padding:20px;background:#f8f9fc;border-radius:12px;display:grid;gap:17px;margin-bottom:18px}.order-detail-lines td{padding:13px 12px}.scan-panel{background:#edf3fb;border:1px solid #dbe7f8;border-radius:13px;padding:17px;margin:18px 0}.scan-label{display:flex;gap:8px;align-items:center;font-size:.875rem;font-weight:600;color:#496682;margin-bottom:12px}.scan-row{display:flex;gap:8px}.scan-row input{flex:1}.serial-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}.serial-tags span{font-family:monospace;background:#f0f5fa;padding:2px 5px;border-radius:4px;font-size:.875rem}.approval-note{font-size:.875rem;color:#398463;margin-top:4px}.notice{padding:13px 15px;background:#edf3fb;color:#456890;border:1px solid #dce7f5;border-radius:10px;font-size:.875rem;line-height:1.6}.notice.warning{background:#fff6e8;border-color:#efdfc3;color:#976c24}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid .full{grid-column:1/-1}.form-section{padding:18px 0;border-bottom:1px solid #eef0f5}.form-section h3{margin-bottom:14px}.form-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.inline-fields{display:flex;gap:10px;align-items:end;margin-bottom:12px}.inline-fields>*{flex:1}.line-list{display:grid;gap:9px}.line-entry{display:grid;grid-template-columns:minmax(0,1fr) 70px 100px 35px;gap:8px;align-items:center;background:#f8f9fc;padding:11px;border-radius:10px}.line-entry p{font-size:.875rem}.serial-input{direction:ltr}.settings-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:23px;align-items:start}.preview-wrap{background:#e8ebf2;border-radius:13px;padding:22px;overflow:auto}.print-document{background:#fff;padding:35px;min-height:600px;color:#202020;font-family:Tahoma,Arial,sans-serif;direction:rtl;font-size:14px;line-height:1.75}.print-header{display:flex;justify-content:space-between;gap:20px;border-bottom:2px solid #a81939;padding-bottom:18px;margin-bottom:24px}.print-brand{font-family:Arial,sans-serif;color:#a81939;font-size:27px;font-weight:bold;direction:ltr}.print-title{font-size:24px;font-weight:500}.print-boxes{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:25px}.print-box{border:1px solid #ccc;border-radius:3px;padding:12px}.print-document table{font-size:13px;white-space:normal;direction:rtl}.print-document th{background:#eee;color:#222;font-size:12px;border-bottom:1px solid #bbb;padding:8px}.print-document td{padding:9px 8px;border-bottom:1px solid #ccc;vertical-align:top}.print-total{margin-top:20px;display:grid;gap:4px;text-align:end}.print-total strong{font-size:18px}.print-footer{border-top:1px solid #ccc;margin-top:35px;padding-top:15px;white-space:pre-wrap;font-size:12px;line-height:1.8}.print-status{padding:8px;border:1px solid #ddd;margin-top:16px}.print-meta{font-size:12px}.print-page{max-width:850px;margin:30px auto;background:#fff}.print-controls{display:flex;justify-content:center;gap:10px;padding:20px}.print-serial{font-size:11px;direction:ltr;text-align:right}.split-payment{display:flex;gap:10px;align-items:center;margin-bottom:9px}.credit-balance{font-size:1.5rem;font-weight:600;color:var(--green)}
dialog{border:1px solid #ffffff9c;border-radius:21px;box-shadow:0 30px 100px #1d29453a;padding:0;width:min(760px,calc(100% - 30px));max-height:90vh;color:inherit;background:#fff}dialog::backdrop{background:#25314d38;backdrop-filter:blur(7px)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:21px 25px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:2}.modal-head h2{font-size:1.2rem}.modal-body{padding:23px 25px}.modal-close{border:0;background:#f2f4f8;width:30px;height:30px;border-radius:50%;font-size:20px;color:#718096}.modal-description{font-size:.875rem;color:var(--muted);margin-bottom:19px}.error-box{background:#fff0f2;border:1px solid #f3c6ce;color:#a02540;font-size:.875rem;border-radius:10px;padding:12px;display:none;margin-bottom:15px}.error-box.visible{display:block}#toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#243249;color:#fff;padding:13px 20px;border-radius:13px;box-shadow:0 8px 30px #24324930;font-size:.875rem;z-index:100;transition:.2s;max-width:90%;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}
.auth-screen{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(ellipse at 0 0,#e1e8f7,transparent 60%),radial-gradient(ellipse at 100% 100%,#f2e4eb,transparent 60%),#f4f5f9}.auth-card{width:min(430px,100%);background:#ffffffce;border:1px solid white;border-radius:24px;padding:35px;box-shadow:0 20px 70px #2632490b;backdrop-filter:blur(20px)}.auth-card .brand{padding:0 0 25px}.auth-card h1{font-size:1.55rem}.auth-card form{display:grid;gap:17px;margin-top:24px}.auth-card .button{width:100%;padding:12px}.auth-divider{display:flex;align-items:center;gap:10px;color:#959baa;font-size:.875rem;margin:22px 0}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:var(--line);flex:1}.auth-note{font-size:.875rem;color:var(--muted);margin-top:12px;text-align:center}.step-number{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#edf0f6;color:#708096;font-size:.875rem}.receipt-summary{background:#f7f9fc;padding:15px;border-radius:10px;margin:15px 0}.role-select{font-size:.875rem;margin-top:6px}.detail-separator{height:1px;background:var(--line);margin:20px 0}.click-label{display:flex;gap:8px;align-items:center}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.compact-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.link-button{border:0;background:none;color:var(--accent);padding:0;font-size:.875rem;cursor:pointer}.money{font-variant-numeric:tabular-nums}.issue{color:#a87620}.settings-tabs{margin-bottom:23px}.nowrap{white-space:nowrap}
@media(min-width:1600px){.main{padding-inline:50px}.dashboard-grid{grid-template-columns:minmax(0,1.9fr) minmax(330px,1fr)}}
@media(max-width:1200px){:root{--sidebar:210px}.main{padding-inline:24px}.stats{gap:12px}.stat{padding:16px}.dashboard-grid{grid-template-columns:minmax(0,1.4fr) minmax(270px,1fr)}.settings-grid{grid-template-columns:1fr}.cards-grid{grid-template-columns:1fr 1fr}}
@media(max-width:950px){.dashboard-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.topbar select{max-width:150px}.cards-grid{grid-template-columns:1fr}.breadcrumbs{display:none}}
@media(max-width:720px){:root{--sidebar:0px}.shell{display:block}.sidebar{position:sticky;top:0;width:100%;height:auto;padding:12px 15px 9px;inset:auto;background:#f5f6fbed;border-inline-end:0;border-bottom:1px solid #dde3ed}.sidebar .brand{padding:0 0 9px;font-size:1.1rem}.brand-mark{width:28px;height:28px;border-radius:8px}.workspace-label,.sidebar-bottom,.nav-divider{display:none}.nav{flex-direction:row;overflow-x:auto;gap:4px;padding-bottom:3px}.nav a{padding:8px 11px;white-space:nowrap;font-size:.875rem;gap:6px}.nav .icon{width:16px;height:16px}.main{padding:0 16px 25px}.topbar{min-height:60px;margin-bottom:20px;gap:8px}.topbar select{max-width:200px;background:#fff}.topbar-spacer{display:none}.lang-button{margin-inline-start:auto}.page-heading{align-items:start;gap:10px}h1{font-size:1.5rem}.page-heading p{font-size:.875rem}.page-heading .button{font-size:.875rem;padding:9px 11px}.stats{gap:10px;margin-bottom:18px}.stat{padding:14px;border-radius:13px}.stat-number{font-size:1.7rem}.stat-top{font-size:.875rem}.stat-icon{width:27px;height:27px;border-radius:8px}.stat-icon .icon{width:17px;height:17px}.stat-caption{font-size:.875rem}.card-head{padding:17px}.card-body{padding:17px}.list-item{padding:14px 17px}.demo-banner{font-size:.875rem;align-items:start;padding:10px;margin-bottom:18px}.demo-banner button{display:none}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:1}.modal-head{padding:18px}.modal-body{padding:18px}.meta-grid{grid-template-columns:1fr 1fr}.scan-row{flex-wrap:wrap}.scan-row input{flex-basis:100%}.scan-row .button{flex:1}.inline-fields{flex-wrap:wrap}.inline-fields>*{flex-basis:40%}.inline-fields .button{flex:0}.line-entry{grid-template-columns:minmax(0,1fr) 60px 80px 28px;padding:9px;gap:5px}.print-document{padding:20px}.print-header{gap:12px}.print-brand{font-size:22px}.print-title{font-size:20px}.print-boxes{grid-template-columns:1fr}.search{max-width:none;width:100%}.toolbar{gap:10px}.role-select{display:none}.topbar .button.small{padding:8px}.auth-card{padding:27px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{@page{size:A4;margin:14mm}body{background:#fff}.print-page{max-width:none;margin:0}.print-document{padding:0;min-height:0;font-size:12px}.print-controls,dialog,#toast{display:none!important}.print-boxes{grid-template-columns:1fr 1fr}.print-document table{font-size:11px}thead{display:table-header-group}tr,.print-box,.print-total{break-inside:avoid}.print-footer{font-size:10px}.print-header{border-bottom-color:#555}.print-brand{color:#a81939!important}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

[hidden]{display:none!important}.mobile-account{display:none}.account-popover{position:absolute;inset-inline-end:0;top:calc(100% + 8px);z-index:40;width:210px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 10px 30px #26324920;display:grid;gap:12px;font-size:14px}.mobile-account summary{display:grid;place-items:center;list-style:none;border:1px solid #dce0e8;background:white;border-radius:10px;width:38px;height:38px;cursor:pointer}.mobile-account summary::-webkit-details-marker{display:none}@media(max-width:720px){.mobile-account{display:block;position:relative}.topbar>select{flex:1;width:auto}.topbar>.button{font-size:0;width:38px;height:38px;padding:8px}.topbar>.button .icon{display:block}.nav a,.button.small{min-height:38px}}

.permission-grid{display:grid;gap:14px;margin-top:18px;grid-template-columns:1fr 1fr}@media(max-width:720px){.permission-grid{grid-template-columns:1fr}}

.demo-banner .badge{flex:0}.account-popover strong{overflow-wrap:anywhere}
/* Wide file previews scroll inside the dialog on smaller screens. */
.file-review-table{max-height:360px;overflow:auto;margin-top:12px}
.file-review-table table{min-width:640px}
.file-review-table td{vertical-align:top}
.file-review-table .issue{max-width:240px;white-space:normal}

dialog.file-import-modal{width:min(1100px,calc(100vw - 32px))}

.customer-search-panel{margin-bottom:22px;padding:16px;background:#f6f7fa;border:1px solid var(--line);border-radius:14px}.customer-search-panel .inline-fields{align-items:flex-end}.customer-search-panel>p{margin-top:10px}.customer-results .list-item{gap:10px}.customer-results .info{min-width:0}.customer-contacts{overflow-wrap:anywhere}.customer-results>p{margin:12px 0}.customer-results{max-height:260px;overflow-y:auto}.customer-results .button{flex-shrink:0}
@media(max-width:600px){.customer-search-panel{padding:12px}.customer-results .list-item{align-items:flex-start;flex-wrap:wrap}.customer-results .info{flex:1 1 160px}}

.serial-sale{margin-top:20px;padding:20px;border:1px solid var(--line);border-radius:14px}.serial-sale .product-name{margin:14px 0 6px}.serial-sale .meta-grid{margin:18px 0}.readonly-fields{border:0;padding:0;margin:0;min-width:0}.readonly-fields input,.readonly-fields textarea,.readonly-fields select{opacity:.8}.permission-grid label{min-width:0}#workspace-permissions{gap:15px}#serial-history-results{overflow-wrap:anywhere}

@media(min-width:721px){.sidebar .nav{flex:1;min-height:0;overflow-y:auto}.sidebar .nav a{flex-shrink:0}.sidebar-bottom{padding-top:16px}}
@media(max-width:720px){.page-heading>.actions{flex-wrap:wrap;justify-content:flex-end}.page-heading>.actions>.button{white-space:normal;text-align:center}.serial-sale{padding:14px}}

.stock-help{border:1px solid #e5dfcb;border-radius:14px;background:#fffaf0;padding:18px;margin:18px 0}.stock-help table{background:#fff}.stock-help .product-name{min-width:160px}.stock-help td{white-space:normal;min-width:70px}.stock-help th{white-space:nowrap}

.template-logo-field{min-width:0}.template-logo-field input[type=file]{max-width:100%}.template-logo-field [role=status]{overflow-wrap:anywhere}.print-brand{flex:0 1 45%;display:flex;justify-content:flex-end;align-items:flex-start}.print-logo{display:block;max-width:100%;width:auto;height:auto;max-height:90px;object-fit:contain}.print-header{break-inside:avoid}

.item-picker{margin-bottom:14px;min-width:0}
.item-picker .inline-fields{margin-bottom:8px}
.item-picker .item-query{flex:1 1 0;min-width:0}
.item-picker .item-quantity{flex:0 0 85px}
.item-picker .inline-fields>.button{flex:0 0 auto}
.item-lookup-results{max-height:260px;overflow-y:auto;border:1px solid var(--line);border-radius:11px;margin-bottom:8px}
.item-match{display:grid;gap:4px;width:100%;padding:12px 14px;text-align:start;background:#fff;border:0;border-bottom:1px solid #eef0f5;color:inherit;font:inherit;cursor:pointer}
.item-match:last-child{border-bottom:0}
.item-match strong{font-size:.875rem;overflow-wrap:anywhere}
.item-match:hover,.item-match[aria-selected=true],.item-match:focus-visible{background:#edf3fb}
.item-match:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
@media(max-width:600px){.item-picker .item-query{flex:1 1 100%}.item-picker .item-quantity{flex:0 0 85px}.item-picker .inline-fields>.button{flex:1 1 auto}}

.receiving-entry{display:flex;gap:10px;align-items:flex-end}
.receiving-entry .receiving-code{flex:1;min-width:0}
.receiving-entry .receiving-quantity{flex:0 0 85px}
.receiving-entry>.button{flex:0 0 auto}
@media(max-width:600px){.receiving-entry{flex-wrap:wrap}.receiving-entry .receiving-code{flex:1 1 100%}.receiving-entry>.button{flex:1}}

.report-tabs{margin-bottom:18px}.report-periods{margin-bottom:16px;flex-wrap:wrap}.report-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:20px;background:#ffffffa6;border:1px solid var(--line);border-radius:16px;margin-bottom:20px}.report-controls label{flex:1 1 150px;min-width:0}.report-controls select,.report-controls input{width:100%;min-height:42px}.report-controls .button{min-height:42px}.report-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:20px;margin-bottom:20px}.report-grid .card{min-width:0;margin-bottom:0}.report-number{font-size:1.5rem;overflow-wrap:anywhere}.report-range{margin-bottom:16px}.report-note{margin-bottom:20px}.report-notes{font-size:.875rem;color:var(--muted);line-height:1.65;margin-top:20px;display:grid;gap:8px}.report-product-name{display:block;min-width:170px;max-width:250px;white-space:normal}.report-table td{vertical-align:top}.report-table th{white-space:nowrap}.report-table .small{margin-top:5px}.report-hot{color:#ad2141;font-weight:600}.report-transfer{color:#246f56;font-size:1.15rem}.report-check{display:flex;align-items:center;gap:9px;flex-direction:row}.report-check input{width:18px;height:18px}.report-list-controls{justify-content:space-between}.report-loading{margin:12px 0}.report-stats{margin-top:16px}.report-page>.card{margin-bottom:20px}
@media(max-width:1100px){.report-grid{grid-template-columns:1fr}.report-number{font-size:1.35rem}}@media(max-width:720px){.report-controls{padding:15px;gap:12px}.report-controls label{flex-basis:calc(50% - 12px)}.report-controls .button{width:100%}.report-stats .stat-caption{overflow-wrap:anywhere}.report-periods{gap:6px}.report-list-controls{flex-wrap:wrap}.report-page .page-heading .actions{max-width:170px}.report-number{font-size:1.15rem}.report-table{max-width:100%}.report-grid{gap:16px}}

#planning-table .report-table th,#planning-table .report-table td{padding:14px 12px}#planning-table .report-table th{white-space:normal;min-width:65px}#planning-table .report-table td{white-space:normal}#planning-table .small{font-size:.8rem}#planning-table .report-product-name{min-width:170px;max-width:210px}

.unknown-stock-row{flex-wrap:wrap;gap:14px}.unknown-stock-row .info{min-width:180px;flex:1}.unknown-stock-row .actions{flex-wrap:wrap;justify-content:flex-end}.serial-entry-progress{margin-top:7px}.serial-entry-progress:empty{display:none}#serial-conversion-fields .form-grid>div{min-width:0}#serial-conversion-fields textarea{width:100%}@media(max-width:720px){.unknown-stock-row .actions{justify-content:flex-start}.unknown-stock-row .info{min-width:0;width:100%}}

.transfer-comparison{margin-top:20px;border:1px solid var(--line);border-radius:16px}.transfer-comparison table{min-width:560px}.transfer-discrepancy p{margin-top:8px}.transfer-attribution{margin-top:14px}.transfer-comparison .product-name{white-space:normal;min-width:170px;max-width:300px}.transfer-comparison .subline{white-space:normal;overflow-wrap:anywhere}
.history-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:16px 20px;border-top:1px solid var(--line)}
.history-retention{margin:0 0 16px}
.customer-history-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.customer-history-heading h3{flex:1;min-width:150px;overflow-wrap:anywhere}.customer-history-heading .button{flex-shrink:0}

.seller-display{display:block;min-width:0;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:#f6f7fa;font-size:.9375rem;overflow-wrap:anywhere}

.team-member .actions{justify-content:flex-end}.team-access-comparison{table-layout:fixed;white-space:normal}.team-access-comparison td,.team-access-comparison th{overflow-wrap:anywhere;padding:12px}.team-access-comparison th:first-child{width:30%}@media(max-width:720px){.team-member{flex-wrap:wrap;align-items:flex-start}.team-member .info{flex:1 1 200px}.team-member .actions{width:100%;justify-content:flex-end}.team-access-comparison td,.team-access-comparison th{padding:10px 7px}}
.expense-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}
.driver-delivery-panel{margin:18px 0}.expense-notes{white-space:pre-wrap;margin-top:18px}
@media(max-width:650px){.expense-totals{grid-template-columns:1fr;gap:10px}.expense-totals .card-body{padding:16px}.driver-delivery-panel .actions{align-items:flex-start}}
/* Keep customer-import confirmation reachable while reviewing large exports. */
.customer-import-preview{max-height:300px;overflow:auto;border:1px solid var(--line);border-radius:12px}.customer-import-preview thead{position:sticky;top:0;z-index:1;background:#fafbfe}
@media(max-width:720px){.customer-import-preview{max-height:220px}}

.finance-panel{margin:22px 0;padding:20px;border:1px solid var(--border,#e1e5ee);border-radius:18px;background:#f8f9fc}.finance-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0}.finance-summary strong{display:block;margin-top:5px;overflow-wrap:anywhere}.transaction-row{display:flex;gap:14px;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid var(--border,#e1e5ee)}.branch-cash-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:22px}.payment-entry{padding:12px 0;border-bottom:1px solid var(--border,#e1e5ee);margin-bottom:12px}.payment-entry label{margin-top:10px}@media(max-width:600px){.finance-panel{padding:14px}.finance-summary{grid-template-columns:1fr;gap:12px}.transaction-row{flex-wrap:wrap}.branch-cash-cards{grid-template-columns:1fr}.finance-panel>.actions>.button{width:100%;white-space:normal}}

.customer-card-notice{display:block;margin-top:12px}.customer-history-heading .actions{flex-wrap:wrap}.customer-search-panel .button.small{margin-inline-start:10px}

.stock-count-options { margin: 20px 0; padding: 18px; border: 1px solid var(--line, #e3e7ee); border-radius: 16px; background: #f7f9fc; }
.stock-count-options .checkbox { display: flex; align-items: flex-start; gap: 10px; line-height: 1.5; }
.stock-count-options .checkbox input { flex: 0 0 auto; margin-top: 4px; }
.stock-count-options p { margin: 8px 0 18px; }
.stock-count-options p:last-child { margin-bottom: 0; }
.stock-count-tabs .filters { flex-wrap: wrap; }
.stock-count-paging { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:16px; }
@media(max-width:600px){ .stock-count-options { padding:14px; } .stock-count-paging { flex-wrap:wrap; } }

.serial-origin{margin-top:20px;padding:20px;border:1px solid var(--line);border-radius:14px;background:#f8f9fc}.serial-origin .product-name{margin:14px 0 6px}.serial-origin .meta-grid{margin:16px 0}.serial-origin .meta-grid>div{min-width:0}.serial-origin p{overflow-wrap:anywhere}@media(max-width:720px){.serial-origin{padding:14px}.serial-origin .meta-grid{grid-template-columns:1fr}}

.serial-search-form label{min-width:0}@media(max-width:720px){.serial-search-form label{flex-basis:100%!important}.serial-search-form input{width:100%}.serial-search-form .button{width:100%}}

.workspace-tab-heading{margin-bottom:20px}.workspace-tab-heading h2{font-size:1.125rem;margin-bottom:5px}.workspace-tab-heading p{font-size:.875rem}

/* v1.1: progress, scan feedback, touch targets, phone print preview */
body.is-busy::before{content:'';position:fixed;inset-block-start:0;inset-inline:0;height:3px;z-index:300;background:linear-gradient(90deg,#a81939 0 40%,#f0b6c3 40% 100%);background-size:200% 100%;animation:erp-progress 1s linear infinite}
@keyframes erp-progress{from{background-position:100% 0}to{background-position:-100% 0}}
body.is-busy .button,body.is-busy button[type=submit]{pointer-events:none;opacity:.6}
body.flash-ok::after,body.flash-error::after{content:'';position:fixed;inset:0;z-index:290;pointer-events:none;animation:erp-flash .65s ease-out forwards}
body.flash-ok::after{box-shadow:inset 0 0 0 10px #1f9d63}
body.flash-error::after{box-shadow:inset 0 0 0 14px #c62945;background:#c6294514}
@keyframes erp-flash{from{opacity:1}to{opacity:0}}
.scan-panel input,.receiving-entry input{font-size:1.15rem;min-height:52px;font-variant-numeric:tabular-nums}
.scan-panel input:focus,.receiving-entry input:focus{outline:3px solid #a8193955;border-color:#a81939}
@media(max-width:720px){.button,button,select,textarea,input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]){min-height:46px}.scan-panel .button,.form-footer .button{width:100%;justify-content:center;font-size:1rem}.modal-head{position:sticky;top:0;background:inherit;z-index:2}}
@media screen and (max-width:720px){.print-page{overflow-x:auto;-webkit-overflow-scrolling:touch}.print-document{min-width:640px}}
@media(prefers-reduced-motion:reduce){body.is-busy::before{animation:none}}
@media print{body.is-busy::before,body.flash-ok::after,body.flash-error::after{display:none!important}}
