#wpcontent{background:#f6f7f9}.wcom-pos-wrap{max-width:1400px}.wcom-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.wcom-cards>div,.wcom-panel{background:#fff;border:1px solid #e2e4e7;border-radius:10px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.wcom-cards b,.wcom-cards strong{display:block}.wcom-cards strong{font-size:25px;margin-top:10px}.wcom-pos-top{display:flex;gap:10px;margin-bottom:15px}.wcom-pos-top input{flex:1;padding:14px;font-size:18px}.wcom-pos-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:16px}.wcom-product{width:calc(25% - 12px);min-height:110px;margin:6px;padding:12px;border:1px solid #ddd;background:#fff;border-radius:8px;cursor:pointer;text-align:right}.wcom-product:hover{border-color:#2271b1}.wcom-product span,.wcom-product small{display:block;margin-top:7px}.wcom-cart{background:#fff;padding:18px;border:1px solid #ddd;border-radius:10px}.wcom-cart-row{display:grid;grid-template-columns:1fr 85px 90px 35px;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #eee}.wcom-cart-row input{width:75px}.wcom-totals{margin-top:20px;display:grid;gap:10px}.wcom-totals input,.wcom-totals select{padding:10px}.wcom-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.wcom-form-grid input,.wcom-form-grid select{padding:9px}.wcom-form-grid label{padding:9px}.wcom-danger{color:#b32d2e}.wcom-panel{margin-top:16px}@media(max-width:900px){.wcom-cards{grid-template-columns:repeat(2,1fr)}.wcom-pos-grid{grid-template-columns:1fr}.wcom-product{width:calc(50% - 12px)}.wcom-form-grid{grid-template-columns:1fr}}

