@font-face{font-family:PBA;src:url('./arabic.woff') format('woff');font-display:swap;font-weight:400;font-style:normal}
:root{--ink:#1c302c;--muted:#81908a;--green:#194f40;--green2:#28694e;--pale:#eaf3ed;--line:#e6ebe6;--bg:#f5f7f3;--gold:#a88546;--red:#b84644;--white:#fff;--shadow:0 5px 25px #18362b06}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:PBA,'Segoe UI',Tahoma,Arial,sans-serif;font-size:13px;line-height:1.7}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}button:focus-visible,a:focus-visible{outline:3px solid #8ac6ad;outline-offset:3px}a{color:inherit;text-decoration:none}input,select,textarea{border:1px solid #dfe5df;background:white;border-radius:10px;padding:11px 13px;color:var(--ink);min-width:0;width:100%;outline:none}input:focus,select:focus,textarea:focus{border-color:#679e81;box-shadow:0 0 0 3px #194f400c}input[type=checkbox]{width:18px;height:18px;accent-color:var(--green)}input[type=number]{direction:ltr;text-align:right}textarea{resize:vertical}h1,h2,h3,p{margin:0}svg{flex-shrink:0;vertical-align:middle}.icon{width:20px;height:20px;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:white;color:var(--ink);border-radius:10px;padding:10px 16px;font-weight:600;transition:.15s;white-space:nowrap;min-height:42px}.btn:hover{background:#f5f8f4;border-color:#c9d8ca}.primary{background:var(--green);border-color:var(--green);color:#fff}.primary:hover{background:#24634e;border-color:#24634e}.soft{background:var(--pale);color:var(--green);border-color:transparent}.danger{color:var(--red);background:#fdf0ef;border-color:#f1d2cf}.ghost{background:transparent;border:0}.small{padding:6px 10px;min-height:34px;font-size:11px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--line);border-radius:9px;width:34px;height:34px;color:var(--muted);flex-shrink:0}.icon-btn:hover{background:var(--pale);color:var(--green)}.muted{color:var(--muted)}.mono{font-family:'Segoe UI',Arial,sans-serif;font-variant-numeric:tabular-nums;direction:ltr;display:inline-block}.ltr{direction:ltr;text-align:left}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:6px;background:var(--pale);color:var(--green);padding:3px 9px;font-size:10px;white-space:nowrap}.pill.warn{background:#fcf2df;color:#9a702c}.pill.red{background:#fceceb;color:var(--red)}.dot{width:6px;height:6px;background:#5da880;border-radius:50%;display:inline-block}
.shell{display:grid;grid-template-columns:220px minmax(0,1fr);direction:rtl;min-height:100vh}.sidebar{background:#153f34;color:#dce8df;padding:26px 16px;display:flex;flex-direction:column;position:fixed;right:0;top:0;bottom:0;width:220px;z-index:30}.brand{padding:0 12px 25px;border-bottom:1px solid #ffffff13;margin-bottom:25px}.brand img{width:164px;height:72px;object-fit:contain;filter:brightness(0) invert(1);opacity:.96}.brand-sub{color:#a9c0ae;display:flex;align-items:center;gap:8px;font-size:10px;margin-top:6px}.brand-sub:before{content:'';height:1px;width:20px;background:#94b49e}.nav-caption{color:#799c87;font-size:9px;letter-spacing:.6px;padding:0 14px 9px}.nav-btn{display:flex;align-items:center;gap:12px;width:100%;background:transparent;border:0;color:#b9cec1;border-radius:9px;padding:13px 14px;margin:3px 0;text-align:right;font-size:12px;position:relative}.nav-btn:hover{background:#ffffff09;color:#fff}.nav-btn.active{background:#f6f7ee;color:#174332;font-weight:700}.nav-btn.active:after{content:'';position:absolute;right:0;height:16px;width:3px;border-radius:4px;background:#a3b98d}.nav-btn .nav-count{margin-right:auto;font-size:10px;background:#ffffff12;border-radius:5px;padding:0 7px}.nav-btn.active .nav-count{background:#dce8d8}.sidebar-foot{margin-top:auto}.backup-card{background:#ffffff07;border:1px solid #ffffff0e;border-radius:12px;padding:14px;margin-top:30px}.backup-card strong{font-size:11px;color:#e9f0e7;display:block;margin-bottom:4px}.backup-card p{font-size:10px;color:#94b39f;line-height:1.8}.backup-card button{width:100%;margin-top:12px;background:#ffffff0e;color:#dce8df;border-color:#ffffff12;font-size:10px}.staff{display:flex;align-items:center;gap:9px;margin-top:20px;padding:15px 6px 0;border-top:1px solid #ffffff12;font-size:11px}.avatar{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#aec3a3;color:#1a4837;font:600 16px Georgia}.staff .muted{color:#92ad9b;font-size:9px}.workspace{grid-column:2;min-width:0}.topbar{height:76px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#ffffffb8;gap:15px}.breadcrumb{display:flex;align-items:center;gap:12px;color:#8a9790;font-size:11px}.breadcrumb strong{color:#40584b;font-weight:500}.top-tools{display:flex;align-items:center;gap:15px;font-size:10px}.top-tools .date{padding-left:16px;border-left:1px solid var(--line)}.menu-toggle{display:none}.content{padding:26px 28px 30px;max-width:1860px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:16px}.eyebrow{font:10px 'Segoe UI',Arial,sans-serif;letter-spacing:2px;color:#9aab9d;margin-bottom:5px}.page-heading h1{font-size:23px;font-weight:700;letter-spacing:-.6px}.page-heading p{color:var(--muted);font-size:11px;margin-top:3px}.actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.kpi{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);background:white;padding:16px 18px;border-radius:13px;box-shadow:var(--shadow);gap:10px}.kpi .kpi-label{font-size:10px;color:#819083}.kpi .value{font:600 24px 'Segoe UI',Arial,sans-serif;margin-top:5px;color:#1d4232;letter-spacing:-.7px}.kpi .unit{font-family:PBA,Tahoma,sans-serif;font-size:10px;color:#94a08d;margin-right:5px;font-weight:400;letter-spacing:0}.kpi .kpi-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:#eff5ed;color:#769570}.kpi:nth-child(2) .kpi-icon{background:#f6f0e6;color:#af945f}.kpi:nth-child(3) .kpi-icon{background:#edf2f3;color:#7c9a9e}.kpi:nth-child(4) .kpi-icon{background:#fcf1e8;color:#c4936f}.card{background:white;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.card-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:19px 22px;border-bottom:1px solid var(--line)}.card-head h2{font-size:14px}.card-body{padding:22px}.pos-layout{display:grid;grid-template-columns:minmax(0,1fr) 348px;gap:20px;align-items:start}.catalog-panel{min-width:0}.search-wrap{position:relative}.search-wrap .icon{position:absolute;right:15px;top:14px;color:#8b9e8c}.search-wrap input{padding:13px 43px 13px 65px;border-radius:11px;font-size:11px}.key{font:10px 'Segoe UI',sans-serif;background:#f4f6f1;border:1px solid var(--line);border-radius:4px;padding:2px 6px;color:#93a18f}.search-wrap .key{position:absolute;left:13px;top:14px}.catalog-top{display:flex;align-items:center;gap:10px}.catalog-top .search-wrap{flex:1}.scan-hint{margin-top:9px;display:flex;gap:6px;align-items:center;color:#92a18e;font-size:9px}.scan-hint .icon{width:13px;height:13px}.categories{display:flex;gap:7px;overflow:auto;padding:18px 0 17px;scrollbar-width:none}.chip{border:1px solid var(--line);color:#7a8c7e;background:white;border-radius:8px;padding:7px 13px;white-space:nowrap;font-size:10px;min-height:35px}.chip.active{background:var(--green);border-color:var(--green);color:white}.products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.product{position:relative;display:flex;flex-direction:column;text-align:right;background:white;border:1px solid var(--line);border-radius:13px;overflow:hidden;transition:.15s;color:var(--ink);padding:0}.product:hover{border-color:#a8c1a0;box-shadow:0 5px 18px #1d42260a;transform:translateY(-2px)}.product:disabled{opacity:.6;transform:none}.product-art{height:114px;background:var(--artbg,#eff2ea);display:flex;align-items:center;justify-content:center;position:relative;width:100%}.product-art:after{content:'';position:absolute;inset:auto 30% 15px;height:8px;border-radius:50%;background:#2540230c;filter:blur(4px)}.product-art svg{width:49px;height:79px;filter:drop-shadow(3px 4px 3px #1c3c2410)}.product-stock{position:absolute;top:9px;right:9px;font-size:8px;border-radius:5px;background:#ffffffdb;padding:1px 6px;color:#68835f}.product-stock.low{color:#a57b31;background:#fffaec}.product-info{padding:13px 13px 12px;width:100%;flex:1;display:flex;flex-direction:column}.product-brand{font:9px 'Segoe UI',Arial,sans-serif;letter-spacing:1.1px;color:#96a087;text-align:left}.product h3{font:600 12px/1.5 'Segoe UI',Arial,sans-serif;text-align:left;direction:ltr;margin-top:5px;min-height:35px}.product-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:13px}.price{font:600 18px 'Segoe UI',Arial,sans-serif;direction:ltr;display:flex;align-items:baseline;gap:5px}.price small{font:9px PBA,sans-serif;color:#93a18b}.add-plus{width:27px;height:27px;display:flex;align-items:center;justify-content:center;border:1px solid #dbe8d5;color:#47703c;border-radius:8px;background:#f3f7ed;font:19px Arial}.catalog-footer{display:flex;justify-content:space-between;margin-top:17px;color:#9aa693;font-size:9px}.basket{position:sticky;top:18px;min-width:0}.basket .card-head{padding:18px}.basket .card-head h2{font-size:13px;display:flex;align-items:center;gap:8px}.basket-count{border-radius:6px;background:var(--pale);color:#65835c;padding:1px 6px;font:10px 'Segoe UI',sans-serif}.basket-lines{padding:0 18px;min-height:245px;max-height:340px;overflow:auto}.cart-line{display:grid;grid-template-columns:36px minmax(0,1fr) 32px;gap:10px;border-bottom:1px solid #edf0e9;padding:16px 0;align-items:start}.line-art{width:36px;height:40px;background:#eff3e9;border-radius:7px;display:flex;align-items:center;justify-content:center;color:#759065}.line-art .icon{width:19px}.line-name{font:600 11px/1.5 'Segoe UI',Arial,sans-serif;direction:ltr;text-align:right;margin-bottom:5px}.line-price{font:11px 'Segoe UI',Arial,sans-serif;color:#6d8965;direction:ltr;text-align:right}.quantity{display:flex;align-items:center;gap:10px;direction:ltr;margin-top:9px;font:12px 'Segoe UI',Arial}.quantity button{border:1px solid var(--line);background:#fff;color:#6d8363;border-radius:5px;width:23px;height:23px;padding:0}.line-remove{border:0;background:transparent;color:#a5ada2;padding:3px}.line-remove .icon{width:14px;height:14px}.basket-summary{padding:18px;background:#fcfdf9;border-top:1px solid var(--line)}.sumrow{display:flex;justify-content:space-between;margin-bottom:11px;gap:12px;font-size:11px;color:#7e8c76}.sumrow strong{font:600 12px 'Segoe UI',Arial,sans-serif;color:#59774c}.discount-row{display:flex;align-items:center;gap:6px}.discount-row input{width:74px;padding:4px 7px;border-radius:5px;font:11px 'Segoe UI',Arial;text-align:left}.grand-total{border-top:1px dashed #dce4d5;margin-top:13px;padding-top:15px;align-items:center;color:var(--ink);font-size:13px;font-weight:600}.grand-total strong{font:700 28px 'Segoe UI',Arial,sans-serif;letter-spacing:-1px;color:var(--green)}.grand-total small{font:10px PBA,Tahoma;letter-spacing:0;margin-left:4px;color:#6a805e}.checkout-btn{width:100%;margin-top:6px;min-height:49px;border-radius:9px;justify-content:space-between;font-size:12px}.checkout-btn .key{background:#ffffff16;border-color:#ffffff20;color:#c6d5bb}.basket-foot{padding:12px 18px;text-align:center;color:#a1aa99;font-size:9px;border-top:1px solid var(--line)}.basket-foot .icon{width:12px;height:12px;margin-left:5px}.empty{text-align:center;padding:45px 20px;color:#85917d}.empty .empty-icon{width:62px;height:62px;border-radius:18px;margin:0 auto 17px;background:#f0f5ea;display:flex;align-items:center;justify-content:center;color:#9bb08f}.empty .empty-icon .icon{width:28px;height:28px}.empty h3{font-size:14px;color:#546b49;margin-bottom:6px}.empty p{font-size:11px;max-width:330px;margin:auto;line-height:1.9}.empty .actions{justify-content:center;margin-top:20px}.basket .empty{padding:58px 16px}.basket .empty h3{font-size:12px}.basket .empty p{font-size:10px}.notice{display:flex;align-items:flex-start;gap:10px;background:#f2f5e9;border:1px solid #dfe6d1;border-radius:11px;padding:12px 16px;font-size:10px;color:#7a8a63;margin-bottom:20px}.notice .icon{width:17px;height:17px;margin-top:1px}.notice.blue{background:#eef5f5;border-color:#dfe9e8;color:#60817e}.notice strong{color:#4f6c43}.demo-banner{background:#fff4da;border-bottom:1px solid #efdfb8;padding:8px 26px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#967131;gap:15px}.table-tools{padding:18px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.table-tools .search-wrap{flex:1;min-width:200px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:right}th{font-size:10px;color:#8a9983;font-weight:400;background:#fafbf7;padding:12px 18px;border-bottom:1px solid var(--line)}td{padding:15px 18px;border-bottom:1px solid #edf0e8;font-size:11px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfdf9}td .sub{display:block;font-size:9px;color:#9ba591;margin-top:3px}.td-name{font:600 12px 'Segoe UI',Arial;direction:ltr;text-align:right;max-width:280px;white-space:normal}.table-actions{display:flex;gap:6px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;gap:6px}.field>label{font-size:11px;color:#6d8062}.field>small{font-size:9px;color:#9aa48f}.field.full{grid-column:1/-1}.field.required>label:after{content:' *';color:#a78248}.form-actions{display:flex;gap:9px;justify-content:flex-start;border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.two-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.settings-stack{display:grid;gap:20px}.settings-logo{height:70px;width:180px;object-fit:contain;filter:grayscale(1)}.receipt-preview-wrap{background:#f0f2ec;padding:26px;display:flex;align-items:center;justify-content:center}.receipt{background:white;color:#000;width:280px;padding:20px 14px;box-shadow:0 5px 20px #00000009;font:10px/1.7 PBA,Tahoma,Arial;word-break:break-word}.receipt .receipt-logo{display:block;width:130px;height:60px;object-fit:contain;margin:0 auto 10px;filter:grayscale(1) brightness(.3)}.receipt h2{font:bold 14px 'Segoe UI',Arial;text-align:center;margin:4px 0}.receipt .rc-center{text-align:center;white-space:pre-line}.receipt .rc-rule{border-top:1px dashed #444;margin:12px 0}.receipt table{font:9px/1.7 PBA,Tahoma,Arial;white-space:normal}.receipt th,.receipt td{padding:5px 3px;background:white!important;color:black;border-color:#ccc;font-size:9px}.receipt td:first-child{width:53%;text-align:right;direction:auto}.receipt td:nth-child(n+2),.receipt th:nth-child(n+2){text-align:left;font-family:Arial;white-space:nowrap}.receipt .rc-row{display:flex;align-items:start;justify-content:space-between;gap:7px;margin:3px 0}.receipt .rc-total{font-weight:bold;font-size:14px}.receipt .rc-footer{margin-top:16px;white-space:pre-line;font-size:9px;text-align:center}.receipt .rc-whatsapp{font:11px 'Segoe UI',Arial;direction:ltr;text-align:center;margin-top:6px}.receipt .rc-return{border:1px solid #222;text-align:center;font-weight:bold;margin:8px 0;padding:4px}.modal-backdrop{position:fixed;inset:0;background:#112a2280;backdrop-filter:blur(3px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.modal{background:#fff;border-radius:17px;width:min(600px,100%);max-height:90vh;overflow:auto;box-shadow:0 30px 90px #12312435}.modal.wide{width:min(850px,100%)}.modal-head{padding:21px 25px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px}.modal-head h2{font-size:16px}.modal-body{padding:24px 25px}.modal-body .notice{margin-bottom:18px}.modal-body .receipt-preview-wrap{border-radius:12px}.error{font-size:11px;padding:11px 14px;background:#fff0ee;border:1px solid #f1d6d2;border-radius:9px;color:var(--red);margin-bottom:15px}.payment-total{text-align:center;padding:8px 0 24px}.payment-total span{font-size:11px;color:#8a9b7d;display:block}.payment-total strong{font:700 45px 'Segoe UI',Arial;color:var(--green);letter-spacing:-1px}.payment-total small{font-size:11px;color:#879878;margin-right:7px}.payment-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:22px}.method{border:1px solid var(--line);border-radius:10px;padding:12px;background:white;color:#829376;text-align:center;font-size:11px}.method .icon{display:block;margin:0 auto 5px}.method.active{border-color:#799d66;background:#f3f7ed;color:var(--green)}.quick-money{display:flex;gap:7px;margin-top:10px;flex-wrap:wrap}.change-box{display:flex;justify-content:space-between;background:var(--pale);color:var(--green);padding:14px 16px;border-radius:10px;margin-top:16px;font-size:12px}.change-box strong{font:600 19px 'Segoe UI',Arial}.full-btn{width:100%;margin-top:20px;min-height:47px}.report-range{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:20px}.report-range input{width:160px;font:12px 'Segoe UI',Arial;min-height:42px}.report-range label{font-size:10px;color:#8b9b7f;display:block;margin-bottom:4px}.breakdown{padding:8px 22px 17px}.breakdown-row{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px}.breakdown-row:last-child{border:0}.breakdown-row strong{font:600 15px 'Segoe UI',Arial}.bar-item{margin-bottom:17px}.bar-label{display:flex;justify-content:space-between;gap:20px;margin-bottom:6px;font-size:10px}.bar-track{height:6px;background:#f2f5ed;border-radius:20px;overflow:hidden}.bar-fill{height:100%;background:#90ab7b;border-radius:20px}.help-list{display:grid;gap:20px}.help-item{display:flex;align-items:start;gap:13px}.help-n{width:28px;height:28px;background:var(--pale);color:var(--green);border-radius:8px;text-align:center;font:600 14px/28px 'Segoe UI';flex-shrink:0}.help-item h3{font-size:12px;margin-bottom:4px}.help-item p{font-size:11px;line-height:1.95;color:#85937a}.help-item code{font-family:Arial;font-size:11px;color:#47663a}.toast{position:fixed;bottom:26px;left:26px;z-index:200;max-width:440px;background:#194f40;color:white;padding:14px 20px;border-radius:11px;font-size:12px;box-shadow:0 8px 30px #18352c25;display:flex;gap:10px;align-items:center;animation:toast-in .2s ease}.toast.bad{background:#a33f3c}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.checkbox-row{display:flex;align-items:center;gap:9px;font-size:11px;color:#718568}.pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;color:#94a18a;font-size:10px}.stat-note{font-size:10px;color:#8c9b80;padding:0 22px 18px}.success-icon{width:64px;height:64px;border-radius:50%;background:var(--pale);color:#648a50;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.success-icon .icon{width:29px;height:29px}.success-title{text-align:center;margin-bottom:20px}.success-title h3{font-size:17px;margin-bottom:4px}.success-title p{font-size:10px;color:#8a9981}.mobile-cart-link{display:none}#print-area{display:none}footer.page-footer{display:flex;justify-content:space-between;margin-top:28px;font-size:9px;color:#a3ac9b}
@keyframes toast-in{from{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(min-width:1600px){.products-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product-art{height:140px}.pos-layout{grid-template-columns:minmax(0,1fr) 390px}.basket-lines{min-height:340px}}
@media(max-width:1200px){.sidebar{width:185px;padding:22px 12px}.shell{grid-template-columns:185px minmax(0,1fr)}.brand{padding:0 9px 22px}.brand img{width:138px}.content{padding:22px 20px}.topbar{padding:0 22px}.pos-layout{grid-template-columns:minmax(0,1fr) 312px;gap:16px}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi{padding:13px}.kpi .value{font-size:21px}.kpi .kpi-icon{width:32px;height:32px}.page-heading h1{font-size:21px}.kpi .kpi-label{font-size:9px}}
@media(max-width:960px){.sidebar{width:76px;padding:22px 10px}.shell{grid-template-columns:76px minmax(0,1fr)}.brand{padding:0 0 18px}.brand img{width:52px;height:38px}.brand-sub,.nav-caption,.nav-btn span,.sidebar-foot,.brand-sub{display:none}.nav-btn{justify-content:center;padding:15px 8px}.nav-btn .icon{width:21px;height:21px}.two-cols{grid-template-columns:1fr}.kpis{gap:9px}.kpi .kpi-icon{display:none}.top-tools{gap:10px}.page-heading .actions .btn{padding:8px 10px;font-size:10px}.pos-layout{grid-template-columns:minmax(0,1fr) 295px;gap:13px}.product h3{font-size:11px}.product-art{height:100px}.content{padding:20px 16px}}
@media(max-width:720px){.sidebar{transform:translateX(100%);width:220px;transition:transform .2s}.sidebar.open{transform:translateX(0);box-shadow:-20px 0 50px #153f3420}.sidebar.open .brand img{width:160px;height:70px}.sidebar.open .nav-btn{justify-content:flex-start}.sidebar.open .nav-btn span,.sidebar.open .sidebar-foot,.sidebar.open .nav-caption,.sidebar.open .brand-sub{display:block}.shell{display:block}.workspace{width:100%}.menu-toggle{display:inline-flex}.topbar{height:62px;padding:0 16px}.breadcrumb .store-name,.top-tools .date{display:none}.top-tools .pill{font-size:8px}.content{padding:19px 13px}.page-heading{align-items:start;gap:8px}.page-heading h1{font-size:20px}.page-heading p{font-size:10px;max-width:240px}.page-heading .actions .btn .optional{display:none}.page-heading .actions .btn{padding:8px}.eyebrow{font-size:9px}.kpis{grid-template-columns:repeat(2,1fr);gap:9px}.kpi{padding:12px 14px}.kpi .kpi-icon{display:flex;width:30px;height:30px}.kpi .value{font-size:23px}.kpi .kpi-label{font-size:9px}.pos-layout{display:flex;flex-direction:column}.catalog-panel{width:100%}.basket{position:static;width:100%;margin-top:12px}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-art{height:112px}.product h3{font-size:12px}.basket-lines{min-height:130px}.basket .empty{padding:32px 15px}.catalog-footer{font-size:8px}.mobile-cart-link{display:inline-flex;position:fixed;bottom:18px;left:18px;z-index:50;box-shadow:0 5px 25px #17392430}.form-grid{gap:13px}.modal-backdrop{padding:12px}.modal{max-height:94vh}.modal-head{padding:17px 18px}.modal-body{padding:19px 18px}.demo-banner{padding:8px 15px;font-size:10px}.demo-banner .btn{font-size:9px}.card-head{padding:16px}.card-body{padding:17px}footer.page-footer{font-size:8px;gap:12px}.report-range input{width:135px}.notice{font-size:9px;padding:11px}.toast{left:13px;right:13px;bottom:15px;max-width:100%;font-size:11px}th,td{padding:12px}.form-actions{flex-wrap:wrap}}
@media print{html,body{margin:0!important;padding:0!important;background:#fff!important;color:#000!important}body>*:not(#print-area){display:none!important}#print-area{display:block!important;width:var(--receipt-width,72mm);padding:0;margin:0 auto}#print-area .receipt{width:100%;padding:2mm 0;box-shadow:none;font-size:10px}#print-area .receipt td,#print-area .receipt th{font-size:9px;padding:3px 1px}#print-area .receipt .receipt-logo{height:17mm;width:40mm;max-width:85%;margin-bottom:2mm}#print-area .receipt .rc-rule{margin:2mm 0}#print-area .receipt h2{font-size:13px}#print-area .receipt .rc-footer{margin-top:3mm}#print-area .receipt .rc-total{font-size:13px}@page{margin:3mm}}
.sidebar{overflow-y:auto;scrollbar-width:thin}.sidebar nav{flex-shrink:0}.sidebar .nav-btn{padding:10px 14px}.sidebar .brand{margin-bottom:16px;padding-bottom:18px}.backup-card{margin-top:20px}.business-filters{padding:0 18px 16px;display:flex;gap:7px;flex-wrap:wrap}.business-actions{margin:20px 0}.debt-value{color:#b56c45}.mini-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}.mini-stat{padding:14px 15px;background:#f6f8f1;border:1px solid #e6ebde;border-radius:11px;min-width:0}.mini-stat>span{display:block;color:#839175;font-size:10px;margin-bottom:5px}.mini-stat>strong{font-size:14px;color:#335c3f;overflow-wrap:anywhere}.section-label{font-size:12px;margin:22px 0 12px;color:#668451}.baskets-bar{display:flex;align-items:center;gap:9px;margin:0 0 14px;flex-wrap:wrap}.basket-tab{display:flex;gap:13px;align-items:center;min-width:120px;border:1px solid #dfe6d8;background:white;padding:10px 14px;color:#708566;border-radius:10px;font-size:11px}.basket-tab small{font-size:9px;background:#f1f5eb;padding:1px 7px;border-radius:5px;color:#8c9e80}.basket-tab.active{color:#194f40;border-color:#719660;background:#f1f6e9}.basket-tab.active span{font-weight:700}.basket-customer-row{display:flex;align-items:end;gap:9px;padding:15px 17px;background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:20px;flex-wrap:wrap}.basket-customer-row .field{min-width:240px;max-width:360px;flex:1}.basket-customer-row .field label{font-size:10px}.basket-customer-row .field select{padding:8px 11px;font-size:11px}.customer-balance-line{margin-right:auto;font-size:10px;align-self:center;color:#7a8f6b}.delivery-basket-btn{width:100%;margin-top:10px;font-size:10px}.order-contact{font-size:11px;color:#7d8e70;line-height:2;margin:0 0 20px;padding:13px 16px;background:#f9faf5;border-radius:10px}.order-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}.cheque-alert-banner{align-items:center;background:#fff7e7}.cheque-alert-banner .btn{margin-right:auto}.payment-methods{grid-template-columns:repeat(4,1fr)}input[aria-invalid=true]{border-color:#b56c45}.modal-body form>.field+.field{margin-top:16px}
@media(max-width:720px){.mini-stats{grid-template-columns:1fr 1fr;gap:8px}.mini-stat{padding:12px}.order-amounts{grid-template-columns:1fr}.basket-tab{min-width:95px;gap:8px;padding:9px 10px}.baskets-bar{gap:6px}.basket-customer-row .field{min-width:180px}.customer-balance-line{width:100%;margin:0}.basket-customer-row{gap:8px;padding:12px}.business-filters{padding:0 12px 13px;gap:6px}.cheque-alert-banner{flex-wrap:wrap}.sidebar .brand{min-height:110px}}

/* Shared online status and remote monitor. */
#shared-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.sync-time{font-size:9px;color:#859585;white-space:nowrap;font-variant-numeric:tabular-nums}.sync-warning{background:#fff2df;border-color:#e8cf9d;color:#815c28;align-items:center;flex-wrap:wrap}.sync-warning .btn{margin-right:auto}.monitor-mode-banner{align-items:center;flex-wrap:wrap}.monitor-mode-banner .btn{margin-right:auto}.cloud-first-run{line-height:2}.monitor-intro{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 26px;border:1px solid #dbe6d9;background:linear-gradient(120deg,#f1f6e9,#fff);border-radius:14px;margin-bottom:20px}.monitor-intro .eyebrow{display:block}.monitor-intro h2{font-size:19px;margin:5px 0}.monitor-intro p{font-size:10px;color:#819078}.monitor-kpis{margin-bottom:14px}.monitor-mode .kpi{min-height:100px}.monitor-mode table strong{font-size:11px}.monitor-mode .topbar{position:sticky;top:0;z-index:20;backdrop-filter:blur(10px)}
@media(max-width:720px){#shared-status{max-width:190px;gap:3px}.sync-time{font-size:8px}.monitor-intro{padding:18px;align-items:flex-start}.monitor-intro h2{font-size:16px}.monitor-intro>.btn{font-size:9px;padding:7px 9px}.monitor-mode-banner .btn{margin:0}.monitor-mode .kpi{min-height:96px}.monitor-mode .kpi .value{font-size:23px}.monitor-mode .kpi .kpi-icon{display:none}.monitor-mode .page-heading .actions{display:none}.monitor-mode .card-head{gap:8px}.monitor-mode .notice{font-size:10px}}
/* V4: a compact app workspace with larger, heavier text. */
body{font-size:14px;font-weight:550}.sidebar{width:190px;padding:18px 12px}.shell{grid-template-columns:190px minmax(0,1fr)}.sidebar .brand{margin-bottom:12px;padding:0 10px 12px}.brand img{width:145px;height:62px}.nav-btn,.sidebar .nav-btn{font-size:13px;font-weight:650;padding:10px 12px;margin:2px 0}.nav-caption{font-size:11px}.topbar{height:64px;padding:0 24px}.content{padding:20px 24px}.page-heading{margin-bottom:18px}.page-heading h1{font-size:25px;font-weight:800}.page-heading p{font-size:13px}.btn{font-size:13px;font-weight:700}.btn.small{font-size:12px}.muted{color:#667a6e}.breadcrumb,.top-tools{font-size:12px}.field label{font-size:13px!important;font-weight:700}input,select,textarea{font-weight:600;font-size:14px}.card-head h2{font-size:16px}.kpi .kpi-label{font-size:12px}.kpi .value{font-size:26px}.kpi{padding:14px 16px}.kpi .unit{font-size:11px}.account-out{font-size:11px;color:#d8e6db;display:block;margin-top:5px;text-decoration:underline}.sidebar-foot .backup-card{padding:10px;margin-top:16px}.staff strong{font-size:13px}.products-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.product-art{height:130px}.product-photo{background:#fff;isolation:isolate}.product-photo:after{display:none}.product-photo img{width:100%;height:100%;object-fit:contain;padding:13px;transition:transform .2s}.product:hover .product-photo img{transform:scale(1.04)}.product-stock{font-size:10px;z-index:1;background:#edf5e9ee}.product-info{padding:12px 14px}.product-brand{font-size:10px}.product h3{font-size:14px;line-height:1.5;font-weight:750;min-height:42px}.price{font-size:21px}.product-bottom{margin-top:8px}.image-preview{width:110px;height:110px;object-fit:contain;border:1px solid var(--line);border-radius:12px;display:block;margin:10px 0}.image-upload small{font-size:12px;color:#6c7c70}.line-name{font-size:13px}.line-price{font-size:13px}.line-price-edit .icon{width:15px;height:15px}.quantity .line-price-edit{width:30px;height:28px;margin-left:auto}.sumrow{font-size:13px}.basket .card-head h2{font-size:15px}.basket-tab{font-size:13px;min-width:100px;font-weight:700}.basket-tab small{font-size:10px}.basket-customer-row{margin-bottom:14px}.basket-customer-row .field label{font-size:12px!important}.basket-customer-row .field select{font-size:13px}.search-wrap input{font-size:14px}.chip{font-size:12px;font-weight:650}.scan-hint{font-size:11px}th{font-size:12px;font-weight:650}td{font-size:13px}.sub{font-size:11px!important}.mini-stat>span{font-size:12px}.notice{font-size:12px;line-height:1.9}.empty h3{font-size:17px}.empty p{font-size:13px}.stat-note{font-size:12px}.payment-total>span{font-size:14px}.payment-methods .method{font-size:13px}.modal-head h2{font-size:20px;font-weight:800}.card-body p{line-height:1.9}
@media(min-width:1100px){body[data-page=sale] .shell{height:100dvh;overflow:hidden}body[data-page=sale] .workspace{height:100dvh;overflow:hidden;display:flex;flex-direction:column}body[data-page=sale] .content{min-height:0;flex:1;width:100%;display:flex;flex-direction:column;padding:14px 20px}body[data-page=sale] .content>.page-heading{margin-bottom:12px}body[data-page=sale] .page-heading p,body[data-page=sale] .eyebrow,body[data-page=sale] .page-footer{display:none}body[data-page=sale] .content>.kpis{margin-bottom:12px;gap:10px}body[data-page=sale] .content>.kpis .kpi{padding:10px 13px}body[data-page=sale] .content>.kpis .value{font-size:22px}body[data-page=sale] #page-content{flex:1;min-height:0;display:flex;flex-direction:column}body[data-page=sale] .baskets-bar{margin-bottom:9px}body[data-page=sale] .basket-customer-row{padding:10px 12px;margin-bottom:10px}body[data-page=sale] .pos-layout{min-height:0;flex:1;grid-template-columns:minmax(0,1fr) 340px;gap:16px}body[data-page=sale] .catalog-panel{min-height:0;display:flex;flex-direction:column}body[data-page=sale] .products-grid{overflow-y:auto;min-height:0;align-content:start;padding:0 3px 8px;scrollbar-width:thin}body[data-page=sale] .categories{padding:12px 0;flex-shrink:0}body[data-page=sale] .basket{position:static;height:100%;display:flex;flex-direction:column;min-height:0}body[data-page=sale] .basket-lines{flex:1;min-height:0;max-height:none}body[data-page=sale] .basket-summary{padding:13px 16px}body[data-page=sale] .basket-summary .sumrow{margin-bottom:7px}body[data-page=sale] .basket-foot,body[data-page=sale] .catalog-footer,body[data-page=sale] .scan-hint{display:none}body[data-page=sale] .product-art{height:110px}body[data-page=sale] .product-info{padding:10px 12px}body[data-page=sale] .product h3{font-size:13px;min-height:39px}body[data-page=sale] .product-bottom{margin-top:5px}body[data-page=sale] #shared-alerts .notice{padding:8px 12px;margin-bottom:10px}}
.staff-app{height:100dvh;display:flex;flex-direction:column;overflow:hidden}.staff-header{display:flex;align-items:center;gap:18px;padding:14px 24px;background:white;border-bottom:1px solid var(--line);flex-shrink:0}.staff-header>img{width:115px;height:50px;object-fit:contain}.staff-header>div{border-right:1px solid var(--line);padding-right:18px}.staff-header strong{display:block;font-size:16px}.staff-header>div>span{font-size:11px;color:#7b8d7d}.staff-header nav{display:flex;gap:8px;margin-right:auto}.staff-main{padding:20px 24px;min-height:0;flex:1;overflow:auto;display:flex;flex-direction:column}.staff-summary{display:flex;gap:16px;margin-bottom:18px}.staff-summary>div{background:white;border:1px solid var(--line);border-radius:12px;padding:12px 20px;min-width:170px}.staff-summary span{font-size:12px;color:#6e8172;display:block}.staff-summary strong{display:block;font-size:22px;color:var(--green)}.staff-summary small{font-size:11px}.staff-pos{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:22px;min-height:0;flex:1}.staff-catalog{display:flex;flex-direction:column;min-height:0}.staff-catalog .products-grid{overflow:auto;align-content:start;min-height:0;scrollbar-width:thin;padding:2px}.staff-catalog .catalog-top input{min-height:49px}.staff-basket{display:flex;flex-direction:column;min-height:0}.staff-basket .baskets-bar{padding:12px;margin:0;border-bottom:1px solid var(--line);gap:5px}.staff-basket .basket-tab{min-width:90px;flex:1;justify-content:center;padding:9px}.staff-lines{min-height:0;flex:1;overflow:auto;padding:0 16px}.staff-line{padding:15px 0;border-bottom:1px solid var(--line)}.staff-line>div:first-child{display:flex;justify-content:space-between;gap:14px}.staff-line strong{font-size:14px;max-width:210px;overflow-wrap:anywhere}.staff-line>div>span{font-family:'Segoe UI',sans-serif;white-space:nowrap}.staff-line .quantity button{width:28px;height:28px}.staff-line .quantity .staff-price{width:auto;padding:4px 10px;font:12px PBA,sans-serif;margin-left:auto;direction:rtl}.staff-basket-bottom{padding:17px;background:#fafcf7;border-top:1px solid var(--line)}.staff-basket-bottom label{display:block;font-size:12px;margin-bottom:7px}.staff-basket-bottom select{font-size:13px;padding:9px}.staff-basket-bottom .grand-total{margin-top:14px;padding-top:14px}.staff-basket-bottom .full-btn{margin-top:8px}#staff-pay-form label{display:block;font-size:13px;margin:15px 0 7px}
@media(max-width:1100px){.staff-pos{grid-template-columns:minmax(0,1fr) 330px;gap:14px}.staff-main{padding:16px}.staff-header{gap:10px;padding:12px 16px}.staff-header>.pill{display:none}.staff-catalog .products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:960px){.sidebar{width:76px}.shell{grid-template-columns:76px minmax(0,1fr)}.sidebar .brand{padding:0 0 15px}.brand img{width:50px}.sidebar .nav-btn{justify-content:center;padding:12px 8px}.sidebar.open .nav-btn{justify-content:flex-start}.staff-header>img{width:85px}.staff-summary>div{min-width:0;flex:1;padding:10px 13px}.staff-summary strong{font-size:19px}}
@media(max-width:720px){.sidebar{width:220px}.sidebar.open .brand img{width:150px}.shell{display:block}.content{padding:16px 13px}.topbar{padding:0 13px}.kpi .kpi-label{font-size:11px}.kpi .value{font-size:23px}.nav-btn,.sidebar .nav-btn{font-size:14px}.product h3{font-size:14px}.page-heading h1{font-size:23px}.page-heading p{font-size:12px}.staff-app{height:auto;min-height:100dvh;overflow:visible}.staff-header{position:sticky;top:0;z-index:20;flex-wrap:wrap;padding:10px 13px;gap:9px}.staff-header>img{width:82px;height:40px}.staff-header>div{padding-right:10px}.staff-header strong{font-size:14px}.staff-header nav{gap:5px}.staff-header .btn{font-size:11px;padding:7px 9px;min-height:34px}.staff-main{padding:13px;overflow:visible}.staff-summary{gap:8px;margin-bottom:13px}.staff-summary>div:last-child{display:none}.staff-summary>div{padding:11px}.staff-summary strong{font-size:22px}.staff-pos{display:flex;flex-direction:column}.staff-catalog .products-grid{max-height:48dvh;grid-template-columns:repeat(2,minmax(0,1fr))}.staff-catalog .product-art{height:115px}.staff-basket{min-height:320px}.staff-lines{max-height:300px}.staff-basket .basket-tab{font-size:12px}.staff-header .pill{display:none}.two-cols{gap:15px}}

@media(min-width:1100px){body[data-page=sale] #product-cards{flex:1;min-height:0;overflow:auto;scrollbar-width:thin}body[data-page=sale] #product-cards .products-grid{overflow:visible}.baskets-bar{max-height:92px;overflow:auto;flex-shrink:0}}
/* Restore normal page scrolling on short PC screens; never clip checkout. */
html,body{height:auto;min-height:100%;overflow-y:auto}
@media(min-width:1100px){body[data-page=sale] .shell{height:auto;min-height:100dvh;overflow:visible}body[data-page=sale] .workspace{height:auto;min-height:100dvh;overflow:visible;display:block}body[data-page=sale] .content{display:block;min-height:0}body[data-page=sale] #page-content{display:block;min-height:0}body[data-page=sale] .pos-layout{display:grid;min-height:0;align-items:start}body[data-page=sale] .catalog-panel{display:block;min-height:0}body[data-page=sale] #product-cards{max-height:none;overflow:visible}body[data-page=sale] #product-cards .products-grid{overflow:visible}body[data-page=sale] .basket{display:block;height:auto;min-height:0;position:sticky;top:15px}body[data-page=sale] .basket-lines{min-height:150px;max-height:260px;overflow:auto}body[data-page=sale] .basket-summary{flex:none}body[data-page=sale] .baskets-bar{max-height:none;overflow:visible}body[data-page=sale] .page-footer{display:flex}}
.staff-app{height:auto;min-height:100dvh;overflow:visible}.staff-main{overflow:visible}.staff-pos{align-items:start}.staff-catalog .products-grid{max-height:none;overflow:visible}.staff-basket{min-height:460px;height:auto;position:sticky;top:100px}.staff-lines{flex:none;min-height:150px;max-height:280px;overflow:auto}
@media(max-width:720px){.staff-basket{position:static;min-height:320px}.staff-catalog .products-grid{max-height:48dvh;overflow:auto}}