.wcom-pos-ui{direction:rtl}.wcom-pos-ui button{font-family:inherit}.wcom-pos-ui .button-large{min-height:48px;font-size:16px}.wcom-cart-row button{border:0;background:none;color:#b32d2e;font-size:22px;cursor:pointer}.wcom-totals b{font-size:22px}.wcom-pos-top button{min-width:100px}

.wcom-help{background:#f0f6fc;border-right:4px solid #2271b1;padding:12px;margin:12px 0}.wcom-badge{display:inline-block;padding:3px 8px;border-radius:12px;background:#eee;font-size:11px}

.wcom-cashier{max-width:1400px}.wcom-cashier-head{display:flex;justify-content:space-between;align-items:center;margin:15px 0}.wcom-cashier-head h1{display:inline-block;margin-left:10px}.wcom-cashier-status{background:#d7f5df;color:#176b35;border-radius:20px;padding:5px 10px;font-size:12px}.wcom-cashier-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px}.wcom-cash-main,.wcom-cash-side{background:#fff;border:1px solid #dcdcde;border-radius:10px;padding:16px}.wcom-cash-search{display:grid;grid-template-columns:1fr auto;gap:8px}.wcom-cash-search input{height:48px;font-size:18px;padding:0 14px}.wcom-cart{margin-top:15px}.wcom-cart td,.wcom-cart th{vertical-align:middle}.wcom-cart input{width:80px}.wcom-cash-side label{display:block;font-weight:600;margin:12px 0}.wcom-cash-side input,.wcom-cash-side select{display:block;width:100%;margin-top:5px;height:42px}.wcom-total-box{padding:18px;border-radius:8px;background:#f5f5f5;text-align:center;margin-bottom:12px}.wcom-total-box span{display:block}.wcom-total-box strong{font-size:34px;display:inline-block;margin:5px}.wcom-total-box small{font-size:14px}.wcom-change{padding:12px;margin:12px 0;background:#f5f5f5}.button-hero{width:100%;height:48px!important;margin-top:8px!important}.wcom-cashier .button-primary{background:#2271b1}.wcom-cashier-actions{display:flex;gap:8px}.wcom-cashier-product{padding:10px;border:1px solid #ddd;border-radius:7px;margin-top:8px;cursor:pointer;background:#fff}.wcom-cashier-product:hover{background:#f6f7f7}.wcom-cashier-product b{display:block}.wcom-cashier-product small{opacity:.75}.wcom-cash-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:100000;align-items:center;justify-content:center}.wcom-cash-modal.open{display:flex}.wcom-cash-modal-box{background:#fff;border-radius:10px;width:min(650px,92vw);max-height:85vh;overflow:auto;padding:22px;position:relative}.wcom-modal-close{position:absolute;left:12px;top:8px;border:0;background:none;font-size:28px;cursor:pointer}.wcom-modal-option{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid #eee}.wcom-modal-option button{min-width:90px}.wcom-cash-qty{display:flex;align-items:center;gap:4px}.wcom-cash-qty button{width:30px;height:30px}.wcom-cash-qty input{width:70px;text-align:center}.wcom-cash-serials{max-height:250px;overflow:auto}.wcom-cash-serials label{display:block;padding:8px;border-bottom:1px solid #eee}.wcom-cash-receipt{font-family:Arial,sans-serif;direction:rtl;width:300px;padding:12px}.wcom-cash-receipt h2{text-align:center;margin:0 0 8px}.wcom-cash-receipt table{width:100%;border-collapse:collapse;font-size:12px}.wcom-cash-receipt td{padding:3px 0;border-bottom:1px dotted #aaa}.wcom-cash-receipt .sum{text-align:left;font-weight:bold}.wcom-cash-receipt-actions{text-align:center;margin-top:10px}@media(max-width:900px){.wcom-cashier-layout{grid-template-columns:1fr}.wcom-cash-side{order:-1}}

.wcom-front-cashier{max-width:1200px;margin:20px auto;background:#f6f7f7;padding:20px;border-radius:12px;font-family:Arial,sans-serif}.wcom-front-cashier-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.wcom-front-cashier-head h2{margin:0 0 5px}.wcom-front-cashier-head span{font-size:12px;opacity:.65}.wcom-front-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:15px}.wcom-front-grid main,.wcom-front-grid aside{background:#fff;border:1px solid #ddd;border-radius:10px;padding:15px}.wcom-front-search{display:grid;grid-template-columns:1fr 100px;gap:8px}.wcom-front-search input{height:48px;padding:0 12px;font-size:17px}.wcom-front-search button,#wcom-front-pay,.wcom-front-new{background:#2271b1;color:#fff;border:0;border-radius:6px;padding:10px 15px;cursor:pointer}.wcom-front-cart{margin-top:15px}.wcom-front-cart table{width:100%;border-collapse:collapse}.wcom-front-cart th,.wcom-front-cart td{padding:10px 6px;border-bottom:1px solid #eee;text-align:right}.wcom-front-total{text-align:center;padding:15px;background:#f2f3f4;border-radius:8px;margin-bottom:12px}.wcom-front-total b{font-size:32px;display:block}.wcom-front-grid aside label{display:block;margin:10px 0;font-weight:600}.wcom-front-grid aside input,.wcom-front-grid aside select{width:100%;height:40px;margin-top:5px}.wcom-front-grid aside #wcom-front-pay{width:100%;height:48px;margin-top:15px}.wcom-front-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:99999;align-items:center;justify-content:center}.wcom-front-modal.open{display:flex}.wcom-front-modal-box{background:#fff;padding:20px;border-radius:10px;width:min(600px,90vw);position:relative;max-height:80vh;overflow:auto}.wcom-front-close{position:absolute;left:10px;top:5px;border:0;background:none;font-size:28px}.wcom-front-result{padding:12px;border:1px solid #ddd;margin-top:6px;border-radius:6px;cursor:pointer;background:#fff}.wcom-front-result:hover{background:#f5f5f5}@media(max-width:800px){.wcom-front-grid{grid-template-columns:1fr}.wcom-front-grid aside{order:-1}}

/* Production POS cashier */
.wcom-pro-cashier{--line:#e5e7eb;--muted:#6b7280;--ink:#111827;--soft:#f8fafc;max-width:1500px;margin:0 auto;padding:14px;color:var(--ink);font-family:Tahoma,Arial,sans-serif}.wpc-head{display:flex;justify-content:space-between;align-items:center;padding:8px 0 18px}.wpc-kicker{font-size:11px;letter-spacing:2px;color:#64748b}.wpc-head h2{margin:2px 0;font-size:28px}.wpc-head span{color:var(--muted);font-size:12px}.wpc-head-actions{display:flex;gap:8px}.wpc-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px;align-items:start}.wpc-main,.wpc-side{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 30px rgba(15,23,42,.05)}.wpc-main{padding:16px}.wpc-side{padding:16px;position:sticky;top:20px}.wpc-searchbar{display:grid;grid-template-columns:28px 1fr 110px;gap:8px;align-items:center;border:1px solid #cbd5e1;border-radius:11px;padding:4px 6px;background:#fff}.wpc-searchbar span{font-size:25px;text-align:center;color:#64748b}.wpc-searchbar input{border:0!important;outline:0!important;height:48px;font-size:17px;background:transparent}.wpc-btn{border:0;border-radius:9px;padding:11px 15px;background:#111827;color:#fff;cursor:pointer;font-family:inherit}.wpc-secondary{background:#f1f5f9;color:#111827;border:1px solid var(--line)}kbd{font-size:10px;padding:2px 5px;border:1px solid #cbd5e1;border-radius:4px;background:#fff;color:#475569}.wpc-results{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:10px}.wpc-result{padding:12px;text-align:right;border:1px solid var(--line);background:#fff;border-radius:10px;cursor:pointer;font-family:inherit}.wpc-result:hover{border-color:#94a3b8;background:#f8fafc}.wpc-result b,.wpc-result span{display:block}.wpc-result span{font-size:11px;color:var(--muted);margin-top:5px}.wpc-noresult{padding:15px;color:var(--muted);text-align:center}.wpc-cart-head{display:flex;justify-content:space-between;align-items:center;margin:20px 0 10px}.wpc-cart-head h3{margin:0}.wpc-cart-head span{font-size:12px;color:var(--muted)}.wpc-cart-wrap{min-height:350px}.wpc-cart-wrap table{width:100%;border-collapse:collapse}.wpc-cart-wrap th,.wpc-cart-wrap td{padding:12px 7px;border-bottom:1px solid #eef2f7;text-align:right;vertical-align:middle}.wpc-cart-wrap th{font-size:12px;color:#64748b;background:#f8fafc}.wpc-cart-wrap td small{display:block;color:var(--muted);margin-top:4px}.wpc-qty{display:flex;align-items:center;gap:4px}.wpc-qty button{width:30px;height:30px;border:1px solid var(--line);background:#fff;border-radius:6px;cursor:pointer;font-size:18px}.wpc-qty input{width:65px;height:30px;text-align:center;border:1px solid var(--line);border-radius:6px}.wpc-del{border:0;background:transparent;color:#b91c1c;font-size:22px;cursor:pointer}.wpc-empty{height:300px;display:flex;align-items:center;justify-content:center;color:#94a3b8}.wpc-session{display:flex;align-items:center;gap:8px;padding:12px;background:#f8fafc;border-radius:10px;margin-bottom:15px}.wpc-session span{color:var(--muted);font-size:12px}.wpc-session b{flex:1}.wpc-link{border:0;background:none;color:#2563eb;cursor:pointer}.wpc-side label{display:block;font-size:12px;font-weight:700;margin:12px 0}.wpc-side select,.wpc-side input{display:block;width:100%;height:44px;margin-top:6px;border:1px solid #cbd5e1;border-radius:8px;padding:0 10px;font-family:inherit}.wpc-summary{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;margin:15px 0}.wpc-summary>div{display:flex;align-items:center;justify-content:space-between;padding:7px 0}.wpc-summary span{color:var(--muted);font-size:12px}.wpc-summary input{width:110px;height:34px;margin:0;text-align:left}.wpc-summary .grand{margin-top:7px;padding:14px 10px;background:#f8fafc;border-radius:9px}.wpc-summary .grand strong{font-size:31px}.wpc-change{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#ecfdf5;border-radius:9px;margin:10px 0}.wpc-change strong{font-size:22px}.wpc-pay{width:100%;height:52px;border:0;border-radius:10px;background:#16a34a;color:#fff;font-size:17px;font-weight:700;cursor:pointer;font-family:inherit}.wpc-pay:disabled{opacity:.6;cursor:not-allowed}.wpc-message{min-height:20px;margin-top:10px;text-align:center;font-size:12px;color:#15803d}.wpc-message.error{color:#b91c1c}.wpc-modal{display:none;position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:999999;align-items:center;justify-content:center}.wpc-modal.open{display:flex}.wpc-modal-box{position:relative;width:min(620px,92vw);max-height:85vh;overflow:auto;background:#fff;border-radius:14px;padding:22px}.wpc-modal-close{position:absolute;left:12px;top:8px;border:0;background:none;font-size:28px;cursor:pointer}.wpc-option{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:13px 0}.wpc-option small{display:block;color:var(--muted);margin-top:4px}.wpc-modal-input{width:100%;height:46px;border:1px solid #cbd5e1;border-radius:8px;padding:0 10px;margin:12px 0 15px}.wpc-modal-box .wpc-pay{margin-top:5px}@media(max-width:1050px){.wpc-layout{grid-template-columns:1fr}.wpc-side{position:static}.wpc-results{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.wpc-head{align-items:flex-start;gap:10px;flex-direction:column}.wpc-results{grid-template-columns:repeat(2,1fr)}.wpc-searchbar{grid-template-columns:22px 1fr}.wpc-searchbar .wpc-btn{display:none}.wpc-cart-wrap{overflow:auto}.wpc-cart-wrap table{min-width:650px}}
/* UX 1.2 */
.wcom-pos-wrap{max-width:1500px}.wcom-panel,.wcom-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px;margin:18px 0;box-shadow:0 5px 20px rgba(15,23,42,.04)}
.wcom-form-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:14px;align-items:end}.wcom-form-grid label{display:block;font-weight:700;font-size:13px}.wcom-form-grid input,.wcom-form-grid select,.wcom-form-grid textarea{display:block;width:100%;box-sizing:border-box;margin-top:6px;min-height:42px;border:1px solid #cbd5e1;border-radius:8px;padding:8px 10px;background:#fff;font-family:inherit}.wcom-form-grid textarea{min-height:90px}.wcom-field-wide{grid-column:span 2}.wcom-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:15px}.wcom-toolbar input{min-height:42px;border:1px solid #cbd5e1;border-radius:8px;padding:0 12px;min-width:260px}.wcom-good{color:#15803d;font-weight:700}.wcom-bad{color:#b42318;font-weight:700}.wcom-quick-note{padding:12px 14px;border-radius:10px;background:#f8fafc;margin-bottom:14px}.wcom-quick-note span{display:block;color:#64748b;font-size:12px;margin-top:3px}.wcom-p-results{position:absolute;z-index:20;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;box-shadow:0 10px 25px rgba(0,0,0,.12)}.wcom-p-result{display:block;width:100%;padding:11px 13px;border:0;border-bottom:1px solid #eef2f7;background:#fff;text-align:right;cursor:pointer}.wcom-p-result:hover{background:#f8fafc}.wcom-p-result small{color:#64748b;margin-right:8px}.wcom-simple-modal{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;box-sizing:border-box!important;background:rgba(15,23,42,.5);z-index:2147483000!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:20px!important;overflow:auto!important;isolation:isolate}.wcom-simple-modal-box{width:min(560px,96vw);max-height:calc(100vh - 40px);overflow:auto;box-sizing:border-box;background:#fff;border-radius:14px;padding:24px;box-shadow:0 20px 60px rgba(0,0,0,.2);position:relative;flex:0 1 auto}.wcom-simple-modal-box h2{margin-top:0}.wcom-simple-modal-box .wcom-a-grid{margin-top:12px}.wcom-simple-modal-box .wcom-a-actions{margin-top:18px}.wcom-modal-form label{display:block;font-weight:700;margin:12px 0}.wcom-modal-form input{display:block;width:100%;box-sizing:border-box;height:44px;margin-top:6px;border:1px solid #cbd5e1;border-radius:8px;padding:0 10px}.wcom-modal-actions{display:flex;gap:8px;justify-content:flex-start;margin-top:18px}.wcom-modal-form #wm-msg{margin-top:10px;color:#15803d}.wcom-modal-form #wm-msg.error{color:#b42318}.wcom-p-results{position:relative}.wcom-p-result{position:relative}
@media(max-width:1000px){.wcom-form-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.wcom-field-wide{grid-column:span 2}}@media(max-width:650px){.wcom-form-grid{grid-template-columns:1fr}.wcom-field-wide{grid-column:auto}.wcom-toolbar{flex-direction:column;align-items:stretch}.wcom-toolbar input{min-width:0;width:100%}}
/* Settings / final UX */
.wcom-settings-grid{max-width:1250px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.wcom-settings-grid .wcom-panel{margin:0}.wcom-settings-grid h2{margin-top:0;font-size:18px}.wcom-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.wcom-feature-grid label{display:flex;align-items:center;gap:8px;padding:11px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc}.wcom-settings-actions{grid-column:1/-1;display:flex;align-items:center;gap:15px}.wcom-settings-actions .button-hero{width:auto;padding:0 30px}.wcom-settings-actions #wcom-settings-msg{font-weight:700;color:#15803d}.wcom-settings-actions #wcom-settings-msg.error{color:#b42318}.wcom-modal-form textarea{display:block;width:100%;box-sizing:border-box;min-height:95px;margin-top:6px;border:1px solid #cbd5e1;border-radius:8px;padding:10px;font-family:inherit}.wcom-modal-form select{display:block;width:100%;box-sizing:border-box;height:44px;margin-top:6px;border:1px solid #cbd5e1;border-radius:8px;padding:0 10px;background:#fff}.wcom-p-results{position:relative}.wcom-p-result{position:relative}
@media(max-width:800px){.wcom-settings-grid{grid-template-columns:1fr}.wcom-feature-grid{grid-template-columns:1fr}}

/* Statistics and stock receipt 1.3 */
.wcom-stats{max-width:1500px}.wcom-stats-management{margin:18px 0;background:linear-gradient(135deg,#f8fbff,#fff);border:1px solid #dbe5f0;border-radius:18px;padding:20px;box-shadow:0 7px 24px rgba(15,23,42,.05)}.wcom-stats-management-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.wcom-stats-management-head h2{margin:0;font-size:20px}.wcom-stats-management-head small{display:block;color:#64748b;margin-top:5px}.wcom-stats-management-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.wcom-stats-management-grid>div{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:16px;min-height:112px}.wcom-stats-management-grid span,.wcom-stats-management-grid small{display:block;color:#64748b}.wcom-stats-management-grid strong{display:block;font-size:23px;margin:8px 0;color:#123b78}.wcom-stats-management-grid .debt strong{color:#b45309}.wcom-stats-management-grid .supplier-debt{border-color:#fecaca;background:#fff7f7}.wcom-stats-management-grid .supplier-debt strong{color:#b91c1c}.wcom-stats-management-grid .customer-debt{border-color:#fde68a;background:#fffbeb}.wcom-stats-management-grid .cash strong{color:#0369a1}.wcom-stats-management-grid .realized{border-color:#86efac;background:#f0fdf4}.wcom-stats-management-grid .realized strong{color:#15803d}.wcom-stats-management-grid .profit strong{color:#166534}.wcom-stats-management-grid small{font-size:11px;line-height:1.5}.wcom-stats-management-grid+ .wcom-stats-cards{margin-top:14px}.wcom-stats-filters{display:flex;align-items:end;gap:16px}.wcom-stats-filters .wcom-form-grid{flex:1}.wcom-stats-filters button{min-height:42px}.wcom-stats-filters input:disabled{background:#f1f5f9;color:#94a3b8}.wcom-stats-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.wcom-stats-cards>div{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px;box-shadow:0 5px 20px rgba(15,23,42,.04)}.wcom-stats-cards span,.wcom-stats-cards small{display:block;color:#64748b}.wcom-stats-cards strong{display:block;font-size:25px;margin:8px 0}.wcom-stats-cards .profit strong{color:#15803d}.wcom-stats-cards .net{border-color:#86efac;background:#f0fdf4}.wcom-stats-cards .net strong{color:#166534}.wcom-stats-summary{display:flex;justify-content:space-between;gap:15px;margin-bottom:14px}.wcom-muted{color:#64748b}.wcom-stats-profitbar{height:12px;background:#f1f5f9;border-radius:20px;overflow:hidden}.wcom-stats-profitbar div{height:100%;background:#22c55e;border-radius:20px}.wcom-stock-add{max-width:1450px}.wcom-stock-add-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px}.wcom-section-head h2{margin:0 0 5px}.wcom-section-head p{margin:0;color:#64748b}.wcom-stock-form{margin-top:20px}.wcom-product-picker{position:relative}.wcom-product-picker>input{margin-bottom:0}.wcom-stock-product-info{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:13px}.wcom-stock-product-info span{color:#64748b;font-size:12px}.wcom-stock-actions{display:flex;align-items:center;gap:10px;margin-top:20px}.wcom-stock-actions #wcom-stock-add-msg{font-weight:700;color:#15803d}.wcom-stock-actions #wcom-stock-add-msg.error{color:#b42318}.wcom-stock-guide{margin:0;height:max-content}.wcom-stock-guide h2{margin-top:0}.wcom-stock-guide li{margin:12px 0;color:#475569;line-height:1.8}.add-stock-result b{display:block}.add-stock-result small{display:block;color:#64748b;margin-top:4px}.wcom-field-wide{grid-column:span 2}
@media(max-width:1200px){.wcom-stats-management-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1000px){.wcom-stats-management-grid{grid-template-columns:repeat(2,1fr)}.wcom-stats-cards{grid-template-columns:repeat(2,1fr)}.wcom-stock-add-grid{grid-template-columns:1fr}.wcom-stats-filters{display:block}.wcom-stats-filters button{margin-top:12px}}
@media(max-width:650px){.wcom-stats-management-grid{grid-template-columns:1fr}.wcom-stats-cards{grid-template-columns:1fr}.wcom-stock-actions{flex-wrap:wrap}.wcom-field-wide{grid-column:auto}}
.wcom-initial-stock-box{padding:16px;border:1px solid #dcdcde;border-radius:10px;background:#f8f9fa;display:flex;flex-direction:column;gap:10px}.wcom-initial-stock-box small{display:block;color:#646970}.wcom-initial-stock-box .wcom-form-grid{margin-top:2px}.wcom-initial-stock-box select,.wcom-initial-stock-box input{width:100%}
/* WebCom POS 1.6 dashboard + cashier workflow */
.wcom-dashboard{max-width:1500px}.wcom-dashboard-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:20px 0}.wcom-dashboard-head>div>span{font-size:13px;color:#64748b}.wcom-dashboard-head h2{margin:5px 0;font-size:27px}.wcom-dashboard-head p{margin:0;color:#94a3b8}.wcom-dashboard-head .button-hero{width:auto;padding:0 28px}.wcom-dashboard-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.wcom-dash-stat{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px;box-shadow:0 5px 20px rgba(15,23,42,.04)}.wcom-dash-stat span,.wcom-dash-stat small{display:block;color:#64748b}.wcom-dash-stat strong{display:block;font-size:24px;margin:8px 0}.wcom-dash-stat.positive{background:#f0fdf4;border-color:#bbf7d0}.wcom-dash-stat.positive strong{color:#15803d}.wcom-dash-stat.warning{background:#fffbeb;border-color:#fde68a}.wcom-dashboard-panel{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:20px;margin-top:16px;box-shadow:0 5px 20px rgba(15,23,42,.04)}.wcom-dashboard-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.wcom-dashboard-section-title h2{margin:0}.wcom-dashboard-section-title span{color:#64748b;font-size:12px}.wcom-quick-actions{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.wcom-quick-actions a{display:flex;flex-direction:column;gap:5px;text-decoration:none;color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;transition:.15s}.wcom-quick-actions a:hover{transform:translateY(-2px);border-color:#93c5fd;background:#eff6ff}.wcom-quick-actions b{font-size:25px}.wcom-quick-actions span{font-weight:800}.wcom-quick-actions small{color:#64748b}.wcom-alert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.wcom-alert-grid a{border:1px solid #e2e8f0;border-radius:12px;padding:16px;text-decoration:none;color:#0f172a;display:flex;flex-direction:column;gap:6px}.wcom-alert-grid a:hover{border-color:#93c5fd}.wcom-alert-grid strong{font-size:24px}.wcom-alert-grid span{color:#64748b;font-size:12px}.wcom-dash-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.wcom-dash-summary span{background:#f8fafc;padding:15px;border-radius:10px;color:#64748b}.wcom-dash-summary b{display:block;color:#0f172a;margin-top:5px;font-size:18px}
.wpc-store-name{font-size:20px;font-weight:900;letter-spacing:.2px}.wpc-session-meta{display:flex;flex-wrap:wrap;gap:12px;color:#64748b;font-size:11px;margin-top:8px}.wpc-session-meta b{color:#0f172a}.wpc-head-actions{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.wpc-wide{width:100%;margin-bottom:8px}.wpc-session-box{margin-top:14px;padding:12px;border-radius:10px;background:#f8fafc;display:grid;grid-template-columns:1fr auto;gap:5px}.wpc-session-box span{font-size:11px;color:#64748b}.wpc-session-box strong{font-size:12px}.wpc-session-box .wpc-link{grid-column:1/-1;text-align:right;padding:0}.wpc-session-closed{color:#b42318}.wpc-quick-products{margin:14px 0}.wpc-quick-title{display:flex;align-items:center;justify-content:space-between}.wpc-quick-title h3{margin:0}.wpc-link{color:#2563eb;background:none;border:0;cursor:pointer;font-family:inherit}.wpc-quick-card{min-height:74px}.wpc-held-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #eef2f7}.wpc-held-row small{display:block;color:#64748b;margin-top:4px}.wpc-modal-muted{color:#64748b}.wpc-lookup-card{margin-top:15px;background:#f8fafc;border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:8px}.wpc-in-stock{color:#15803d}.wpc-out-stock{color:#b42318}.wpc-return-sale-head{display:flex;justify-content:space-between;gap:10px;padding:12px 0}.wpc-return-item{display:grid;grid-template-columns:auto 1fr 110px;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #eef2f7}.wpc-ret-qty{width:100%;height:38px;border:1px solid #cbd5e1;border-radius:7px}.wcom-return-app{max-width:1200px}.wcom-return-actions{display:flex;align-items:end;gap:12px;margin-top:18px}.wcom-return-actions label{font-weight:700}.wcom-return-actions input{display:block;margin-top:6px;height:40px}.wcom-return-actions #wcom-return-msg{font-weight:700}.wcom-return-sale-head{display:flex;justify-content:space-between;padding:12px 0}.wcom-return-qty{width:90px;height:36px}.wpc-results .wpc-quick-card{cursor:pointer}
@media(max-width:1200px){.wcom-dashboard-stats{grid-template-columns:repeat(3,1fr)}.wcom-quick-actions{grid-template-columns:repeat(4,1fr)}}@media(max-width:800px){.wcom-dashboard-head{align-items:flex-start;flex-direction:column}.wcom-dashboard-stats,.wcom-alert-grid,.wcom-dash-summary{grid-template-columns:1fr 1fr}.wcom-quick-actions{grid-template-columns:repeat(2,1fr)}.wpc-head-actions{justify-content:flex-start}.wpc-return-item{grid-template-columns:auto 1fr}.wpc-return-item .wpc-ret-qty{grid-column:2}.wcom-return-actions{flex-wrap:wrap}}@media(max-width:600px){.wcom-dashboard-stats,.wcom-alert-grid,.wcom-dash-summary{grid-template-columns:1fr}.wcom-quick-actions{grid-template-columns:1fr 1fr}}

.wcom-version-badge{display:inline-block;margin-right:8px;padding:4px 9px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:11px;vertical-align:middle}.wcom-dashboard-head-actions{display:flex;gap:8px;align-items:center}

/* WebCom POS cashier modern theme */
.wcom-pro-cashier{background:var(--cashier-bg,#f8fafc);min-height:calc(100vh - 32px);border-radius:18px}
.wcom-pro-cashier .wpc-head{background:linear-gradient(135deg,var(--cashier-primary,#2563eb),#111827);color:#fff;border-radius:18px;padding:18px 20px;box-shadow:0 12px 35px rgba(15,23,42,.14);margin-bottom:14px}
.wcom-pro-cashier .wpc-brand,.wcom-pro-cashier .wpc-brand h2,.wcom-pro-cashier .wpc-store-name,.wcom-pro-cashier .wpc-session-meta,.wcom-pro-cashier .wpc-session-meta span,.wcom-pro-cashier .wpc-session-meta b{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.28)}
.wcom-pro-cashier .wpc-session-meta{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);border-radius:12px;padding:7px 10px;display:flex;gap:12px;flex-wrap:wrap}
.wcom-pro-cashier .wpc-print-option{display:flex;align-items:center;gap:8px;font-weight:600;padding:9px 11px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc}
.wcom-pro-cashier .wpc-print-option input{width:18px;height:18px;margin:0}

.wcom-pro-cashier .wpc-store-name{font-size:13px;font-weight:700;opacity:.85;margin-bottom:3px}.wcom-pro-cashier .wpc-head h2{color:#fff}.wcom-pro-cashier .wpc-session-meta{display:flex;gap:16px;flex-wrap:wrap}.wcom-pro-cashier .wpc-session-meta span{color:rgba(255,255,255,.82)}
.wcom-pro-cashier .wpc-head .wpc-btn{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.22);color:#fff;backdrop-filter:blur(8px)}.wcom-pro-cashier .wpc-head .wpc-btn:hover{background:rgba(255,255,255,.24)}
.wcom-pro-cashier .wpc-pay{background:var(--cashier-accent,#16a34a)}.wcom-pro-cashier .wpc-result:hover{border-color:var(--cashier-primary,#2563eb);box-shadow:0 4px 16px rgba(15,23,42,.06)}
.wcom-pro-cashier:fullscreen,.wcom-pro-cashier.wpc-fullscreen-mode{background:#fff!important;width:100vw;height:100vh;min-height:100vh;margin:0;padding:18px;overflow:auto;border-radius:0}
.wcom-pro-cashier:fullscreen .wpc-main,.wcom-pro-cashier:fullscreen .wpc-side{box-shadow:none}
.wcom-pro-cashier:fullscreen{box-sizing:border-box}

/* 1.6.4 cashier contrast + account/security */
.wcom-pro-cashier .wpc-head{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--cashier-primary,#2563eb) 0%,#172033 72%,#0b1220 100%);padding:20px 22px;border-radius:20px}
.wcom-pro-cashier .wpc-head:after{content:"";position:absolute;inset:auto -60px -90px auto;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.08);pointer-events:none}
.wcom-pro-cashier .wpc-brand,.wcom-pro-cashier .wpc-head-actions{position:relative;z-index:1}
.wcom-pro-cashier .wpc-session-meta{background:#fff!important;color:#0f172a!important;border:0!important;box-shadow:0 4px 14px rgba(0,0,0,.12);padding:8px 12px;gap:7px 16px}
.wcom-pro-cashier .wpc-session-meta span{color:#475569!important;text-shadow:none!important;font-weight:700}
.wcom-pro-cashier .wpc-session-meta b{color:#0f172a!important;text-shadow:none!important;font-weight:900}
.wcom-pro-cashier .wpc-head-actions .wpc-btn{min-height:40px;border-radius:10px}
.wcom-settings-access-link{display:flex;align-items:center;gap:12px;margin:12px 0 16px;padding:12px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px}
.wcom-user-row{display:grid;grid-template-columns:minmax(180px,1fr) 220px minmax(260px,1.5fr) auto;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid #e2e8f0}
.wcom-user-row small{display:block;color:#64748b;margin-top:4px}.wcom-user-row select{width:100%;height:38px}.wcom-user-caps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding-top:10px}.wcom-user-caps label{font-size:12px}.wcom-user-protected{color:#64748b;font-size:12px}.wcom-account-card{max-width:760px;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:24px;box-shadow:0 10px 30px rgba(15,23,42,.06);display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center}.wcom-account-avatar{width:68px;height:68px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eff6ff;color:#1d4ed8;font-size:28px;font-weight:900}.wcom-account-card h2{margin:0}.wcom-account-card p{margin:5px 0;color:#64748b}.wcom-account-actions{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}@media(max-width:900px){.wcom-user-row{grid-template-columns:1fr}.wcom-user-caps{grid-template-columns:1fr}.wcom-account-card{grid-template-columns:1fr}}
.wpc-shift-details{margin-top:8px;padding:12px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;box-shadow:0 5px 18px rgba(15,23,42,.05)}
.wpc-shift-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.wpc-shift-grid>div{padding:9px;border:1px solid #eef2f7;border-radius:9px;background:#f8fafc}
.wpc-shift-grid span{display:block;font-size:10px;color:#64748b;margin-bottom:4px}
.wpc-shift-grid b{font-size:13px;color:#0f172a}
.wpc-shift-grid .expected{background:#eff6ff;border-color:#bfdbfe}
.wpc-shift-grid .expected b{font-size:17px;color:#1d4ed8}
.wpc-shift-grid input{width:100%;height:32px;border:1px solid #cbd5e1;border-radius:7px;padding:0 7px;box-sizing:border-box}
.wpc-shift-grid .difference{background:#fefce8;border-color:#fde68a}
.wpc-shift-grid .difference b{font-size:15px}
.wpc-shift-note{display:block;margin-top:9px;color:#64748b;font-size:10px;line-height:1.6}
.wpc-offline-status{display:flex;align-items:center;gap:8px;padding:8px 12px;margin:8px 0;border:1px solid #f59e0b;background:#fffbeb;color:#92400e;border-radius:10px;font-size:13px}.wpc-offline-status b{min-width:22px;text-align:center}.wcom-setup{max-width:1100px;margin:24px auto}.wcom-setup-hero{background:linear-gradient(135deg,#0f172a,#2563eb);color:#fff;border-radius:18px;padding:30px;margin-bottom:18px}.wcom-setup-hero h1{color:#fff;margin:10px 0 6px;font-size:32px}.wcom-setup-hero p{opacity:.9;font-size:15px}.wcom-setup .wcom-panel{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:22px;margin-bottom:16px;box-shadow:0 5px 18px rgba(15,23,42,.04)}.wcom-setup .wcom-panel h2{margin-top:0}.wcom-setup .wcom-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.wcom-setup .wcom-form-grid label{display:flex;flex-direction:column;gap:6px;font-weight:600}.wcom-setup input,.wcom-setup textarea{width:100%;box-sizing:border-box}.wcom-setup .wcom-field-wide{grid-column:1/-1}.wcom-version-badge{display:inline-block;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.16);font-size:12px}.wcom-setup .notice{margin:0 0 16px}@media(max-width:700px){.wcom-setup .wcom-form-grid{grid-template-columns:1fr}}
\n.wcom-cashier-login{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:40px 16px;background:#f6f8fb;font-family:Arial,Tahoma,sans-serif}.wcom-cashier-login-card{width:min(430px,100%);background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:34px;box-shadow:0 20px 60px rgba(15,23,42,.08);text-align:right}.wcom-login-logo{font-weight:800;font-size:22px;color:#2563eb;margin-bottom:22px}.wcom-cashier-login-card h1{margin:0 0 8px;font-size:28px}.wcom-cashier-login-card p{color:#64748b;margin:0 0 22px}.wcom-cashier-login-card label{display:block;font-weight:700;margin:14px 0}.wcom-cashier-login-card input[type=text],.wcom-cashier-login-card input[type=password]{display:block;width:100%;box-sizing:border-box;margin-top:7px;padding:13px;border:1px solid #dbe2ea;border-radius:10px;font-size:16px}.wcom-cashier-login-card button{width:100%;border:0;border-radius:10px;padding:14px;background:#2563eb;color:#fff;font-weight:800;font-size:16px;cursor:pointer;margin-top:8px}.wcom-login-remember{font-weight:500!important}.wcom-login-remember input{margin-left:6px}.wcom-login-error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;padding:11px 13px;border-radius:10px;margin-bottom:14px}.wcom-cashier-login-card small{display:block;color:#94a3b8;margin-top:18px;line-height:1.6}\n
.wcom-invoice-modal{max-width:900px!important}.wcom-modal-x{position:absolute;left:16px;top:12px;border:0;background:transparent;font-size:28px;color:#64748b;cursor:pointer}.wcom-invoice-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb;padding-bottom:15px;margin-bottom:15px}.wcom-invoice-head span,.wcom-invoice-meta span{display:block;color:#64748b;font-size:12px}.wcom-invoice-head h2{margin:4px 0 0}.wcom-invoice-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.wcom-invoice-totals{margin-top:18px;margin-right:auto;width:min(360px,100%);display:grid;gap:8px}.wcom-invoice-totals>div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed #e5e7eb}.wcom-invoice-totals .grand{font-size:18px;border-bottom:0}@media(max-width:700px){.wcom-invoice-meta{grid-template-columns:1fr}.wcom-invoice-modal{padding:20px!important}}
/* 2.8.0 cashier core */
.wcom-receipt-preview{max-width:1100px!important;width:min(96vw,1100px)!important;padding:0!important;overflow:hidden}.wcom-receipt-preview iframe{display:block}.wpc-return-search{display:flex;gap:8px;align-items:center}.wpc-return-search .wpc-modal-input{flex:1}.wpc-return-total{margin:12px 0;padding:10px;border-radius:10px;background:#f8fafc}.wpc-offline-status{display:flex;gap:8px;align-items:center;justify-content:center;margin:8px 0;padding:8px 12px;border-radius:10px;background:#fff7ed;color:#9a3412;font-weight:600}.wpc-offline-status b{min-width:24px;text-align:center}.wpc-result b{display:block}.wpc-result span{display:block;margin-top:3px;font-size:12px;opacity:.75}
/* WebCom POS 2.8 scanner/search/receipt improvements */
.wpc-search-modes{display:flex;gap:4px;align-items:center;padding:3px}.wpc-search-mode,.wpc-search-scan{border:1px solid #dbe4ee;background:#fff;border-radius:9px;min-width:34px;height:34px;cursor:pointer;font-weight:800}.wpc-search-mode.active{background:var(--cashier-primary,#2563eb);color:#fff;border-color:var(--cashier-primary,#2563eb)}.wpc-search-scan{font-size:16px}.wcom-scanner-field{display:flex!important;align-items:center;gap:6px}.wcom-scanner-field>input,.wcom-scanner-field>select{flex:1}.wcom-inline-scan{border:1px solid #d1d5db;background:#fff;border-radius:8px;padding:8px 10px;cursor:pointer;line-height:1}.wcom-scanner-modal{position:fixed;inset:0;background:rgba(15,23,42,.78);z-index:1000000;display:flex;align-items:center;justify-content:center;padding:20px}.wcom-scanner-box{position:relative;width:min(680px,96vw);background:#000;border-radius:20px;overflow:hidden;box-shadow:0 20px 80px rgba(0,0,0,.4)}.wcom-scanner-box video{display:block;width:100%;max-height:75vh;object-fit:cover}.wcom-scanner-close{position:absolute;z-index:2;top:12px;right:12px;border:0;border-radius:10px;background:#fff;font-size:24px;width:42px;height:42px;cursor:pointer}.wcom-scanner-guide{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.65);color:#fff;padding:10px 16px;border-radius:999px;font-weight:700}.wcom-receipt-loading{padding:40px;text-align:center;font-weight:800;color:#475569}
@media(max-width:700px){.wpc-searchbar{flex-wrap:wrap}.wpc-searchbar input{min-width:160px}.wpc-search-modes{order:3;width:100%;justify-content:center}}

/* Cashier UX: explicit product names and icon-based search modes */
.wpc-quick-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:right!important;min-height:88px!important}
.wpc-product-name{font-size:15px!important;font-weight:900!important;color:#0f172a!important;line-height:1.45;white-space:normal}
.wpc-product-meta{font-size:11px!important;color:#64748b!important;margin-top:7px!important}
.wpc-search-modes{gap:5px!important}
.wpc-search-mode,.wpc-search-scan{display:inline-flex!important;align-items:center;justify-content:center;min-width:38px!important;height:38px!important;font-size:17px!important}
.wpc-mode-icon{line-height:1;font-size:17px}
.wpc-search-mode.active .wpc-mode-icon{filter:brightness(0) invert(1)}
.wcom-receipt-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;background:#f8fafc;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:2}
.wcom-receipt-toolbar>div{display:flex;gap:6px;align-items:center}
.wcom-receipt-preview iframe{background:#fff}
/* WebCom POS 2.9.1 — cashier UI stable */
.wpc-searchbar{grid-template-columns:34px minmax(180px,1fr) auto auto!important;gap:8px!important;align-items:center!important;overflow:visible!important}
.wpc-search-leading{display:flex!important;align-items:center;justify-content:center;height:42px!important}
.wpc-search-leading svg{width:21px;height:21px;fill:none;stroke:#64748b;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.wpc-search-modes{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;white-space:nowrap!important;padding:0!important;direction:rtl!important}
.wpc-search-mode,.wpc-search-scan{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;width:auto!important;min-width:42px!important;height:42px!important;padding:0 9px!important;border:1px solid #dbe4ee!important;background:#fff!important;border-radius:10px!important;color:#334155!important;font-family:inherit!important;cursor:pointer!important;transition:.15s ease!important;overflow:visible!important}
.wpc-search-mode:hover,.wpc-search-scan:hover{border-color:#94a3b8!important;background:#f8fafc!important}
.wpc-search-mode.active{background:var(--cashier-primary,#2563eb)!important;color:#fff!important;border-color:var(--cashier-primary,#2563eb)!important;box-shadow:0 4px 12px rgba(37,99,235,.18)!important}
.wpc-search-mode svg,.wpc-search-scan svg{width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;flex:0 0 auto!important}
.wpc-search-mode span,.wpc-search-scan span{display:inline!important;font-size:11px!important;font-weight:800!important;line-height:1!important}
.wpc-searchbar>.wpc-btn{height:42px!important;white-space:nowrap!important}
.wpc-quick-card{min-height:96px!important;padding:13px!important;align-items:flex-start!important;justify-content:center!important}
.wpc-product-name{display:block!important;font-size:15px!important;font-weight:900!important;color:#0f172a!important;line-height:1.5!important;white-space:normal!important;overflow-wrap:anywhere!important}
.wpc-quick-card .wpc-product-meta{display:block!important;margin-top:7px!important;color:#64748b!important;font-size:11px!important;font-weight:600!important;line-height:1.5!important}
.wpc-results .wpc-result{min-width:0!important}
.wpc-searchbar input{min-width:0!important}
.wcom-receipt-preview{max-width:1100px!important;width:min(96vw,1100px)!important;height:min(92vh,900px)!important;padding:0!important;overflow:hidden!important}
.wcom-receipt-preview iframe{display:block;border:0!important;width:100%!important;height:calc(100% - 52px)!important;background:#fff!important}
.wcom-receipt-toolbar{height:52px!important;min-height:52px!important}
@media(max-width:1050px){.wpc-searchbar{grid-template-columns:34px minmax(140px,1fr) auto!important}.wpc-search-modes{grid-column:1/-1;justify-content:center!important;flex-wrap:wrap!important}.wpc-searchbar>.wpc-btn{grid-column:1/-1;width:100%!important}}
@media(max-width:700px){.wpc-searchbar{grid-template-columns:30px minmax(0,1fr)!important}.wpc-search-modes{grid-column:1/-1!important;justify-content:center!important}.wpc-search-mode,.wpc-search-scan{min-width:42px!important;padding:0 8px!important}.wpc-search-mode span,.wpc-search-scan span{font-size:10px!important}.wpc-searchbar>.wpc-btn{grid-column:1/-1!important}}

/* WebCom POS 3.0 — Professional responsive UI */
.wcom-pro-cashier{width:100%;box-sizing:border-box}
.wcom-pro-cashier .wpc-layout{grid-template-columns:minmax(0,1fr) 390px;gap:16px}
.wcom-pro-cashier .wpc-main{min-width:0}
.wcom-pro-cashier .wpc-side{min-width:0}
.wcom-pro-cashier .wpc-results{grid-template-columns:repeat(4,minmax(0,1fr))}
.wcom-pro-cashier .wpc-searchbar{min-width:0}
.wcom-pro-cashier .wpc-searchbar input{width:100%;box-sizing:border-box}
.wcom-pro-cashier .wpc-cart-wrap{overflow-x:auto}
.wcom-pro-cashier .wpc-pay{min-height:54px;touch-action:manipulation}
.wcom-pro-cashier button,.wcom-pro-cashier input,.wcom-pro-cashier select{touch-action:manipulation}
.wcom-receipt-preview{width:min(1100px,96vw)!important;max-width:1100px!important}
.wcom-receipt-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-bottom:1px solid #e5e7eb;background:#f8fafc;position:sticky;top:0;z-index:2}
.wcom-receipt-toolbar>div{display:flex;gap:7px;align-items:center}
.wcom-receipt-toolbar .button{min-height:36px}
.wcom-return-manager-card{overflow:hidden}
.wcom-return-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border-radius:16px;background:linear-gradient(135deg,#fff7ed,#f8fafc);border:1px solid #fed7aa;margin-bottom:16px}
.wcom-return-hero h2{margin:8px 0 5px!important}.wcom-return-hero p{margin:0;color:#64748b}.wcom-return-icon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;background:#fff;color:#c2410c;font-size:28px;font-weight:900;box-shadow:0 8px 20px rgba(194,65,12,.10)}
.wcom-return-result{margin-top:14px;padding:14px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;overflow:auto}
.wcom-return-summary{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:14px;padding:14px;border-radius:14px;background:#f8fafc;border:1px solid #e5e7eb}.wcom-return-summary label{font-weight:800}.wcom-return-summary input{display:block;width:180px;margin-top:6px;height:42px;border:1px solid #cbd5e1;border-radius:10px;padding:0 10px;box-sizing:border-box}
.wcom-return-product-filter{display:flex;gap:8px;align-items:center;margin:12px 0}.wcom-return-product-filter input{flex:1;height:42px;border:1px solid #cbd5e1;border-radius:10px;padding:0 12px}.wcom-return-product-filter button{height:42px}
.wcom-return-item-hidden{display:none!important}
@media(max-width:1200px){.wcom-pro-cashier .wpc-layout{grid-template-columns:minmax(0,1fr) 340px}.wcom-pro-cashier .wpc-results{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.wcom-pro-cashier{padding:10px}.wcom-pro-cashier .wpc-head{border-radius:16px;padding:15px}.wcom-pro-cashier .wpc-layout{grid-template-columns:1fr}.wcom-pro-cashier .wpc-side{position:static}.wcom-pro-cashier .wpc-results{grid-template-columns:repeat(3,minmax(0,1fr))}.wcom-pro-cashier .wpc-cart-wrap{max-height:45vh;overflow:auto}.wcom-receipt-preview iframe{height:72vh!important}}
@media(max-width:600px){.wcom-pro-cashier{padding:6px}.wcom-pro-cashier .wpc-head{margin-bottom:8px;padding:13px;border-radius:14px}.wcom-pro-cashier .wpc-head h2{font-size:21px}.wcom-pro-cashier .wpc-head-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.wcom-pro-cashier .wpc-head-actions .wpc-btn{width:100%;min-height:42px}.wcom-pro-cashier .wpc-main,.wcom-pro-cashier .wpc-side{padding:11px;border-radius:12px}.wcom-pro-cashier .wpc-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.wcom-pro-cashier .wpc-quick-card{min-height:82px!important;padding:10px!important}.wcom-pro-cashier .wpc-product-name{font-size:13px!important}.wcom-pro-cashier .wpc-searchbar{padding:4px}.wcom-pro-cashier .wpc-search-modes{gap:4px!important}.wcom-pro-cashier .wpc-search-mode,.wcom-pro-cashier .wpc-search-scan{height:40px!important;min-width:40px!important;padding:0 7px!important}.wcom-pro-cashier .wpc-search-mode span,.wcom-pro-cashier .wpc-search-scan span{font-size:9px!important}.wcom-pro-cashier .wpc-cart-wrap{max-height:42vh}.wcom-pro-cashier .wpc-summary .grand strong{font-size:25px}.wcom-pro-cashier .wpc-pay{height:56px}.wcom-return-hero{align-items:flex-start}.wcom-return-summary{display:block}.wcom-return-summary input{width:100%;margin-bottom:10px}.wcom-receipt-toolbar{align-items:stretch;flex-direction:column}.wcom-receipt-toolbar>div{width:100%}.wcom-receipt-toolbar .button{flex:1}.wcom-receipt-preview{width:98vw!important}.wcom-return-product-filter{flex-direction:column;align-items:stretch}}

/* 3.0.1 fast interaction fixes */
.wcom-return-search-toolbar{align-items:flex-end;gap:12px}.wcom-return-search-label{display:flex!important;flex:1;min-width:280px;flex-direction:column;gap:6px;font-weight:800}.wcom-return-search-label input{width:100%;min-height:46px;font-size:16px;border:2px solid #cbd5e1!important;border-radius:10px!important;background:#fff!important;box-shadow:0 1px 2px rgba(15,23,42,.05);padding:10px 14px}.wcom-return-search-label input:focus{border-color:#2563eb!important;box-shadow:0 0 0 3px rgba(37,99,235,.12)!important;outline:0}.wcom-return-search-label small{font-weight:500;color:#64748b}.wpc-return-search{display:flex;gap:10px;align-items:flex-end}.wpc-return-search-field{display:flex;flex:1;flex-direction:column;gap:6px;font-weight:800}.wpc-return-search-field input,.wpc-return-main-input{min-height:58px!important;height:58px!important;border:2px solid #94a3b8!important;font-size:18px!important;font-weight:600!important;background:#fff!important;padding:0 16px!important;box-sizing:border-box!important}.wpc-return-search-field input:focus,.wpc-return-main-input:focus{border-color:#2563eb!important;box-shadow:0 0 0 4px rgba(37,99,235,.12)!important;outline:0!important}.wpc-return-search-field input:focus{border-color:#2563eb!important;box-shadow:0 0 0 3px rgba(37,99,235,.12)!important;outline:0}.wpc-lookup-fast{display:flex;gap:8px}.wpc-lookup-fast .wpc-modal-input{flex:1}@media(max-width:700px){.wcom-return-search-toolbar,.wpc-return-search{flex-direction:column;align-items:stretch}.wcom-return-search-label{min-width:0}.wcom-return-search-toolbar .button,.wpc-return-search .wpc-pay{width:100%;min-height:44px}.wpc-lookup-fast{flex-direction:column}}

/* WebCom POS 3.0.4 - return lookup and invoice preview fixes */
.wpc-return-search{display:grid!important;grid-template-columns:minmax(0,1fr) 150px!important;gap:12px!important;align-items:end!important;width:100%!important}.wpc-return-search-field{display:flex!important;flex-direction:column!important;min-width:0!important;width:100%!important;gap:6px!important}.wpc-return-search-field>span{font-weight:800!important;color:#334155!important}.wpc-return-search-field input.wpc-modal-input{display:block!important;width:100%!important;min-width:0!important;max-width:none!important;height:58px!important;min-height:58px!important;box-sizing:border-box!important;padding:0 16px!important;border:2px solid #94a3b8!important;border-radius:12px!important;font-size:18px!important;font-weight:600!important;line-height:58px!important;background:#fff!important}.wpc-return-search-field input.wpc-modal-input:focus{border-color:#2563eb!important;outline:0!important;box-shadow:0 0 0 4px rgba(37,99,235,.12)!important}.wpc-return-search>#wpc-return-go{width:100%!important;height:58px!important;min-height:58px!important;margin:0!important;box-sizing:border-box!important}.wcom-receipt-preview iframe{background:#fff!important}@media(max-width:700px){.wpc-return-search{grid-template-columns:1fr!important}.wpc-return-search>#wpc-return-go{width:100%!important}}

/* WebCom POS Phase 2 — weighted products settings (storage/config only) */
.wcom-weighted-settings{border:1px solid #cbd5e1!important;background:linear-gradient(180deg,#fff,#f8fafc)!important}
.wcom-weighted-settings h2{display:flex;align-items:center;gap:8px}
.wcom-weighted-note{margin-top:12px;padding:10px 12px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0;color:#475569;font-size:13px;line-height:1.7}

/* Phase 2 — dedicated weighted scale settings */
.wcom-weighted-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;border-radius:16px;padding:26px 30px;margin:18px 0 14px;box-shadow:0 10px 30px rgba(15,23,42,.12)}
.wcom-weighted-hero h1{color:#fff;margin:6px 0 8px;font-size:28px}
.wcom-weighted-hero p{margin:0;color:#dbeafe;font-size:14px}
.wcom-weighted-kicker{font-size:12px;font-weight:700;letter-spacing:.4px;color:#93c5fd}
.wcom-weighted-phase2-notice{background:#fff7ed;border:1px solid #fed7aa;border-right:5px solid #f97316;border-radius:12px;padding:15px 18px;margin:0 0 14px;color:#7c2d12}
.wcom-weighted-settings-page{border:2px solid #c7d2fe;box-shadow:0 8px 24px rgba(30,41,59,.08)}
.wcom-weighted-settings-page h2{font-size:20px;margin-top:0}
.wcom-weighted-primary-field{border:1px solid #bfdbfe;border-radius:10px;padding:10px;background:#eff6ff}
.wcom-weighted-primary-field select{margin-top:6px}
.wcom-weighted-example{margin-top:14px;padding:12px 14px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;font-size:13px;color:#475569}
#wcom-weighted-msg{display:inline-block;margin-right:10px;font-weight:700}
.wcom-save-ok{color:#15803d}.wcom-save-error{color:#b91c1c}
@media(max-width:900px){.wcom-weighted-hero{align-items:flex-start;flex-direction:column}.wcom-weighted-hero .button{align-self:stretch;text-align:center}}

.wpc-weighted-line{display:block;color:#0f766e;font-weight:600;font-size:11px;margin-top:2px}

/* WebCom POS 3.1.7 — modern sales invoice viewer */
body.wcom-invoice-view-open{overflow:hidden!important}
.wcom-sales-invoice-overlay{background:rgba(2,6,23,.68)!important;backdrop-filter:blur(5px)!important;padding:18px!important}
.wcom-sales-invoice-modal{width:min(1080px,96vw)!important;max-width:1080px!important;height:min(92vh,900px)!important;max-height:92vh!important;padding:0!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.35)!important;border-radius:20px!important;box-shadow:0 30px 100px rgba(2,6,23,.35)!important;background:#f8fafc!important}
.wcom-sales-invoice-header{height:68px;min-height:68px;padding:0 18px 0 12px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(135deg,#ffffff,#f1f5f9);border-bottom:1px solid #e2e8f0;direction:rtl}
.wcom-sales-invoice-title{display:flex;align-items:center;gap:11px;min-width:0;color:#0f172a}
.wcom-sales-invoice-icon{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#e0ecff;font-size:20px;flex:0 0 auto}
.wcom-sales-invoice-title>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.wcom-sales-invoice-title span:not(.wcom-sales-invoice-icon){font-size:11px;color:#64748b;font-weight:700}
.wcom-sales-invoice-title strong{font-size:17px;line-height:1.2;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wcom-sales-invoice-actions{display:flex;align-items:center;gap:8px;direction:rtl}
.wcom-sales-invoice-actions .fm-sale-print{min-height:40px;border-radius:10px!important;font-weight:800!important}
.wcom-sales-invoice-close{position:static!important;width:40px!important;height:40px!important;padding:0!important;border:1px solid #e2e8f0!important;border-radius:10px!important;background:#fff!important;color:#475569!important;font-size:25px!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 1px 2px rgba(15,23,42,.05)!important}
.wcom-sales-invoice-close:hover{background:#f8fafc!important;color:#0f172a!important}
.wcom-sales-invoice-body{height:calc(100% - 68px);min-height:0;padding:14px;box-sizing:border-box;position:relative;background:#e2e8f0;overflow:hidden}
.wcom-sales-invoice-frame{height:100%;width:100%;background:#fff;border:1px solid #dbe3ee;border-radius:14px;overflow:hidden;box-shadow:0 8px 28px rgba(15,23,42,.10)}
.wcom-sales-invoice-frame iframe{display:block!important;width:100%!important;height:100%!important;border:0!important;background:#fff!important}
.wcom-sales-invoice-body>.wcom-receipt-loading{position:absolute;inset:14px;z-index:2;display:flex;align-items:center;justify-content:center;border:1px solid #dbe3ee;border-radius:14px;background:rgba(255,255,255,.96);font-size:15px;color:#334155}
@media(max-width:700px){.wcom-sales-invoice-overlay{padding:8px!important}.wcom-sales-invoice-modal{width:98vw!important;height:94vh!important;border-radius:15px!important}.wcom-sales-invoice-header{height:62px;min-height:62px;padding:0 10px}.wcom-sales-invoice-title strong{font-size:14px}.wcom-sales-invoice-icon{width:36px;height:36px}.wcom-sales-invoice-actions .fm-sale-print{font-size:12px!important;padding:7px 9px!important}.wcom-sales-invoice-close{width:36px!important;height:36px!important}.wcom-sales-invoice-body{height:calc(100% - 62px);padding:8px}.wcom-sales-invoice-body>.wcom-receipt-loading{inset:8px}.wcom-sales-invoice-frame{border-radius:10px}}
/* WebCom POS 3.2.1 — cashier UX hardening */
.wcom-pro-cashier .wpc-offline-status{position:sticky;top:0;z-index:20;justify-content:flex-start;background:#fff;border:1px solid #dbeafe;color:#1e3a8a;box-shadow:0 4px 12px rgba(15,23,42,.05)}
.wcom-pro-cashier .wpc-offline-status b{background:#eff6ff;border-radius:999px;padding:2px 7px}
.wcom-pro-cashier .wpc-qty button,.wcom-pro-cashier .wpc-del,.wcom-pro-cashier .wpc-result,.wcom-pro-cashier .wpc-pay,.wcom-pro-cashier .wpc-btn{touch-action:manipulation}
.wcom-pro-cashier .wpc-cart-wrap tr:has(.wpc-weighted-line){background:#fffbeb}
.wcom-pro-cashier .wpc-weighted-line{font-weight:800;color:#92400e!important}
.wcom-pro-cashier .wpc-qty input:disabled{background:#f8fafc;color:#64748b}
.wcom-pro-cashier .wpc-result{min-height:76px}
@media(max-width:900px){.wcom-pro-cashier .wpc-qty button{width:38px;height:38px}.wcom-pro-cashier .wpc-qty input{height:38px;width:70px;font-size:16px}.wcom-pro-cashier .wpc-pay{font-size:18px}}

.wpc-stock-status{font-size:12px;font-weight:700;padding:4px 8px;border-radius:999px;background:#f1f5f9;color:#475569}.wpc-stock-status.ok{background:#ecfdf5;color:#047857}.wpc-stock-status.warn{background:#fff7ed;color:#b45309}.wpc-unverified-badge{display:inline-block;margin-inline-start:6px;padding:2px 6px;border-radius:999px;background:#fff7ed;color:#b45309;font-size:11px;font-weight:700}.wpc-modal-actions{display:flex;gap:8px;justify-content:flex-start;margin-top:14px}.wpc-result span{line-height:1.45}

.wcom-product-form-head,.wcom-product-list-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.wcom-product-finance-note{margin-top:14px;padding:12px 14px;border:1px solid #bfdbfe;background:#eff6ff;color:#1e40af;border-radius:12px;font-size:13px}.wcom-product-form-head h2,.wcom-product-list-head h2{margin-bottom:4px}.wcom-a-table td .wcom-a-btn{padding:7px 9px;font-size:12px}

.wcom-product-mode{display:flex;gap:10px;margin:14px 0;flex-wrap:wrap}.wcom-product-mode-btn{border:1px solid #cbd5e1;background:#fff;border-radius:10px;padding:11px 18px;cursor:pointer;font-weight:800;color:#334155}.wcom-product-mode-btn.active{background:#2563eb;color:#fff;border-color:#2563eb;box-shadow:0 6px 16px rgba(37,99,235,.18)}.wcom-product-existing-box{margin:0 0 14px;background:#f8fafc;border-color:#dbeafe;padding:18px}.wcom-product-existing-box label{display:block;font-weight:700;font-size:15px}.wcom-product-existing-box input,.wcom-product-existing-box select{display:block;width:100%;box-sizing:border-box;margin-top:9px;min-height:48px;border:1px solid #cbd5e1;border-radius:10px;padding:10px 12px;background:#fff}.wcom-product-existing-box select{height:260px;min-height:260px;font-size:16px;line-height:1.6;padding:6px}.wcom-product-existing-box select option{padding:10px 12px;min-height:40px}.wcom-product-info-box{margin-top:12px;padding:12px 14px;border-radius:10px;background:#eff6ff;color:#1e40af;font-size:14px;line-height:1.7}.wcom-product-finance-panel{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.wcom-product-finance-panel>div{padding:13px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}.wcom-product-finance-panel span{display:block;color:#64748b;font-size:12px}.wcom-product-finance-panel strong{display:block;margin-top:5px;font-size:18px}.wcom-product-finance-panel>div:last-child strong{color:#2563eb}.wcom-a-muted{color:#64748b;font-size:12px}@media(max-width:800px){.wcom-product-finance-panel{grid-template-columns:repeat(2,1fr)}}


/* WebCom POS 3.2.11 — professional product purchase history viewer */
body.wcom-ph-open{overflow:hidden!important}
.wcom-purchase-history-overlay{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;min-height:100vh!important;background:rgba(15,23,42,.66)!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important;z-index:2147483647!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:22px!important;box-sizing:border-box!important;direction:rtl!important;isolation:isolate!important}
.wcom-purchase-history-modal{width:min(1180px,96vw)!important;max-height:min(88vh,900px)!important;background:#fff!important;border:1px solid rgba(255,255,255,.6)!important;border-radius:20px!important;box-shadow:0 30px 100px rgba(2,6,23,.38)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;box-sizing:border-box!important}
.wcom-ph-header{min-height:78px;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(135deg,#fff,#f7f9fc);border-bottom:1px solid #e5e7eb;box-sizing:border-box}
.wcom-ph-title-wrap{display:flex;align-items:center;gap:12px;min-width:0}.wcom-ph-title-wrap>div:last-child{min-width:0}.wcom-ph-title-wrap span{display:block;font-size:12px;color:#64748b;font-weight:800;margin-bottom:3px}.wcom-ph-title-wrap h2{margin:0!important;color:#0f172a!important;font-size:20px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wcom-ph-icon{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:#e8f0ff;font-size:22px;flex:0 0 auto}.wcom-ph-close{width:42px!important;height:42px!important;border:1px solid #dbe3ee!important;border-radius:11px!important;background:#fff!important;color:#475569!important;font-size:28px!important;line-height:1!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto}.wcom-ph-close:hover{background:#f8fafc!important;color:#0f172a!important}
.wcom-ph-content{padding:18px;overflow:auto!important;min-height:0;background:#f8fafc;box-sizing:border-box}.wcom-ph-summary{display:grid;grid-template-columns:minmax(250px,1.5fr) repeat(4,minmax(130px,1fr));gap:10px;margin-bottom:18px}.wcom-ph-product,.wcom-ph-stat{background:#fff;border:1px solid #e2e8f0;border-radius:13px;padding:13px 15px;min-width:0;box-sizing:border-box}.wcom-ph-product{background:linear-gradient(135deg,#eff6ff,#fff);border-color:#dbeafe}.wcom-ph-product span,.wcom-ph-stat span{display:block;color:#64748b;font-size:11px;font-weight:800}.wcom-ph-product strong{display:block;color:#0f172a;font-size:16px;margin:5px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wcom-ph-product small{display:block;color:#64748b;font-size:11px}.wcom-ph-stat strong{display:block;margin-top:6px;color:#1e3a8a;font-size:17px}.wcom-ph-stat.due strong{color:#b45309}.wcom-ph-section-head{display:flex;justify-content:space-between;align-items:center;margin:4px 0 10px}.wcom-ph-section-head h3{margin:0!important;font-size:16px!important;color:#0f172a!important}.wcom-ph-section-head span{font-size:11px;color:#64748b}.wcom-ph-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:auto;max-height:48vh}.wcom-ph-table{width:100%;border-collapse:separate;border-spacing:0;min-width:930px;font-size:12px}.wcom-ph-table th{position:sticky;top:0;z-index:2;background:#f1f5f9;color:#475569;font-weight:800;padding:11px 10px;text-align:right;border-bottom:1px solid #dbe3ee;white-space:nowrap}.wcom-ph-table td{padding:12px 10px;border-bottom:1px solid #eef2f7;color:#334155;white-space:nowrap}.wcom-ph-table tbody tr:last-child td{border-bottom:0}.wcom-ph-table tbody tr:hover{background:#f8fafc}.wcom-ph-invoice{color:#1d4ed8}.wcom-ph-due{color:#b45309}.wcom-ph-status{display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}.wcom-ph-status.paid{background:#ecfdf5;color:#047857}.wcom-ph-status.partial{background:#fff7ed;color:#b45309}.wcom-ph-status.due{background:#fef2f2;color:#b42318}.wcom-ph-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:13px;border-top:1px solid #e2e8f0;color:#64748b;font-size:11px}.wcom-ph-footer .wcom-a-btn{min-height:38px}.wcom-ph-loading-state,.wcom-ph-empty,.wcom-ph-error{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;color:#475569}.wcom-ph-loading-state span,.wcom-ph-empty span,.wcom-ph-error span{font-size:12px;color:#64748b}.wcom-ph-spinner{width:34px;height:34px;border:3px solid #dbeafe;border-top-color:#2563eb;border-radius:50%;animation:wcomPhSpin .8s linear infinite;margin-bottom:4px}@keyframes wcomPhSpin{to{transform:rotate(360deg)}}.wcom-ph-empty-icon{width:58px;height:58px;border-radius:16px;background:#eef2ff;display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:4px}.wcom-ph-empty strong{font-size:16px;color:#334155}.wcom-ph-error{color:#b42318}.wcom-ph-error strong{font-size:16px}@media(max-width:900px){.wcom-purchase-history-overlay{padding:10px!important}.wcom-purchase-history-modal{width:98vw!important;max-height:94vh!important;border-radius:16px!important}.wcom-ph-header{min-height:68px;padding:10px 12px}.wcom-ph-title-wrap h2{font-size:16px!important}.wcom-ph-icon{width:40px;height:40px}.wcom-ph-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.wcom-ph-product{grid-column:1/-1}.wcom-ph-content{padding:10px}.wcom-ph-table-wrap{max-height:55vh}.wcom-ph-footer{align-items:flex-start;flex-direction:column}.wcom-ph-footer .wcom-a-btn{width:100%;justify-content:center}}

/* WebCom POS 3.2.12 — inventory management */
.wcom-inventory-title{display:flex;align-items:center;justify-content:space-between;gap:18px}.wcom-inventory-title h2{margin:0 0 6px}.wcom-inventory-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:18px}.wcom-inventory-kpis>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:15px;padding:14px 15px;display:flex;flex-direction:column;gap:6px}.wcom-inventory-kpis span{font-size:12px;color:#64748b}.wcom-inventory-kpis strong{font-size:22px;color:#0f172a}.wcom-inv-low{color:#b45309!important}.wcom-inv-out{color:#b91c1c!important}.wcom-inventory-toolbar{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}.wcom-inventory-filters{display:grid;grid-template-columns:180px 180px minmax(260px,1fr);gap:10px;flex:1}.wcom-inventory-filters label{font-weight:700}.wcom-inventory-filters input,.wcom-inventory-filters select{margin-top:6px}.wcom-inventory-actions{display:flex;gap:8px}.wcom-inventory-table-wrap{overflow:auto;border:1px solid #e2e8f0;border-radius:14px}.wcom-inventory-table{min-width:980px}.wcom-inventory-table thead th{position:sticky;top:0;background:#f8fafc;z-index:1}.wcom-inventory-row-actions{display:flex;gap:6px;flex-wrap:wrap}.wcom-inv-warning{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#fff7ed;color:#b45309;font-weight:800;font-size:12px}.wcom-inventory-add-card{scroll-margin-top:20px}.wcom-inventory-add-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.wcom-inventory-add-summary>div{border:1px solid #e2e8f0;background:#f8fafc;border-radius:14px;padding:12px 14px}.wcom-inventory-add-summary span{display:block;color:#64748b;font-size:12px;margin-bottom:5px}.wcom-inventory-add-summary strong{font-size:20px}.wcom-inv-detail-head{display:grid;grid-template-columns:220px 1fr;gap:16px;align-items:start;margin-bottom:22px}.wcom-inv-detail-head>div:first-child{background:#eff6ff;border-radius:16px;padding:16px}.wcom-inv-detail-head>div:first-child span{display:block;color:#64748b;font-size:12px}.wcom-inv-detail-head>div:first-child strong{display:block;font-size:18px;margin-top:5px}.wcom-inv-balance-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.wcom-inv-balance{border:1px solid #e2e8f0;border-radius:14px;padding:13px 15px;background:#fff;display:flex;justify-content:space-between;gap:10px}.wcom-inv-plus{color:#15803d;font-weight:800}.wcom-inv-minus{color:#b91c1c;font-weight:800}.wcom-a-empty{text-align:center;padding:28px;color:#64748b;background:#f8fafc;border-radius:14px}.wcom-inv-adjust-box{padding:4px}.wcom-inventory-modal h3{margin:22px 0 10px}.wcom-inventory-modal .wcom-a-table{min-width:900px}
@media(max-width:900px){.wcom-inventory-kpis{grid-template-columns:repeat(2,1fr)}.wcom-inventory-toolbar{align-items:stretch;flex-direction:column}.wcom-inventory-filters{grid-template-columns:1fr}.wcom-inventory-add-summary{grid-template-columns:1fr}.wcom-inv-detail-head{grid-template-columns:1fr}.wcom-inventory-title{flex-direction:column;align-items:stretch}}
/* WebCom POS 3.2.16 — warehouse management */
.wcom-wh-page{display:flex;flex-direction:column;gap:16px}.wcom-wh-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 24px;border:1px solid #dbe4f0;border-radius:18px;background:linear-gradient(135deg,#f8fbff,#fff);box-shadow:0 8px 25px rgba(15,23,42,.04)}.wcom-wh-hero h2{margin:7px 0 5px;font-size:24px;color:#0f172a}.wcom-wh-hero p{margin:0;color:#64748b;line-height:1.7}.wcom-wh-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.wcom-wh-kpi{background:#fff;border:1px solid #dbe4f0;border-radius:16px;padding:16px;min-height:100px;box-shadow:0 5px 18px rgba(15,23,42,.035)}.wcom-wh-kpi span{display:block;color:#64748b;font-size:12px;font-weight:800}.wcom-wh-kpi strong{display:block;color:#1e3a8a;font-size:25px;margin-top:9px}.wcom-wh-kpi strong.warn{color:#b45309}.wcom-wh-kpi strong.danger{color:#b42318}.wcom-wh-kpi small{display:block;color:#94a3b8;margin-top:5px}.wcom-wh-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.wcom-wh-card{background:#fff;border:1px solid #dbe4f0;border-radius:18px;padding:18px;box-shadow:0 7px 25px rgba(15,23,42,.045)}.wcom-wh-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.wcom-wh-title{display:flex;align-items:center;gap:11px}.wcom-wh-title h3{margin:0;color:#0f172a;font-size:19px}.wcom-wh-title small{color:#64748b;display:block;margin-top:4px}.wcom-wh-icon{width:42px;height:42px;border-radius:12px;background:#eff6ff;color:#1d4ed8;display:grid;place-items:center;font-size:21px}.wcom-wh-badges{display:flex;gap:6px;flex-wrap:wrap}.wcom-wh-badges span{font-size:10px;font-weight:800;padding:6px 9px;border-radius:999px}.wcom-wh-badges .default{background:#fff7ed;color:#b45309}.wcom-wh-badges .active{background:#ecfdf5;color:#047857}.wcom-wh-address{margin:14px 0;color:#64748b;font-size:12px;min-height:20px}.wcom-wh-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.wcom-wh-stats>div{padding:10px 7px;background:#f8fafc;border-radius:11px;text-align:center}.wcom-wh-stats span{display:block;font-size:10px;color:#64748b}.wcom-wh-stats strong{display:block;margin-top:5px;font-size:14px;color:#0f172a}.wcom-wh-stats strong.warn{color:#b45309}.wcom-wh-stats strong.danger{color:#b42318}.wcom-wh-foot{border-top:1px solid #eef2f7;margin-top:15px;padding-top:13px;display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.wcom-wh-foot>div:first-child{min-width:0}.wcom-wh-foot span,.wcom-wh-foot b,.wcom-wh-foot small{display:block}.wcom-wh-foot span{font-size:10px;color:#94a3b8}.wcom-wh-foot b{font-size:11px;color:#475569;margin-top:4px}.wcom-wh-foot small{font-size:10px;color:#94a3b8;margin-top:3px}.wcom-wh-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.wcom-wh-loading,.wcom-wh-empty,.wcom-wh-error{background:#fff;border:1px dashed #cbd5e1;border-radius:16px;padding:30px;text-align:center;color:#64748b}.wcom-wh-empty h3{margin:8px 0 5px;color:#0f172a}.wcom-wh-empty p{margin:0 0 15px}.wcom-wh-error{color:#b42318}.wcom-wh-modal{position:fixed;inset:0;background:rgba(15,23,42,.62);backdrop-filter:blur(6px);z-index:2147483647;display:flex;align-items:center;justify-content:center;padding:20px;direction:rtl}.wcom-wh-modal-box{width:min(680px,96vw);background:#fff;border-radius:20px;box-shadow:0 30px 100px rgba(2,6,23,.4);overflow:hidden}.wcom-wh-modal-head{padding:18px 20px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between}.wcom-wh-modal-head>div>span{font-size:11px;color:#64748b;font-weight:800}.wcom-wh-modal-head h2{margin:4px 0 0;color:#0f172a}.wcom-wh-close{border:0;background:#f1f5f9;color:#334155;width:40px;height:40px;border-radius:11px;font-size:24px;cursor:pointer}.wcom-wh-modal-body{padding:20px}.wcom-wh-default-check{display:flex!important;align-items:center;gap:8px}.wcom-wh-default-check input{width:auto!important}.wcom-wh-help{margin-top:14px;padding:11px 13px;background:#f8fafc;border-radius:11px;color:#64748b;font-size:11px;line-height:1.7}.wcom-wh-modal-foot{padding:14px 20px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-start;gap:8px}.wcom-a-badge{display:inline-flex;padding:6px 10px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:11px;font-weight:800}
@media(max-width:1050px){.wcom-wh-kpis{grid-template-columns:repeat(3,1fr)}.wcom-wh-grid{grid-template-columns:1fr}}@media(max-width:700px){.wcom-wh-hero{flex-direction:column;align-items:stretch}.wcom-wh-kpis{grid-template-columns:repeat(2,1fr)}.wcom-wh-stats{grid-template-columns:repeat(3,1fr)}.wcom-wh-foot{flex-direction:column;align-items:stretch}.wcom-wh-actions{justify-content:flex-start}}@media(max-width:430px){.wcom-wh-kpis{grid-template-columns:1fr}.wcom-wh-stats{grid-template-columns:repeat(2,1fr)}}

/* WebCom POS 3.2.18 — supplier management */
.wcom-sup-page{display:flex;flex-direction:column;gap:16px}.wcom-sup-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 24px;border:1px solid #dbe4f0;border-radius:18px;background:linear-gradient(135deg,#f8fbff,#fff);box-shadow:0 8px 25px rgba(15,23,42,.04)}.wcom-sup-hero h2{margin:8px 0 5px;color:#0f172a;font-size:24px}.wcom-sup-hero p{margin:0;color:#64748b;line-height:1.7}.wcom-sup-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.wcom-sup-kpi{background:#fff;border:1px solid #dbe4f0;border-radius:16px;padding:16px;min-height:86px;box-shadow:0 5px 18px rgba(15,23,42,.035)}.wcom-sup-kpi span{display:block;color:#64748b;font-size:12px;font-weight:800}.wcom-sup-kpi strong{display:block;color:#1e3a8a;font-size:23px;margin-top:9px}.wcom-sup-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.wcom-sup-toolbar h2{margin:0 0 4px}.wcom-sup-toolbar small{color:#64748b}.wcom-sup-toolbar input{width:min(360px,100%);padding:11px 13px;border:1px solid #cbd5e1;border-radius:10px;box-sizing:border-box}.wcom-sup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.wcom-sup-card{background:#fff;border:1px solid #dbe4f0;border-radius:17px;padding:17px;box-shadow:0 6px 22px rgba(15,23,42,.04)}.wcom-sup-card-head{display:flex;align-items:center;gap:11px}.wcom-sup-avatar{width:44px;height:44px;border-radius:13px;background:#eff6ff;color:#1d4ed8;display:grid;place-items:center;font-size:22px}.wcom-sup-title{min-width:0;flex:1}.wcom-sup-title h3{margin:0;color:#0f172a;font-size:17px}.wcom-sup-title span{display:block;color:#64748b;font-size:11px;margin-top:4px}.wcom-sup-status{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:900;white-space:nowrap}.wcom-sup-status.paid{background:#ecfdf5;color:#047857}.wcom-sup-status.partial{background:#fff7ed;color:#b45309}.wcom-sup-status.due{background:#fef2f2;color:#b42318}.wcom-sup-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:15px}.wcom-sup-stats>div{background:#f8fafc;border-radius:11px;padding:10px 7px;text-align:center}.wcom-sup-stats span{display:block;color:#64748b;font-size:9px}.wcom-sup-stats b{display:block;color:#0f172a;font-size:13px;margin-top:5px}.wcom-sup-meta{display:flex;justify-content:space-between;gap:10px;margin-top:13px;padding-top:11px;border-top:1px solid #eef2f7;color:#94a3b8;font-size:10px}.wcom-sup-meta b{color:#475569}.wcom-sup-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.wcom-sup-actions .wcom-a-btn{font-size:11px;padding:8px 10px}.wcom-sup-modal{position:fixed;inset:0;width:100vw;height:100vh;background:rgba(15,23,42,.62);backdrop-filter:blur(6px);z-index:2147483647;display:flex;align-items:center;justify-content:center;padding:18px;box-sizing:border-box;direction:rtl}.wcom-sup-modal-box{width:min(1080px,96vw);max-height:92vh;background:#fff;border-radius:20px;box-shadow:0 30px 100px rgba(2,6,23,.4);overflow:hidden;display:flex;flex-direction:column}.wcom-sup-modal-head{padding:18px 20px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;gap:15px}.wcom-sup-modal-head>div{min-width:0}.wcom-sup-modal-head span{display:block;font-size:11px;color:#64748b;font-weight:800}.wcom-sup-modal-head h2{margin:5px 0 2px;color:#0f172a}.wcom-sup-modal-head small{color:#64748b}.wcom-sup-close{border:0;background:#f1f5f9;color:#334155;width:40px;height:40px;border-radius:11px;font-size:24px;cursor:pointer}.wcom-sup-modal-body{padding:20px;overflow:auto;min-height:0;background:#f8fafc}.wcom-sup-modal-foot{padding:14px 20px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-start;gap:8px}.wcom-sup-detail-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-bottom:18px}.wcom-sup-detail-kpis>div{background:#fff;border:1px solid #e2e8f0;border-radius:13px;padding:12px}.wcom-sup-detail-kpis span{display:block;color:#64748b;font-size:10px}.wcom-sup-detail-kpis strong{display:block;margin-top:6px;color:#1e3a8a;font-size:17px}.wcom-sup-detail-kpis strong.due{color:#b42318}.wcom-sup-statement-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:5px 0 10px}.wcom-sup-statement-head h3{margin:0;color:#0f172a}.wcom-sup-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:auto;max-height:48vh}.wcom-sup-table{width:100%;min-width:850px;border-collapse:collapse}.wcom-sup-table th{background:#f1f5f9;color:#475569;font-size:11px;padding:10px;text-align:right}.wcom-sup-table td{border-top:1px solid #eef2f7;padding:10px;font-size:11px;color:#334155}.wcom-sup-payment-balance{display:flex;justify-content:space-between;align-items:center;background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;padding:15px;margin-bottom:15px}.wcom-sup-payment-balance span{color:#9a3412;font-size:12px;font-weight:800}.wcom-sup-payment-balance strong{font-size:23px;color:#c2410c}@media(max-width:1000px){.wcom-sup-grid{grid-template-columns:1fr}.wcom-sup-detail-kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:750px){.wcom-sup-hero,.wcom-sup-toolbar{align-items:stretch;flex-direction:column}.wcom-sup-kpis{grid-template-columns:repeat(2,1fr)}.wcom-sup-stats{grid-template-columns:repeat(2,1fr)}.wcom-sup-meta{flex-direction:column}.wcom-sup-detail-kpis{grid-template-columns:repeat(2,1fr)}.wcom-sup-toolbar input{width:100%}}@media(max-width:430px){.wcom-sup-kpis{grid-template-columns:1fr}.wcom-sup-detail-kpis{grid-template-columns:1fr}}
/* Purchases center - 3.2.19 */
.wcom-pur-page{display:flex;flex-direction:column;gap:16px}.wcom-pur-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px;border:1px solid #dbe5f1;border-radius:18px;background:linear-gradient(135deg,#f8fbff,#fff);box-shadow:0 8px 30px rgba(15,23,42,.05)}.wcom-pur-hero h2{margin:7px 0 5px;font-size:28px}.wcom-pur-hero p{margin:0;color:#64748b}.wcom-pur-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.wcom-pur-kpi{padding:18px;border:1px solid #dbe5f1;border-radius:16px;background:#fff;box-shadow:0 6px 22px rgba(15,23,42,.04)}.wcom-pur-kpi span,.wcom-pur-kpi small{display:block;color:#64748b}.wcom-pur-kpi strong{display:block;font-size:23px;color:#173f88;margin:6px 0}.wcom-pur-kpi.danger strong{color:#b45309}.wcom-pur-kpi.today strong{color:#059669}.wcom-pur-toolbar-card{padding:18px}.wcom-pur-toolbar{display:grid;grid-template-columns:minmax(220px,1.8fr) repeat(3,minmax(150px,1fr)) auto;gap:10px;margin-bottom:16px}.wcom-pur-toolbar input,.wcom-pur-toolbar select{min-width:0;padding:11px 12px;border:1px solid #d5dfec;border-radius:10px;background:#fff}.wcom-pur-table-wrap{overflow:auto}.wcom-pur-table{min-width:1050px}.wcom-pur-table td{vertical-align:middle}.wcom-pur-status{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800}.wcom-pur-status.paid{background:#dcfce7;color:#166534}.wcom-pur-status.partial{background:#fef3c7;color:#92400e}.wcom-pur-status.due{background:#fee2e2;color:#991b1b}.wcom-pur-due{font-weight:800;color:#b91c1c}.wcom-pur-by{display:block;color:#94a3b8;font-size:11px;margin-top:3px}.wcom-pur-form-overlay,.wcom-pur-modal{position:fixed;inset:0;z-index:2147483000;background:rgba(15,23,42,.62);display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;direction:rtl}.wcom-pur-form,.wcom-pur-modal-box{width:min(1120px,96vw);max-height:94vh;overflow:hidden;background:#fff;border-radius:22px;box-shadow:0 30px 100px rgba(2,6,23,.35);display:flex;flex-direction:column}.wcom-pur-form-head,.wcom-pur-modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 26px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#f8fbff,#fff)}.wcom-pur-form-head h2,.wcom-pur-modal-head h2{margin:5px 0;font-size:24px}.wcom-pur-form-head p{margin:0;color:#64748b}.wcom-pur-form-x,.wcom-pur-x{border:0;background:#f1f5f9;color:#334155;width:42px;height:42px;border-radius:12px;font-size:25px;cursor:pointer}.wcom-pur-form-body,.wcom-pur-detail-body{overflow:auto;padding:22px 26px}.wcom-pur-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.wcom-pur-form-grid label,.wcom-pur-notes-field{display:flex;flex-direction:column;gap:6px;font-weight:700;color:#334155}.wcom-pur-form-grid input,.wcom-pur-form-grid select,.wcom-pur-notes-field textarea,.wcom-pur-payment-box input,.wcom-pur-payment-box select{padding:11px;border:1px solid #d5dfec;border-radius:10px;background:#fff}.wcom-pur-line-head{display:flex;align-items:center;justify-content:space-between;margin:22px 0 10px}.wcom-pur-line-head h3,.wcom-pur-items h3,.wcom-pur-payments h3,.wcom-pur-payment-box h3{margin:0}.wcom-pur-line{display:grid;grid-template-columns:minmax(260px,2fr) 130px 160px 150px auto;gap:10px;align-items:end;padding:12px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc;margin-bottom:8px}.wcom-pur-line label{display:flex;flex-direction:column;gap:6px;color:#475569;font-weight:700}.wcom-pur-line input,.wcom-pur-line select{padding:10px;border:1px solid #d5dfec;border-radius:9px;background:#fff}.wpf-line-total{padding:10px 12px;border-radius:9px;background:#fff;border:1px solid #e2e8f0}.wpf-line-total span{display:block;font-size:11px;color:#64748b}.wpf-line-total b{font-size:16px}.wcom-pur-form-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.wcom-pur-form-summary>div{padding:14px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0}.wcom-pur-form-summary span{display:block;color:#64748b;font-size:12px}.wcom-pur-form-summary b{display:block;margin-top:5px;font-size:18px}.wcom-pur-form-summary input{width:100%;box-sizing:border-box;margin-top:5px;padding:9px;border:1px solid #cbd5e1;border-radius:9px}.wcom-pur-form-summary .due b{color:#b91c1c}.wcom-pur-payment-note{margin:10px 0;padding:11px 13px;border-radius:10px;background:#f8fafc;color:#475569}.wcom-pur-notes-field{margin-top:14px}.wcom-pur-notes-field textarea{min-height:80px;resize:vertical}.wcom-pur-form-foot,.wcom-pur-modal-foot{display:flex;justify-content:flex-start;gap:9px;padding:15px 26px;border-top:1px solid #e2e8f0;background:#f8fafc}.wcom-pur-detail-top{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}.wcom-pur-detail-top>div{padding:14px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}.wcom-pur-detail-top span{display:block;color:#64748b;font-size:12px}.wcom-pur-detail-top b{display:block;margin-top:5px}.wcom-pur-detail-due{color:#b91c1c}.wcom-pur-detail-fin{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.wcom-pur-detail-fin>div{padding:15px;border-radius:12px;background:#eff6ff}.wcom-pur-detail-fin span{display:block;color:#64748b}.wcom-pur-detail-fin b{display:block;font-size:20px;margin-top:5px}.wcom-pur-payment-box{margin-top:20px;padding:18px;border:1px solid #bfdbfe;border-radius:15px;background:#f8fbff}.wcom-pur-payment-box .wcom-a-grid{margin-top:12px}.wcom-pur-notes{margin-top:14px;color:#475569;white-space:pre-wrap}.wcom-pur-modal-box{width:min(1120px,96vw)}
@media(max-width:900px){.wcom-pur-kpis{grid-template-columns:repeat(2,1fr)}.wcom-pur-toolbar{grid-template-columns:1fr 1fr}.wcom-pur-form-grid,.wcom-pur-detail-top{grid-template-columns:1fr 1fr}.wcom-pur-form-summary{grid-template-columns:1fr 1fr}.wcom-pur-line{grid-template-columns:1fr 1fr}.wpf-line-total{grid-column:1/2}}
@media(max-width:600px){.wcom-pur-hero{align-items:stretch;flex-direction:column}.wcom-pur-kpis,.wcom-pur-toolbar,.wcom-pur-form-grid,.wcom-pur-detail-top,.wcom-pur-form-summary{grid-template-columns:1fr}.wcom-pur-line{grid-template-columns:1fr}.wcom-pur-form,.wcom-pur-modal-box{max-height:96vh}.wcom-pur-form-head,.wcom-pur-modal-head,.wcom-pur-form-body,.wcom-pur-detail-body{padding:16px}.wcom-pur-form-foot,.wcom-pur-modal-foot{padding:12px 16px}}

/* WebCom POS — 3.2.20 professional batches & expiry center */
.wcom-batch-page{display:flex;flex-direction:column;gap:16px}.wcom-batch-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px;border:1px solid #dbe5f1;border-radius:18px;background:linear-gradient(135deg,#f8fbff,#fff);box-shadow:0 8px 30px rgba(15,23,42,.05)}.wcom-batch-hero h2{margin:7px 0 5px;font-size:28px}.wcom-batch-hero p{margin:0;color:#64748b}.wcom-batch-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.wcom-batch-kpi{padding:17px;border:1px solid #dbe5f1;border-radius:16px;background:#fff;box-shadow:0 6px 22px rgba(15,23,42,.04)}.wcom-batch-kpi span,.wcom-batch-kpi small{display:block;color:#64748b}.wcom-batch-kpi strong{display:block;font-size:23px;color:#173f88;margin:6px 0}.wcom-batch-kpi.warn strong{color:#b45309}.wcom-batch-kpi.danger strong{color:#b91c1c}.wcom-batch-kpi.due strong{color:#7c3aed}.wcom-batch-toolbar-card{padding:16px}.wcom-batch-toolbar{display:grid;grid-template-columns:minmax(260px,2fr) repeat(3,minmax(145px,1fr)) auto;gap:10px}.wcom-batch-toolbar input,.wcom-batch-toolbar select{min-width:0;padding:11px 12px;border:1px solid #d5dfec;border-radius:10px;background:#fff}.wcom-batch-table-wrap{overflow:auto}.wcom-batch-table{width:100%;min-width:1080px;border-collapse:collapse}.wcom-batch-table th{background:#f1f5f9;color:#475569;font-size:11px;padding:11px;text-align:right;white-space:nowrap}.wcom-batch-table td{border-top:1px solid #eef2f7;padding:11px;font-size:12px;color:#334155;vertical-align:middle}.wcom-batch-table td>b{display:block;color:#0f172a}.wcom-batch-table td small{display:block;color:#64748b;font-size:10px;margin-top:4px}.wcom-batch-status{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}.wcom-batch-status.valid{background:#dcfce7;color:#166534}.wcom-batch-status.expiring{background:#fef3c7;color:#92400e}.wcom-batch-status.expired{background:#fee2e2;color:#991b1b}.wcom-batch-status.depleted{background:#e5e7eb;color:#475569}.wcom-batch-status.no-expiry{background:#e0f2fe;color:#075985}.wcom-batch-status.untracked{background:#dbeafe;color:#1d4ed8}.wcom-batch-kpi.untracked strong{color:#1d4ed8}.wcom-batch-untracked-note{display:inline-flex;padding:6px 8px;border-radius:9px;background:#eff6ff;color:#1d4ed8;font-size:10px;font-weight:800;white-space:nowrap}.wcom-batch-pay{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:10px;font-weight:800;margin-top:4px}.wcom-batch-pay.paid{background:#dcfce7;color:#166534}.wcom-batch-pay.partial{background:#fef3c7;color:#92400e}.wcom-batch-pay.due{background:#fee2e2;color:#991b1b}.wcom-batch-empty{text-align:center;padding:55px 20px;color:#64748b}.wcom-batch-empty>div{font-size:34px;color:#2563eb}.wcom-batch-empty h3{margin:8px 0;color:#334155}.wcom-batch-empty.error{color:#991b1b}.wcom-batch-modal{position:fixed;inset:0;width:100vw;height:100vh;background:rgba(15,23,42,.62);backdrop-filter:blur(6px);z-index:2147483647;display:flex;align-items:center;justify-content:center;padding:18px;box-sizing:border-box;direction:rtl}.wcom-batch-modal-box{width:min(1050px,96vw);max-height:92vh;background:#fff;border-radius:20px;box-shadow:0 30px 100px rgba(2,6,23,.4);overflow:hidden;display:flex;flex-direction:column}.wcom-batch-modal-head{padding:19px 22px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;gap:15px;background:linear-gradient(135deg,#f8fbff,#fff)}.wcom-batch-modal-head span{display:block;font-size:11px;color:#64748b;font-weight:800}.wcom-batch-modal-head h2{margin:5px 0;color:#0f172a}.wcom-batch-modal-head small{color:#64748b}.wcom-batch-close{border:0;background:#f1f5f9;color:#334155;width:40px;height:40px;border-radius:11px;font-size:24px;cursor:pointer}.wcom-batch-modal-body{padding:20px;overflow:auto;background:#f8fafc}.wcom-batch-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.wcom-batch-detail-grid>div{background:#fff;border:1px solid #e2e8f0;border-radius:13px;padding:13px}.wcom-batch-detail-grid span:not(.wcom-batch-status){display:block;color:#64748b;font-size:11px}.wcom-batch-detail-grid b{display:block;margin-top:6px;color:#0f172a}.wcom-batch-finance{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.wcom-batch-finance>div{padding:15px;border-radius:13px;background:#eff6ff;border:1px solid #dbeafe}.wcom-batch-finance span{display:block;color:#64748b;font-size:11px}.wcom-batch-finance b{display:block;font-size:19px;margin-top:5px;color:#173f88}.wcom-batch-history{margin-top:14px;padding:16px;border:1px solid #e2e8f0;border-radius:14px;background:#fff}.wcom-batch-history h3{margin:0 0 9px}.wcom-batch-history p{margin:7px 0;color:#475569}.wcom-batch-modal-foot{display:flex;justify-content:flex-start;gap:9px;padding:14px 20px;border-top:1px solid #e2e8f0;background:#fff}@media(max-width:1000px){.wcom-batch-kpis{grid-template-columns:repeat(3,1fr)}.wcom-batch-toolbar{grid-template-columns:1fr 1fr}.wcom-batch-detail-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.wcom-batch-hero{align-items:stretch;flex-direction:column}.wcom-batch-kpis{grid-template-columns:1fr 1fr}.wcom-batch-toolbar{grid-template-columns:1fr}.wcom-batch-detail-grid,.wcom-batch-finance{grid-template-columns:1fr}.wcom-batch-modal-box{max-height:96vh}.wcom-batch-modal-head,.wcom-batch-modal-body,.wcom-batch-modal-foot{padding:15px}}
.wcom-cus-page{display:grid;gap:16px}.wcom-cus-hero{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px;border-radius:20px;background:linear-gradient(135deg,#0f244f,#2563df);color:#fff}.wcom-cus-hero h2{margin:5px 0}.wcom-cus-hero p{margin:0;color:#dbeafe}.wcom-cus-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.wcom-cus-kpi{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:16px}.wcom-cus-kpi span,.wcom-cus-kpi small{display:block;color:#64748b;font-size:12px}.wcom-cus-kpi strong{display:block;font-size:23px;margin:6px 0}.wcom-cus-kpi .danger,.wcom-cus-card .danger{color:#b91c1c}.wcom-cus-kpi .good,.wcom-cus-card .good{color:#15803d}.wcom-cus-toolbar{display:grid;grid-template-columns:1.5fr .7fr auto;gap:10px}.wcom-cus-toolbar input,.wcom-cus-toolbar select{width:100%;box-sizing:border-box}.wcom-cus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.wcom-cus-card{border:1px solid #e2e8f0;border-radius:16px;padding:16px;background:#fff}.wcom-cus-card-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.wcom-cus-card h3{margin:0 0 4px}.wcom-cus-card small{color:#64748b}.wcom-cus-status{padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800}.wcom-cus-status.due{background:#fee2e2;color:#991b1b}.wcom-cus-status.paid{background:#dcfce7;color:#166534}.wcom-cus-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.wcom-cus-card-stats div{background:#f8fafc;border-radius:11px;padding:10px}.wcom-cus-card-stats span{display:block;color:#64748b;font-size:11px}.wcom-cus-card-stats strong{display:block;margin-top:4px}.wcom-cus-card-actions{display:flex;gap:8px}.wcom-cus-card-actions button{flex:1}.wcom-cus-empty,.wcom-cus-error{padding:30px;text-align:center;color:#64748b}.wcom-cus-error{color:#991b1b;background:#fff7f7}.wcom-cus-form-head,.wcom-cus-ledger-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.wcom-cus-modal{position:fixed;inset:0;background:rgba(15,23,42,.65);z-index:2147483647;display:flex;align-items:center;justify-content:center;padding:18px;direction:rtl}.wcom-cus-dialog,.wcom-cus-payment{width:min(1120px,96vw);max-height:92vh;background:#fff;border-radius:20px;box-shadow:0 30px 100px rgba(2,6,23,.35);overflow:hidden;display:flex;flex-direction:column}.wcom-cus-payment{width:min(520px,94vw)}.wcom-cus-dialog-head{padding:17px 20px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.wcom-cus-dialog-head span{font-size:12px;color:#64748b;font-weight:700}.wcom-cus-dialog-head h2{margin:3px 0}.wcom-cus-close{border:0;background:#f1f5f9;border-radius:10px;width:40px;height:40px;font-size:25px;cursor:pointer}.wcom-cus-dialog-body,.wcom-cus-payment-body{padding:18px;overflow:auto}.wcom-cus-detail-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.wcom-cus-detail-kpis div{padding:13px;border:1px solid #e2e8f0;border-radius:13px;background:#f8fafc}.wcom-cus-detail-kpis span{display:block;color:#64748b;font-size:12px}.wcom-cus-detail-kpis strong{display:block;font-size:19px;margin-top:4px}.wcom-cus-ledger-wrap{overflow:auto;margin-top:10px}.wcom-cus-ledger{width:100%;min-width:900px;border-collapse:collapse}.wcom-cus-ledger th,.wcom-cus-ledger td{padding:10px;border-bottom:1px solid #e2e8f0;text-align:right;white-space:nowrap}.wcom-cus-ledger th{background:#f8fafc;font-size:12px}.wcom-cus-payment-due{padding:15px;background:#fff7ed;border:1px solid #fed7aa;border-radius:13px;margin-bottom:15px}.wcom-cus-payment-due strong{font-size:22px;color:#c2410c;display:block;margin-top:4px}.wcom-cus-payment-body label{display:block;margin:12px 0;font-weight:700}.wcom-cus-payment-body input,.wcom-cus-payment-body select,.wcom-cus-payment-body textarea{display:block;width:100%;box-sizing:border-box;margin-top:6px}.wcom-cus-payment-body textarea{min-height:80px}
@media(max-width:900px){.wcom-cus-kpis,.wcom-cus-detail-kpis{grid-template-columns:1fr 1fr}.wcom-cus-grid{grid-template-columns:1fr}.wcom-cus-toolbar{grid-template-columns:1fr}.wcom-cus-hero{flex-direction:column;align-items:flex-start}}
/* WebCom POS 3.2.23 — Returns history */
.wcom-return-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.wcom-return-kpis>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:15px 16px}.wcom-return-kpis span,.wcom-return-kpis small{display:block;color:#64748b;font-size:12px}.wcom-return-kpis strong{display:block;margin:5px 0;font-size:23px;color:#0f172a}.wcom-return-history-panel{margin-top:16px}.wcom-return-history-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.wcom-return-history-head h2{margin:4px 0}.wcom-return-table-wrap{overflow:auto;border:1px solid #e2e8f0;border-radius:16px;background:#fff}.wcom-return-table{width:100%;border-collapse:collapse;min-width:980px}.wcom-return-table th,.wcom-return-table td{padding:11px 10px;border-bottom:1px solid #edf2f7;text-align:right;vertical-align:middle}.wcom-return-table th{background:#f8fafc;color:#475569;font-size:12px}.wcom-return-table td small{display:block;color:#64748b;margin-top:3px}.wcom-return-status{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:12px;font-weight:800}.wcom-return-status.completed{background:#dcfce7;color:#166534}.wcom-return-loading,.wcom-return-empty,.wcom-return-error{padding:28px;text-align:center;border:1px dashed #cbd5e1;border-radius:16px;background:#f8fafc;color:#64748b}.wcom-return-empty h3{margin:8px 0 4px;color:#334155}.wcom-return-empty div{font-size:30px}.wcom-return-error{color:#b91c1c;background:#fff7f7}.wcom-return-modal{position:fixed;inset:0;z-index:2147483647;background:rgba(15,23,42,.62);display:flex;align-items:center;justify-content:center;padding:20px;direction:rtl}.wcom-return-dialog{width:min(1050px,96vw);max-height:92vh;background:#fff;border-radius:22px;box-shadow:0 30px 100px rgba(2,6,23,.35);overflow:hidden;display:flex;flex-direction:column}.wcom-return-dialog-head{padding:18px 20px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;gap:14px}.wcom-return-dialog-head span{font-size:12px;color:#64748b;font-weight:700}.wcom-return-dialog-head h2{margin:3px 0;font-size:21px;color:#0f172a}.wcom-return-dialog-head small{color:#64748b}.wcom-return-dialog-actions{display:flex;align-items:center;gap:8px}.wcom-return-modal-close{border:0;background:#f1f5f9;width:42px;height:42px;border-radius:12px;font-size:25px;cursor:pointer;color:#334155}.wcom-return-dialog-body{padding:20px;overflow:auto}.wcom-return-detail-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.wcom-return-detail-kpis>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:15px;padding:13px}.wcom-return-detail-kpis span{display:block;color:#64748b;font-size:12px}.wcom-return-detail-kpis strong{display:block;margin-top:5px;font-size:19px}.wcom-return-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}.wcom-return-meta>div{padding:12px;border:1px solid #e2e8f0;border-radius:13px}.wcom-return-meta span{display:block;color:#64748b;font-size:11px;margin-bottom:4px}.wcom-return-items h3{margin:0 0 10px}.wcom-return-items .wcom-a-table{width:100%}@media(max-width:900px){.wcom-return-kpis,.wcom-return-detail-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.wcom-return-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.wcom-return-kpis,.wcom-return-detail-kpis,.wcom-return-meta{grid-template-columns:1fr}.wcom-return-dialog-head{align-items:flex-start}.wcom-return-dialog-actions{flex-wrap:wrap}}
/* WebCom POS 3.2.24 — Expenses center */
.wcom-exp-page{display:flex;flex-direction:column;gap:16px}.wcom-exp-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px;border:1px solid #dbe5f1;border-radius:20px;background:linear-gradient(135deg,#f8fbff,#fff);box-shadow:0 8px 30px rgba(15,23,42,.05)}.wcom-exp-hero h2{margin:7px 0 5px;font-size:28px;color:#12264a}.wcom-exp-hero p{margin:0;color:#64748b}.wcom-exp-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.wcom-exp-kpi{padding:17px;border:1px solid #dbe5f1;border-radius:16px;background:#fff;box-shadow:0 6px 22px rgba(15,23,42,.04)}.wcom-exp-kpi span,.wcom-exp-kpi small{display:block;color:#64748b}.wcom-exp-kpi strong{display:block;font-size:22px;color:#173f88;margin:6px 0}.wcom-exp-kpi.cash strong{color:#b45309}.wcom-exp-kpi.muted strong{color:#64748b}.wcom-exp-form-card{border-color:#bfdbfe;background:#f8fbff}.wcom-exp-form-head,.wcom-exp-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px}.wcom-exp-form-head h3,.wcom-exp-toolbar h3,.wcom-exp-bottom h3{margin:0 0 4px;color:#12264a}.wcom-exp-form-head small,.wcom-exp-toolbar small,.wcom-exp-bottom small{color:#64748b}.wcom-exp-toolbar{display:grid;grid-template-columns:minmax(240px,1.6fr) 180px 190px auto;gap:10px;align-items:end;margin-bottom:16px}.wcom-exp-toolbar>div{min-width:0}.wcom-exp-toolbar input,.wcom-exp-toolbar select{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid #d5dfec;border-radius:10px;background:#fff}.wcom-exp-table-wrap{overflow:auto}.wcom-exp-table{width:100%;min-width:980px;border-collapse:collapse}.wcom-exp-table th,.wcom-exp-table td{padding:12px 10px;border-bottom:1px solid #edf2f7;text-align:right;vertical-align:middle}.wcom-exp-table th{background:#f7f9fc;color:#475569}.wcom-exp-table tr.is-voided{opacity:.72;background:#fffafa}.wcom-exp-method{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:800}.wcom-exp-status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800}.wcom-exp-status.active{background:#dcfce7;color:#166534}.wcom-exp-status.voided{background:#fee2e2;color:#991b1b}.wcom-exp-reason{display:block;margin-top:4px;color:#991b1b;font-size:11px}.wcom-exp-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.wcom-exp-cat{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border:1px solid #e2e8f0;border-radius:13px;background:#f8fafc}.wcom-exp-cat b,.wcom-exp-cat small{display:block}.wcom-exp-cat small{color:#64748b;margin-top:3px;font-size:11px}.wcom-exp-cat strong{color:#173f88}.wcom-exp-loading,.wcom-exp-empty{padding:30px;text-align:center;color:#64748b}.wcom-exp-empty.error{background:#fee2e2;color:#991b1b;border-radius:12px}.wcom-exp-bottom{align-items:flex-start;flex-direction:column}
@media(max-width:1050px){.wcom-exp-kpis{grid-template-columns:repeat(3,1fr)}.wcom-exp-toolbar{grid-template-columns:1fr 1fr}.wcom-exp-categories{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.wcom-exp-hero,.wcom-exp-form-head{align-items:flex-start;flex-direction:column}.wcom-exp-kpis{grid-template-columns:1fr 1fr}.wcom-exp-toolbar{grid-template-columns:1fr}.wcom-exp-categories{grid-template-columns:1fr}}
/* 3.2.26 Treasury & cashier shifts */
.wcom-treasury-page{display:flex;flex-direction:column;gap:16px}.wcom-treasury-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;border:1px solid #dbe5f1;border-radius:22px;background:linear-gradient(135deg,#f8fbff,#fff 55%,#f0fdf9);box-shadow:0 10px 32px rgba(15,23,42,.06)}.wcom-treasury-hero h2{margin:7px 0 5px;font-size:28px;color:#12264a}.wcom-treasury-hero p{margin:0;color:#64748b;line-height:1.7}.wcom-treasury-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.wcom-treasury-kpis small{display:block;color:#64748b;margin-top:4px}.wcom-treasury-toolbar{display:grid;grid-template-columns:180px 1fr 1fr 220px auto;gap:10px;align-items:end}.wcom-treasury-toolbar select,.wcom-treasury-toolbar input{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid #d5dfec;border-radius:11px;background:#fff}.wcom-treasury-table-wrap{overflow:auto}.wcom-treasury-table-wrap .wcom-a-table{min-width:1180px}.wcom-t-status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:850}.wcom-t-status.open{background:#dcfce7;color:#166534}.wcom-t-status.closed{background:#e2e8f0;color:#475569}.wcom-t-positive{color:#15803d;font-weight:850}.wcom-t-negative{color:#b91c1c;font-weight:850}.wcom-treasury-empty{padding:34px;text-align:center;color:#64748b;background:#f8fafc;border-radius:14px}.wcom-treasury-empty.error{background:#fef2f2;color:#991b1b}.wcom-t-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:16px}.wcom-t-detail-head h3{margin:7px 0 4px;color:#12264a}.wcom-t-detail-head small{color:#64748b}.wcom-t-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.wcom-t-detail-grid>div{padding:14px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc}.wcom-t-detail-grid span{display:block;color:#64748b;font-size:12px}.wcom-t-detail-grid b{display:block;margin-top:5px;color:#173f8f;font-size:19px}.wcom-t-detail-grid .expected{background:#eff6ff;border-color:#bfdbfe}.wcom-t-detail-grid .difference{background:#f8fafc}.wcom-t-reason{margin-top:12px;padding:12px 14px;border-radius:12px;background:#fff7ed;color:#9a3412}.wcom-t-modal{position:fixed;inset:0;z-index:2147483647;background:rgba(15,23,42,.58);display:flex;align-items:center;justify-content:center;padding:20px;direction:rtl}.wcom-t-modal-card{width:min(520px,94vw);background:#fff;border-radius:22px;padding:22px;box-shadow:0 30px 100px rgba(2,6,23,.3);border:1px solid #e2e8f0}.wcom-t-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:18px}.wcom-t-modal-head h3{margin:7px 0 4px;color:#12264a}.wcom-t-modal-head small{color:#64748b}.wcom-t-modal-card label{display:block;font-weight:800;color:#334155;margin:12px 0}.wcom-t-modal-card input,.wcom-t-modal-card select{width:100%;box-sizing:border-box;margin-top:6px;padding:12px;border:1px solid #cbd7e6;border-radius:11px;background:#fff}@media(max-width:1050px){.wcom-treasury-kpis{grid-template-columns:repeat(3,1fr)}.wcom-treasury-toolbar{grid-template-columns:1fr 1fr}.wcom-t-detail-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.wcom-treasury-hero{align-items:flex-start;flex-direction:column}.wcom-treasury-kpis{grid-template-columns:1fr 1fr}.wcom-treasury-toolbar{grid-template-columns:1fr}.wcom-t-detail-grid{grid-template-columns:1fr}}
.wcom-tools-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px;border-radius:20px;background:linear-gradient(135deg,#0f2f75,#2563eb);color:#fff;margin-bottom:18px}.wcom-tools-hero h2{color:#fff;margin:7px 0;font-size:27px}.wcom-tools-hero p{margin:0;color:rgba(255,255,255,.82);line-height:1.8}.wcom-tools-hero .wcom-a-badge{background:rgba(255,255,255,.14);color:#fff}.wcom-tools-hero-icon{font-size:54px;background:rgba(255,255,255,.12);width:88px;height:88px;border-radius:24px;display:flex;align-items:center;justify-content:center}.wcom-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px}.wcom-tool-card{background:#fff;border:1px solid #dbe5f1;border-radius:18px;padding:22px;box-shadow:0 8px 24px rgba(15,23,42,.05)}.wcom-tool-card h3{margin:7px 0;font-size:19px}.wcom-tool-card p{color:#64748b;line-height:1.8}.wcom-tool-wide{grid-column:1/-1}.wcom-tool-icon{font-size:27px}.wcom-tool-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}.wcom-tool-form label{font-weight:700;font-size:13px;color:#334155}.wcom-tool-form input,.wcom-tool-form select{display:block;width:100%;margin-top:6px;box-sizing:border-box}.wcom-tool-actions{display:flex;gap:8px;flex-wrap:wrap}.wcom-tool-card .danger{background:#b91c1c}.wcom-tool-card input[type=file]{display:block;width:100%;margin:12px 0}.wcom-tools-section-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.wcom-tool-card #fm-tool-backup-msg,.wcom-tool-card #fm-tool-restore-msg,.wcom-tool-card #fm-tool-export-msg{margin-top:10px;font-size:13px;color:#166534}@media(max-width:900px){.wcom-tools-grid{grid-template-columns:1fr}.wcom-tool-wide{grid-column:auto}.wcom-tool-form{grid-template-columns:1fr 1fr}.wcom-tools-hero{align-items:flex-start}}@media(max-width:600px){.wcom-tool-form{grid-template-columns:1fr}.wcom-tools-hero-icon{display:none}}

/* 3.2.39 — Professional management summary on Statistics center */
.wcom-management-summary{margin:0 0 20px;padding:22px;border:1px solid #d7e2ef;border-radius:20px;background:#fff;box-shadow:0 8px 28px rgba(15,23,42,.06);direction:rtl}
.wcom-management-summary-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid #e8eef5}
.wcom-management-summary-head h3{margin:6px 0 4px;font-size:22px;color:#132b50}
.wcom-management-summary-head small{display:block;color:#64748b;font-size:12px;line-height:1.8}
.wcom-management-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.wcom-management-summary-item{min-height:116px;padding:16px;border:1px solid #e2e8f0;border-radius:15px;background:#f8fafc;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}
.wcom-management-summary-item span{font-size:13px;font-weight:700;color:#475569;margin-bottom:7px}
.wcom-management-summary-item strong{font-size:25px;color:#173f80;line-height:1.2;direction:ltr;text-align:right}
.wcom-management-summary-item small{margin-top:7px;color:#64748b;font-size:11px;line-height:1.55}
.wcom-management-summary-item.sales{background:#f8fbff}.wcom-management-summary-item.sales strong{color:#1d4ed8}
.wcom-management-summary-item.receivable{background:#fffaf0}.wcom-management-summary-item.receivable strong{color:#b45309}
.wcom-management-summary-item.payable{background:#fff7f7}.wcom-management-summary-item.payable strong{color:#b91c1c}
.wcom-management-summary-item.cash{background:#f2fbf7}.wcom-management-summary-item.cash strong{color:#047857}
.wcom-management-summary-item.profit-realized{background:#f0fdf4}.wcom-management-summary-item.profit-realized strong{color:#15803d}
.wcom-management-summary-item.profit-accounting{background:#eff6ff}.wcom-management-summary-item.profit-accounting strong{color:#1e40af}.wcom-management-summary-item.cash-flow{background:#f8fafc}.wcom-management-summary-item.cash-flow strong{color:#334155}
.wcom-management-summary-note{margin-top:12px;padding:10px 13px;border-radius:11px;background:#f8fafc;color:#64748b;font-size:12px;line-height:1.7}
@media(max-width:1000px){.wcom-management-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.wcom-management-summary-grid{grid-template-columns:1fr}.wcom-management-summary{padding:15px}.wcom-management-summary-head h3{font-size:19px}}

/* 3.3.0 Offline-first sync center */
.wpc-offline-status .wpc-sync-pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:#16a34a}.wpc-sync-list{max-height:55vh;overflow:auto}.wpc-sync-list .wpc-held-row{display:flex;gap:10px;align-items:center;justify-content:space-between;border-bottom:1px solid #eef2f7;padding:10px 0}.wpc-sync-list .wpc-held-row small{display:block;color:#64748b;margin-top:3px}.wpc-sync-list strong{white-space:nowrap}.wpc-offline-status.offline{background:#fff7ed;color:#9a3412;border-color:#fed7aa}.wpc-offline-status.pending{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}

.wcom-manager-offline-status{position:sticky;top:0;z-index:20;margin:0 0 12px;padding:10px 14px;border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;border-radius:10px;font-weight:700}.wcom-manager-offline-status.err{border-color:#fecaca;background:#fef2f2;color:#b91c1c}
.wpc-offline-health{margin:8px 0;padding:8px 12px;border:1px solid #bbf7d0;background:#f0fdf4;color:#166534;border-radius:9px;font-size:12px;font-weight:800}.wpc-offline-health.warn{border-color:#fed7aa;background:#fff7ed;color:#9a3412}

/* WebCom POS 3.8.6 — modern employee & permissions center */
.wcom-emp-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 26px;margin-bottom:14px;border:1px solid #dbe7f5;border-radius:22px;background:linear-gradient(135deg,#f8fbff 0%,#eef5ff 52%,#f7f9ff 100%);box-shadow:0 10px 30px rgba(15,23,42,.05)}
.wcom-emp-hero h2{margin:5px 0 7px;font-size:26px;color:#0f172a}.wcom-emp-hero p{margin:0;color:#64748b;line-height:1.8}.wcom-emp-eyebrow{display:inline-flex;padding:5px 10px;border-radius:999px;background:#e0edff;color:#1d4ed8;font-size:11px;font-weight:900}.wcom-emp-hero-icon{width:62px;height:62px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:#1d4ed8;color:#fff;font-size:29px;box-shadow:0 12px 24px rgba(37,99,235,.22)}
.wcom-emp-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.wcom-emp-stats>div{background:#fff;border:1px solid #e5eaf1;border-radius:17px;padding:15px 17px;box-shadow:0 8px 25px rgba(15,23,42,.045)}.wcom-emp-stats b{display:block;font-size:25px;color:#0f172a}.wcom-emp-stats span{display:block;margin-top:3px;color:#64748b;font-size:12px}
.wcom-emp-card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.wcom-emp-card-head h3{margin:0 0 5px;color:#0f172a}.wcom-emp-card-head p{margin:0;color:#64748b;font-size:12px}.wcom-emp-secure{padding:7px 10px;border-radius:999px;background:#ecfdf5;color:#047857;font-size:11px;font-weight:900;white-space:nowrap}.wcom-emp-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wcom-emp-form-grid label{position:relative}.wcom-emp-form-grid input,.wcom-emp-form-grid select{min-height:42px;box-sizing:border-box}.wcom-emp-pass{position:relative}.wcom-emp-pass input{padding-left:44px!important}.wcom-emp-pass button{position:absolute;left:7px;top:7px;width:30px;height:30px;border:0;border-radius:8px;background:#f1f5f9;color:#64748b;cursor:pointer}.wcom-emp-create-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:16px}.wcom-emp-hint{color:#64748b;font-size:12px}.wcom-emp-primary{min-width:145px}.wcom-emp-list-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.wcom-emp-list-tools input,.wcom-emp-list-tools select{height:40px;border:1px solid #d8e0ea;border-radius:10px;padding:0 11px;background:#fff;min-width:170px}.wcom-emp-list-tools input{min-width:260px}.wcom-emp-list{display:grid;gap:10px}.wcom-emp-row{border:1px solid #e4eaf1;border-radius:16px;background:#fff;overflow:hidden;transition:box-shadow .18s,border-color .18s}.wcom-emp-row:hover{border-color:#cbd8ea;box-shadow:0 10px 25px rgba(15,23,42,.05)}.wcom-emp-main{display:flex;align-items:center;gap:12px;padding:15px 16px 8px}.wcom-emp-avatar{width:44px;height:44px;flex:0 0 44px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:#eff6ff;color:#1d4ed8;font-weight:900;font-size:18px}.wcom-emp-identity strong{display:block;color:#0f172a;font-size:14px}.wcom-emp-identity span{display:inline-block;color:#475569;font-size:11px;margin-top:3px;direction:ltr}.wcom-emp-identity small{display:block;color:#94a3b8;font-size:10px;margin-top:3px}.wcom-emp-meta{display:flex;align-items:center;gap:7px;padding:0 16px 12px;flex-wrap:wrap}.wcom-emp-role,.wcom-emp-status,.wcom-emp-warehouse{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:900}.wcom-emp-role{background:#eef2ff;color:#4338ca}.wcom-emp-role.wcom_cashier{background:#ecfeff;color:#0e7490}.wcom-emp-role.wcom_manager{background:#eff6ff;color:#1d4ed8}.wcom-emp-role.wcom_warehouse{background:#f0fdf4;color:#15803d}.wcom-emp-role.wcom_accountant{background:#fff7ed;color:#c2410c}.wcom-emp-warehouse{background:#f8fafc;color:#475569}.wcom-emp-status{border:0;cursor:pointer}.wcom-emp-status.on{background:#ecfdf5;color:#047857}.wcom-emp-status.off{background:#fef2f2;color:#b91c1c}.wcom-emp-actions{display:grid;grid-template-columns:1fr 1fr auto auto;gap:8px;padding:0 16px 15px}.wcom-emp-actions select{height:39px;border:1px solid #d8e0ea;border-radius:10px;background:#fff;padding:0 10px}.wcom-emp-perm-btn{border:1px solid #d8e0ea;background:#f8fafc;color:#334155;border-radius:10px;padding:0 13px;font-weight:800;cursor:pointer}.wcom-emp-perm-btn.active,.wcom-emp-perm-btn:hover{background:#eef4ff;border-color:#bfd3f7;color:#1d4ed8}.wcom-emp-perms{display:none;border-top:1px solid #edf1f6;background:#fbfdff;padding:16px}.wcom-emp-perms.open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.wcom-emp-perm-group{border:1px solid #e5eaf1;border-radius:13px;background:#fff;padding:12px}.wcom-emp-perm-group h5{margin:0 0 9px;color:#334155;font-size:12px}.wcom-emp-perm-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.wcom-emp-perm{display:flex;align-items:center;gap:7px;min-height:36px;padding:6px 8px;border:1px solid #e8edf3;border-radius:9px;background:#f8fafc;font-size:11px;color:#334155}.wcom-emp-perm input{margin:0}.wcom-emp-perm em{margin-right:auto;font-style:normal;color:#94a3b8;font-size:9px}.wcom-emp-perm.inherited{background:#f1f5f9}.wcom-emp-empty{text-align:center;padding:35px 15px;color:#64748b}.wcom-emp-empty>div{font-size:30px}.wcom-emp-empty h3{margin:8px 0 5px;color:#334155}.wcom-emp-empty p{margin:0;font-size:12px}
@media(max-width:900px){.wcom-emp-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.wcom-emp-form-grid{grid-template-columns:1fr 1fr}.wcom-emp-perms.open{grid-template-columns:1fr}.wcom-emp-actions{grid-template-columns:1fr 1fr}.wcom-emp-list-tools input{min-width:190px}}
@media(max-width:600px){.wcom-emp-hero{padding:18px}.wcom-emp-hero-icon{display:none}.wcom-emp-stats{grid-template-columns:1fr 1fr}.wcom-emp-form-grid{grid-template-columns:1fr}.wcom-emp-card-head{align-items:flex-start;flex-direction:column}.wcom-emp-list-tools{width:100%}.wcom-emp-list-tools input,.wcom-emp-list-tools select,.wcom-emp-list-tools button{width:100%;min-width:0}.wcom-emp-actions{grid-template-columns:1fr}.wcom-emp-perm-grid{grid-template-columns:1fr}}

/* 3.8.6 — employee warehouse scope selector */
.wcom-emp-warehouse-wrap{display:flex;align-items:center;gap:8px;min-width:0}.wcom-emp-warehouse-wrap select{flex:1}
.wcom-emp-scope{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;background:#f5f3ff;color:#6d28d9;font-size:10px;font-weight:900}
.wcom-emp-scope.all{background:#ecfdf5;color:#047857}.wcom-emp-scope.specific{background:#eff6ff;color:#1d4ed8}.wcom-emp-scope.default{background:#f8fafc;color:#475569}
.wcom-cashier-warehouse-switch{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid rgba(148,163,184,.22);background:rgba(255,255,255,.72);border-radius:13px;box-shadow:0 5px 16px rgba(15,23,42,.04)}
.wcom-cashier-warehouse-switch span{font-size:11px;color:#64748b;font-weight:800;white-space:nowrap}.wcom-cashier-warehouse-switch select{border:0;background:transparent;color:#0f172a;font-weight:900;outline:none;min-width:145px}
@media(max-width:900px){.wcom-cashier-warehouse-switch select{min-width:100px}.wcom-cashier-warehouse-switch{width:100%;justify-content:space-between}}
.wcom-emp-row-msg{display:block;width:100%;flex-basis:100%;margin-top:8px;padding:8px 12px;border-radius:10px;font-size:13px;font-weight:600;min-height:0}.wcom-emp-row-msg:empty{display:none}.wcom-emp-row-msg.success{background:#ecfdf3;color:#087443;border:1px solid #b7ebcd}.wcom-emp-row-msg.error{background:#fff1f2;color:#b42318;border:1px solid #fecdd3}.wcom-emp-actions{flex-wrap:wrap}


/* WebCom POS 3.9.3 — Professional cashier UI refresh
 * UI-only layer. No API/data/permission behavior is changed here.
 */
.wcom-pro-cashier{
  --cashier-surface:#ffffff;
  --cashier-surface-soft:#f8fafc;
  --cashier-border:#e2e8f0;
  --cashier-ink:#0f172a;
  --cashier-muted:#64748b;
  --cashier-primary-soft:color-mix(in srgb,var(--cashier-primary,#2563eb) 10%,#fff);
  padding:14px!important;
  background:var(--cashier-bg,#f5f7fb)!important;
}
.wcom-pro-cashier .wpc-head{
  display:grid;
  grid-template-columns:minmax(250px,1fr) auto minmax(0,auto);
  gap:14px;
  align-items:center;
  padding:14px 16px!important;
  margin-bottom:16px!important;
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px!important;
  background:linear-gradient(135deg,#0f172a 0%,#172554 55%,var(--cashier-primary,#2563eb) 130%);
  color:#fff;
  box-shadow:0 18px 45px rgba(15,23,42,.16);
}
.wcom-pro-cashier .wpc-store-name{font-size:11px;font-weight:800;letter-spacing:.7px;opacity:.78;margin-bottom:2px}
.wcom-pro-cashier .wpc-head h2{font-size:27px!important;margin:0!important;line-height:1.15;color:#fff}
.wcom-pro-cashier .wpc-session-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}
.wcom-pro-cashier .wpc-session-meta span{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.09);color:#dbeafe;font-size:11px}
.wcom-pro-cashier .wpc-session-meta b{color:#fff}
.wcom-pro-cashier .wcom-cashier-warehouse-switch{
  min-width:240px;display:flex;align-items:center;gap:9px!important;padding:8px 10px;border-radius:14px;
  background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 25px rgba(0,0,0,.12);color:#334155;
}
.wcom-pro-cashier .wcom-cashier-warehouse-switch>span{font-size:11px;font-weight:800;white-space:nowrap;color:#64748b}
.wcom-pro-cashier #wcom-cashier-warehouse-select{height:44px!important;margin:0!important;border:0!important;background:transparent!important;color:#0f172a!important;font-weight:900;font-size:14px;outline:0;box-shadow:none!important;min-width:150px}
.wcom-pro-cashier .wpc-head-actions{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:7px}
.wcom-pro-cashier .wpc-head-actions .wpc-btn{height:40px;padding:0 12px;border-radius:11px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);color:#fff;font-size:11px;font-weight:800;white-space:nowrap;box-shadow:none}
.wcom-pro-cashier .wpc-head-actions .wpc-btn:hover{background:rgba(255,255,255,.18);transform:translateY(-1px)}
.wcom-pro-cashier .wpc-head-actions #wpc-new{background:#fff;color:#0f172a;border-color:#fff}
.wcom-pro-cashier .wpc-head-actions #wpc-new:hover{background:#f8fafc}
.wcom-pro-cashier .wpc-layout{grid-template-columns:minmax(0,1fr) 385px!important;gap:18px!important}
.wcom-pro-cashier .wpc-main,.wcom-pro-cashier .wpc-side{border:1px solid var(--cashier-border);border-radius:18px!important;box-shadow:0 10px 35px rgba(15,23,42,.055);background:var(--cashier-surface)}
.wcom-pro-cashier .wpc-main{padding:18px!important}
.wcom-pro-cashier .wpc-side{padding:18px!important;top:14px}
.wcom-pro-cashier .wpc-searchbar{
  min-height:58px;padding:5px 7px!important;border:2px solid #dbe4ee!important;border-radius:15px!important;
  box-shadow:0 4px 18px rgba(15,23,42,.04);transition:.16s ease;background:#fff
}
.wcom-pro-cashier .wpc-searchbar:focus-within{border-color:var(--cashier-primary,#2563eb)!important;box-shadow:0 0 0 4px rgba(37,99,235,.08)}
.wcom-pro-cashier .wpc-searchbar input{height:48px!important;font-size:16px!important;font-weight:700}
.wcom-pro-cashier .wpc-search-leading{height:46px!important}
.wcom-pro-cashier .wpc-search-modes{gap:4px!important}
.wcom-pro-cashier .wpc-search-mode,.wcom-pro-cashier .wpc-search-scan{height:40px!important;border-radius:10px!important;background:#f8fafc!important}
.wcom-pro-cashier .wpc-search-mode.active{background:var(--cashier-primary,#2563eb)!important;color:#fff!important}
.wcom-pro-cashier #wpc-search-btn{height:40px!important;border-radius:10px!important;background:#0f172a!important;font-weight:900}
.wcom-pro-cashier .wpc-results{gap:10px!important;margin-top:12px}
.wcom-pro-cashier .wpc-result{min-height:76px;padding:12px 13px;border-radius:14px;border:1px solid #e2e8f0;background:#fff;box-shadow:0 2px 8px rgba(15,23,42,.025);transition:.15s ease}
.wcom-pro-cashier .wpc-result:hover{transform:translateY(-2px);border-color:#bfd0e5;background:#fff;box-shadow:0 8px 20px rgba(15,23,42,.07)}
.wcom-pro-cashier .wpc-product-name{font-size:14px;font-weight:900;color:#0f172a;line-height:1.35}
.wcom-pro-cashier .wpc-product-meta{font-size:11px!important;color:#64748b!important;margin-top:8px!important;font-weight:700}
.wcom-pro-cashier .wpc-quick-products{margin-top:22px;padding-top:4px}
.wcom-pro-cashier .wpc-quick-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.wcom-pro-cashier .wpc-quick-title h3{margin:0!important;font-size:18px;color:#0f172a}
.wcom-pro-cashier .wpc-quick-title .wpc-link{font-weight:900;font-size:12px}
.wcom-pro-cashier .wpc-quick-card{min-height:88px!important;display:flex;flex-direction:column;justify-content:center;text-align:right}
.wcom-pro-cashier .wpc-cart-head{margin:24px 0 10px;padding-top:16px;border-top:1px solid #edf2f7}
.wcom-pro-cashier .wpc-cart-head h3{font-size:20px!important;color:#0f172a}
.wcom-pro-cashier .wpc-cart-head span{padding:5px 9px;border-radius:999px;background:#eff6ff;color:#2563eb;font-weight:900}
.wcom-pro-cashier .wpc-cart-wrap{min-height:330px;border:1px solid #edf2f7;border-radius:14px;overflow:hidden;background:#fff}
.wcom-pro-cashier .wpc-cart-wrap th{background:#f8fafc;color:#64748b;font-weight:900}
.wcom-pro-cashier .wpc-empty{height:300px;flex-direction:column;gap:8px;font-size:13px;background:linear-gradient(#fff,#fbfdff)}
.wcom-pro-cashier .wpc-empty:before{content:'🧾';font-size:32px;opacity:.55}
.wcom-pro-cashier .wpc-quick-note{padding:14px 15px;border-radius:14px;background:linear-gradient(135deg,#eff6ff,#f8fafc);border:1px solid #dbeafe;margin-bottom:15px}
.wcom-pro-cashier .wpc-quick-note b{display:block;font-size:16px;color:#0f172a;margin-bottom:5px}
.wcom-pro-cashier .wpc-quick-note span{display:block;color:#64748b;font-size:11px;line-height:1.7}
.wcom-pro-cashier .wpc-side label{margin:12px 0;font-size:12px;color:#334155}
.wcom-pro-cashier .wpc-side select,.wcom-pro-cashier .wpc-side input{height:46px!important;border-radius:11px!important;border-color:#d7e0ea!important;background:#fff;font-size:13px;font-weight:700}
.wcom-pro-cashier .wpc-side select:focus,.wcom-pro-cashier .wpc-side input:focus{border-color:var(--cashier-primary,#2563eb)!important;box-shadow:0 0 0 3px rgba(37,99,235,.08);outline:0}
.wcom-pro-cashier .wpc-summary{padding:11px 0;margin:16px 0;border-color:#edf2f7}
.wcom-pro-cashier .wpc-summary .grand{padding:17px 13px;background:#f8fafc;border:1px solid #edf2f7;border-radius:13px}
.wcom-pro-cashier .wpc-summary .grand strong{font-size:34px!important;letter-spacing:-1px}
.wcom-pro-cashier .wpc-change{padding:13px;border:1px solid #bbf7d0;background:#f0fdf4;border-radius:13px}
.wcom-pro-cashier .wpc-change strong{font-size:24px}
.wcom-pro-cashier #wpc-hold{height:46px;border-radius:11px;font-weight:900;margin-bottom:9px}
.wcom-pro-cashier .wpc-pay{height:58px!important;border-radius:13px!important;background:linear-gradient(135deg,#16a34a,#15803d)!important;box-shadow:0 10px 22px rgba(22,163,74,.18);font-size:17px!important}
.wcom-pro-cashier .wpc-pay:hover{filter:brightness(1.04);transform:translateY(-1px)}
.wcom-pro-cashier .wpc-session-box{margin-top:15px;padding:13px;border:1px solid #e2e8f0;border-radius:13px;background:#f8fafc}
.wcom-pro-cashier .wpc-session-box>span{color:#64748b;font-size:11px}.wcom-pro-cashier .wpc-session-box>strong{display:block;margin-top:4px}
.wcom-pro-cashier .wpc-message{padding:5px 7px;border-radius:9px}
.wcom-pro-cashier .wpc-print-option{display:flex!important;align-items:center;gap:8px;padding:9px 11px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc}
.wcom-pro-cashier .wpc-print-option input{width:18px!important;height:18px!important;margin:0!important}
@media(max-width:1250px){.wcom-pro-cashier .wpc-head{grid-template-columns:1fr auto}.wcom-pro-cashier .wpc-head-actions{grid-column:1/-1;justify-content:flex-start}.wcom-pro-cashier .wpc-layout{grid-template-columns:minmax(0,1fr) 340px!important}}
@media(max-width:900px){.wcom-pro-cashier .wpc-head{grid-template-columns:1fr}.wcom-pro-cashier .wcom-cashier-warehouse-switch{width:100%;box-sizing:border-box}.wcom-pro-cashier .wpc-head-actions{grid-column:auto}.wcom-pro-cashier .wpc-layout{grid-template-columns:1fr!important}.wcom-pro-cashier .wpc-side{position:static}.wcom-pro-cashier .wpc-results{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.wcom-pro-cashier{padding:7px!important}.wcom-pro-cashier .wpc-head{padding:12px!important;border-radius:16px!important}.wcom-pro-cashier .wpc-head h2{font-size:22px!important}.wcom-pro-cashier .wpc-head-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.wcom-pro-cashier .wpc-head-actions .wpc-btn{width:100%;min-height:42px}.wcom-pro-cashier .wpc-main,.wcom-pro-cashier .wpc-side{padding:11px!important;border-radius:14px!important}.wcom-pro-cashier .wpc-results{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.wcom-pro-cashier .wpc-searchbar{grid-template-columns:30px minmax(0,1fr)!important}.wcom-pro-cashier .wpc-search-modes{grid-column:1/-1!important;justify-content:center!important}.wcom-pro-cashier .wpc-cart-wrap{max-height:44vh;overflow:auto}.wcom-pro-cashier .wpc-summary .grand strong{font-size:28px!important}}

/* WebCom POS 3.9.4 — Premium cashier visual layer */
.wcom-pro-cashier{--cashier-shadow:0 10px 35px rgba(15,23,42,.07);background:linear-gradient(180deg,#eef4ff 0,#f8fafc 22%,#f8fafc 100%)!important;padding:10px 14px 24px!important}
.wcom-pro-cashier .wpc-head{position:relative;display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(420px,1.7fr);gap:14px;align-items:center;padding:14px 18px!important;margin-bottom:14px;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:linear-gradient(135deg,#10204a 0%,#1d3d87 58%,#245fe2 100%);box-shadow:0 14px 36px rgba(30,64,175,.18);color:#fff;overflow:hidden}
.wcom-pro-cashier .wpc-head:after{content:"";position:absolute;inset:auto -90px -120px auto;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.08);pointer-events:none}
.wcom-pro-cashier .wpc-brand{position:relative;z-index:1}.wcom-pro-cashier .wpc-store-name{font-size:11px;font-weight:700;opacity:.72;letter-spacing:.4px}.wcom-pro-cashier .wpc-head h2{font-size:27px!important;margin:2px 0 6px!important;color:#fff}.wcom-pro-cashier .wpc-session-meta{display:flex;gap:14px;flex-wrap:wrap;color:#dbeafe!important}.wcom-pro-cashier .wpc-session-meta span{color:#dbeafe!important;font-size:11px}
.wcom-pro-cashier .wcom-cashier-warehouse-switch{position:relative;z-index:2;display:flex!important;align-items:center;gap:8px;padding:8px 10px;background:rgba(255,255,255,.97);border:1px solid rgba(255,255,255,.35);border-radius:15px;box-shadow:0 7px 18px rgba(15,23,42,.13);min-width:235px}.wcom-pro-cashier .wcom-cashier-warehouse-switch>span{font-size:10px;font-weight:800;color:#64748b;white-space:nowrap}.wcom-pro-cashier #wcom-cashier-warehouse-select{flex:1;min-width:0;height:46px;border:0!important;background:#f1f5f9!important;border-radius:11px!important;font-weight:800;color:#172554!important;padding:0 12px!important}
.wcom-pro-cashier .wpc-head-actions{position:relative;z-index:2;display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}.wcom-pro-cashier .wpc-head-actions .wpc-btn{height:40px;padding:0 12px;border-radius:11px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:11px;font-weight:800;box-shadow:none}.wcom-pro-cashier .wpc-head-actions .wpc-btn:hover{background:rgba(255,255,255,.19);transform:translateY(-1px)}.wcom-pro-cashier .wpc-head-actions #wpc-new{background:#fff;color:#123276;border-color:#fff}.wcom-pro-cashier .wpc-head-actions #wpc-account{background:rgba(127,29,29,.55);border-color:rgba(254,202,202,.3)}
.wcom-pro-cashier .wpc-layout{gap:18px!important}.wcom-pro-cashier .wpc-main,.wcom-pro-cashier .wpc-side{border:1px solid #dbe4f0!important;border-radius:18px!important;box-shadow:var(--cashier-shadow)!important}.wcom-pro-cashier .wpc-main{padding:18px!important}.wcom-pro-cashier .wpc-side{padding:18px!important;background:rgba(255,255,255,.98)}
.wcom-pro-cashier .wpc-searchbar{border:2px solid #dbe5f2!important;border-radius:16px!important;padding:5px!important;box-shadow:0 5px 18px rgba(15,23,42,.04);background:#fff}.wcom-pro-cashier .wpc-searchbar:focus-within{border-color:#4f7df3!important;box-shadow:0 0 0 4px rgba(79,125,243,.10)}.wcom-pro-cashier .wpc-searchbar input{font-size:18px!important;font-weight:600}.wcom-pro-cashier .wpc-search-modes{background:#f8fafc;border-radius:11px;padding:3px!important}.wcom-pro-cashier .wpc-search-mode,.wcom-pro-cashier .wpc-search-scan{border:0!important;background:transparent!important;border-radius:9px!important}.wcom-pro-cashier .wpc-search-mode.active{box-shadow:0 4px 10px rgba(37,99,235,.2)!important}
.wcom-pro-cashier .wpc-quick-title{display:flex;align-items:center;justify-content:space-between;margin:20px 2px 9px}.wcom-pro-cashier .wpc-quick-title h3{margin:0;font-size:18px}.wcom-pro-cashier .wpc-quick-title:before{content:"بيع سريع";order:2;margin-right:auto;margin-left:10px;font-size:10px;font-weight:800;color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;padding:5px 9px}.wcom-pro-cashier .wpc-results{gap:10px!important}.wcom-pro-cashier .wpc-quick-card{min-height:104px!important;padding:14px!important;border:1px solid #dce5f0!important;border-radius:15px!important;box-shadow:0 4px 12px rgba(15,23,42,.035);transition:.16s ease;justify-content:space-between!important}.wcom-pro-cashier .wpc-quick-card:hover{transform:translateY(-2px);border-color:#93b4f7!important;box-shadow:0 9px 22px rgba(37,99,235,.1);background:#fff!important}.wpc-product-top{display:flex;align-items:flex-start;justify-content:space-between;gap:7px;width:100%}.wpc-product-name{font-size:14px!important;font-weight:900!important;line-height:1.45}.wpc-product-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;width:100%;margin-top:10px}.wpc-product-bottom strong{font-size:16px;color:#172554}.wpc-product-bottom strong small{font-size:9px;font-weight:700}.wpc-stock-pill{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:900;line-height:1}.wpc-stock-pill i{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;font-style:normal;font-size:9px;background:currentColor;color:#fff}.wpc-stock-pill.good{color:#15803d;background:#ecfdf3;border:1px solid #bbf7d0}.wpc-stock-pill.good i{background:#16a34a}.wpc-stock-pill.low{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.wpc-stock-pill.low i{background:#dc2626}.wpc-stock-pill.out{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.wpc-stock-pill.out i{background:#b91c1c}.wpc-stock-pill.untracked{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.wpc-stock-pill.untracked i{background:#64748b}.wpc-stock-count{font-size:10px!important;font-weight:800!important}.wpc-stock-count.good{color:#15803d!important}.wpc-stock-count.low{color:#dc2626!important}.wpc-stock-count.out{color:#b91c1c!important}.wpc-stock-count.untracked{color:#64748b!important}
.wcom-pro-cashier .wpc-cart-head{margin-top:24px!important;padding:10px 2px;border-bottom:1px solid #e5edf7}.wcom-pro-cashier .wpc-cart-head h3{font-size:19px}.wcom-pro-cashier #wpc-cart-count{background:#eff6ff;color:#2563eb;padding:5px 9px;border-radius:999px;font-weight:900}.wcom-pro-cashier .wpc-empty{border:2px dashed #e2e8f0;border-radius:14px;background:#f8fafc;height:220px!important}.wcom-pro-cashier .wpc-side .wpc-quick-note{border:1px solid #dbeafe!important;background:linear-gradient(135deg,#eff6ff,#f8fbff)!important;border-radius:15px!important;padding:14px!important}.wcom-pro-cashier .wpc-summary .grand{border:1px solid #dbeafe;background:linear-gradient(135deg,#eff6ff,#f8fbff)!important}.wcom-pro-cashier .wpc-pay{box-shadow:0 9px 20px rgba(22,163,74,.18);font-size:18px!important}
@media(max-width:1200px){.wcom-pro-cashier .wpc-head{grid-template-columns:1fr auto}.wcom-pro-cashier .wpc-head-actions{grid-column:1/-1;justify-content:flex-start}.wcom-pro-cashier .wcom-cashier-warehouse-switch{justify-self:end}.wcom-pro-cashier .wpc-results{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:700px){.wcom-pro-cashier .wpc-head{grid-template-columns:1fr;padding:13px!important}.wcom-pro-cashier .wcom-cashier-warehouse-switch{width:100%;justify-self:stretch}.wcom-pro-cashier .wpc-head-actions{grid-column:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.wcom-pro-cashier .wpc-head-actions .wpc-btn{width:100%}.wcom-pro-cashier .wpc-results{grid-template-columns:repeat(2,minmax(0,1fr))!important}.wcom-pro-cashier .wpc-quick-card{min-height:96px!important}.wpc-product-top{flex-direction:column}.wpc-stock-pill{align-self:flex-start}}


/* WebCom POS 3.9.5 — cashier context + brand-aligned stock states */
.wcom-pro-cashier .wpc-head{grid-template-columns:minmax(220px,1fr) auto minmax(420px,1.7fr)!important}
.wcom-pro-cashier .wpc-context-group{position:relative;z-index:2;display:flex;align-items:stretch;gap:8px;justify-content:center}
.wcom-pro-cashier .wpc-context-card{height:52px;min-width:188px;padding:7px 12px;border:1px solid rgba(255,255,255,.28);border-radius:15px;background:rgba(255,255,255,.95);color:#172554;display:flex;align-items:center;gap:9px;cursor:pointer;font-family:inherit;text-align:right;box-shadow:0 7px 18px rgba(15,23,42,.13);transition:.16s ease}
.wcom-pro-cashier .wpc-context-card:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(15,23,42,.17)}
.wcom-pro-cashier .wpc-context-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#eaf1ff;color:var(--cashier-primary,#2563eb);font-size:17px;font-weight:900;flex:0 0 auto}
.wcom-pro-cashier .wpc-context-copy{display:flex;flex-direction:column;gap:2px;line-height:1.15}
.wcom-pro-cashier .wpc-context-copy small{font-size:9px;color:#64748b;font-weight:800}
.wcom-pro-cashier .wpc-context-copy b{font-size:12px;color:#172554;font-weight:900}
.wcom-pro-cashier .wpc-context-shift{min-width:216px;background:rgba(255,255,255,.94)}
.wcom-pro-cashier .wpc-context-shift.is-open{border-color:rgba(147,197,253,.75);background:linear-gradient(135deg,#eff6ff,#fff);}
.wcom-pro-cashier .wpc-context-shift.is-open .wpc-context-icon{background:#dbeafe;color:#1d4ed8}
.wcom-pro-cashier .wpc-context-shift.is-closed{border-color:rgba(254,202,202,.75)}
.wcom-pro-cashier .wpc-context-shift.is-closed .wpc-context-icon{background:#fef2f2;color:#b91c1c}
.wcom-pro-cashier .wcom-cashier-warehouse-switch{min-width:235px!important;height:52px;box-sizing:border-box;padding:7px 10px!important;border-radius:15px!important;background:rgba(255,255,255,.94)!important}
.wcom-pro-cashier .wcom-cashier-warehouse-switch>span{font-size:10px!important}
.wcom-pro-cashier #wcom-cashier-warehouse-select{height:38px!important;font-size:13px!important}
.wcom-pro-cashier .wpc-stock-pill.good{color:#2563eb!important;background:#eff6ff!important;border-color:#bfdbfe!important}
.wcom-pro-cashier .wpc-stock-pill.good i{background:#2563eb!important}
.wcom-pro-cashier .wpc-stock-count.good{color:#2563eb!important}
.wcom-pro-cashier .wpc-stock-pill.low{color:#b45309!important;background:#fff7ed!important;border-color:#fed7aa!important}
.wcom-pro-cashier .wpc-stock-pill.low i{background:#d97706!important}
.wcom-pro-cashier .wpc-stock-count.low{color:#b45309!important}
.wcom-pro-cashier .wpc-stock-pill.out{color:#b42318!important;background:#fef2f2!important;border-color:#fecaca!important}
.wcom-pro-cashier .wpc-stock-pill.out i{background:#dc2626!important}
.wcom-pro-cashier .wpc-stock-count.out{color:#b42318!important}
.wcom-pro-cashier .wpc-stock-count{font-size:10px!important;font-weight:900!important}
@media(max-width:1200px){.wcom-pro-cashier .wpc-head{grid-template-columns:1fr auto!important}.wcom-pro-cashier .wpc-context-group{justify-self:end}.wcom-pro-cashier .wpc-head-actions{grid-column:1/-1!important;justify-content:flex-start}}
@media(max-width:800px){.wcom-pro-cashier .wpc-context-group{width:100%;justify-content:stretch}.wcom-pro-cashier .wpc-context-card,.wcom-pro-cashier .wcom-cashier-warehouse-switch{flex:1;min-width:0!important}.wcom-pro-cashier .wcom-cashier-warehouse-switch{width:auto!important}.wcom-pro-cashier .wpc-head-actions{grid-column:auto!important}}
@media(max-width:600px){.wcom-pro-cashier .wpc-context-group{display:grid;grid-template-columns:1fr 1fr}.wcom-pro-cashier .wpc-context-card,.wcom-pro-cashier .wcom-cashier-warehouse-switch{width:100%!important}.wcom-pro-cashier .wpc-context-card{min-width:0!important}.wcom-pro-cashier .wcom-cashier-warehouse-switch select{min-width:0!important}.wcom-pro-cashier .wpc-head-actions{display:grid!important}}


/* WebCom POS 3.9.8 — Premium cashier header buttons (UI only)
 * Restores the original cashier action buttons. No JS/API/HTML behavior changes.
 */
.wcom-pro-cashier .wpc-head{
  grid-template-columns:minmax(235px,1fr) auto minmax(0,1.45fr)!important;
  min-height:88px!important;
  padding:12px 16px!important;
  gap:12px!important;
  border-radius:20px!important;
}
.wcom-pro-cashier .wpc-brand{min-width:235px;align-self:center}
.wcom-pro-cashier .wpc-store-name{font-size:10px!important;letter-spacing:.55px!important;opacity:.72!important}
.wcom-pro-cashier .wpc-head h2{font-size:25px!important;margin:0!important;line-height:1.12!important}
.wcom-pro-cashier .wpc-session-meta{gap:6px!important;margin-top:7px!important}
.wcom-pro-cashier .wpc-session-meta span{padding:5px 8px!important;font-size:10px!important;background:rgba(255,255,255,.075)!important}
.wcom-pro-cashier .wpc-context-group{display:flex;align-items:center;gap:8px;justify-content:center;min-width:0}
.wcom-pro-cashier .wpc-context-card{height:50px!important;min-width:205px!important;padding:6px 11px!important;border-radius:14px!important}
.wcom-pro-cashier .wcom-cashier-warehouse-switch{height:50px!important;min-width:225px!important;box-sizing:border-box;padding:7px 10px!important;border-radius:14px!important}
.wcom-pro-cashier #wcom-cashier-warehouse-select{height:36px!important;font-size:12px!important;min-width:130px!important}
.wcom-pro-cashier .wpc-head-actions{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;
  flex-wrap:wrap!important;max-width:100%;
}
.wcom-pro-cashier .wpc-head-actions .wpc-btn{
  position:relative;height:39px!important;min-width:0!important;padding:0 11px!important;
  border-radius:11px!important;border:1px solid rgba(255,255,255,.18)!important;
  background:rgba(255,255,255,.085)!important;color:#f8fbff!important;
  font-size:10.5px!important;font-weight:800!important;letter-spacing:0!important;
  box-shadow:0 2px 7px rgba(15,23,42,.08)!important;transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
.wcom-pro-cashier .wpc-head-actions .wpc-btn:hover{
  transform:translateY(-1px)!important;background:rgba(255,255,255,.16)!important;
  border-color:rgba(255,255,255,.30)!important;box-shadow:0 6px 14px rgba(15,23,42,.12)!important;
}
.wcom-pro-cashier .wpc-head-actions .wpc-btn:active{transform:translateY(0)!important}
.wcom-pro-cashier .wpc-head-actions #wpc-new{
  order:-1;background:#fff!important;color:#123276!important;border-color:#fff!important;
  min-width:128px!important;box-shadow:0 6px 16px rgba(15,23,42,.14)!important;
}
.wcom-pro-cashier .wpc-head-actions #wpc-new:hover{background:#f8fbff!important;color:#0f2d6d!important}
.wcom-pro-cashier .wpc-head-actions #wpc-account{
  background:rgba(127,29,29,.48)!important;border-color:rgba(254,202,202,.28)!important;color:#fff!important;
}
.wcom-pro-cashier .wpc-head-actions #wpc-account:hover{background:rgba(153,27,27,.68)!important}
.wcom-pro-cashier .wpc-head-actions #wpc-held,
.wcom-pro-cashier .wpc-head-actions #wpc-sync{background:rgba(255,255,255,.12)!important}
.wcom-pro-cashier .wpc-head-actions b{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;margin-inline-start:4px;border-radius:999px;background:rgba(255,255,255,.16);font-size:9px!important}
.wcom-pro-cashier .wpc-head-actions #wpc-new b{background:#eaf1ff;color:#1d4ed8}
.wcom-pro-cashier .wpc-head-actions kbd{font-size:8px!important;padding:1px 4px!important;margin-inline-start:3px!important;border-radius:4px!important;background:#eef4ff!important;border-color:#d7e3fb!important;color:#334155!important}
@media(max-width:1350px){
  .wcom-pro-cashier .wpc-head{grid-template-columns:minmax(210px,1fr) auto!important}
  .wcom-pro-cashier .wpc-context-group{justify-self:end}
  .wcom-pro-cashier .wpc-head-actions{grid-column:1/-1;justify-content:flex-start!important;padding-top:2px}
}
@media(max-width:900px){
  .wcom-pro-cashier .wpc-head{grid-template-columns:1fr!important}
  .wcom-pro-cashier .wpc-brand,.wcom-pro-cashier .wpc-context-group,.wcom-pro-cashier .wpc-head-actions{grid-column:auto!important;justify-self:stretch!important}
  .wcom-pro-cashier .wpc-context-group{justify-content:stretch}
  .wcom-pro-cashier .wpc-context-card,.wcom-pro-cashier .wcom-cashier-warehouse-switch{flex:1;min-width:0!important}
  .wcom-pro-cashier .wpc-head-actions{justify-content:flex-start!important}
}
@media(max-width:600px){
  .wcom-pro-cashier .wpc-head-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px!important}
  .wcom-pro-cashier .wpc-head-actions .wpc-btn{width:100%!important}
  .wcom-pro-cashier .wpc-head-actions #wpc-new{min-width:0!important}
  .wcom-pro-cashier .wpc-context-group{display:grid;grid-template-columns:1fr 1fr;width:100%}
}


/* WebCom POS 3.9.9 — cashier context controls refined
 * UI-only: keeps shift/warehouse controls together on the right,
 * aligned with the held-invoices visual language. Stock text is neutral black.
 */
.wcom-pro-cashier .wpc-head{
  position:relative!important;
  grid-template-columns:minmax(210px,1fr) minmax(430px,auto) minmax(225px,auto)!important;
  align-items:center!important;
}
.wcom-pro-cashier .wpc-brand{grid-column:3!important;justify-self:end!important;min-width:225px!important;}
.wcom-pro-cashier .wpc-context-group{
  grid-column:2!important;
  justify-self:end!important;
  width:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  padding-inline-end:2px!important;
}
/* Same visual family as the pending-invoices buttons. */
.wcom-pro-cashier .wpc-context-card,
.wcom-pro-cashier .wcom-cashier-warehouse-switch{
  color:#f8fbff!important;
  background:rgba(255,255,255,.12)!important;
  border:1px solid rgba(255,255,255,.20)!important;
  box-shadow:0 3px 10px rgba(15,23,42,.10)!important;
}
.wcom-pro-cashier .wpc-context-card:hover,
.wcom-pro-cashier .wcom-cashier-warehouse-switch:hover{
  background:rgba(255,255,255,.18)!important;
  border-color:rgba(255,255,255,.32)!important;
}
.wcom-pro-cashier .wpc-context-icon{
  background:rgba(255,255,255,.14)!important;
  color:#fff!important;
}
.wcom-pro-cashier .wpc-context-copy small,
.wcom-pro-cashier .wpc-context-copy b,
.wcom-pro-cashier .wcom-cashier-warehouse-switch>span{
  color:#fff!important;
}
.wcom-pro-cashier #wcom-cashier-warehouse-select{
  color:#fff!important;
  background:transparent!important;
  border-color:rgba(255,255,255,.16)!important;
}
.wcom-pro-cashier #wcom-cashier-warehouse-select option{color:#111827;background:#fff;}

/* Stock status/count: keep the state structure, but use neutral black text. */
.wcom-pro-cashier .wpc-stock-pill.good,
.wcom-pro-cashier .wpc-stock-pill.low,
.wcom-pro-cashier .wpc-stock-pill.out{
  color:#111827!important;
}
.wcom-pro-cashier .wpc-stock-pill.good i{background:#111827!important}
.wcom-pro-cashier .wpc-stock-count.good,
.wcom-pro-cashier .wpc-stock-count.low,
.wcom-pro-cashier .wpc-stock-count.out,
.wcom-pro-cashier .wpc-stock-count{
  color:#111827!important;
}

@media(max-width:1350px){
  .wcom-pro-cashier .wpc-head{grid-template-columns:minmax(0,1fr) minmax(390px,auto)!important;}
  .wcom-pro-cashier .wpc-brand{grid-column:2!important;}
  .wcom-pro-cashier .wpc-context-group{grid-column:2!important;grid-row:2!important;justify-self:end!important;}
  .wcom-pro-cashier .wpc-head-actions{grid-column:1/-1!important;grid-row:3!important;}
}
@media(max-width:900px){
  .wcom-pro-cashier .wpc-head{grid-template-columns:1fr!important;}
  .wcom-pro-cashier .wpc-brand,
  .wcom-pro-cashier .wpc-context-group,
  .wcom-pro-cashier .wpc-head-actions{grid-column:1!important;grid-row:auto!important;justify-self:stretch!important;}
  .wcom-pro-cashier .wpc-context-group{justify-content:stretch!important;}
  .wcom-pro-cashier .wpc-context-card,
  .wcom-pro-cashier .wcom-cashier-warehouse-switch{flex:1!important;min-width:0!important;}
}

/* WebCom POS 3.9.10 — final cashier header alignment
 * Desktop visual order:
 * Right: POS details/brand
 * Left: warehouse + shift status
 * Keep the existing blue identity and button colors unchanged.
 */
@media(min-width:1351px){
  .wcom-pro-cashier .wpc-head{
    grid-template-columns:minmax(300px,1fr) minmax(0,1.45fr) minmax(390px,auto)!important;
    align-items:center!important;
  }
  .wcom-pro-cashier .wpc-brand{
    grid-column:1!important;
    justify-self:end!important;
    min-width:300px!important;
    text-align:right!important;
  }
  .wcom-pro-cashier .wpc-head-actions{
    grid-column:2!important;
    justify-self:center!important;
    justify-content:center!important;
    width:100%!important;
  }
  .wcom-pro-cashier .wpc-context-group{
    grid-column:3!important;
    justify-self:start!important;
    justify-content:flex-start!important;
    flex-direction:row!important;
    gap:8px!important;
    width:auto!important;
  }
  .wcom-pro-cashier .wcom-cashier-warehouse-switch{order:2!important;}
  .wcom-pro-cashier .wpc-context-shift{order:1!important;}
}
/* At medium widths, keep brand on the right and context controls on the left. */
@media(min-width:901px) and (max-width:1350px){
  .wcom-pro-cashier .wpc-head{
    grid-template-columns:minmax(390px,auto) minmax(0,1fr)!important;
  }
  .wcom-pro-cashier .wpc-brand{
    grid-column:1!important;
    justify-self:end!important;
    text-align:right!important;
  }
  .wcom-pro-cashier .wpc-context-group{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:start!important;
    justify-content:flex-start!important;
  }
  .wcom-pro-cashier .wpc-head-actions{
    grid-column:1/-1!important;
    grid-row:2!important;
    justify-content:flex-start!important;
  }
}
/* Keep the responsive/mobile behavior intact. */
@media(max-width:900px){
  .wcom-pro-cashier .wpc-brand{text-align:right!important;}
}


/* Employees v3.9.12 — modern, dense but comfortable management UI */
.wcom-emp-create-card,.wcom-emp-list-card{border:1px solid #dfe7f2;box-shadow:0 14px 38px rgba(15,23,42,.055);background:rgba(255,255,255,.98)}
.wcom-emp-create-card{position:relative;overflow:hidden}.wcom-emp-create-card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,#1d4ed8,#3b82f6,#60a5fa)}
.wcom-emp-form-grid{gap:14px}.wcom-emp-form-grid label{font-weight:800;color:#334155}.wcom-emp-form-grid input,.wcom-emp-form-grid select{border-color:#d8e2ee!important;border-radius:12px!important;background:#fbfdff!important;transition:border-color .18s,box-shadow .18s,background .18s}.wcom-emp-form-grid input:focus,.wcom-emp-form-grid select:focus{background:#fff!important;border-color:#7aa2e8!important;box-shadow:0 0 0 4px rgba(37,99,235,.08)!important}
.wcom-emp-list-card .wcom-emp-card-head{padding-bottom:14px;border-bottom:1px solid #edf1f6}.wcom-emp-list{gap:14px}.wcom-emp-row{border-color:#dfe6ef;border-radius:18px;box-shadow:0 7px 22px rgba(15,23,42,.035)}.wcom-emp-row:hover{border-color:#bfd0e7;box-shadow:0 14px 32px rgba(15,23,42,.075);transform:translateY(-1px)}
.wcom-emp-main{padding:17px 18px 10px}.wcom-emp-avatar{width:48px;height:48px;flex-basis:48px;border-radius:15px;background:linear-gradient(145deg,#eef4ff,#e6efff);border:1px solid #d6e3f6;color:#1d4ed8;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.wcom-emp-identity strong{font-size:15px}.wcom-emp-identity span{font-size:11px}.wcom-emp-meta{padding:0 18px 14px}.wcom-emp-status{padding:6px 11px;min-width:82px;justify-content:center}.wcom-emp-status.on{background:#effaf4;color:#087443;border:1px solid #c8ecd8}.wcom-emp-status.off{background:#fff5f5;color:#b42318;border:1px solid #f4c7cc}
.wcom-emp-actions{grid-template-columns:minmax(150px,.7fr) minmax(250px,1.35fr) auto auto auto;align-items:center;padding:13px 18px 17px;border-top:1px solid #f0f3f7;background:#fbfcfe}.wcom-emp-actions select{height:41px!important;border-color:#d7e0eb!important;border-radius:11px!important}.wcom-emp-warehouse-wrap{min-width:0}.wcom-emp-warehouse-wrap select{min-width:0}.wcom-emp-no-warehouse{height:41px;display:flex;align-items:center;padding:0 12px;border:1px dashed #d8e0ea;border-radius:11px;color:#94a3b8;background:#f8fafc;font-size:11px;font-weight:700}
.wcom-emp-perm-btn,.wcom-emp-actions .wcom-a-btn{height:41px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:11px!important}.wcom-emp-actions .danger{min-width:100px}.wcom-emp-perms{background:#f8fbff;border-top:1px solid #e4ebf3;padding:17px 18px}.wcom-emp-perms.open{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.wcom-emp-perm-group{border-color:#e0e8f2;box-shadow:0 4px 14px rgba(15,23,42,.025)}.wcom-emp-perm{background:#fff;min-height:38px}.wcom-emp-perm.inherited{background:#f1f5fb;border-color:#dce5f0}.wcom-emp-row-msg{margin-top:10px;background:#fff}.wcom-emp-scope.all{background:#eef9f3;color:#087443}.wcom-emp-scope.specific{background:#eef4ff;color:#1d4ed8}.wcom-emp-scope.default{background:#f4f6f8;color:#475569}
@media(max-width:1150px){.wcom-emp-actions{grid-template-columns:1fr 1fr}.wcom-emp-warehouse-wrap{grid-column:span 2}.wcom-emp-perms.open{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.wcom-emp-perms.open{grid-template-columns:1fr}.wcom-emp-actions{grid-template-columns:1fr}.wcom-emp-warehouse-wrap{grid-column:auto}.wcom-emp-no-warehouse{width:100%;box-sizing:border-box}}

/* Employees 3.9.13 — refined management surface */
.wcom-emp-hero{background:linear-gradient(135deg,#0f172a,#1e3a8a 62%,#2563eb);color:#fff;border-radius:22px;padding:24px 26px;box-shadow:0 18px 45px rgba(15,23,42,.12);display:flex;align-items:center;justify-content:space-between;gap:20px}.wcom-emp-hero h2{margin:5px 0 7px;font-size:25px}.wcom-emp-hero p{margin:0;color:rgba(255,255,255,.78);max-width:760px}.wcom-emp-eyebrow{font-size:11px;font-weight:900;letter-spacing:.06em;color:#bfdbfe}.wcom-emp-hero-icon{width:58px;height:58px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.10);border-radius:18px;display:grid;place-items:center;font-size:28px}.wcom-emp-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.wcom-emp-stats>div{background:#fff;border:1px solid #e4eaf2;border-radius:16px;padding:14px 16px;box-shadow:0 7px 22px rgba(15,23,42,.045)}.wcom-emp-stats b{display:block;font-size:23px;color:#0f172a}.wcom-emp-stats span{display:block;margin-top:3px;color:#64748b;font-size:11px;font-weight:800}.wcom-emp-list-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.wcom-emp-list-tools input{min-width:250px;flex:1;border:1px solid #d8e2ee;border-radius:11px;padding:10px 12px;background:#fbfdff}.wcom-emp-list-tools select{border:1px solid #d8e2ee;border-radius:11px;padding:10px 12px;background:#fff}.wcom-emp-secure{white-space:nowrap;background:#eff6ff;color:#1d4ed8;border:1px solid #dbeafe;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:900}.wcom-emp-create-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:15px}.wcom-emp-hint{color:#64748b;font-size:11px;line-height:1.7}.wcom-emp-row{overflow:hidden}.wcom-emp-row[aria-busy=true]{opacity:.7;pointer-events:none}.wcom-emp-row-msg{grid-column:1/-1;padding:9px 11px;border-radius:10px;font-size:12px;font-weight:800;color:#166534;background:#ecfdf5;border:1px solid #bbf7d0}.wcom-emp-row-msg:empty{display:none}.wcom-emp-perm-btn.active{background:#eff6ff!important;color:#1d4ed8!important;border-color:#bfdbfe!important}.wcom-emp-actions{display:grid!important}.wcom-emp-actions .wcom-emp-role-select{font-weight:800}.wcom-emp-actions .fm-u-save{background:#2563eb}.wcom-emp-actions .fm-u-delete{background:#fff1f2!important;color:#b42318!important;border:1px solid #fecdd3!important}.wcom-emp-actions .fm-u-delete:hover{background:#ffe4e6!important}.wcom-emp-empty{border:1px dashed #cbd5e1;border-radius:16px;padding:34px;text-align:center;background:#f8fafc;color:#64748b}.wcom-emp-empty div{font-size:30px;margin-bottom:7px}.wcom-emp-empty h3{margin:0 0 5px;color:#334155}.wcom-emp-empty p{margin:0;font-size:12px}@media(max-width:900px){.wcom-emp-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.wcom-emp-hero{padding:20px}.wcom-emp-create-foot{align-items:stretch;flex-direction:column}}@media(max-width:560px){.wcom-emp-stats{grid-template-columns:1fr}.wcom-emp-list-tools input{min-width:100%}.wcom-emp-list-tools select,.wcom-emp-list-tools button{flex:1}.wcom-emp-hero-icon{display:none}}

/* Dashboard 3.9.18 — unified accounting + professional management surface */
.wcom-dashboard-pro{max-width:1520px;margin:0 auto;padding-bottom:30px}.wcom-dash-hero{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:30px 34px;border-radius:24px;background:linear-gradient(135deg,#071936,#1f57cf);color:#fff;box-shadow:0 18px 45px rgba(15,23,42,.16);margin:18px 0 18px}.wcom-dash-eyebrow{display:inline-flex;padding:6px 10px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.08);font-size:12px}.wcom-dash-hero h1{font-size:32px;margin:10px 0 8px;color:#fff}.wcom-dash-hero p{margin:0;color:rgba(255,255,255,.78);max-width:720px;line-height:1.8}.wcom-dash-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.wcom-dash-meta span{background:rgba(255,255,255,.1);padding:7px 10px;border-radius:9px;font-size:12px}.wcom-dash-hero-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;max-width:420px}.wcom-dash-hero-actions a{text-decoration:none;border-radius:11px;padding:11px 15px;font-weight:800;white-space:nowrap}.wcom-dash-primary{background:#10b981;color:#fff}.wcom-dash-light{background:rgba(255,255,255,.11);color:#fff;border:1px solid rgba(255,255,255,.2)}.wcom-dash-kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.wcom-dash-kpi{background:#fff;border:1px solid #e2e8f0;border-radius:17px;padding:18px;box-shadow:0 7px 24px rgba(15,23,42,.045);min-width:0}.wcom-dash-kpi span{display:block;color:#64748b;font-size:12px;font-weight:700}.wcom-dash-kpi strong{display:block;font-size:25px;line-height:1.2;margin:9px 0 8px;color:#0f172a}.wcom-dash-kpi small{display:block;color:#94a3b8;line-height:1.5}.wcom-dash-kpi.accent{background:#f7fbff;border-color:#bfdbfe}.wcom-dash-kpi.accent strong{color:#1d4ed8}.wcom-dash-kpi.good strong{color:#059669}.wcom-dash-kpi.danger{background:#fff7f7;border-color:#fecaca}.wcom-dash-kpi.danger strong{color:#dc2626}.wcom-dash-kpi.neutral strong{color:#475569}.wcom-dash-main-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(330px,.9fr);gap:16px;margin-top:16px}.wcom-dash-performance,.wcom-dash-health{margin-top:0}.wcom-dashboard-pro .wcom-dashboard-panel{border-radius:18px;padding:21px;box-shadow:0 7px 24px rgba(15,23,42,.045)}.wcom-dashboard-pro .wcom-dashboard-section-title{margin-bottom:18px}.wcom-dashboard-section-title h2{font-size:18px}.wcom-dashboard-section-title a{font-size:12px;text-decoration:none;color:#2563eb;font-weight:800}.wcom-dash-chart{height:235px;display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:13px;padding:18px 10px 0;border-top:1px solid #eef2f7;border-bottom:1px solid #eef2f7}.wcom-dash-trend-day{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0}.wcom-dash-trend-bars{height:185px;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:4px;border-bottom:1px solid #e5e7eb}.wcom-dash-trend-bars span{width:18px;max-width:34%;border-radius:6px 6px 0 0;display:block;transition:.2s}.wcom-dash-trend-bars .sales{background:#2563eb}.wcom-dash-trend-bars .profit{background:#10b981}.wcom-dash-trend-day>b{font-size:11px;margin-top:8px;color:#334155}.wcom-dash-trend-day>small{font-size:10px;color:#94a3b8;margin-top:3px}.wcom-dash-legend{display:flex;gap:18px;margin-top:13px;color:#64748b;font-size:11px}.wcom-dash-legend i{width:9px;height:9px;display:inline-block;border-radius:50%;margin-left:4px}.wcom-dash-legend .sales{background:#2563eb}.wcom-dash-legend .profit{background:#10b981}.wcom-dash-health-list{display:grid;gap:2px}.wcom-dash-health-list>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #f1f5f9}.wcom-dash-health-list>div:last-child{border-bottom:0}.wcom-dash-health-list span{color:#64748b;font-size:12px}.wcom-dash-health-list b{font-size:15px;color:#0f172a}.wcom-dash-health-list b.warn{color:#d97706}.wcom-dash-health-list b.ok{color:#059669}.wcom-quick-actions-pro{grid-template-columns:repeat(8,1fr)}.wcom-quick-actions-pro a{min-height:105px;justify-content:center;border-radius:14px}.wcom-dash-note{display:flex;justify-content:space-between;align-items:center;gap:18px;background:linear-gradient(90deg,#f8fafc,#fff)}.wcom-dash-note strong{font-size:14px}.wcom-dash-note p{margin:6px 0 0;color:#64748b;font-size:12px;line-height:1.8}.wcom-dash-note-actions a{display:inline-flex;text-decoration:none;background:#eff6ff;color:#1d4ed8;padding:9px 13px;border-radius:10px;font-size:12px;font-weight:800;white-space:nowrap}
@media(max-width:1250px){.wcom-dash-kpi-grid{grid-template-columns:repeat(3,1fr)}.wcom-quick-actions-pro{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.wcom-dash-hero{flex-direction:column;align-items:flex-start}.wcom-dash-hero-actions{justify-content:flex-start;max-width:none}.wcom-dash-main-grid{grid-template-columns:1fr}.wcom-dash-kpi-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.wcom-dash-kpi-grid{grid-template-columns:1fr}.wcom-quick-actions-pro{grid-template-columns:repeat(2,1fr)}.wcom-dash-note{align-items:flex-start;flex-direction:column}.wcom-dash-chart{gap:5px}.wcom-dash-trend-bars span{width:12px}}

/* Dashboard 3.9.19 — unified report engine + management surface */
.wcom-dash-periodbar{display:flex;justify-content:space-between;align-items:center;gap:18px;background:#fff;border:1px solid #dbe5f0;border-radius:16px;padding:13px 16px;margin:0 0 14px;box-shadow:0 6px 20px rgba(15,23,42,.04)}
.wcom-dash-periodbar>div{display:flex;flex-direction:column;gap:3px}.wcom-dash-periodbar strong{font-size:13px;color:#0f172a}.wcom-dash-periodbar small{color:#64748b;font-size:11px}.wcom-dash-periodbar nav{display:flex;gap:6px;flex-wrap:wrap}.wcom-dash-periodbar nav a{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:10px;text-decoration:none;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;font-weight:800;font-size:12px}.wcom-dash-periodbar nav a:hover{border-color:#93c5fd;background:#eff6ff}.wcom-dash-periodbar nav a.active{background:#1d4ed8;color:#fff;border-color:#1d4ed8;box-shadow:0 5px 14px rgba(29,78,216,.18)}
.wcom-dash-secondary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:12px 0}.wcom-dash-mini{background:#fff;border:1px solid #e2e8f0;border-radius:15px;padding:16px;box-shadow:0 6px 20px rgba(15,23,42,.035)}.wcom-dash-mini span,.wcom-dash-mini small{display:block;color:#64748b;font-size:11px}.wcom-dash-mini strong{display:block;margin:7px 0;font-size:21px;color:#0f172a}.wcom-dash-mini.good strong{color:#15803d}.wcom-dash-mini.danger strong{color:#b91c1c}.wcom-dash-mini small{color:#94a3b8}.wcom-dash-empty{height:220px;display:flex;align-items:center;justify-content:center;color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px}
.wcom-dash-kpi.accent strong{color:#1d4ed8}.wcom-dash-kpi.good{background:#f0fdf4;border-color:#bbf7d0}.wcom-dash-kpi.good strong{color:#15803d}.wcom-dash-kpi.danger{background:#fff7f7;border-color:#fecaca}.wcom-dash-kpi.danger strong{color:#b91c1c}.wcom-dash-kpi.neutral{background:#f8fafc}.wcom-dash-kpi.neutral strong{color:#475569}
@media(max-width:1100px){.wcom-dash-secondary-grid{grid-template-columns:repeat(2,1fr)}.wcom-dash-periodbar{align-items:flex-start;flex-direction:column}}@media(max-width:600px){.wcom-dash-secondary-grid{grid-template-columns:1fr}.wcom-dash-periodbar nav{width:100%}.wcom-dash-periodbar nav a{flex:1}.wcom-dash-hero{padding:22px}.wcom-dash-hero h1{font-size:26px}}

/* Manager Overview 3.9.20 — unified accounting dashboard */
.wcom-dash-periodbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px;padding:14px 16px;background:#fff;border:1px solid #dfe7f1;border-radius:16px;box-shadow:0 7px 24px rgba(15,23,42,.045)}
.wcom-dash-periodbar>div{display:flex;flex-direction:column;gap:3px}.wcom-dash-periodbar strong{color:#12264a}.wcom-dash-periodbar small{color:#64748b}.wcom-dash-periodbar nav{display:flex;gap:6px;flex-wrap:wrap}.wcom-dash-periodbar button{border:1px solid #dbe4f0;background:#f8fafc;color:#334155;border-radius:10px;padding:8px 12px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.wcom-dash-periodbar button.active{background:#2563eb;border-color:#2563eb;color:#fff}.wcom-dash-secondary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}.wcom-dash-mini{background:#fff;border:1px solid #dfe7f1;border-radius:17px;padding:16px;box-shadow:0 7px 24px rgba(15,23,42,.045)}.wcom-dash-mini span{display:block;color:#64748b;font-size:12px;font-weight:700}.wcom-dash-mini strong{display:block;margin-top:8px;font-size:21px;color:#173f8f}.wcom-dash-mini small{display:block;margin-top:4px;color:#94a3b8}.wcom-dash-mini.good strong{color:#059669}.wcom-dash-mini.danger strong{color:#dc2626}.wcom-dash-empty{display:flex;align-items:center;justify-content:center;height:100%;color:#94a3b8}.wcom-manager-dashboard .wcom-dash-hero h2{color:#fff}.wcom-manager-dashboard .wcom-dash-hero p{max-width:800px}.wcom-manager-dashboard .wcom-dash-main-grid{align-items:stretch}.wcom-manager-dashboard .wcom-quick-actions-pro a{cursor:pointer}
@media(max-width:900px){.wcom-dash-secondary-grid{grid-template-columns:1fr 1fr}.wcom-dash-periodbar{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.wcom-dash-secondary-grid{grid-template-columns:1fr}.wcom-dash-periodbar nav{width:100%}.wcom-dash-periodbar button{flex:1}}

/* 3.9.33: financial dashboard home uses the GL as source of truth and a full-width performance chart. */
.wcom-manager-dashboard .wcom-dash-main-grid{grid-template-columns:1fr!important}

/* 3.9.34 cashier UX: guided discount, return amount guard and scan feedback */
.wcom-pro-cashier .wpc-discount-control{display:block!important;padding:8px 0!important}
.wcom-pro-cashier .wpc-discount-check{display:flex;align-items:center;gap:9px;cursor:pointer;font-weight:900;color:#0f172a!important;margin:0!important}
.wcom-pro-cashier .wpc-discount-check input{position:absolute;opacity:0;pointer-events:none}
.wcom-pro-cashier .wpc-checkmark{width:25px;height:25px;border:2px solid #cbd5e1;border-radius:7px;display:grid;place-items:center;color:transparent;background:#fff;font-weight:1000;font-size:17px;transition:.15s}
.wcom-pro-cashier .wpc-discount-check input:checked + .wpc-checkmark{background:#16a34a;border-color:#16a34a;color:#fff;box-shadow:0 3px 10px rgba(22,163,74,.2)}
.wcom-pro-cashier .wpc-discount-check input:disabled + .wpc-checkmark{opacity:.45;cursor:not-allowed}
.wcom-pro-cashier #wpc-discount-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px;padding:9px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}
.wcom-pro-cashier #wpc-discount-fields input,.wcom-pro-cashier #wpc-discount-fields select{width:100%;height:38px;border:1px solid #cbd5e1;border-radius:8px;padding:0 8px;box-sizing:border-box;font-family:inherit}
.wcom-pro-cashier #wpc-discount-note{grid-column:1/-1}
.wcom-pro-cashier .wpc-return-expected{display:flex;justify-content:space-between;align-items:center;margin:8px 0;padding:11px 12px;border:1px solid #bfdbfe;background:#eff6ff;border-radius:10px;color:#1e3a8a;font-weight:800}.wcom-pro-cashier .wpc-return-payment-summary{display:flex;justify-content:space-between;align-items:center;margin:8px 0;padding:10px 12px;border:1px solid #e2e8f0;background:#f8fafc;border-radius:10px;color:#334155;font-weight:700}.wcom-pro-cashier .wpc-return-warning{margin:8px 0;padding:10px 12px;border-radius:10px;background:#f8fafc;color:#475569;font-weight:700;font-size:12px}.wcom-pro-cashier .wpc-return-warning.is-ok{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.wcom-pro-cashier .wpc-return-warning.is-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.wcom-pro-cashier #wpc-return-refund.is-mismatch{border:2px solid #dc2626!important;background:#fef2f2!important;color:#991b1b!important;box-shadow:0 0 0 3px rgba(220,38,38,.10)}
@media(max-width:600px){.wcom-pro-cashier #wpc-discount-fields{grid-template-columns:1fr}.wcom-pro-cashier #wpc-discount-note{grid-column:auto}}

/* 3.9.44 — Return refund policy alerts. Cashier-only; no employee logic changes. */
.wcom-pro-cashier .wpc-cashier-status-strip{max-width:1500px;margin:9px auto 12px;display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:8px 10px;background:rgba(255,255,255,.92);border:1px solid #e2e8f0;border-radius:13px;box-shadow:0 5px 18px rgba(15,23,42,.04)}
.wcom-pro-cashier .wpc-status-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:#f8fafc;color:#64748b;border:1px solid #e5e7eb;font-size:10px;font-weight:800;white-space:nowrap}
.wcom-pro-cashier .wpc-status-chip i{font-style:normal;color:#94a3b8}.wcom-pro-cashier .wpc-status-chip b{color:#0f172a}.wcom-pro-cashier .wpc-status-chip b.is-ok{color:#15803d}.wcom-pro-cashier .wpc-status-chip b.is-error{color:#b91c1c}
.wcom-pro-cashier .wpc-cashier-alert{margin-right:auto;min-height:30px;display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:9px;color:#475569;background:#f8fafc;border:1px solid transparent;opacity:.65;transition:.18s}.wcom-pro-cashier .wpc-cashier-alert.is-ok{opacity:1;color:#166534;background:#f0fdf4;border-color:#bbf7d0}.wcom-pro-cashier .wpc-cashier-alert.is-error{opacity:1;color:#991b1b;background:#fef2f2;border-color:#fecaca}.wcom-pro-cashier .wpc-cashier-alert.is-info{opacity:1;color:#1e40af;background:#eff6ff;border-color:#bfdbfe}.wcom-pro-cashier .wpc-cashier-alert>span{font-size:10px}.wcom-pro-cashier #wpc-accounting{display:none!important}
@media(max-width:700px){.wcom-pro-cashier .wpc-cashier-alert{width:100%;margin-right:0}.wcom-pro-cashier .wpc-cashier-status-strip{align-items:stretch}.wcom-pro-cashier .wpc-status-chip{flex:1;justify-content:center}}


/* WebCom POS 3.9.46 — Cashier UI rebuild
 * UI/UX redesign only. Existing IDs/classes required by cashier JS are preserved.
 */
.wcom-pro-cashier{position:fixed!important;inset:0!important;z-index:999999!important;overflow:auto!important;box-sizing:border-box!important;padding:10px 14px 18px!important;background:#f3f6fa!important;color:#0f172a!important;font-family:Tahoma,Arial,sans-serif!important}
.wcom-pro-cashier *{box-sizing:border-box}
.wcom-pro-cashier .wpc-head{max-width:1540px!important;margin:0 auto 10px!important;min-height:72px!important;padding:10px 14px!important;display:grid!important;grid-template-columns:minmax(250px,.8fr) minmax(0,1.7fr) auto!important;gap:10px!important;align-items:center!important;border-radius:16px!important;border:1px solid #dbe5f1!important;background:linear-gradient(135deg,#0f214b 0%,#173d82 62%,#2459c8 100%)!important;box-shadow:0 8px 24px rgba(15,35,75,.14)!important;overflow:visible!important}
.wcom-pro-cashier .wpc-head:after{display:none!important}.wcom-pro-cashier .wpc-brand{grid-column:3!important;grid-row:1!important;min-width:220px!important;text-align:right!important}.wcom-pro-cashier .wpc-store-name{font-size:9px!important;letter-spacing:.4px!important;color:#cbd5e1!important;opacity:1!important;margin-bottom:1px!important}.wcom-pro-cashier .wpc-head h2{font-size:20px!important;line-height:1.1!important;margin:0!important;color:#fff!important}.wcom-pro-cashier .wpc-session-meta{margin-top:5px!important;display:flex!important;gap:4px!important;flex-wrap:wrap!important;background:none!important;border:0!important;padding:0!important}.wcom-pro-cashier .wpc-session-meta span{font-size:9px!important;color:#dbeafe!important;padding:2px 5px!important;background:rgba(255,255,255,.07)!important;border-radius:6px!important}
.wcom-pro-cashier .wpc-context-group{grid-column:1!important;grid-row:1!important;justify-self:start!important;display:flex!important;gap:6px!important;align-items:center!important}.wcom-pro-cashier .wpc-context-card,.wcom-pro-cashier .wcom-cashier-warehouse-switch{height:42px!important;min-width:170px!important;border-radius:11px!important;padding:5px 9px!important;background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important;box-shadow:none!important}.wcom-pro-cashier .wpc-context-icon{width:25px!important;height:25px!important;border-radius:7px!important;background:rgba(255,255,255,.13)!important;color:#fff!important;font-size:13px!important}.wcom-pro-cashier .wpc-context-copy small{font-size:8px!important;color:#cbd5e1!important}.wcom-pro-cashier .wpc-context-copy b{font-size:10px!important;color:#fff!important}.wcom-pro-cashier .wcom-cashier-warehouse-switch{min-width:190px!important;gap:6px!important}.wcom-pro-cashier .wcom-cashier-warehouse-switch>span{font-size:8px!important;color:#cbd5e1!important}.wcom-pro-cashier #wcom-cashier-warehouse-select{height:30px!important;font-size:10px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;border:0!important;padding:0 7px!important}.wcom-pro-cashier #wcom-cashier-warehouse-select option{color:#111827;background:#fff}
.wcom-pro-cashier .wpc-head-actions{grid-column:2!important;grid-row:1!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:5px!important;flex-wrap:nowrap!important;min-width:0!important}.wcom-pro-cashier .wpc-head-actions .wpc-btn{height:36px!important;padding:0 9px!important;border-radius:9px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.15)!important;color:#fff!important;font-size:9px!important;font-weight:800!important;white-space:nowrap!important;box-shadow:none!important}.wcom-pro-cashier .wpc-head-actions .wpc-btn:hover{background:rgba(255,255,255,.16)!important;transform:none!important}.wcom-pro-cashier .wpc-head-actions #wpc-new{display:none!important}.wcom-pro-cashier .wpc-head-actions #wpc-account{background:rgba(127,29,29,.45)!important}.wcom-pro-cashier .wpc-head-actions kbd{font-size:7px!important;padding:1px 3px!important}
.wcom-pro-cashier .wpc-cashier-status-strip{max-width:1540px!important;margin:0 auto 10px!important;padding:5px 8px!important;min-height:34px!important;border-radius:10px!important;box-shadow:none!important;background:#fff!important;border:1px solid #e1e8f0!important;gap:5px!important}.wcom-pro-cashier .wpc-status-chip{padding:5px 8px!important;font-size:9px!important;background:#f8fafc!important}.wcom-pro-cashier .wpc-cashier-alert{min-height:25px!important;padding:3px 8px!important;font-size:9px!important}
.wcom-pro-cashier .wpc-layout{max-width:1540px!important;margin:0 auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) 430px!important;gap:12px!important;align-items:start!important}.wcom-pro-cashier .wpc-main{min-width:0!important;padding:14px!important;background:#fff!important;border:1px solid #dce5ef!important;border-radius:16px!important;box-shadow:0 7px 24px rgba(15,23,42,.055)!important}.wcom-pro-cashier .wpc-side{min-width:0!important;padding:12px!important;background:#fff!important;border:1px solid #dce5ef!important;border-radius:16px!important;box-shadow:0 7px 24px rgba(15,23,42,.055)!important;position:sticky!important;top:8px!important;max-height:calc(100vh - 110px)!important;overflow:auto!important}
.wcom-pro-cashier .wpc-searchbar{display:grid!important;grid-template-columns:28px minmax(0,1fr) auto!important;gap:5px!important;padding:4px!important;border:1px solid #cfdbe9!important;border-radius:12px!important;box-shadow:none!important;background:#fff!important}.wcom-pro-cashier .wpc-searchbar input{height:44px!important;font-size:15px!important;font-weight:600!important;color:#0f172a!important}.wcom-pro-cashier .wpc-search-leading{height:44px!important}.wcom-pro-cashier .wpc-search-modes{display:flex!important;gap:2px!important;padding:2px!important;background:#f4f7fb!important;border-radius:9px!important}.wcom-pro-cashier .wpc-search-mode,.wcom-pro-cashier .wpc-search-scan{height:36px!important;padding:0 8px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#475569!important;font-size:9px!important;font-weight:800!important}.wcom-pro-cashier .wpc-search-mode.active{background:#1d4ed8!important;color:#fff!important}.wcom-pro-cashier #wpc-search-btn{height:36px!important;border-radius:8px!important;background:#0f172a!important;font-size:10px!important;padding:0 10px!important}
.wcom-pro-cashier .wpc-results{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;margin-top:10px!important}.wcom-pro-cashier .wpc-result{min-height:88px!important;padding:11px!important;text-align:right!important;border:1px solid #e0e7ef!important;border-radius:12px!important;background:#fff!important;box-shadow:0 2px 7px rgba(15,23,42,.025)!important;transition:.14s ease!important}.wcom-pro-cashier .wpc-result:hover{transform:translateY(-2px)!important;border-color:#8fb1e5!important;box-shadow:0 8px 18px rgba(15,23,42,.08)!important}.wcom-pro-cashier .wpc-product-top{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:7px!important}.wcom-pro-cashier .wpc-product-name{font-size:12px!important;line-height:1.45!important;color:#111827!important;font-weight:900!important}.wcom-pro-cashier .wpc-stock-pill{font-size:8px!important;padding:3px 5px!important;border-radius:999px!important;white-space:nowrap!important}.wcom-pro-cashier .wpc-product-bottom{display:flex!important;justify-content:space-between!important;align-items:end!important;gap:5px!important;margin-top:14px!important}.wcom-pro-cashier .wpc-product-bottom strong{font-size:15px!important;color:#123d86!important}.wcom-pro-cashier .wpc-product-bottom small{font-size:8px!important;color:#64748b!important}.wcom-pro-cashier .wpc-stock-count{font-size:8px!important;color:#64748b!important;font-weight:700!important}.wcom-pro-cashier .wpc-quick-products{margin:14px 0 0!important;padding:0!important}.wcom-pro-cashier .wpc-quick-title{margin:0 0 7px!important;padding:0 2px!important}.wcom-pro-cashier .wpc-quick-title h3{font-size:14px!important;margin:0!important}.wcom-pro-cashier .wpc-quick-title .wpc-link{font-size:10px!important}.wcom-pro-cashier .wpc-quick-card{min-height:78px!important}
.wcom-pro-cashier .wpc-side-invoice-head{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;padding:2px 2px 10px!important;border-bottom:1px solid #edf1f5!important}.wcom-pro-cashier .wpc-side-invoice-head>div{display:flex!important;align-items:center!important;gap:8px!important}.wcom-pro-cashier .wpc-side-invoice-head>div span{font-size:15px!important;font-weight:900!important;color:#0f172a!important}.wcom-pro-cashier .wpc-side-invoice-head>div strong{font-size:9px!important;padding:4px 7px!important;border-radius:999px!important;background:#eef4ff!important;color:#1d4ed8!important}.wcom-pro-cashier .wpc-side-clear{border:1px solid #dbe5ef!important;background:#f8fafc!important;color:#334155!important;border-radius:8px!important;height:32px!important;padding:0 8px!important;font-family:inherit!important;font-size:9px!important;font-weight:800!important;cursor:pointer!important}.wcom-pro-cashier .wpc-cart-wrap{min-height:190px!important;max-height:34vh!important;overflow:auto!important;margin-top:9px!important;border:1px solid #e6ebf1!important;border-radius:10px!important;background:#fff!important}.wcom-pro-cashier .wpc-cart-wrap table{font-size:10px!important}.wcom-pro-cashier .wpc-cart-wrap th{position:sticky!important;top:0!important;z-index:2!important;background:#f7f9fc!important;font-size:8px!important;padding:8px 5px!important}.wcom-pro-cashier .wpc-cart-wrap td{padding:7px 5px!important;border-bottom:1px solid #f0f3f7!important;font-size:9px!important}.wcom-pro-cashier .wpc-qty button{width:24px!important;height:24px!important;font-size:14px!important;border-radius:5px!important}.wcom-pro-cashier .wpc-qty input{width:38px!important;height:24px!important;font-size:10px!important}.wcom-pro-cashier .wpc-del{font-size:17px!important}.wcom-pro-cashier .wpc-empty{height:170px!important;font-size:10px!important;text-align:center!important;padding:20px!important}.wcom-pro-cashier .wpc-empty:before{font-size:25px!important}
.wcom-pro-cashier .wpc-quick-note{margin:10px 0!important;padding:9px 10px!important;border-radius:9px!important;background:#f6f9fd!important;border:1px solid #e2eaf3!important}.wcom-pro-cashier .wpc-quick-note b{font-size:11px!important;margin-bottom:2px!important}.wcom-pro-cashier .wpc-quick-note span{font-size:9px!important;line-height:1.55!important}.wcom-pro-cashier .wpc-side label{font-size:9px!important;margin:8px 0!important;color:#475569!important}.wcom-pro-cashier .wpc-side select,.wcom-pro-cashier .wpc-side input{height:37px!important;border-radius:8px!important;font-size:10px!important;margin-top:4px!important}.wcom-pro-cashier .wpc-summary{margin:9px 0!important;padding:8px 0!important}.wcom-pro-cashier .wpc-summary>div{padding:4px 0!important}.wcom-pro-cashier .wpc-summary span{font-size:9px!important}.wcom-pro-cashier .wpc-summary .grand{margin-top:5px!important;padding:10px!important;border-radius:9px!important;background:#f6f9fd!important;border:1px solid #e3eaf2!important}.wcom-pro-cashier .wpc-summary .grand strong{font-size:27px!important;color:#0f172a!important}.wcom-pro-cashier .wpc-summary .grand small{font-size:8px!important}.wcom-pro-cashier .wpc-discount-control{padding:5px 0!important}.wcom-pro-cashier .wpc-discount-check{font-size:9px!important}.wcom-pro-cashier .wpc-checkmark{width:19px!important;height:19px!important;border-radius:5px!important;font-size:12px!important}.wcom-pro-cashier #wpc-discount-fields{padding:6px!important;gap:5px!important;margin-top:5px!important}.wcom-pro-cashier #wpc-discount-fields input,.wcom-pro-cashier #wpc-discount-fields select{height:32px!important;font-size:9px!important}.wcom-pro-cashier .wpc-print-option{font-size:9px!important;padding:6px 8px!important;margin:7px 0!important}.wcom-pro-cashier .wpc-print-option input{width:15px!important;height:15px!important}.wcom-pro-cashier .wpc-change{margin:7px 0!important;padding:8px 10px!important;border-radius:8px!important}.wcom-pro-cashier .wpc-change span{font-size:9px!important}.wcom-pro-cashier .wpc-change strong{font-size:18px!important}.wcom-pro-cashier #wpc-hold{height:37px!important;margin-bottom:6px!important;border-radius:8px!important;font-size:10px!important}.wcom-pro-cashier .wpc-pay{height:46px!important;border-radius:9px!important;font-size:13px!important;box-shadow:0 7px 16px rgba(22,163,74,.16)!important}.wcom-pro-cashier .wpc-session-box{margin-top:8px!important;padding:8px!important;border-radius:8px!important;font-size:9px!important}.wcom-pro-cashier .wpc-session-box>span{font-size:8px!important}.wcom-pro-cashier .wpc-session-box strong{font-size:10px!important}.wcom-pro-cashier .wpc-session-box .wpc-link{font-size:8px!important}.wcom-pro-cashier .wpc-message{font-size:9px!important;margin-top:6px!important}
@media(max-width:1250px){.wcom-pro-cashier .wpc-head{grid-template-columns:minmax(190px,.7fr) minmax(0,1fr) minmax(210px,.8fr)!important}.wcom-pro-cashier .wpc-head-actions .wpc-btn{padding:0 7px!important;font-size:8px!important}.wcom-pro-cashier .wpc-layout{grid-template-columns:minmax(0,1fr) 380px!important}.wcom-pro-cashier .wpc-results{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:1000px){.wcom-pro-cashier .wpc-head{grid-template-columns:1fr!important;gap:7px!important}.wcom-pro-cashier .wpc-brand,.wcom-pro-cashier .wpc-context-group,.wcom-pro-cashier .wpc-head-actions{grid-column:1!important;grid-row:auto!important;justify-self:stretch!important}.wcom-pro-cashier .wpc-brand{text-align:right!important}.wcom-pro-cashier .wpc-context-group{justify-content:flex-start!important}.wcom-pro-cashier .wpc-head-actions{justify-content:flex-start!important;flex-wrap:wrap!important}.wcom-pro-cashier .wpc-layout{grid-template-columns:1fr!important}.wcom-pro-cashier .wpc-side{position:relative!important;top:auto!important;max-height:none!important;overflow:visible!important}}
@media(max-width:650px){.wcom-pro-cashier{padding:6px!important}.wcom-pro-cashier .wpc-head{padding:9px!important;border-radius:13px!important}.wcom-pro-cashier .wpc-context-group{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}.wcom-pro-cashier .wpc-context-card,.wcom-pro-cashier .wcom-cashier-warehouse-switch{min-width:0!important;width:100%!important}.wcom-pro-cashier .wpc-head-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.wcom-pro-cashier .wpc-head-actions .wpc-btn{width:100%!important}.wcom-pro-cashier .wpc-results{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.wcom-pro-cashier .wpc-searchbar{grid-template-columns:26px 1fr!important}.wcom-pro-cashier .wpc-search-modes{grid-column:1/-1!important;justify-content:center!important}.wcom-pro-cashier .wpc-side-invoice-head>div span{font-size:13px!important}.wcom-pro-cashier .wpc-cart-wrap{max-height:45vh!important}}

/* Cashier Checkout UX 2.0 — compact contextual checkout */
.wcom-pro-cashier .wpc-checkout-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0 9px;border-bottom:1px solid #edf2f7;margin-bottom:8px}.wcom-pro-cashier .wpc-checkout-head b{display:block;font-size:14px}.wcom-pro-cashier .wpc-checkout-head span{display:block;color:#64748b;font-size:10px;margin-top:2px}.wcom-pro-cashier .wpc-checkout-lock{padding:5px 8px;border-radius:999px;background:#fff7ed;color:#9a3412;border:1px solid #fed7aa;white-space:nowrap}.wcom-pro-cashier .wpc-customer-row{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:6px;align-items:end}.wcom-pro-cashier .wpc-customer-row label{margin:6px 0!important}.wcom-pro-cashier .wpc-icon-btn{height:37px;border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc;color:#2563eb;font-size:20px;font-weight:800;cursor:pointer}.wcom-pro-cashier .wpc-payment-section{margin-top:6px}.wcom-pro-cashier .wpc-section-label{font-size:9px;font-weight:800;color:#475569;margin-bottom:5px}.wcom-pro-cashier .wpc-payment-methods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.wcom-pro-cashier .wpc-method-btn{height:34px;border:1px solid #dbe3ec;border-radius:8px;background:#f8fafc;color:#475569;font-family:inherit;font-size:10px;font-weight:800;cursor:pointer}.wcom-pro-cashier .wpc-method-btn.active{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8;box-shadow:inset 0 0 0 1px #bfdbfe}.wcom-pro-cashier #wpc-method{display:none!important}.wcom-pro-cashier .wpc-summary{margin:7px 0!important;padding:6px 0!important}.wcom-pro-cashier .wpc-summary>div{padding:3px 0!important}.wcom-pro-cashier .wpc-summary .grand{display:flex;align-items:center;gap:7px;margin-top:4px!important;padding:9px 10px!important}.wcom-pro-cashier .wpc-summary .grand span{margin-left:auto}.wcom-pro-cashier .wpc-summary .grand strong{font-size:25px!important}.wcom-pro-cashier .wpc-discount-toggle{border:0;background:none;color:#2563eb;font-family:inherit;font-size:9px;font-weight:800;padding:3px 0;cursor:pointer}.wcom-pro-cashier #wpc-discount-fields{display:grid;grid-template-columns:90px 1fr;gap:5px;padding:6px!important;margin-top:4px;background:#f8fafc;border:1px solid #e5edf5;border-radius:8px}.wcom-pro-cashier #wpc-discount-fields input,.wcom-pro-cashier #wpc-discount-fields select{width:100%;height:31px!important;margin:0!important;font-size:9px!important}.wcom-pro-cashier #wpc-discount-fields input:last-child{grid-column:1/-1}.wcom-pro-cashier .wpc-paid-row{display:grid;grid-template-columns:minmax(0,1fr) 105px;gap:7px;align-items:end}.wcom-pro-cashier .wpc-paid-row label{margin:5px 0!important}.wcom-pro-cashier .wpc-paid-row input{height:37px!important}.wcom-pro-cashier .wpc-paid-row .wpc-change{height:37px;margin:0!important;padding:5px 8px!important;box-sizing:border-box}.wcom-pro-cashier .wpc-paid-row .wpc-change span{font-size:8px}.wcom-pro-cashier .wpc-paid-row .wpc-change strong{font-size:15px}.wcom-pro-cashier .wpc-print-option{display:flex!important;align-items:center;gap:5px;padding:3px 0!important;margin:4px 0!important}.wcom-pro-cashier .wpc-print-option input{width:14px!important;height:14px!important;margin:0!important}.wcom-pro-cashier .wpc-checkout-actions{display:grid;grid-template-columns:88px minmax(0,1fr);gap:6px;margin-top:6px}.wcom-pro-cashier .wpc-checkout-actions #wpc-hold{width:100%;height:46px!important;margin:0!important}.wcom-pro-cashier .wpc-checkout-actions #wpc-pay{width:100%;height:46px!important;margin:0!important}.wcom-pro-cashier .wpc-session-box{margin-top:7px!important;padding:7px 8px!important}.wcom-pro-cashier .wpc-session-box .wpc-link{font-size:8px}.wcom-pro-cashier .wpc-pay[style*="display: none"]{display:none!important}.wcom-pro-cashier .wpc-pay-locked{font-size:9px}
@media(max-width:600px){.wcom-pro-cashier .wpc-payment-methods{gap:4px}.wcom-pro-cashier .wpc-method-btn{font-size:9px}.wcom-pro-cashier .wpc-paid-row{grid-template-columns:minmax(0,1fr) 95px}.wcom-pro-cashier .wpc-checkout-head{align-items:flex-start}.wcom-pro-cashier .wpc-checkout-lock{font-size:8px}.wcom-pro-cashier .wpc-checkout-actions{grid-template-columns:82px minmax(0,1fr)}}

/* Cashier Checkout UX 2.1 — invoice directly below products */
.wcom-pro-cashier .wpc-layout{display:block!important}
.wcom-pro-cashier .wpc-main{width:100%;box-sizing:border-box}
.wcom-pro-cashier .wpc-side{width:100%;box-sizing:border-box;position:static!important;margin-top:14px;padding:14px!important;display:grid!important;grid-template-columns:minmax(0,1.55fr) minmax(360px,.85fr)!important;gap:14px!important;align-items:start!important}
.wcom-pro-cashier .wpc-invoice-cart{min-width:0}
.wcom-pro-cashier .wpc-checkout-panel{min-width:0;background:#fbfdff;border:1px solid #e6ebf1;border-radius:12px;padding:10px 12px}
.wcom-pro-cashier .wpc-invoice-cart .wpc-cart-wrap{max-height:300px!important;min-height:150px!important}
.wcom-pro-cashier .wpc-invoice-cart .wpc-empty{height:150px!important}
.wcom-pro-cashier .wpc-checkout-panel .wpc-session-box{margin-top:7px!important}
@media(max-width:1000px){
  .wcom-pro-cashier .wpc-side{grid-template-columns:1fr!important}
  .wcom-pro-cashier .wpc-checkout-panel{padding:10px!important}
}
@media(max-width:650px){
  .wcom-pro-cashier .wpc-side{padding:10px!important;gap:10px!important}
  .wcom-pro-cashier .wpc-invoice-cart .wpc-cart-wrap{max-height:45vh!important}
}

/* WebCom POS 3.9.46 —  Checkout UX 2.2: one-screen compact checkout */
.wcom-pro-cashier .wpc-checkout-panel{padding:8px 10px!important;overflow:visible!important}
.wcom-pro-cashier .wpc-checkout-head{padding:5px 0 6px!important;margin-bottom:5px!important}
.wcom-pro-cashier .wpc-checkout-head b{font-size:13px!important}
.wcom-pro-cashier .wpc-checkout-head span{font-size:9px!important;margin-top:1px!important}
.wcom-pro-cashier .wpc-checkout-lock{font-size:8px!important;padding:4px 7px!important}
.wcom-pro-cashier .wpc-customer-row{grid-template-columns:minmax(0,1fr) 34px!important;gap:5px!important}
.wcom-pro-cashier .wpc-customer-row label{margin:3px 0!important}
.wcom-pro-cashier .wpc-customer-row label select{height:34px!important;margin-top:3px!important}
.wcom-pro-cashier .wpc-icon-btn{height:34px!important;font-size:18px!important}
.wcom-pro-cashier .wpc-payment-section{margin-top:4px!important}
.wcom-pro-cashier .wpc-section-label{margin-bottom:3px!important;font-size:8px!important}
.wcom-pro-cashier .wpc-payment-methods{gap:4px!important}
.wcom-pro-cashier .wpc-method-btn{height:31px!important;font-size:9px!important;border-radius:7px!important}
.wcom-pro-cashier .wpc-summary{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:3px 7px!important;margin:5px 0!important;padding:5px 0!important}
.wcom-pro-cashier .wpc-summary>div{padding:2px 0!important;min-width:0!important}
.wcom-pro-cashier .wpc-summary>div:first-child{grid-column:1}
.wcom-pro-cashier .wpc-summary .wpc-discount-control{grid-column:2;display:flex;align-items:center;justify-content:flex-start}
.wcom-pro-cashier .wpc-summary .grand{grid-column:1/-1!important;margin-top:2px!important;padding:7px 9px!important;min-height:43px!important}
.wcom-pro-cashier .wpc-summary .grand strong{font-size:23px!important}
.wcom-pro-cashier .wpc-summary .grand small{font-size:7px!important}
.wcom-pro-cashier .wpc-paid-row{grid-template-columns:minmax(0,1fr) 100px!important;gap:5px!important}
.wcom-pro-cashier .wpc-paid-row label{margin:3px 0!important}
.wcom-pro-cashier .wpc-paid-row input{height:34px!important;margin-top:3px!important}
.wcom-pro-cashier .wpc-paid-row .wpc-change{height:34px!important}
.wcom-pro-cashier .wpc-print-option{font-size:8px!important;padding:2px 0!important;margin:3px 0!important}
.wcom-pro-cashier .wpc-checkout-actions{position:sticky!important;bottom:0!important;z-index:8!important;grid-template-columns:78px minmax(0,1fr)!important;gap:5px!important;margin:4px -2px 0!important;padding:5px 2px 2px!important;background:#fbfdff!important;border-top:1px solid #edf2f7!important}
.wcom-pro-cashier .wpc-checkout-actions #wpc-hold,.wcom-pro-cashier .wpc-checkout-actions #wpc-pay{height:42px!important;border-radius:8px!important;font-size:11px!important}
.wcom-pro-cashier .wpc-checkout-actions #wpc-pay{font-size:13px!important}
.wcom-pro-cashier .wpc-session-box{margin-top:4px!important;padding:5px 7px!important;grid-template-columns:1fr auto!important;gap:2px!important;line-height:1.2!important}
.wcom-pro-cashier .wpc-session-box>span{font-size:7px!important}
.wcom-pro-cashier .wpc-session-box>strong{font-size:9px!important;margin-top:0!important}
.wcom-pro-cashier .wpc-session-box .wpc-link{font-size:7px!important}
.wcom-pro-cashier .wpc-message{min-height:12px!important;margin-top:3px!important;font-size:8px!important}

@media(min-width:1100px) and (max-height:820px){
  .wcom-pro-cashier .wpc-side{max-height:calc(100vh - 102px)!important}
  .wcom-pro-cashier .wpc-cart-wrap{max-height:29vh!important;min-height:145px!important}
}
@media(max-width:700px){
  .wcom-pro-cashier .wpc-summary{grid-template-columns:1fr!important}
  .wcom-pro-cashier .wpc-summary>div:first-child,.wcom-pro-cashier .wpc-summary .wpc-discount-control,.wcom-pro-cashier .wpc-summary .grand{grid-column:1!important}
  .wcom-pro-cashier .wpc-summary .wpc-discount-control{justify-content:flex-start}
  .wcom-pro-cashier .wpc-checkout-actions{position:sticky!important;bottom:0!important}
}

/* WebCom POS 3.9.49 -- Terminal layout: the pay button is always visible.
   One-screen cashier: header + status on top, products on one side, invoice (scrolls inside) +
   checkout (compact, pay button pinned) on the other. Appended last so it wins over older patches. */
#wcom-cashier-app.wcom-pro-cashier{display:flex!important;flex-direction:column!important;height:100vh!important;height:100dvh!important;overflow:hidden!important;padding:8px 10px!important;box-sizing:border-box!important}
#wcom-cashier-app .wpc-head{flex:0 0 auto!important;max-width:none!important;width:100%!important;margin:0 0 6px!important;padding:6px 12px!important;min-height:0!important;gap:10px!important;border-radius:12px!important}
#wcom-cashier-app .wpc-head h2{font-size:17px!important;margin:0!important;line-height:1.2!important}
#wcom-cashier-app .wpc-store-name{font-size:10px!important;line-height:1.1!important}
#wcom-cashier-app .wpc-session-meta{gap:4px!important;margin-top:2px!important}
#wcom-cashier-app .wpc-session-meta span{padding:1px 6px!important;font-size:9px!important}
#wcom-cashier-app .wpc-head-actions .wpc-btn,#wcom-cashier-app .wpc-context-card{min-height:34px!important;padding-top:4px!important;padding-bottom:4px!important;font-size:11px!important}
#wcom-cashier-app .wpc-cashier-status-strip{flex:0 0 auto!important;margin:0 0 6px!important;padding:3px 10px!important;min-height:0!important;border-radius:10px!important}
#wcom-cashier-app .wpc-status-chip{padding:2px 8px!important;font-size:10px!important}
#wcom-cashier-app .wpc-layout{flex:1 1 auto!important;min-height:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(360px,420px)!important;gap:10px!important;align-items:stretch!important;max-width:none!important;margin:0!important;overflow:hidden!important}
#wcom-cashier-app .wpc-main{min-height:0!important;overflow:auto!important;overscroll-behavior:contain;padding:10px!important}
#wcom-cashier-app .wpc-side{position:relative!important;top:auto!important;margin:0!important;width:auto!important;max-height:none!important;min-height:0!important;height:100%!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;gap:6px!important;padding:8px!important;box-sizing:border-box!important}
#wcom-cashier-app .wpc-invoice-cart{flex:1 1 150px!important;min-height:110px!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
#wcom-cashier-app .wpc-side-invoice-head{flex:0 0 auto!important}
#wcom-cashier-app .wpc-invoice-cart .wpc-cart-wrap{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow:auto!important;overscroll-behavior:contain}
#wcom-cashier-app .wpc-cart-wrap thead th{position:sticky;top:0;z-index:2;background:#f8fafc}
#wcom-cashier-app .wpc-checkout-panel{flex:0 1 auto!important;min-height:0!important;overflow:auto!important;overscroll-behavior:contain;padding:6px 8px 0!important;position:relative!important}
#wcom-cashier-app .wpc-checkout-head span:not(.wpc-checkout-lock),#wcom-cashier-app .wpc-checkout-head div span{display:none!important}
#wcom-cashier-app .wpc-checkout-head{margin:0 0 4px!important;padding:0!important}
#wcom-cashier-app .wpc-checkout-head b{font-size:12px!important}
#wcom-cashier-app .wpc-section-label{display:none!important}
#wcom-cashier-app .wpc-checkout-panel label{margin:4px 0!important}
#wcom-cashier-app .wpc-checkout-panel select,#wcom-cashier-app .wpc-checkout-panel input[type=number],#wcom-cashier-app .wpc-checkout-panel input[type=text]{height:34px!important;margin-top:2px!important}
#wcom-cashier-app .wpc-summary{margin:4px 0!important;padding:6px 8px!important}
#wcom-cashier-app .wpc-summary .grand strong{font-size:22px!important}
#wcom-cashier-app .wpc-paid-row{margin:4px 0!important;gap:8px!important}
#wcom-cashier-app .wpc-print-option{margin:2px 0!important;font-size:11px!important}
#wcom-cashier-app .wpc-checkout-actions{position:sticky!important;bottom:0!important;z-index:9!important;display:grid!important;grid-template-columns:84px minmax(0,1fr)!important;gap:8px!important;margin:6px -8px 0!important;padding:8px!important;background:#fff!important;border-top:1px solid #e2e8f0!important;box-shadow:0 -6px 14px rgba(15,23,42,.06)!important}
#wcom-cashier-app .wpc-checkout-actions #wpc-hold{height:50px!important}
#wcom-cashier-app .wpc-checkout-actions #wpc-pay{height:50px!important;font-size:15px!important;font-weight:800!important}
#wcom-cashier-app #wpc-pay[data-total]::after{content:"  ·  " attr(data-total);font-weight:800}
#wcom-cashier-app .wpc-session-box{margin:6px 0 4px!important;padding:4px 8px!important;font-size:11px!important}
#wcom-cashier-app #wpc-message:empty{display:none!important}

/* tighter checkout so the invoice list gets most of the height */
#wcom-cashier-app #wpc-discount-fields[hidden],#wcom-cashier-app .wpc-discount-check[hidden]{display:none!important}
#wcom-cashier-app .wpc-invoice-cart{flex:1 1 0!important;min-height:190px!important}
#wcom-cashier-app .wpc-invoice-cart .wpc-cart-wrap td{padding:4px 6px!important;font-size:12px!important}
#wcom-cashier-app .wpc-invoice-cart .wpc-cart-wrap input{height:30px!important;width:64px!important;min-width:0!important;margin:0!important;padding:0 4px!important;font-size:12px!important}
#wcom-cashier-app .wpc-invoice-cart .wpc-cart-wrap thead th{padding:5px 6px!important;font-size:10px!important}
#wcom-cashier-app .wpc-customer-row{display:flex!important;gap:6px!important;align-items:flex-end!important;margin:0 0 4px!important}
#wcom-cashier-app .wpc-customer-row label{flex:1 1 auto!important;margin:0!important}
#wcom-cashier-app .wpc-customer-row #wpc-add-customer{width:34px!important;height:34px!important;flex:0 0 34px!important}
#wcom-cashier-app .wpc-payment-methods button{height:32px!important;min-height:0!important;font-size:12px!important;padding:0 4px!important}
#wcom-cashier-app .wpc-payment-section{margin:2px 0 4px!important}
#wcom-cashier-app .wpc-summary{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:4px 8px!important}
#wcom-cashier-app .wpc-summary>div:first-child{font-size:11px!important}
#wcom-cashier-app .wpc-summary .grand{flex:1 1 100%!important;display:flex!important;align-items:baseline!important;justify-content:space-between!important;padding:4px 8px!important;margin:0!important}
#wcom-cashier-app .wpc-paid-row{display:grid!important;grid-template-columns:minmax(0,1fr) 120px!important;align-items:end!important}
#wcom-cashier-app .wpc-paid-row .wpc-change{height:34px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 8px!important;margin:0!important}
#wcom-cashier-app .wpc-paid-row .wpc-change strong{font-size:15px!important}
#wcom-cashier-app .wpc-session-box{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}

/* Tablets / phones: normal scrolling page, but the pay bar is pinned to the bottom of the screen. */
@media (max-width:900px){
  #wcom-cashier-app.wcom-pro-cashier{overflow:auto!important;display:block!important;padding-bottom:84px!important}
  #wcom-cashier-app .wpc-layout{display:block!important;overflow:visible!important}
  #wcom-cashier-app .wpc-main{overflow:visible!important;margin-bottom:10px!important}
  #wcom-cashier-app .wpc-side{height:auto!important;overflow:visible!important;display:block!important}
  #wcom-cashier-app .wpc-invoice-cart{display:block!important;overflow:visible!important}
  #wcom-cashier-app .wpc-invoice-cart .wpc-cart-wrap{max-height:40vh!important}
  #wcom-cashier-app .wpc-checkout-panel{overflow:visible!important}
  #wcom-cashier-app .wpc-checkout-actions{position:fixed!important;left:0!important;right:0!important;bottom:0!important;margin:0!important;border-radius:14px 14px 0 0!important;z-index:1000000!important;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))!important}
}

/* Short screens (small laptops / tablets in landscape): reclaim height for the invoice list */
@media (max-height:700px) and (min-width:901px){
  #wcom-cashier-app .wpc-session-meta,#wcom-cashier-app .wpc-store-name{display:none!important}
  #wcom-cashier-app .wpc-session-box{display:none!important}
  #wcom-cashier-app .wpc-checkout-head b{display:none!important}
  #wcom-cashier-app .wpc-head{padding-top:4px!important;padding-bottom:4px!important}
}

.wcom-pro-cashier .wpc-wholesale-switch{display:flex;align-items:center;gap:7px;white-space:nowrap;height:42px;padding:0 10px;border:1px solid #dbe4ee;border-radius:9px;background:#fff;cursor:pointer;font-size:12px;font-weight:800}.wcom-pro-cashier .wpc-wholesale-switch input{position:absolute;opacity:0;pointer-events:none}.wcom-pro-cashier .wpc-wholesale-slider{width:34px;height:20px;border-radius:999px;background:#cbd5e1;position:relative;transition:.15s}.wcom-pro-cashier .wpc-wholesale-slider:after{content:"";position:absolute;top:3px;right:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.2);transition:.15s}.wcom-pro-cashier .wpc-wholesale-switch:has(input:checked){border-color:var(--cashier-primary,#2563eb);background:#eff6ff;color:#1d4ed8}.wcom-pro-cashier .wpc-wholesale-switch:has(input:checked) .wpc-wholesale-slider{background:var(--cashier-primary,#2563eb)}.wcom-pro-cashier .wpc-wholesale-switch:has(input:checked) .wpc-wholesale-slider:after{right:17px}.wcom-pro-cashier .wpc-pricing-badge{display:inline-flex;align-items:center;margin-top:10px;padding:7px 11px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:12px;font-weight:800}.wcom-pro-cashier .wpc-pricing-badge.is-wholesale{background:#ecfdf5;color:#047857}.wcom-pro-cashier .wpc-wholesale-line{display:block!important;color:#047857!important;font-weight:800}@media(max-width:1050px){.wcom-pro-cashier .wpc-wholesale-switch{grid-column:1/-1;justify-content:center}}

.wcom-pro-cashier .wpc-searchbar{grid-template-columns:auto 34px minmax(180px,1fr) auto auto!important}.wcom-pro-cashier .wpc-wholesale-switch .wpc-wholesale-slider{font-size:0!important;text-align:left!important;display:block!important;width:34px!important;height:20px!important}.wcom-pro-cashier .wpc-wholesale-switch input{width:auto!important;height:auto!important;margin:0!important;padding:0!important}@media(max-width:1050px){.wcom-pro-cashier .wpc-searchbar{grid-template-columns:auto 34px minmax(140px,1fr) auto!important}.wcom-pro-cashier .wpc-wholesale-switch{grid-column:1/-1}}@media(max-width:700px){.wcom-pro-cashier .wpc-searchbar{grid-template-columns:30px minmax(0,1fr)!important}.wcom-pro-cashier .wpc-wholesale-switch{grid-column:1/-1!important}.wcom-pro-cashier .wpc-searchbar .wpc-search-modes{grid-column:1/-1!important}}

/* WebCom POS 3.9.63 — cashier true full-viewport layout */
.wcom-pro-cashier{width:100vw!important;max-width:none!important;margin:0!important;left:0!important;right:0!important;}
.wcom-pro-cashier .wpc-head,
.wcom-pro-cashier .wpc-cashier-status-strip,
.wcom-pro-cashier .wpc-layout{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;}
.wcom-pro-cashier .wpc-layout{grid-template-columns:minmax(0,1fr) 430px!important;}
@media(max-width:1050px){.wcom-pro-cashier .wpc-layout{grid-template-columns:1fr!important;}}

/* WebCom POS 3.9.72 — cashier overflow contract.
   The right checkout column must never clip content. The invoice list and checkout
   form own their scroll areas independently so notes/status below the pay action
   remain reachable on short screens. */
#wcom-cashier-app .wpc-side{overflow:visible!important;min-height:0!important;}
#wcom-cashier-app .wpc-checkout-panel{min-height:0!important;max-height:100%!important;overflow-x:hidden!important;overflow-y:auto!important;scrollbar-gutter:stable;scroll-padding-bottom:88px!important;padding-bottom:12px!important;}
#wcom-cashier-app .wpc-checkout-panel .wpc-checkout-actions{position:sticky!important;bottom:0!important;}
#wcom-cashier-app .wpc-session-box{flex-shrink:0!important;}
#wcom-cashier-app .wpc-shift-details,#wcom-cashier-app .wpc-shift-note,#wcom-cashier-app #wpc-message{max-width:100%!important;box-sizing:border-box!important;}
@media(max-width:900px){#wcom-cashier-app .wpc-side{overflow:visible!important;}#wcom-cashier-app .wpc-checkout-panel{max-height:none!important;overflow:visible!important;padding-bottom:0!important;}}