body{--sei-blue:#1769ff}.sei-app{display:flex;min-height:760px;background:#f5f7fb;color:#18202a;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;border-radius:16px;overflow:hidden;box-shadow:0 8px 35px rgba(20,30,50,.08)}.sei-sidebar{width:235px;background:#101b2d;color:#fff;padding:20px 12px;flex:0 0 235px}.sei-brand{font-size:19px;font-weight:800;padding:8px 10px 24px}.sei-brand span{color:#3b8cff;font-size:27px}.sei-nav{display:block;width:100%;border:0;background:transparent;color:#c9d3e2;text-align:left;padding:12px 13px;border-radius:8px;margin:2px 0;cursor:pointer;font-size:14px}.sei-nav.active,.sei-nav:hover{background:#1769ff;color:#fff}.sei-nav span{margin-left:8px}.sei-main{flex:1;min-width:0}.sei-topbar{height:68px;background:#fff;border-bottom:1px solid #e8ebf0;display:flex;align-items:center;gap:20px;padding:0 25px}.sei-search{background:#f5f7fa;border-radius:8px;padding:9px 12px;color:#8791a1;flex:1;max-width:520px}.sei-search input{border:0;background:transparent;outline:0;width:90%;font-size:14px}.sei-user{margin-left:auto;font-weight:600}.sei-mobile-brand{display:none}.sei-view{display:none;padding:30px}.sei-view.active{display:block}.sei-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.sei-heading h1{font-size:28px;margin:0 0 5px}.sei-heading p{margin:0;color:#7b8491}.sei-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.sei-stat{background:#fff;border-radius:12px;padding:22px;border:1px solid #e8ebf0}.sei-stat span{display:block;color:#697386;font-size:13px}.sei-stat strong{display:block;font-size:25px;margin-top:9px}.sei-stat.blue{border-top:3px solid #1769ff}.sei-stat.green{border-top:3px solid #16a36a}.sei-stat.orange{border-top:3px solid #f59e0b}.sei-stat.red{border-top:3px solid #ef4444}.sei-two-col{display:grid;grid-template-columns:2fr 1fr;gap:20px}.sei-box{background:#fff;border:1px solid #e8ebf0;border-radius:12px;padding:20px;margin-bottom:20px}.sei-box h3{margin-top:0}.sei-table-wrap{overflow:auto}.sei-box table{width:100%;border-collapse:collapse;font-size:13px}.sei-box th,.sei-box td{padding:12px 10px;border-bottom:1px solid #edf0f4;text-align:left;white-space:nowrap}.sei-box th{color:#687386;font-weight:600}.sei-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sei-action{padding:14px;background:#f5f8ff;border:1px solid #dce7ff;border-radius:8px;color:#1769ff;font-weight:600;cursor:pointer}.sei-pos-layout{display:grid;grid-template-columns:2fr 1fr;gap:20px}.sei-input{width:100%;box-sizing:border-box;border:1px solid #d9dee7;border-radius:8px;min-height:42px;padding:0 12px;margin-bottom:15px;background:#fff}.sei-pos-products{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sei-pos-product{background:#fff;border:1px solid #e1e5eb;border-radius:9px;padding:14px;text-align:left;cursor:pointer}.sei-pos-product:hover{border-color:#1769ff}.sei-pos-product strong,.sei-pos-product small,.sei-pos-product em{display:block}.sei-pos-product small{color:#737d8c;margin:5px 0;font-style:normal}.sei-pos-product em{font-size:11px;color:#168457;font-style:normal}.sei-cart{height:max-content}.sei-cart-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf0f4;padding:11px 0;font-size:13px}.sei-cart-row button{border:0;background:transparent;color:#d33;cursor:pointer}.sei-cart-total{display:flex;justify-content:space-between;font-size:18px;font-weight:700;margin:20px 0}.sei-primary{width:100%;background:#1769ff;color:#fff;border:0;border-radius:8px;min-height:44px;font-weight:700;cursor:pointer}.sei-badge{display:inline-block;padding:5px 9px;border-radius:20px;background:#eaf7ef;color:#15803d;font-size:11px;font-weight:700}.sei-badge.low-stock{background:#fff4db;color:#b45309}.sei-badge.out-of-stock{background:#feecec;color:#b91c1c}.sei-login-required{padding:30px;border:1px solid #ddd;border-radius:10px;text-align:center}.sei-login-required a{display:inline-block;margin-top:10px;background:#1769ff;color:#fff;padding:9px 16px;border-radius:7px;text-decoration:none}#sei-front-message{margin-top:12px;font-size:13px}@media(max-width:1000px){.sei-sidebar{width:190px;flex-basis:190px}.sei-stat-grid{grid-template-columns:1fr 1fr}.sei-pos-layout,.sei-two-col{grid-template-columns:1fr}.sei-pos-products{grid-template-columns:1fr 1fr}}@media(max-width:700px){.sei-app{display:block}.sei-sidebar{width:auto;display:flex;overflow:auto;padding:8px;gap:4px}.sei-brand{display:none}.sei-nav{min-width:max-content;width:auto}.sei-nav span{display:inline}.sei-topbar{padding:0 14px}.sei-search{display:none}.sei-mobile-brand{display:block;font-weight:800}.sei-view{padding:18px}.sei-stat-grid{grid-template-columns:1fr}.sei-pos-products{grid-template-columns:1fr}.sei-heading h1{font-size:23px}} .sei-primary{display:inline-flex;align-items:center;justify-content:center;background:#1769ff;color:#fff;border:0;border-radius:8px;padding:10px 16px;font-weight:700;cursor:pointer}.sei-small{border:1px solid #dce2ea;background:#fff;border-radius:6px;padding:6px 9px;cursor:pointer}.sei-small.danger{color:#c62828}.sei-inline{display:flex;gap:6px;align-items:center}.sei-inline input{max-width:120px}.sei-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:15px 0}.sei-form-grid label{font-size:13px;font-weight:600;color:#596273}.sei-form-grid input,.sei-form-grid select{display:block;width:100%;box-sizing:border-box;margin-top:6px;min-height:42px;border:1px solid #d9dee7;border-radius:8px;padding:0 11px}.sei-modal{display:none;position:fixed;inset:0;background:rgba(10,18,30,.55);z-index:99999;align-items:center;justify-content:center;padding:20px}.sei-modal.open{display:flex}.sei-modal-card{background:#fff;border-radius:14px;width:min(760px,calc(100vw - 40px));max-height:90vh;overflow:auto;padding:25px;position:relative}.sei-modal-card.sei-product-modal-card{width:calc(100vw - 40px);max-width:none;padding:32px}.sei-product-modal-card #sei-product-form .sei-form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 16px;margin:22px 0}.sei-product-modal-card #sei-product-form label{font-size:13px;font-weight:700;color:#42516a}.sei-product-modal-card #sei-product-form input,.sei-product-modal-card #sei-product-form select{min-height:48px;margin-top:7px;border-radius:10px;padding:0 13px;font-size:14px}.sei-product-modal-card #sei-product-form .sei-primary{min-height:46px;padding:0 24px}.sei-product-modal-card #sei-product-form .sei-image-help{display:block;margin-top:7px;color:#8a94a6;font-size:12px}.sei-product-modal-card #sei-product-image-preview{margin-top:8px}.sei-product-modal-card .sei-upload-preview{max-width:110px;max-height:110px;border-radius:10px;object-fit:cover;border:1px solid #dce3ee}@media(max-width:1100px){.sei-product-modal-card #sei-product-form .sei-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.sei-product-modal-card{width:calc(100vw - 20px);padding:20px}.sei-product-modal-card #sei-product-form .sei-form-grid{grid-template-columns:1fr}}.sei-modal-close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:28px;cursor:pointer}.purchase-line{display:grid;grid-template-columns:2fr .7fr 1fr auto;gap:8px;margin:10px 0}.purchase-line select,.purchase-line input{min-height:40px;border:1px solid #d9dee7;border-radius:7px;padding:0 8px}@media(max-width:700px){.sei-form-grid,.purchase-line{grid-template-columns:1fr}.sei-sidebar{flex-wrap:nowrap}} /* 7E Inventory - Users & Permissions */ .sei-permission-box{margin:18px 0;padding:18px;border:1px solid #e5e7eb;border-radius:12px;background:#fafafa} .sei-permission-presets{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 16px} .sei-permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .sei-permission-grid label{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:13px} .sei-permission-grid input{margin:0} .sei-table-wrap td small{display:block;opacity:.65;margin-top:3px} .sei-muted{opacity:.55;font-size:12px} @media(max-width:800px){.sei-permission-grid{grid-template-columns:repeat(2,minmax(0,1fr));}} @media(max-width:520px){.sei-permission-grid{grid-template-columns:1fr;}} .sei-product-cell{display:flex;align-items:center;gap:10px;min-width:180px} .sei-product-thumb{width:42px;height:42px;border-radius:8px;object-fit:cover;display:inline-flex;align-items:center;justify-content:center;background:#f1f5f9;flex:none} .sei-no-image{font-size:18px} .sei-image-help{display:block;font-size:11px;opacity:.6;margin-top:4px} .sei-upload-preview{display:block;width:80px;height:80px;object-fit:cover;border-radius:10px;margin-top:8px;border:1px solid #e5e7eb} .sei-cart-img{width:34px;height:34px;object-fit:cover;border-radius:6px;flex:none} /* v1.4 POS Billing UI */ .sei-pos-topbar{display:grid!important;grid-template-columns:1fr 1fr 2fr;align-items:center;gap:18px} .sei-top-company{display:flex;align-items:center;min-width:0} .sei-top-company img{max-height:42px;max-width:150px;object-fit:contain} .sei-top-company strong{font-size:18px} .sei-top-title{text-align:center;font-size:22px;font-weight:800} .sei-top-search{display:flex;align-items:center;gap:8px;background:#f5f7fb;border-radius:10px;padding:0 12px} .sei-top-search input{border:0!important;background:transparent!important;width:100%;box-shadow:none!important} .sei-pos-heading{align-items:center} .sei-pos-mode{display:flex;border:1px solid #e3e8f0;border-radius:10px;overflow:hidden;background:#fff} .sei-pos-mode button{border:0;background:#fff;padding:10px 22px;font-weight:700;cursor:pointer} .sei-pos-mode button.active{background:#2563eb;color:#fff} .sei-pos-workspace{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:18px;align-items:start} .sei-pos-main{min-width:0} .sei-pos-main>.sei-box{margin-bottom:18px} .sei-section-title{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:14px} .sei-section-title h3{margin:0 0 3px} .sei-section-title small{opacity:.65} .sei-customer-select-row{display:grid;grid-template-columns:1fr 1fr;gap:10px} .sei-customer-record{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px} .sei-customer-record>div{background:#f8fafc;border:1px solid #e8edf4;border-radius:9px;padding:10px} .sei-customer-record span{display:block;font-size:11px;opacity:.6;margin-bottom:4px} .sei-customer-record strong{font-size:13px;display:block;line-height:1.35} .sei-customer-record .credit{background:#fff7ed} .sei-customer-record .due{background:#fff1f2} .sei-product-search-wrap{display:flex;align-items:center;border:1px solid #dce3ed;border-radius:10px;padding:0 10px;background:#fff} .sei-product-search-wrap>span{opacity:.5} .sei-product-search-wrap .sei-input{border:0!important;box-shadow:none!important} .sei-product-search-wrap button{border:0;background:transparent;font-size:20px;cursor:pointer;opacity:.5} .sei-pos-suggestions{position:relative;margin-top:6px;max-height:300px;overflow:auto;z-index:10} .sei-pos-suggestions .sei-pos-product{display:none;width:100%;border:1px solid #e7ebf1;background:#fff;border-radius:9px;padding:10px;cursor:pointer;text-align:left;align-items:center;gap:10px;margin-bottom:6px} .sei-pos-suggestions .sei-pos-product:hover{border-color:#2563eb;background:#f8fbff} .sei-suggest-image{width:42px;height:42px;border-radius:7px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;overflow:hidden;flex:none} .sei-suggest-image img{width:100%;height:100%;object-fit:cover} .sei-pos-suggestions .sei-pos-product>span:nth-child(2){flex:1} .sei-pos-suggestions .sei-pos-product small{display:block;opacity:.6;margin-top:3px} .sei-pos-suggestions .sei-pos-product em{font-style:normal;font-weight:700;font-size:12px} .sei-cart-row{display:grid;grid-template-columns:minmax(180px,1fr) 150px 100px 25px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #edf0f4} .sei-cart-product{display:flex;align-items:center;gap:10px;min-width:0} .sei-cart-product>div{min-width:0} .sei-cart-product strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .sei-cart-product small{display:block;opacity:.55;margin-top:2px} .sei-cart-img{width:40px;height:40px;object-fit:cover;border-radius:7px;background:#f1f5f9;display:inline-flex;align-items:center;justify-content:center;flex:none} .sei-qty-control{display:flex;border:1px solid #dce3ed;border-radius:8px;overflow:hidden} .sei-qty-control button{width:34px;border:0;background:#f7f8fa;cursor:pointer;font-size:18px} .sei-qty-control input{width:70px;border:0;text-align:center;outline:none} .sei-remove-cart{border:0;background:transparent;color:#ef4444;font-size:20px;cursor:pointer} .sei-bill-lines>div{display:flex;justify-content:space-between;align-items:center;padding:9px 0} .sei-bill-lines input{width:120px;padding:8px;border:1px solid #dce3ed;border-radius:7px;text-align:right} .sei-bill-lines .grand{border-top:1px solid #e5e7eb;margin-top:8px;padding-top:14px;font-size:18px} .sei-due-box{display:flex;justify-content:space-between;padding:11px 12px;background:#fff7ed;border-radius:8px;margin:10px 0;font-weight:700} .sei-approval-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0} .sei-approval-grid>div{padding:10px;border:1px solid #e5e7eb;border-radius:8px;background:#fafafa} .sei-approval-grid span,.sei-approval-grid small{display:block;font-size:11px;opacity:.6} .sei-approval-grid strong{display:block;margin:4px 0} .sei-complete-sale{width:100%;margin-top:8px} .sei-return-search{display:flex;gap:10px} .sei-return-search .sei-input{flex:1} .sei-invoice-head{display:flex;justify-content:space-between;gap:20px;border-bottom:2px solid #111;padding-bottom:12px} .sei-invoice-meta{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin:18px 0} .sei-invoice table{width:100%;border-collapse:collapse} .sei-invoice th,.sei-invoice td{border:1px solid #ddd;padding:8px;text-align:left} .sei-invoice-total{margin-left:auto;width:300px;margin-top:20px} .sei-invoice-total div{display:flex;justify-content:space-between;padding:5px} .sei-invoice-total .grand{font-size:18px;border-top:2px solid #111;margin-top:5px;padding-top:10px} .sei-invoice-foot{margin-top:30px} .sei-invoice-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px} @media(max-width:1000px){ .sei-pos-workspace{grid-template-columns:1fr} .sei-customer-record{grid-template-columns:repeat(2,1fr)} .sei-pos-topbar{grid-template-columns:1fr 1fr} .sei-top-search{grid-column:1/-1} } @media(max-width:650px){ .sei-customer-select-row,.sei-customer-record,.sei-approval-grid{grid-template-columns:1fr} .sei-cart-row{grid-template-columns:1fr 130px 80px 20px} .sei-pos-mode button{padding:8px 14px} .sei-invoice-meta{grid-template-columns:1fr} } @media print{ @page{size:A4;margin:12mm} body *{visibility:hidden} .sei-invoice,.sei-invoice *{visibility:visible} .sei-invoice{position:absolute;left:0;top:0;width:100%} .sei-invoice-actions{display:none!important} } /* 7E Inventory v1.5 - Five horizontal POS portions */ .sei-pos-5col{display:grid;grid-template-columns:minmax(205px,1.05fr) minmax(350px,1.9fr) minmax(210px,1.05fr) minmax(190px,.95fr) minmax(210px,1fr);gap:12px;align-items:start} .sei-pos-panel{min-width:0} .sei-pos-card{height:100%;box-sizing:border-box} .sei-panel-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px} .sei-panel-head h3{margin:0;font-size:18px} .sei-panel-head small{display:block;opacity:.58;margin-top:3px} .sei-pos-panel label{display:block;font-size:12px;font-weight:600;margin:10px 0} .sei-pos-panel label .sei-input{margin-top:5px} .sei-customer-info{display:grid;grid-template-columns:1fr;gap:7px;margin-top:12px} .sei-customer-info>div{padding:9px;border:1px solid #e8edf4;background:#f8fafc;border-radius:8px} .sei-customer-info span{display:block;font-size:10px;opacity:.58;margin-bottom:3px} .sei-customer-info strong{font-size:12px;display:block;word-break:break-word} .sei-customer-info .credit{background:#eef6ff} .sei-customer-info .due{background:#fff1f2} .sei-pos-card>.sei-input{margin-bottom:8px} .sei-product-search-wrap{display:flex;align-items:center;border:1px solid #dbe3ee;border-radius:8px;background:#fff;padding:0 8px;margin-bottom:8px} .sei-product-search-wrap>span{opacity:.5} .sei-product-search-wrap .sei-input{border:0!important;box-shadow:none!important;margin:0!important} .sei-product-search-wrap button{border:0;background:transparent;font-size:18px;cursor:pointer;opacity:.5} .sei-pos-suggestions{max-height:260px;overflow:auto} .sei-pos-suggestions .sei-pos-product{display:none;width:100%;box-sizing:border-box;border:1px solid #e6ebf2;background:#fff;border-radius:7px;padding:7px;margin-bottom:5px;cursor:pointer;text-align:left;align-items:center;gap:7px} .sei-pos-suggestions .sei-pos-product:hover{border-color:#2563eb;background:#f7fbff} .sei-suggest-image{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:5px;overflow:hidden;flex:none} .sei-suggest-image img{width:100%;height:100%;object-fit:cover} .sei-pos-suggestions .sei-pos-product>span:nth-child(2){flex:1;min-width:0} .sei-pos-suggestions .sei-pos-product strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .sei-pos-suggestions .sei-pos-product small{display:block;font-size:9px;opacity:.55} .sei-pos-suggestions .sei-pos-product em{font-style:normal;font-size:10px;font-weight:700;white-space:nowrap} .sei-cart-table-head{display:grid;grid-template-columns:minmax(100px,1fr) 42px 75px 80px 18px;gap:6px;font-size:10px;font-weight:700;opacity:.55;padding:7px 0;border-bottom:1px solid #e7ebf1} .sei-cart-row{display:grid;grid-template-columns:minmax(100px,1fr) 42px 75px 80px 18px;gap:6px;align-items:center;padding:9px 0;border-bottom:1px solid #edf0f4;font-size:11px} .sei-cart-product{min-width:0} .sei-cart-product strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .sei-cart-product small{display:block;opacity:.55;font-size:9px} .sei-cart-img{display:none} .sei-qty-control{display:flex;border:1px solid #dce3ed;border-radius:6px;overflow:hidden} .sei-qty-control button{display:none} .sei-qty-control input{width:42px;border:0;text-align:center;padding:5px;font-size:11px} .sei-remove-cart{border:0;background:transparent;color:#ef4444;cursor:pointer;font-size:17px} .sei-total-lines>div{display:flex;align-items:center;justify-content:space-between;padding:8px 0;font-size:12px} .sei-total-lines input{width:70px;padding:7px;border:1px solid #dce3ed;border-radius:6px;text-align:right} .sei-total-lines .grand{border-top:1px solid #e3e8ef;margin-top:7px;padding-top:12px;font-size:15px;font-weight:800} .sei-mini-title{font-size:12px;margin:18px 0 8px} .sei-payment-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:10px} .sei-payment-tabs button{border:1px solid #dbe3ed;background:#fff;border-radius:6px;padding:7px 3px;font-size:10px;cursor:pointer} .sei-payment-tabs button.active{background:#2563eb;color:#fff;border-color:#2563eb} .sei-readonly{background:#f4f6f8!important} .sei-delivery-text{resize:vertical;min-height:125px} .sei-audit-block{border:1px solid #e7ebf1;background:#fafbfd;border-radius:8px;padding:9px;margin-bottom:10px} .sei-audit-block h4{font-size:12px;margin:0 0 6px} .sei-audit-block label{font-size:10px} .sei-audit-block .sei-input{font-size:11px;padding:7px} .sei-pos-footer-actions{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:14px;padding:12px;background:#fff;border:1px solid #e4e9f0;border-radius:10px} .sei-footer-right{display:flex;gap:7px;flex-wrap:wrap} .sei-history-btn,.sei-save-btn,.sei-a4-btn,.sei-pdf-btn{border:1px solid #dce4ef;background:#fff;border-radius:7px;padding:10px 14px;font-weight:700;font-size:11px;cursor:pointer} .sei-a4-btn{background:#2563eb;color:#fff;border-color:#2563eb} .sei-pdf-btn{background:#16a34a;color:#fff;border-color:#16a34a} /* v1.5.1 — FORCE ALL 5 POS PORTIONS ON ONE HORIZONTAL ROW */ .sei-pos-5col{ display:flex!important; flex-wrap:nowrap!important; flex-direction:row!important; align-items:stretch!important; gap:12px; width:100%; min-width:1350px; overflow:visible!important; } .sei-pos-5col > .sei-pos-panel{ flex:0 0 auto!important; min-width:0!important; width:auto!important; } .sei-pos-5col > .sei-pos-panel:nth-child(1){width:230px!important} .sei-pos-5col > .sei-pos-panel:nth-child(2){width:470px!important} .sei-pos-5col > .sei-pos-panel:nth-child(3){width:245px!important} .sei-pos-5col > .sei-pos-panel:nth-child(4){width:220px!important} .sei-pos-5col > .sei-pos-panel:nth-child(5){width:245px!important} /* The page scrolls horizontally instead of stacking the POS columns. */ #sei-view-pos{ overflow-x:auto!important; } #sei-view-pos .sei-heading, #sei-view-pos .sei-pos-footer-actions{ min-width:1350px; } .sei-pos-5col .sei-box{ height:100%; box-sizing:border-box; } @media(max-width:700px){ #sei-view-pos{ overflow-x:auto!important; -webkit-overflow-scrolling:touch; } } /* v1.6.0 — Customer full-width + five lower columns */ #sei-view-pos{overflow-x:auto!important} .sei-customer-fullwidth{width:100%;min-width:1100px;margin-bottom:12px} .sei-customer-full-grid{display:grid;grid-template-columns:250px 1fr;gap:12px;align-items:stretch} .sei-customer-select-area{display:flex;flex-direction:column;gap:8px} .sei-customer-select-area .sei-input{margin:0!important} .sei-customer-info-horizontal{display:grid;grid-template-columns:repeat(9,minmax(90px,1fr));gap:7px} .sei-customer-info-horizontal>div{padding:9px;border:1px solid #e8edf4;background:#f8fafc;border-radius:7px;min-width:0} .sei-customer-info-horizontal span{display:block;font-size:9px;opacity:.58;margin-bottom:3px} .sei-customer-info-horizontal strong{display:block;font-size:11px;word-break:break-word;line-height:1.25} .sei-customer-info-horizontal .credit{background:#eef6ff} .sei-customer-info-horizontal .due{background:#fff1f2} .sei-pos-lower-row{ display:grid!important; grid-template-columns:470px 245px 220px 210px 210px!important; grid-template-rows:1fr!important; gap:12px!important; flex-wrap:nowrap!important; min-width:1391px; align-items:stretch; } .sei-pos-lower-row>.sei-pos-panel{ min-width:0!important; width:auto!important; grid-column:auto!important; } .sei-pos-lower-row .sei-pos-card{height:100%;box-sizing:border-box} .sei-cart-panel{min-width:470px!important} .sei-cart-panel .sei-pos-card{min-height:430px} .sei-cart-table-head,.sei-cart-row{ grid-template-columns:minmax(110px,1fr) 48px 78px 82px 20px!important; } .sei-delivery-text{min-height:160px;resize:vertical} .sei-audit-block{margin-top:8px} .sei-audit-block label{margin:12px 0} .sei-audit-block .sei-input{margin-top:5px} .sei-pos-footer-actions{min-width:1391px} @media(max-width:700px){ #sei-view-pos{overflow-x:auto!important;-webkit-overflow-scrolling:touch} .sei-customer-fullwidth{min-width:1100px} .sei-pos-lower-row{min-width:1391px!important} } /* v1.7.0 — Full-width POS flow: Customer -> Cart -> Grand Total -> bottom details */ #sei-view-pos{overflow-x:auto!important} #sei-view-pos .sei-heading, #sei-view-pos .sei-pos-footer-actions{min-width:0} .sei-pos-fullwidth-section{width:100%;min-width:0;margin-bottom:12px} .sei-pos-fullwidth-section .sei-box{width:100%;box-sizing:border-box} .sei-cart-fullwidth .sei-pos-card{min-height:0} .sei-cart-fullwidth .sei-cart-table-head, .sei-cart-fullwidth .sei-cart-row{ grid-template-columns:minmax(260px,1fr) 90px 150px 160px 32px!important; gap:14px!important; } .sei-grand-total-fullwidth .sei-pos-card{padding-bottom:18px} .sei-total-full-grid{ display:grid; grid-template-columns:minmax(420px,1fr) minmax(260px,360px); gap:18px; align-items:stretch; } .sei-grand-total-highlight{ display:flex; align-items:center; justify-content:space-between; gap:15px; padding:18px 20px; border:1px solid #cdebd9; background:#effcf4; border-radius:10px; font-size:18px; font-weight:800; } .sei-grand-total-highlight strong{font-size:24px} .sei-payment-full-row{ display:grid; grid-template-columns:minmax(430px,1fr) 260px 260px; gap:18px; align-items:end; margin-top:8px; } .sei-payment-method-block .sei-mini-title{margin:0 0 8px} .sei-payment-full-row label{font-size:12px;font-weight:700;color:#4d596b} .sei-payment-full-row label .sei-input{margin-top:6px;margin-bottom:0} .sei-pos-bottom-row{ display:grid; grid-template-columns:2fr 1fr 1fr; gap:12px; align-items:stretch; width:100%; } .sei-pos-bottom-row>.sei-pos-panel{min-width:0} .sei-pos-bottom-row .sei-box{height:100%;box-sizing:border-box} .sei-pos-bottom-row .sei-delivery-text{min-height:120px;resize:vertical} @media(max-width:1000px){ .sei-total-full-grid{grid-template-columns:1fr} .sei-payment-full-row{grid-template-columns:1fr 1fr} .sei-payment-method-block{grid-column:1/-1} .sei-pos-bottom-row{grid-template-columns:1fr 1fr} .sei-pos-bottom-row>.sei-pos-panel:first-child{grid-column:1/-1} } @media(max-width:700px){ .sei-cart-fullwidth .sei-cart-table-head, .sei-cart-fullwidth .sei-cart-row{min-width:850px} .sei-payment-full-row{grid-template-columns:1fr} .sei-payment-method-block{grid-column:auto} .sei-pos-bottom-row{grid-template-columns:1fr} .sei-pos-bottom-row>.sei-pos-panel:first-child{grid-column:auto} } /* v1.7.1 — POS cart polish + viewport-safe layout */ #sei-view-pos{overflow-x:hidden!important;max-width:100%;box-sizing:border-box} #sei-view-pos *{box-sizing:border-box} #sei-view-pos .sei-pos-fullwidth-section, #sei-view-pos .sei-customer-fullwidth, #sei-view-pos .sei-pos-bottom-row, #sei-view-pos .sei-pos-footer-actions{min-width:0!important;max-width:100%} #sei-view-pos .sei-customer-fullwidth{width:100%} #sei-view-pos .sei-customer-full-grid{grid-template-columns:240px minmax(0,1fr)} #sei-view-pos .sei-customer-info-horizontal{grid-template-columns:repeat(9,minmax(0,1fr))} #sei-view-pos .sei-cart-fullwidth .sei-cart-table-head, #sei-view-pos .sei-cart-fullwidth .sei-cart-row{grid-template-columns:minmax(180px,2fr) 96px 140px 140px 38px!important;min-width:0!important;gap:14px!important} #sei-view-pos .sei-cart-row{width:100%;overflow:hidden} #sei-view-pos .sei-qty-control{display:flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap} #sei-view-pos .sei-qty-btn{width:28px!important;height:28px!important;min-width:28px!important;padding:0!important;border:1px solid #dbe3ef!important;background:#fff!important;border-radius:7px!important;color:#17233b!important;font-size:17px!important;line-height:26px!important;cursor:pointer} #sei-view-pos .sei-qty-btn:hover{background:#f2f6ff!important;border-color:#1769ff!important;color:#1769ff!important} #sei-view-pos .sei-qty-value{display:inline-block;min-width:18px;text-align:center;font-size:13px;font-weight:700;color:#17233b;border:0!important;background:transparent!important;padding:0!important} #sei-view-pos .sei-cart-unit-price, #sei-view-pos .sei-cart-line-total{white-space:nowrap;font-weight:700} #sei-view-pos .sei-remove-cart{width:30px!important;height:30px!important;min-width:30px!important;padding:0!important;margin:0!important;border:1px solid #fecaca!important;background:#fff5f5!important;border-radius:7px!important;color:#ef4444!important;font-size:16px!important;line-height:28px!important;text-align:center!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;transition:all .15s ease!important} #sei-view-pos .sei-remove-cart:hover{width:30px!important;height:30px!important;transform:none!important;background:#fee2e2!important;border-color:#fca5a5!important;color:#dc2626!important} #sei-view-pos .sei-cart-product{min-width:0} #sei-view-pos .sei-cart-product strong,#sei-view-pos .sei-cart-product small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #sei-view-pos .sei-total-full-grid{grid-template-columns:minmax(0,1fr) minmax(280px,360px)} #sei-view-pos .sei-payment-full-row{grid-template-columns:minmax(0,1fr) minmax(190px,260px) minmax(190px,260px)} #sei-view-pos .sei-pos-bottom-row{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr)} @media(max-width:1100px){ #sei-view-pos .sei-customer-full-grid{grid-template-columns:1fr} #sei-view-pos .sei-customer-select-area{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:end} #sei-view-pos .sei-customer-info-horizontal{grid-template-columns:repeat(5,minmax(0,1fr))} #sei-view-pos .sei-cart-fullwidth .sei-cart-table-head, #sei-view-pos .sei-cart-fullwidth .sei-cart-row{grid-template-columns:minmax(160px,2fr) 90px 120px 120px 34px!important;gap:10px!important} #sei-view-pos .sei-payment-full-row{grid-template-columns:1fr 1fr} #sei-view-pos .sei-payment-method-block{grid-column:1/-1} } @media(max-width:760px){ #sei-view-pos .sei-customer-select-area{grid-template-columns:1fr} #sei-view-pos .sei-customer-info-horizontal{grid-template-columns:repeat(2,minmax(0,1fr))} #sei-view-pos .sei-cart-fullwidth .sei-cart-table-head, #sei-view-pos .sei-cart-fullwidth .sei-cart-row{grid-template-columns:minmax(130px,1fr) 78px 95px 105px 32px!important;gap:7px!important} #sei-view-pos .sei-cart-table-head{font-size:10px} #sei-view-pos .sei-cart-row{font-size:11px} #sei-view-pos .sei-qty-control{gap:4px} #sei-view-pos .sei-qty-btn{width:24px!important;height:24px!important;min-width:24px!important;font-size:15px!important;line-height:22px!important} #sei-view-pos .sei-remove-cart{width:28px!important;height:28px!important;min-width:28px!important;line-height:26px!important} #sei-view-pos .sei-total-full-grid{grid-template-columns:1fr} #sei-view-pos .sei-payment-full-row{grid-template-columns:1fr} #sei-view-pos .sei-payment-method-block{grid-column:auto} #sei-view-pos .sei-pos-bottom-row{grid-template-columns:1fr} } /* v1.7.3 editable POS quantity */ #sei-view-pos .sei-qty-control{display:block!important;border:0!important;background:transparent!important;overflow:visible!important;width:auto!important} #sei-view-pos .sei-qty-input{width:58px!important;height:32px!important;box-sizing:border-box!important;border:1px solid #dbe3ef!important;border-radius:7px!important;background:#fff!important;text-align:center!important;padding:4px 6px!important;font-size:13px!important;font-weight:600!important;color:#17233b!important;outline:none!important;box-shadow:none!important;margin:0!important} #sei-view-pos .sei-qty-input:focus{border-color:#1769ff!important;box-shadow:0 0 0 2px rgba(23,105,255,.10)!important} #sei-view-pos .sei-qty-input::-webkit-inner-spin-button,#sei-view-pos .sei-qty-input::-webkit-outer-spin-button{opacity:1} /* v1.7.4 — Professional customer reference layout */ #sei-view-pos .sei-customer-reference-layout{ grid-template-columns:minmax(360px,1.05fr) minmax(0,2fr)!important; gap:12px!important; align-items:stretch!important; } #sei-view-pos .sei-customer-reference-left{ display:grid!important; grid-template-columns:minmax(150px,1fr) minmax(180px,1.25fr)!important; grid-template-rows:auto 1fr!important; gap:8px!important; min-width:0!important; } #sei-view-pos .sei-customer-reference-left > .sei-input{ min-width:0!important; height:42px!important; margin:0!important; } #sei-view-pos .sei-customer-reference-left > .sei-customer-reference-card{ grid-column:1/-1!important; } #sei-view-pos .sei-customer-reference-card{ min-height:86px!important; padding:12px 14px!important; border:1px solid #172033!important; border-radius:16px!important; background:#fff!important; color:#172033!important; font-size:13px!important; line-height:1.45!important; display:flex!important; flex-direction:column!important; justify-content:center!important; gap:2px!important; overflow:hidden!important; } #sei-view-pos .sei-customer-reference-card div{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} #sei-view-pos .sei-customer-reference-card strong{font-weight:500!important;color:#172033!important} #sei-view-pos .sei-customer-summary-grid{ display:grid!important; grid-template-columns:repeat(5,minmax(0,1fr))!important; gap:7px!important; align-items:stretch!important; } #sei-view-pos .sei-customer-summary-grid > div{ min-height:86px!important; padding:10px 9px!important; border:1px solid #e3e9f2!important; border-radius:9px!important; background:#f8fafc!important; display:flex!important; flex-direction:column!important; justify-content:center!important; } #sei-view-pos .sei-customer-summary-grid span{font-size:9px!important;line-height:1.15!important;opacity:.62!important;margin-bottom:4px!important} #sei-view-pos .sei-customer-summary-grid strong{font-size:12px!important;line-height:1.25!important;word-break:break-word!important} #sei-view-pos .sei-customer-summary-grid .credit{background:#eef6ff!important} #sei-view-pos .sei-customer-summary-grid .due{background:#fff1f2!important} @media(max-width:1050px){ #sei-view-pos .sei-customer-reference-layout{grid-template-columns:1fr!important} } @media(max-width:700px){ #sei-view-pos .sei-customer-reference-left{grid-template-columns:1fr!important;grid-template-rows:auto auto 1fr!important} #sei-view-pos .sei-customer-reference-left > .sei-customer-reference-card{grid-column:auto!important} #sei-view-pos .sei-customer-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} } /* v1.7.6 — Functional customer icon cards */ #sei-view-pos .sei-customer-topbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;flex-wrap:nowrap!important;margin-bottom:14px!important} #sei-view-pos .sei-customer-title{min-width:240px!important;flex:1 1 auto!important} #sei-view-pos .sei-customer-title h3{margin:0 0 3px!important;font-size:18px!important;font-weight:700!important;color:#16233d!important} #sei-view-pos .sei-customer-title small{font-size:12px!important;color:#7c8798!important} #sei-view-pos .sei-customer-actions{display:flex!important;align-items:center!important;gap:10px!important;flex:0 0 auto!important} #sei-view-pos .sei-customer-actions .sei-customer-select{width:210px!important;min-width:210px!important;height:42px!important;margin:0!important} #sei-view-pos .sei-customer-actions .sei-customer-search{width:300px!important;min-width:240px!important;height:42px!important;margin:0!important} #sei-view-pos .sei-customer-actions .sei-open-person{height:42px!important;min-width:132px!important;padding:0 16px!important;margin:0!important;border-radius:8px!important} #sei-view-pos .sei-customer-icon-grid{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:9px!important;align-items:stretch!important} #sei-view-pos .sei-customer-icon-card{appearance:none!important;border:1px solid #dfe6f0!important;border-radius:11px!important;min-width:0!important;min-height:82px!important;padding:12px!important;background:#f8fafc!important;color:#17233b!important;display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:10px!important;align-content:center!important;align-items:center!important;text-align:left!important;cursor:pointer!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important;font:inherit!important;box-sizing:border-box!important} #sei-view-pos .sei-customer-icon-card:hover{transform:translateY(-2px)!important;box-shadow:0 7px 18px rgba(25,45,80,.10)!important;border-color:#c8d7ef!important} #sei-view-pos .sei-customer-icon{grid-column:1!important;grid-row:1 / span 2!important;width:38px!important;height:38px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:19px!important;font-weight:700!important;margin:0!important;background:#eaf2ff!important;color:#1262e8!important} #sei-view-pos .sei-customer-label{grid-column:2!important;grid-row:1!important;font-size:10px!important;line-height:1.2!important;color:#667085!important;margin:0 0 3px!important;font-weight:600!important;align-self:end!important} #sei-view-pos .sei-customer-icon-card strong{grid-column:2!important;grid-row:2!important;font-size:12px!important;line-height:1.25!important;word-break:break-word!important;color:#17233b!important;align-self:start!important} #sei-view-pos .sei-customer-icon-card.credit{background:#eef6ff!important}.sei-customer-icon-card.credit .sei-customer-icon{background:#dcecff!important;color:#1262e8!important}.sei-customer-icon-card.credit strong{color:#1262e8!important;font-size:14px!important} #sei-view-pos .sei-customer-icon-card.contact{background:#eefbf5!important}.sei-customer-icon-card.contact .sei-customer-icon{background:#dcf8e9!important;color:#12a05c!important} #sei-view-pos .sei-customer-icon-card.email{background:#f4f0ff!important}.sei-customer-icon-card.email .sei-customer-icon{background:#e9e0ff!important;color:#6b31e8!important} #sei-view-pos .sei-customer-icon-card.payment{background:#eefbf5!important}.sei-customer-icon-card.payment .sei-customer-icon{background:#ddf8e8!important;color:#0b9b58!important} #sei-view-pos .sei-customer-icon-card.paid{background:#f4f0ff!important}.sei-customer-icon-card.paid .sei-customer-icon{background:#e9e0ff!important;color:#7135e7!important} #sei-view-pos .sei-customer-icon-card.bill{background:#fff8ed!important}.sei-customer-icon-card.bill .sei-customer-icon{background:#ffedcf!important;color:#e78a00!important} #sei-view-pos .sei-customer-icon-card.due{background:#fff1f3!important}.sei-customer-icon-card.due .sei-customer-icon{background:#ffdfe3!important;color:#e5243f!important}.sei-customer-icon-card.due strong{color:#e5243f!important;font-size:15px!important} #sei-view-pos .sei-ledger-summary p{margin:8px 0!important}.sei-ledger .sei-table-wrap{margin-top:14px!important}.sei-ledger table{width:100%!important;border-collapse:collapse!important}.sei-ledger th,.sei-ledger td{padding:9px!important;border-bottom:1px solid #e7ebf2!important;text-align:left!important;font-size:12px!important} @media(max-width:1150px){#sei-view-pos .sei-customer-icon-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}} @media(max-width:1050px){#sei-view-pos .sei-customer-topbar{align-items:flex-start!important;flex-direction:column!important}#sei-view-pos .sei-customer-actions{width:100%!important;display:grid!important;grid-template-columns:210px minmax(0,1fr) auto!important}#sei-view-pos .sei-customer-actions .sei-customer-select,#sei-view-pos .sei-customer-actions .sei-customer-search{width:100%!important;min-width:0!important}} @media(max-width:700px){#sei-view-pos .sei-customer-actions{grid-template-columns:1fr!important}#sei-view-pos .sei-customer-actions .sei-open-person{width:100%!important}#sei-view-pos .sei-customer-icon-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}} /* v1.7.8 — customer icon cards: horizontal icon + content layout */ #sei-view-pos .sei-customer-icon-grid{width:100%!important;box-sizing:border-box!important;overflow:visible!important} #sei-view-pos .sei-customer-icon-card{width:100%!important} /* v1.8.0 — exact customer reference layout + cart add-more action */ #sei-view-pos .sei-customer-container{width:100%!important;box-sizing:border-box!important;overflow:hidden!important} #sei-view-pos .sei-customer-main-grid{display:grid!important;grid-template-columns:minmax(0,1.45fr) minmax(520px,1fr)!important;gap:12px!important;align-items:stretch!important} #sei-view-pos .sei-customer-edit-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:12px!important;border:1px solid #e2e9f2!important;border-radius:12px!important;background:#fbfcfe!important;box-sizing:border-box!important} #sei-view-pos .sei-customer-field{display:block!important;min-width:0!important;margin:0!important} #sei-view-pos .sei-customer-field span{display:block!important;font-size:12px!important;font-weight:700!important;color:#52617a!important;margin:0 0 6px!important} #sei-view-pos .sei-customer-field span b{display:inline-flex!important;width:20px!important;justify-content:center!important;color:#356fdc!important;margin-right:3px!important} #sei-view-pos .sei-customer-field .sei-input{width:100%!important;height:44px!important;box-sizing:border-box!important;margin:0!important;background:#fff!important} #sei-view-pos .sei-customer-summary-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;min-width:0!important} #sei-view-pos .sei-customer-summary-card{appearance:none!important;width:100%!important;min-width:0!important;min-height:132px!important;border:1px solid #e1e8f1!important;border-radius:11px!important;padding:13px 9px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;font:inherit!important;color:#17233b!important;cursor:pointer!important;box-sizing:border-box!important;transition:transform .15s ease,box-shadow .15s ease!important} #sei-view-pos .sei-customer-summary-card:hover{transform:translateY(-2px)!important;box-shadow:0 8px 20px rgba(31,52,86,.10)!important} #sei-view-pos .sei-customer-summary-card .sei-summary-icon{width:42px!important;height:42px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:19px!important;font-weight:700!important;margin-bottom:9px!important} #sei-view-pos .sei-customer-summary-card>span:not(.sei-summary-icon){font-size:11px!important;line-height:1.2!important;font-weight:700!important;color:#53617a!important;min-height:27px!important;display:flex!important;align-items:center!important;justify-content:center!important} #sei-view-pos .sei-customer-summary-card strong{font-size:14px!important;line-height:1.25!important;margin-top:6px!important;word-break:break-word!important} #sei-view-pos .sei-customer-summary-card.credit{background:#eef6ff!important}.sei-customer-summary-card.credit .sei-summary-icon{background:#dcecff!important;color:#1262e8!important}.sei-customer-summary-card.credit strong{color:#1262e8!important;font-size:16px!important} #sei-view-pos .sei-customer-summary-card.payment{background:#eefbf5!important}.sei-customer-summary-card.payment .sei-summary-icon{background:#dcf8e9!important;color:#0b9b58!important} #sei-view-pos .sei-customer-summary-card.paid{background:#f4f0ff!important}.sei-customer-summary-card.paid .sei-summary-icon{background:#e9e0ff!important;color:#7135e7!important} #sei-view-pos .sei-customer-summary-card.bill{background:#fff8ed!important}.sei-customer-summary-card.bill .sei-summary-icon{background:#ffedcf!important;color:#e78a00!important} #sei-view-pos .sei-customer-summary-card.due{background:#fff1f3!important}.sei-customer-summary-card.due .sei-summary-icon{background:#ffdfe3!important;color:#e5243f!important}.sei-customer-summary-card.due strong{color:#e5243f!important;font-size:16px!important} #sei-view-pos .sei-cart-head{align-items:center!important} #sei-view-pos .sei-cart-head-actions{display:flex!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important} #sei-view-pos .sei-add-more-item{height:38px!important;padding:0 15px!important;border-radius:8px!important;font-weight:700!important} #sei-view-pos .sei-cart-head-actions #sei-clear-cart{height:38px!important;padding:0 14px!important} #sei-view-pos .sei-cart-row{grid-template-columns:minmax(180px,2fr) 150px 140px 140px 42px!important;align-items:center!important} #sei-view-pos .sei-cart-table-head{grid-template-columns:minmax(180px,2fr) 150px 140px 140px 42px!important;align-items:center!important} #sei-view-pos .sei-qty-control{display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important} #sei-view-pos .sei-qty-control:before,#sei-view-pos .sei-qty-control:after{display:none!important} #sei-view-pos .sei-qty-input{width:58px!important;height:38px!important;text-align:center!important;padding:5px!important;box-sizing:border-box!important} #sei-view-pos .sei-qty-minus,#sei-view-pos .sei-qty-plus{width:34px!important;height:38px!important;border:1px solid #dce4ef!important;border-radius:7px!important;background:#fff!important;font-weight:700!important;font-size:17px!important;cursor:pointer!important} #sei-view-pos .sei-qty-minus:hover,#sei-view-pos .sei-qty-plus:hover{background:#f2f6fc!important} #sei-view-pos .sei-remove-cart{width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;border:1px solid #ffd0d5!important;border-radius:7px!important;background:#fff5f6!important;color:#e5243f!important;font-size:16px!important;cursor:pointer!important;transform:none!important} #sei-view-pos .sei-remove-cart:hover{transform:none!important;box-shadow:none!important;background:#ffecef!important} #sei-view-pos #sei-due-amount{min-width:0!important} @media(max-width:1200px){#sei-view-pos .sei-customer-main-grid{grid-template-columns:1fr!important}.sei-customer-summary-grid{grid-template-columns:repeat(5,minmax(120px,1fr))!important;overflow-x:auto!important}} @media(max-width:850px){#sei-view-pos .sei-customer-edit-grid{grid-template-columns:1fr!important}#sei-view-pos .sei-customer-summary-grid{grid-template-columns:repeat(5,150px)!important;overflow-x:auto!important}.sei-cart-head{align-items:flex-start!important;flex-direction:column!important}.sei-cart-head-actions{width:100%!important;justify-content:flex-end!important}} /* Modern payment method dropdown */ .sei-payment-dropdown-wrap{position:relative;display:flex;align-items:center;max-width:360px;min-height:46px;background:#fff;border:1px solid #d7e0ec;border-radius:10px;box-shadow:0 2px 8px rgba(30,64,175,.05);overflow:hidden;} .sei-payment-icon{position:static;flex:0 0 46px;width:46px;height:46px;display:flex;align-items:center;justify-content:center;color:#2563eb;font-size:17px;border-right:1px solid #e8edf5;background:#f7faff;pointer-events:none;} .sei-payment-dropdown{flex:1;min-width:0;width:100%;height:46px;appearance:none;-webkit-appearance:none;border:0;border-radius:0;background:#fff;padding:0 42px 0 16px;font-size:13px;font-weight:700;color:#24324a;cursor:pointer;outline:none;background-image:linear-gradient(45deg,transparent 50%,#64748b 50%),linear-gradient(135deg,#64748b 50%,transparent 50%);background-position:calc(100% - 18px) 19px,calc(100% - 13px) 19px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;} .sei-payment-dropdown:focus{box-shadow:inset 0 0 0 2px rgba(37,99,235,.18);} @media(max-width:700px){.sei-payment-dropdown-wrap{max-width:none;}} /* v1.8.2 — Delivery information full width, matching Grand Total */ #sei-view-pos .sei-delivery-fullwidth{width:100%;max-width:100%;min-width:0;margin-bottom:12px} #sei-view-pos .sei-delivery-fullwidth .sei-box{width:100%;max-width:100%;box-sizing:border-box} #sei-view-pos .sei-delivery-full-grid{display:grid;grid-template-columns:minmax(280px,0.7fr) minmax(0,2fr);gap:18px;align-items:start} #sei-view-pos .sei-delivery-full-grid label{font-size:12px;font-weight:700;color:#4d596b} #sei-view-pos .sei-delivery-full-grid .sei-input{margin-top:6px;margin-bottom:0} #sei-view-pos .sei-delivery-full-grid .sei-delivery-text{min-height:96px;resize:vertical} #sei-view-pos .sei-audit-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important} @media(max-width:760px){ #sei-view-pos .sei-delivery-full-grid{grid-template-columns:1fr} #sei-view-pos .sei-audit-row{grid-template-columns:1fr!important} } /* v1.8.6 — Full viewport POS interface */ .sei-app{width:100%;max-width:none;margin:0;box-sizing:border-box} .sei-main{width:calc(100% - 235px);max-width:none;box-sizing:border-box} #sei-view-pos{width:100%;max-width:none;box-sizing:border-box;overflow-x:hidden!important} #sei-view-pos .sei-customer-fullwidth, #sei-view-pos .sei-pos-fullwidth-section, #sei-view-pos .sei-pos-bottom-row, #sei-view-pos .sei-pos-footer-actions{width:100%;max-width:none;box-sizing:border-box} #sei-view-pos .sei-box{max-width:none;box-sizing:border-box} @media(max-width:700px){ .sei-main{width:100%} #sei-view-pos{overflow-x:hidden!important} } /* Keep payment icon and label comfortably separated. */ .sei-payment-dropdown-wrap{display:flex!important;align-items:center!important;gap:14px!important;padding:0 14px!important} .sei-payment-icon{flex:0 0 auto!important;margin-right:4px!important} .sei-payment-dropdown{flex:1!important;min-width:0!important} /* v1.9.0 — Final POS workspace / fixed sidebar / professional horizontal customer flow */ .sei-app{display:block!important;min-height:100vh!important;border-radius:0!important;overflow:visible!important;background:#f4f7fb!important} .sei-sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:235px!important;height:100vh!important;overflow-y:auto!important;overflow-x:hidden!important;z-index:1000!important;box-sizing:border-box!important} .sei-main{margin-left:235px!important;width:calc(100% - 235px)!important;min-width:0!important;box-sizing:border-box!important} .sei-view{padding:24px!important;box-sizing:border-box!important} #sei-view-pos{overflow:visible!important;max-width:none!important} #sei-view-pos .sei-pos-page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 18px} #sei-view-pos .sei-pos-page-heading h1{margin:0 0 4px;font-size:28px;color:#10213f} #sei-view-pos .sei-pos-page-heading p{margin:0;color:#758197;font-size:13px} #sei-view-pos .sei-box{background:#fff;border:1px solid #dfe7f2;border-radius:16px;box-shadow:0 5px 22px rgba(29,65,120,.055);padding:20px} #sei-view-pos .sei-section-header-row{display:flex;align-items:center;gap:14px;margin-bottom:18px} #sei-view-pos .sei-section-title-with-icon{display:flex;align-items:center;gap:12px;min-width:0;flex:1} #sei-view-pos .sei-section-title-with-icon h3{margin:0 0 4px;font-size:19px;color:#122342} #sei-view-pos .sei-section-title-with-icon small{display:block;color:#7a879a;font-size:12px} #sei-view-pos .sei-section-icon{width:42px;height:42px;flex:0 0 42px;border-radius:12px;background:#eef5ff;color:#1769ff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800} #sei-view-pos .sei-customer-picker-wrap{position:relative;width:min(420px,38vw);flex:0 1 420px} #sei-view-pos .sei-customer-picker{width:100%;height:48px;border:1px solid #cfdbea;border-radius:10px;padding:0 42px 0 42px;font-size:14px;color:#1e2d48;outline:none;background:#fff;box-sizing:border-box} #sei-view-pos .sei-customer-picker:focus{border-color:#1769ff;box-shadow:0 0 0 3px rgba(23,105,255,.10)} #sei-view-pos .sei-picker-icon{position:absolute;left:15px;top:14px;color:#1769ff;z-index:2} #sei-view-pos .sei-picker-clear{position:absolute;right:10px;top:8px;border:0;background:transparent;color:#8a96a8;font-size:20px;cursor:pointer;width:30px;height:30px} #sei-view-pos .sei-customer-suggestions{position:absolute;left:0;right:0;top:54px;background:#fff;border:1px solid #dbe4f0;border-radius:12px;box-shadow:0 15px 35px rgba(26,55,100,.14);padding:7px;display:none;z-index:100} #sei-view-pos .sei-customer-option{width:100%;display:flex;align-items:center;gap:10px;text-align:left;background:#fff;border:0;border-radius:9px;padding:10px;cursor:pointer} #sei-view-pos .sei-customer-option:hover{background:#f2f7ff} #sei-view-pos .sei-customer-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eaf2ff;color:#1769ff;font-weight:800;flex:0 0 34px} #sei-view-pos .sei-customer-option-text{min-width:0;display:block} #sei-view-pos .sei-customer-option-text strong{display:block;font-size:13px;color:#1d2a42} #sei-view-pos .sei-customer-option-text small{display:block;color:#8792a5;margin-top:2px} #sei-view-pos .sei-add-customer-btn{height:48px;padding:0 18px;border:0;border-radius:10px;background:#1769ff;color:#fff;font-weight:800;white-space:nowrap;cursor:pointer;box-shadow:0 4px 12px rgba(23,105,255,.18)} #sei-view-pos .sei-customer-form-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px} #sei-view-pos .sei-customer-field{min-width:0} #sei-view-pos .sei-customer-field span{display:block;font-size:12px;font-weight:800;color:#243552;margin:0 0 7px} #sei-view-pos .sei-customer-field .sei-input{margin:0;height:48px;background:#fbfcfe;border-color:#e0e7f0} #sei-view-pos .sei-account-summary-section{margin-top:14px} #sei-view-pos .sei-account-summary-grid{display:grid;grid-template-columns:1.15fr 1.15fr 1.05fr 1.25fr .75fr;gap:12px} #sei-view-pos .sei-customer-summary-card{min-width:0;min-height:118px;border:1px solid #dce6f2;border-radius:13px;padding:15px;background:#fff;cursor:pointer;text-align:left;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;transition:.16s ease} #sei-view-pos .sei-customer-summary-card:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(27,64,115,.09);border-color:#b9cbe4} #sei-view-pos .sei-customer-summary-card .sei-summary-icon{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:18px;background:#eaf2ff;color:#1769ff} #sei-view-pos .sei-customer-summary-card>span:nth-child(2){font-size:12px;color:#61718a;font-weight:700} #sei-view-pos .sei-customer-summary-card strong{font-size:18px;color:#122342;line-height:1.2} #sei-view-pos .sei-customer-summary-card.due-amount{background:#fff6f7;border-color:#f5d8dc}.sei-customer-summary-card.due-amount .sei-summary-icon{background:#ffe2e6;color:#e11d48}.sei-customer-summary-card.due-amount strong{color:#e11d48} #sei-view-pos .sei-customer-summary-card.payment{background:#f3fcf6}.sei-customer-summary-card.payment .sei-summary-icon{background:#dff8e9;color:#16a34a} #sei-view-pos .sei-customer-summary-card.paid{background:#f7f3ff}.sei-customer-summary-card.paid .sei-summary-icon{background:#eee4ff;color:#7c3aed}.sei-customer-summary-card.paid strong{color:#7c3aed} #sei-view-pos .sei-customer-summary-card.bill{background:#fffaf0}.sei-customer-summary-card.bill .sei-summary-icon{background:#ffefc9;color:#f59e0b} #sei-view-pos .sei-customer-summary-card.due{background:#f2f7ff}.sei-customer-summary-card.due .sei-summary-icon{background:#deebff;color:#1769ff}.sei-customer-summary-card.due strong{color:#1769ff} #sei-view-pos .sei-pos-fullwidth-section{margin-top:14px} #sei-view-pos .sei-cart-head{margin-bottom:14px} #sei-view-pos .sei-cart-head-actions{display:flex;gap:8px} #sei-view-pos .sei-clear-cart-btn{height:40px;padding:0 16px;border:1px solid #fecaca;background:#fff5f5;color:#dc2626;border-radius:9px;font-weight:800;cursor:pointer} #sei-view-pos .sei-product-search-wrap{position:relative;display:flex;align-items:center;margin-bottom:8px} #sei-view-pos .sei-product-search-wrap>span{position:absolute;left:14px;color:#1769ff;z-index:2} #sei-view-pos .sei-product-search-wrap .sei-input{height:48px;margin:0;padding-left:40px;padding-right:42px;border-radius:10px} #sei-view-pos #sei-pos-clear-search{position:absolute;right:8px;top:7px;width:34px;height:34px;border:0;background:transparent;color:#8b97a9;font-size:20px;cursor:pointer} #sei-view-pos .sei-pos-suggestions{position:relative;max-height:280px;overflow:auto;z-index:20} #sei-view-pos .sei-pos-suggestions .sei-pos-product{display:none;width:100%;box-sizing:border-box;border:1px solid #e0e7f0;background:#fff;border-radius:9px;padding:9px 12px;cursor:pointer;text-align:left;align-items:center;gap:10px;margin-bottom:6px} #sei-view-pos .sei-pos-suggestions .sei-pos-product:hover{border-color:#1769ff;background:#f7fbff} #sei-view-pos .sei-suggest-image{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#f4f7fb;overflow:hidden;flex:0 0 40px}.sei-suggest-image img{width:100%;height:100%;object-fit:cover} #sei-view-pos .sei-pos-suggestions .sei-pos-product>span:nth-child(2){flex:1;min-width:0}.sei-pos-suggestions .sei-pos-product strong{display:block;font-size:13px}.sei-pos-suggestions .sei-pos-product small{display:block;color:#8a95a7;margin-top:2px}.sei-pos-suggestions .sei-pos-product em{font-style:normal;font-weight:800;color:#1769ff;white-space:nowrap} #sei-view-pos .sei-cart-table-head,#sei-view-pos .sei-cart-row{display:grid;grid-template-columns:minmax(240px,2.2fr) 150px 150px 170px 44px;gap:16px;align-items:center} #sei-view-pos .sei-cart-table-head{padding:9px 10px;color:#68778e;font-size:11px;font-weight:800;background:#f6f9fd;border:1px solid #e4ebf3;border-radius:9px 9px 0 0} #sei-view-pos .sei-cart-row{padding:12px 10px;border:1px solid #edf1f6;border-top:0;font-size:13px} #sei-view-pos .sei-cart-product strong{display:block;color:#17233b}.sei-cart-product small{display:block;color:#8a95a7;margin-top:2px} #sei-view-pos .sei-qty-control{display:flex;align-items:center;justify-content:center;gap:8px}.sei-qty-control .sei-qty-minus,.sei-qty-control .sei-qty-plus{width:30px;height:30px;border:1px solid #d9e2ef;background:#fff;border-radius:7px;cursor:pointer;font-weight:800}.sei-qty-input{width:52px;height:32px;text-align:center;border:1px solid #d9e2ef;border-radius:7px;font-weight:800} #sei-view-pos .sei-cart-unit-price,#sei-view-pos .sei-cart-line-total{font-weight:800;white-space:nowrap}.sei-cart-line-total{color:#1769ff} #sei-view-pos .sei-remove-cart{width:30px!important;height:30px!important;border:1px solid #fecaca!important;background:#fff5f5!important;color:#dc2626!important;border-radius:7px!important;font-size:16px!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important} #sei-view-pos .sei-add-more-item{margin-top:12px;border:1px solid #cfe0fb;background:#eef5ff;color:#1769ff;border-radius:9px;height:42px;padding:0 16px;font-weight:800;cursor:pointer} #sei-view-pos .sei-grand-grid-final{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(360px,.85fr);gap:16px;margin-top:15px} #sei-view-pos .sei-grand-lines{border:1px solid #e2e9f2;border-radius:12px;overflow:hidden}.sei-grand-lines>div{min-height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #edf1f6}.sei-grand-lines>div:last-child{border-bottom:0}.sei-grand-lines span{font-weight:700;color:#4f6079}.sei-grand-lines strong{color:#17233b}.sei-money-input{display:flex;align-items:center;gap:6px}.sei-money-input input{width:130px;height:36px;border:1px solid #d9e2ef;border-radius:8px;text-align:right;padding:0 8px}.sei-money-input small{font-weight:800;color:#7c8798} #sei-view-pos .sei-grand-highlight-final{background:#eef5ff;border:1px solid #d4e3fb;border-radius:12px;padding:22px;display:flex;flex-direction:column;justify-content:center}.sei-grand-highlight-final>span{font-size:17px;font-weight:800;color:#526786}.sei-grand-highlight-final>strong{font-size:34px;color:#1769ff;margin:8px 0 16px}.sei-grand-highlight-final>div{display:flex;gap:24px;color:#596a84;font-size:12px} #sei-view-pos .sei-payment-final-row{display:grid;grid-template-columns:minmax(330px,1fr) 250px 250px;gap:18px;align-items:end;margin-top:16px}.sei-payment-final-row h4{margin:0 0 7px;color:#3f4f68;font-size:12px}.sei-payment-final-row label{font-size:12px;font-weight:800;color:#52627a}.sei-payment-final-row label .sei-input{margin-top:7px;margin-bottom:0;height:46px}.sei-payment-dropdown-wrap{max-width:none!important;height:46px!important;padding:0!important;gap:0!important;border:1px solid #d7e0ec!important;border-radius:10px!important;overflow:hidden!important}.sei-payment-icon{width:48px!important;height:46px!important;flex:0 0 48px!important;margin:0!important;border-right:1px solid #e7edf5!important}.sei-payment-dropdown{height:46px!important;padding-left:16px!important} #sei-view-pos .sei-delivery-final-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;margin-top:15px}.sei-delivery-final-grid label{font-size:12px;font-weight:800;color:#52627a}.sei-delivery-final-grid .sei-input{margin-top:7px;margin-bottom:0}.sei-delivery-final-grid textarea{min-height:92px;resize:vertical} #sei-view-pos .sei-audit-row{grid-template-columns:1fr!important;margin-top:14px}.sei-audit-final-grid{display:grid;grid-template-columns:1fr 220px 1.2fr;gap:14px;margin-top:15px}.sei-audit-final-grid label{font-size:12px;font-weight:800;color:#52627a}.sei-audit-final-grid .sei-input{margin-top:7px;margin-bottom:0;height:46px;background:#f8fafc} #sei-view-pos .sei-pos-footer-actions.final-actions{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;gap:12px;margin-top:14px;padding:0;background:transparent;border:0;min-width:0!important}.final-actions button{height:52px;border-radius:10px!important;font-size:14px!important;font-weight:800!important;cursor:pointer}.final-actions .sei-history-btn{background:#f59e0b;color:#fff;border:0}.final-actions .sei-save-btn{background:#16a34a;color:#fff;border:0}.final-actions .sei-a4-btn{background:#1769ff;color:#fff;border:0}.final-actions .sei-pdf-btn{background:#ef4444;color:#fff;border:0}.final-actions button:disabled{opacity:.6;cursor:wait} #sei-view-pos #sei-front-message{padding:10px 0;color:#1769ff;font-weight:700} @media(max-width:1100px){.sei-customer-form-row{grid-template-columns:repeat(2,1fr)!important}.sei-account-summary-grid{grid-template-columns:repeat(3,1fr)!important}.sei-grand-grid-final{grid-template-columns:1fr!important}.sei-payment-final-row{grid-template-columns:1fr 1fr!important}.sei-payment-final-row>div:first-child{grid-column:1/-1}.sei-delivery-final-grid{grid-template-columns:1fr!important}.sei-audit-final-grid{grid-template-columns:1fr 1fr!important}.sei-audit-final-grid label:last-child{grid-column:1/-1}} @media(max-width:760px){.sei-sidebar{position:relative!important;width:100%!important;height:auto!important;min-height:0!important}.sei-main{margin-left:0!important;width:100%!important}.sei-view{padding:14px!important}.sei-customer-section .sei-section-header-row{flex-wrap:wrap}.sei-customer-picker-wrap{width:100%!important;flex-basis:100%!important;order:3}.sei-add-customer-btn{margin-left:auto}.sei-customer-form-row,.sei-account-summary-grid,.sei-payment-final-row,.sei-audit-final-grid{grid-template-columns:1fr!important}.sei-account-summary-grid{display:grid!important}.sei-cart-table-head,.sei-cart-row{grid-template-columns:minmax(220px,1fr) 140px 130px 140px 40px!important;min-width:760px}.sei-cart-fullwidth .sei-box{overflow-x:auto}.sei-grand-highlight-final>strong{font-size:28px}.final-actions{grid-template-columns:1fr 1fr!important}.final-actions .sei-history-btn{grid-column:1/-1}.sei-pos-page-heading{align-items:flex-start!important;flex-direction:column}.sei-pos-mode{align-self:stretch}.sei-pos-mode button{flex:1}} /* v1.9.3 - Exact approved POS visual system */ #sei-view-pos{padding:18px 18px 22px!important;background:#f4f7fb} #sei-view-pos .sei-box{border:1px solid #dfe7f1!important;border-radius:12px!important;box-shadow:0 2px 8px rgba(22,55,95,.035)!important;padding:14px!important;margin-bottom:10px!important} #sei-view-pos .sei-pos-page-heading{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:18px!important;margin:0 0 10px!important;padding:0 2px!important} #sei-view-pos .sei-pos-page-heading h1{font-size:24px!important;line-height:1.15!important;color:#10213f!important;margin:0 0 3px!important;font-weight:800!important} #sei-view-pos .sei-pos-page-heading p{font-size:12px!important;color:#71809a!important;margin:0!important} #sei-view-pos .sei-pos-heading-final .sei-pos-mode{display:flex!important;border:1px solid #d8e1ee!important;border-radius:10px!important;overflow:hidden!important;background:#fff!important;flex:0 0 auto!important} #sei-view-pos .sei-pos-heading-final .sei-pos-mode button{height:40px!important;min-width:84px!important;padding:0 18px!important;border:0!important;background:#fff!important;color:#12213d!important;font-size:12px!important;font-weight:800!important;cursor:pointer!important} #sei-view-pos .sei-pos-heading-final .sei-pos-mode button.active{background:#1769ff!important;color:#fff!important} #sei-view-pos .sei-pos-workspace-final{display:block!important} #sei-view-pos .sei-section-header-row{gap:12px!important;margin-bottom:12px!important} #sei-view-pos .sei-section-title-with-icon{gap:10px!important} #sei-view-pos .sei-section-title-with-icon h3{font-size:17px!important;color:#10213f!important;margin:0 0 2px!important;font-weight:800!important} #sei-view-pos .sei-section-title-with-icon small{font-size:11px!important;color:#74829a!important} #sei-view-pos .sei-section-icon{width:42px!important;height:42px!important;flex:0 0 42px!important;border-radius:11px!important;background:#eaf2ff!important;color:#1769ff!important;display:flex!important;align-items:center!important;justify-content:center!important} #sei-view-pos .sei-svg-icon{width:20px;height:20px;display:block} #sei-view-pos .sei-section-icon .sei-svg-icon{width:22px;height:22px;stroke-width:2} #sei-view-pos .sei-customer-picker-wrap{width:min(455px,42vw)!important;flex:0 1 455px!important} #sei-view-pos .sei-customer-picker{height:42px!important;border:1px solid #cddbef!important;border-radius:9px!important;padding-left:38px!important;font-size:12px!important} #sei-view-pos .sei-picker-icon{left:12px!important;top:11px!important;color:#1769ff!important} #sei-view-pos .sei-picker-icon .sei-svg-icon{width:17px;height:17px} #sei-view-pos .sei-picker-clear{right:7px!important;top:6px!important;width:30px!important;height:30px!important} #sei-view-pos .sei-add-customer-btn{height:42px!important;border:0!important;border-radius:9px!important;background:#1769ff!important;color:#fff!important;padding:0 16px!important;font-weight:800!important;font-size:12px!important;white-space:nowrap!important;cursor:pointer!important} #sei-view-pos .sei-customer-form-row{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important} #sei-view-pos .sei-customer-field span{display:flex!important;align-items:center!important;gap:6px!important;font-size:11px!important;color:#243552!important;margin-bottom:5px!important} #sei-view-pos .sei-customer-field span .sei-svg-icon{width:14px;height:14px;color:#1769ff} #sei-view-pos .sei-customer-field .sei-input{height:38px!important;min-height:38px!important;margin:0!important;border-color:#dce5f0!important;border-radius:8px!important;background:#fff!important;font-size:12px!important} #sei-view-pos .sei-account-summary-section{padding-bottom:12px!important} #sei-view-pos .sei-account-summary-section>.sei-section-title-with-icon{margin-bottom:9px!important} #sei-view-pos .sei-account-summary-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:9px!important} #sei-view-pos .sei-customer-summary-card{min-height:68px!important;height:68px!important;border-radius:9px!important;padding:9px 12px!important;display:grid!important;grid-template-columns:42px 1fr!important;grid-template-rows:auto 1fr!important;column-gap:9px!important;row-gap:1px!important;align-items:center!important;justify-content:initial!important} #sei-view-pos .sei-customer-summary-card .sei-summary-icon{grid-row:1 / span 2;width:38px!important;height:38px!important} #sei-view-pos .sei-customer-summary-card .sei-summary-icon .sei-svg-icon{width:20px;height:20px} #sei-view-pos .sei-customer-summary-card>span:nth-child(2){font-size:10px!important;line-height:1.15!important} #sei-view-pos .sei-customer-summary-card strong{font-size:16px!important;line-height:1.1!important} #sei-view-pos .sei-pos-fullwidth-section{margin-top:10px!important} #sei-view-pos .sei-cart-head{margin-bottom:9px!important} #sei-view-pos .sei-cart-head-actions{margin-left:auto} #sei-view-pos .sei-clear-cart-btn{height:36px!important;padding:0 12px!important;border-radius:8px!important;display:inline-flex!important;align-items:center!important;gap:6px!important;font-size:11px!important} #sei-view-pos .sei-clear-cart-btn .sei-svg-icon{width:15px;height:15px} #sei-view-pos .sei-product-search-wrap{margin-bottom:7px!important} #sei-view-pos .sei-product-search-wrap .sei-input{height:40px!important;min-height:40px!important;font-size:12px!important} #sei-view-pos .sei-product-search-wrap>span .sei-svg-icon{width:16px;height:16px} #sei-view-pos .sei-cart-table-head,#sei-view-pos .sei-cart-row{grid-template-columns:minmax(250px,2.3fr) 130px 130px 145px 42px!important;gap:12px!important} #sei-view-pos .sei-cart-table-head{font-size:10px!important;padding:7px 9px!important} #sei-view-pos .sei-cart-row{padding:9px!important;font-size:12px!important} #sei-view-pos .sei-cart-img{width:32px!important;height:32px!important} #sei-view-pos .sei-qty-control{gap:5px!important} #sei-view-pos .sei-qty-control .sei-qty-minus,#sei-view-pos .sei-qty-control .sei-qty-plus{width:27px!important;height:27px!important;border-radius:6px!important} #sei-view-pos .sei-qty-input{width:42px!important;height:29px!important;font-size:12px!important} #sei-view-pos .sei-remove-cart{width:28px!important;height:28px!important;border-radius:7px!important;font-size:0!important} #sei-view-pos .sei-remove-cart .sei-svg-icon{width:15px;height:15px} #sei-view-pos .sei-add-more-item{height:36px!important;margin-top:8px!important;border-radius:8px!important;padding:0 13px!important;display:inline-flex!important;align-items:center!important;gap:6px!important;font-size:11px!important} #sei-view-pos .sei-add-more-item .sei-svg-icon{width:16px;height:16px} #sei-view-pos .sei-grand-grid-final{grid-template-columns:minmax(0,1.45fr) minmax(350px,.75fr)!important;gap:12px!important;margin-top:10px!important} #sei-view-pos .sei-grand-lines{border-radius:9px!important} #sei-view-pos .sei-grand-lines>div{min-height:42px!important;padding:0 12px!important} #sei-view-pos .sei-grand-lines span{font-size:11px!important} #sei-view-pos .sei-grand-lines strong{font-size:12px!important} #sei-view-pos .sei-money-input input{width:105px!important;height:32px!important} #sei-view-pos .sei-grand-highlight-final{padding:16px!important;border-radius:10px!important} #sei-view-pos .sei-grand-highlight-final>span{font-size:13px!important} #sei-view-pos .sei-grand-highlight-final>strong{font-size:28px!important;margin:5px 0 10px!important} #sei-view-pos .sei-grand-highlight-final>div{font-size:10px!important;gap:18px!important} #sei-view-pos .sei-payment-final-row{grid-template-columns:minmax(300px,1fr) 220px 220px!important;gap:12px!important;margin-top:10px!important} #sei-view-pos .sei-payment-final-row h4{font-size:11px!important} #sei-view-pos .sei-payment-dropdown-wrap{height:40px!important;border-radius:8px!important} #sei-view-pos .sei-payment-icon{width:42px!important;height:40px!important;flex-basis:42px!important;display:flex!important;align-items:center!important;justify-content:center!important} #sei-view-pos .sei-payment-icon .sei-svg-icon{width:17px;height:17px} #sei-view-pos .sei-payment-dropdown{height:40px!important;font-size:12px!important;padding-left:12px!important} #sei-view-pos .sei-payment-final-row label{font-size:11px!important} #sei-view-pos .sei-payment-final-row label .sei-input{height:40px!important;font-size:12px!important} #sei-view-pos .sei-delivery-final-grid{grid-template-columns:300px minmax(0,1fr)!important;gap:14px!important;margin-top:9px!important} #sei-view-pos .sei-delivery-final-grid label{font-size:11px!important} #sei-view-pos .sei-delivery-final-grid .sei-input{height:40px!important;min-height:40px!important;font-size:12px!important} #sei-view-pos .sei-delivery-final-grid textarea{min-height:82px!important} #sei-view-pos .sei-audit-row{margin-top:10px!important} #sei-view-pos .sei-audit-final-grid{grid-template-columns:1fr 180px 1.2fr!important;gap:12px!important;margin-top:9px!important} #sei-view-pos .sei-audit-final-grid label{font-size:11px!important} #sei-view-pos .sei-audit-final-grid .sei-input{height:40px!important;min-height:40px!important;font-size:12px!important} #sei-view-pos .sei-pos-footer-actions.final-actions{grid-template-columns:1.1fr 1fr 1fr 1fr!important;gap:9px!important;margin-top:10px!important} #sei-view-pos .final-actions button{height:48px!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;font-size:13px!important} #sei-view-pos .final-actions button .sei-svg-icon{width:18px;height:18px} #sei-view-pos .sei-return-panel{margin-top:10px!important} /* Sidebar / topbar matching approved image */ .sei-app{border-radius:0!important;box-shadow:none!important;background:#f4f7fb!important} .sei-sidebar{width:235px!important;flex:0 0 235px!important;background:#0d1b2f!important;padding:12px 10px!important} .sei-brand-final{display:flex!important;align-items:center!important;gap:9px!important;padding:8px 10px 18px!important;border-bottom:1px solid rgba(255,255,255,.08)!important;margin-bottom:9px!important} .sei-brand-mark{width:39px;height:39px;border-radius:7px;background:#1769ff;color:#fff!important;display:flex;align-items:center;justify-content:center;font-size:18px!important;font-weight:900!important;letter-spacing:-1px} .sei-brand-text{display:flex!important;flex-direction:column!important;line-height:1.05} .sei-brand-text strong{font-size:17px;color:#fff} .sei-brand-text small{font-size:9px;color:#c6d1e0;margin-top:4px} .sei-nav{display:flex!important;align-items:center!important;gap:12px!important;padding:11px 13px!important;color:#cbd5e1!important;border-radius:8px!important;font-size:13px!important;margin:2px 0!important} .sei-nav .sei-svg-icon{width:17px;height:17px;flex:0 0 17px} .sei-nav.active{background:#1769ff!important;color:#fff!important} .sei-main{margin-left:0!important;width:calc(100% - 235px)!important} .sei-pos-topbar-final{height:58px!important;padding:0 18px!important;gap:14px!important;border-bottom:1px solid #e3e9f2!important;background:#fff!important} .sei-client-logo-topbar{width:42px!important;height:42px!important;flex:0 0 42px!important;border:1px solid #e3eaf3!important;border-radius:9px!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;padding:5px!important;box-sizing:border-box!important} .sei-client-logo-topbar img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;border-radius:6px!important} .sei-menu-btn{width:34px;height:34px;border:0;background:transparent;color:#1769ff;display:flex;align-items:center;justify-content:center;cursor:pointer} .sei-menu-btn .sei-svg-icon{width:20px;height:20px} .sei-global-search{height:38px;max-width:620px;flex:1;display:flex;align-items:center;background:#f5f8fc;border:1px solid #e4ebf4;border-radius:8px;overflow:hidden} .sei-global-search>span{padding-left:11px;color:#1769ff;display:flex}.sei-global-search>span .sei-svg-icon{width:17px;height:17px} .sei-global-search input{flex:1;border:0;background:transparent;outline:0;padding:0 10px;font-size:12px;color:#23334d} .sei-barcode-btn{height:38px;width:42px;border:0;border-left:1px solid #e1e8f2;background:#eef5ff;color:#1769ff;display:flex;align-items:center;justify-content:center;cursor:pointer}.sei-barcode-btn .sei-svg-icon{width:18px;height:18px} .sei-top-date{display:flex;align-items:center;gap:8px;margin-left:auto;height:38px;padding:0 12px;border:1px solid #e3eaf3;border-radius:8px;background:#f9fbfd;color:#30415c;font-size:11px;white-space:nowrap}.sei-top-date .sei-svg-icon{width:16px;height:16px;color:#1769ff} .sei-top-user{display:flex;align-items:center;gap:8px;padding-left:10px;border-left:1px solid #e7edf5;min-width:132px}.sei-user-avatar{width:34px;height:34px;border-radius:50%;background:#eef4ff;color:#1769ff;display:flex;align-items:center;justify-content:center}.sei-user-avatar .sei-svg-icon{width:18px;height:18px}.sei-top-user>span:nth-child(2){display:flex;flex-direction:column;line-height:1.1}.sei-top-user strong{font-size:11px;color:#182742}.sei-top-user small{font-size:9px;color:#66758d;margin-top:3px}.sei-top-user small i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#16a34a;margin-right:4px}.sei-chevron{color:#6d7b91;display:flex}.sei-chevron .sei-svg-icon{width:14px;height:14px} @media(max-width:1100px){#sei-view-pos .sei-account-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}#sei-view-pos .sei-grand-grid-final{grid-template-columns:1fr!important}#sei-view-pos .sei-payment-final-row{grid-template-columns:1fr 1fr!important}.sei-top-date{display:none}} @media(max-width:760px){.sei-main{width:100%!important}.sei-sidebar{width:100%!important}.sei-pos-topbar-final{display:flex!important;height:54px!important;padding:0 12px!important;gap:10px!important}.sei-client-logo-topbar{width:36px!important;height:36px!important;flex-basis:36px!important}.sei-global-search{display:flex!important;max-width:none!important}.sei-top-user-wrap{display:none!important}#sei-view-pos .sei-pos-heading-final{align-items:flex-start!important;flex-direction:column!important}#sei-view-pos .sei-pos-heading-final .sei-pos-mode{width:100%!important}#sei-view-pos .sei-pos-heading-final .sei-pos-mode button{flex:1!important}.sei-brand-final{display:none!important}} #sei-view-pos .sei-product-search-wrap{padding-right:86px!important} #sei-view-pos .sei-cart-barcode-btn{position:absolute;right:43px;top:4px;width:36px;height:32px;border:0;border-left:1px solid #e1e8f2;background:#eef5ff;color:#1769ff;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px} #sei-view-pos .sei-cart-barcode-btn .sei-svg-icon{width:17px;height:17px} #sei-view-pos .sei-cart-table-head,#sei-view-pos .sei-cart-row{grid-template-columns:minmax(230px,2.15fr) 90px 110px 120px 130px 110px 125px 38px!important;gap:9px!important} #sei-view-pos .sei-cart-table-head span{text-align:left} #sei-view-pos .sei-cart-product{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important} #sei-view-pos .sei-cart-product>div{min-width:0} #sei-view-pos .sei-cart-product strong,#sei-view-pos .sei-cart-product small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #sei-view-pos .sei-cart-stock{display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;padding:4px 7px;border-radius:12px;background:#dcfce7;color:#15803d;font-size:9px;font-weight:800;white-space:nowrap} #sei-view-pos .sei-cart-sku{font-size:10px;color:#40516b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #sei-view-pos .sei-line-discount{display:flex;align-items:center;gap:4px;border:1px solid #d9e2ef;border-radius:7px;height:30px;padding:0 6px;background:#fff} #sei-view-pos .sei-line-discount input{width:58px;border:0;outline:0;background:transparent;text-align:right;font-size:10px;color:#273752} #sei-view-pos .sei-line-discount span{font-size:10px;color:#71809a;font-weight:800} #sei-view-pos .sei-cart-line-total{font-size:12px} @media(max-width:1250px){#sei-view-pos .sei-cart-table-head,#sei-view-pos .sei-cart-row{grid-template-columns:minmax(210px,2fr) 80px 100px 110px 120px 95px 110px 38px!important;min-width:950px!important}.sei-cart-fullwidth .sei-box{overflow-x:auto!important}} /* Full-screen POS page integration: keep the POS independent from the active WordPress theme/header. */ body:has(.sei-app){ margin:0!important; padding:0!important; overflow-x:hidden!important; } body:has(.sei-app) #wpadminbar, body:has(.sei-app) .elementor-location-header, body:has(.sei-app) header.site-header, body:has(.sei-app) .site-header, body:has(.sei-app) .main-header, body:has(.sei-app) .site-footer, body:has(.sei-app) footer.site-footer{ display:none!important; } body:has(.sei-app) .site, body:has(.sei-app) .site-content, body:has(.sei-app) .content-area, body:has(.sei-app) .entry-content, body:has(.sei-app) .elementor, body:has(.sei-app) .elementor-section-wrap, body:has(.sei-app) .elementor-container, body:has(.sei-app) .elementor-widget-wrap, body:has(.sei-app) .elementor-widget-container{ width:100%!important; max-width:none!important; margin:0!important; padding:0!important; } body:has(.sei-app) .sei-app{ position:relative!important; width:100vw!important; max-width:none!important; min-height:100vh!important; margin-left:calc(50% - 50vw)!important; margin-right:calc(50% - 50vw)!important; margin-top:0!important; border-radius:0!important; box-shadow:none!important; } body:has(.sei-app) .sei-sidebar{ position:fixed!important; top:0!important; left:0!important; bottom:0!important; z-index:99990!important; } body:has(.sei-app) .sei-main{ margin-left:235px!important; width:calc(100vw - 235px)!important; max-width:none!important; min-width:0!important; } body:has(.sei-app) .sei-view{ box-sizing:border-box!important; width:100%!important; max-width:none!important; } /* v1.9.6: definitive POS cart column alignment + account summary overflow fix */ #sei-view-pos .sei-cart-fullwidth .sei-box{overflow-x:auto!important;overflow-y:visible!important} #sei-view-pos .sei-cart-table-head, #sei-view-pos .sei-cart-fullwidth #sei-front-cart .sei-cart-row{ display:grid!important; grid-template-columns: minmax(230px,2.2fr) 90px 110px 120px 125px 110px 125px 42px!important; grid-auto-flow:column!important; align-items:center!important; column-gap:10px!important; width:100%!important; min-width:1000px!important; box-sizing:border-box!important; } #sei-view-pos .sei-cart-table-head{ padding:8px 10px!important; white-space:nowrap!important; } #sei-view-pos .sei-cart-table-head>span{min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} #sei-view-pos .sei-cart-fullwidth #sei-front-cart .sei-cart-row{padding:10px!important} #sei-view-pos .sei-cart-fullwidth #sei-front-cart .sei-cart-row>*{min-width:0!important;box-sizing:border-box!important} #sei-view-pos .sei-cart-product{min-width:0!important;overflow:hidden!important} #sei-view-pos .sei-cart-product strong, #sei-view-pos .sei-cart-product small{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} #sei-view-pos .sei-cart-sku, #sei-view-pos .sei-cart-stock, #sei-view-pos .sei-cart-unit-price, #sei-view-pos .sei-cart-line-total{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} #sei-view-pos .sei-qty-control{min-width:0!important;white-space:nowrap!important} #sei-view-pos .sei-line-discount{width:100%!important;min-width:0!important;box-sizing:border-box!important} #sei-view-pos .sei-line-discount input{min-width:0!important;width:100%!important;box-sizing:border-box!important} #sei-view-pos .sei-remove-cart{justify-self:center!important} /* Keep all five account summary cards inside their container. */ #sei-view-pos .sei-account-summary-grid{min-width:0!important;width:100%!important} #sei-view-pos .sei-customer-summary-card{min-width:0!important;overflow:hidden!important;box-sizing:border-box!important} #sei-view-pos .sei-customer-summary-card>span:nth-child(2), #sei-view-pos .sei-customer-summary-card>strong{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:normal!important;overflow-wrap:anywhere!important} #sei-view-pos .sei-customer-summary-card strong{font-size:15px!important;line-height:1.15!important} #sei-view-pos .sei-customer-summary-card.bill strong{font-size:12px!important;line-height:1.15!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important} #sei-view-pos .sei-customer-summary-card.payment strong{font-size:12px!important;line-height:1.15!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important} @media(max-width:1100px){ #sei-view-pos .sei-cart-table-head, #sei-view-pos .sei-cart-fullwidth #sei-front-cart .sei-cart-row{min-width:1000px!important} } /* v1.9.7: final cart layout - no line discount column */ #sei-view-pos .sei-cart-fullwidth .sei-cart-table-head, #sei-view-pos .sei-cart-fullwidth .sei-cart-row{ grid-template-columns:minmax(260px,2.5fr) 100px 120px 135px 150px 150px 54px!important; min-width:0!important; gap:16px!important; align-items:center!important; } #sei-view-pos .sei-cart-fullwidth .sei-cart-table-head{ padding:10px 6px!important; font-size:11px!important; font-weight:700!important; } #sei-view-pos .sei-cart-fullwidth .sei-cart-row{ padding:14px 6px!important; min-height:70px!important; font-size:13px!important; } #sei-view-pos .sei-cart-product{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;} #sei-view-pos .sei-cart-product>div{min-width:0!important;} #sei-view-pos .sei-cart-product strong{font-size:14px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;} #sei-view-pos .sei-cart-sku,#sei-view-pos .sei-cart-stock,#sei-view-pos .sei-cart-unit-price,#sei-view-pos .sei-cart-line-total{text-align:left!important;white-space:nowrap!important;} #sei-view-pos .sei-cart-line-total{color:#1769ff!important;font-weight:800!important;} #sei-view-pos .sei-qty-control{display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important;} #sei-view-pos .sei-qty-minus,#sei-view-pos .sei-qty-plus{width:34px!important;height:38px!important;} #sei-view-pos .sei-qty-input{width:52px!important;height:38px!important;} #sei-view-pos .sei-remove-cart{width:38px!important;height:38px!important;min-width:38px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;border:1px solid #fecaca!important;border-radius:8px!important;background:#fff5f5!important;color:#ef4444!important;font-size:0!important;line-height:1!important;} #sei-view-pos .sei-remove-cart:hover{background:#fee2e2!important;border-color:#fca5a5!important;transform:none!important;box-shadow:none!important;} #sei-view-pos .sei-delete-icon{width:17px!important;height:17px!important;fill:currentColor!important;display:block!important;} #sei-view-pos .sei-line-discount{display:none!important;} @media(max-width:1050px){ #sei-view-pos .sei-cart-fullwidth .sei-cart-table-head, #sei-view-pos .sei-cart-fullwidth .sei-cart-row{grid-template-columns:minmax(220px,2.2fr) 90px 105px 120px 140px 130px 48px!important;gap:10px!important;min-width:930px!important;} #sei-view-pos .sei-cart-fullwidth{overflow-x:auto!important;} } /* v1.9.9: cart search action + centered value columns */ #sei-view-pos .sei-product-search-wrap{position:relative!important;display:flex!important;align-items:center!important;width:100%!important;box-sizing:border-box!important;} #sei-view-pos .sei-product-search-wrap>span{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 40px!important;height:42px!important;} #sei-view-pos .sei-product-search-wrap #sei-pos-search{flex:1 1 auto!important;width:auto!important;margin:0!important;padding-right:92px!important;height:42px!important;} #sei-view-pos .sei-product-search-wrap .sei-cart-search-btn{position:absolute!important;right:46px!important;top:4px!important;width:36px!important;height:34px!important;border:1px solid #1769ff!important;background:#1769ff!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;border-radius:7px!important;z-index:3!important;box-shadow:0 2px 6px rgba(23,105,255,.18)!important;} #sei-view-pos .sei-product-search-wrap .sei-cart-search-btn:hover{background:#0f5ce6!important;border-color:#0f5ce6!important;transform:translateY(-1px)!important;} #sei-view-pos .sei-product-search-wrap .sei-cart-search-btn .sei-svg-icon{width:17px!important;height:17px!important;fill:currentColor!important;} #sei-view-pos #sei-pos-clear-search{position:absolute!important;right:7px!important;top:4px!important;width:34px!important;height:34px!important;border:0!important;background:transparent!important;color:#8b97a9!important;font-size:20px!important;line-height:34px!important;cursor:pointer!important;z-index:4!important;border-radius:7px!important;} #sei-view-pos #sei-pos-clear-search:hover{background:#eef5ff!important;color:#1769ff!important;} #sei-view-pos .sei-cart-table-head>span:not(:first-child){text-align:center!important;} #sei-view-pos .sei-cart-fullwidth #sei-front-cart .sei-cart-row>span, #sei-view-pos .sei-cart-fullwidth #sei-front-cart .sei-cart-row>strong, #sei-view-pos .sei-cart-fullwidth #sei-front-cart .sei-cart-row>.sei-qty-control, #sei-view-pos .sei-cart-fullwidth #sei-front-cart .sei-cart-row>.sei-remove-cart{justify-self:stretch!important;text-align:center!important;} #sei-view-pos .sei-cart-product{justify-self:start!important;text-align:left!important;} #sei-view-pos .sei-cart-sku,#sei-view-pos .sei-cart-stock,#sei-view-pos .sei-cart-unit-price,#sei-view-pos .sei-cart-line-total{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;text-align:center!important;} #sei-view-pos .sei-qty-control{justify-content:center!important;width:100%!important;} #sei-view-pos .sei-remove-cart{justify-self:center!important;margin:auto!important;width:40px!important;height:40px!important;border-radius:9px!important;font-size:0!important;} #sei-view-pos .sei-remove-cart .sei-delete-icon{width:18px!important;height:18px!important;} #sei-view-pos .sei-remove-cart:hover{background:#fee2e2!important;color:#dc2626!important;border-color:#f87171!important;box-shadow:0 4px 10px rgba(239,68,68,.16)!important;transform:translateY(-1px)!important;} /* v1.9.11: definitive seven-column cart alignment — Product, SKU, Stock, Unit Price, Quantity, Total, Action */ #sei-view-pos .sei-cart-fullwidth .sei-cart-table-head, #sei-view-pos .sei-cart-fullwidth #sei-front-cart .sei-cart-row{ display:grid!important; grid-template-columns:minmax(260px,2.4fr) minmax(70px,.75fr) minmax(105px,.9fr) minmax(125px,1fr) minmax(125px,1fr) minmax(135px,1.05fr) 60px!important; column-gap:14px!important; align-items:center!important; width:100%!important; box-sizing:border-box!important; } #sei-view-pos .sei-cart-fullwidth .sei-cart-table-head{min-width:0!important;} #sei-view-pos .sei-cart-fullwidth #sei-front-cart .sei-cart-row{min-width:0!important;} #sei-view-pos .sei-cart-fullwidth .sei-cart-table-head>span{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;} #sei-view-pos .sei-cart-fullwidth .sei-cart-table-head>span:first-child{justify-content:flex-start!important;text-align:left!important;} #sei-view-pos .sei-cart-fullwidth #sei-front-cart .sei-cart-row>*{min-width:0!important;box-sizing:border-box!important;} #sei-view-pos .sei-cart-fullwidth #sei-front-cart .sei-cart-product{grid-column:auto!important;justify-self:stretch!important;text-align:left!important;display:flex!important;align-items:center!important;} #sei-view-pos .sei-cart-fullwidth #sei-front-cart .sei-cart-sku, #sei-view-pos .sei-cart-fullwidth #sei-front-cart .sei-cart-stock, #sei-view-pos .sei-cart-fullwidth #sei-front-cart .sei-cart-unit-price, #sei-view-pos .sei-cart-fullwidth #sei-front-cart .sei-qty-control, #sei-view-pos .sei-cart-fullwidth #sei-front-cart .sei-cart-line-total, #sei-view-pos .sei-cart-fullwidth #sei-front-cart .sei-remove-cart{ justify-self:center!important; align-self:center!important; } #sei-view-pos .sei-cart-fullwidth #sei-front-cart .sei-cart-sku, #sei-view-pos .sei-cart-fullwidth #sei-front-cart .sei-cart-stock, #sei-view-pos .sei-cart-fullwidth #sei-front-cart .sei-cart-unit-price, #sei-view-pos .sei-cart-fullwidth #sei-front-cart .sei-cart-line-total{width:100%!important;text-align:center!important;} #sei-view-pos .sei-cart-fullwidth #sei-front-cart .sei-qty-control{width:max-content!important;} #sei-view-pos .sei-cart-fullwidth #sei-front-cart .sei-remove-cart{width:40px!important;height:40px!important;margin:0!important;} #sei-view-pos .sei-product-search-wrap{padding-right:0!important;} #sei-view-pos .sei-product-search-wrap #sei-pos-search{padding-right:100px!important;} #sei-view-pos .sei-product-search-wrap .sei-cart-search-btn{right:47px!important;} #sei-view-pos #sei-pos-clear-search{right:7px!important;} @media(max-width:1050px){ #sei-view-pos .sei-cart-fullwidth .sei-cart-table-head, #sei-view-pos .sei-cart-fullwidth #sei-front-cart .sei-cart-row{ grid-template-columns:minmax(250px,2.2fr) 80px 105px 120px 120px 125px 55px!important; min-width:900px!important; } #sei-view-pos .sei-cart-fullwidth .sei-box{overflow-x:auto!important;} } /* v1.9.11 - final quantity cell centering */ #sei-view-pos .sei-cart-fullwidth #sei-front-cart .sei-qty-control{ justify-self:center!important; align-self:center!important; margin-left:auto!important; margin-right:auto!important; position:relative!important; } #sei-view-pos .sei-cart-fullwidth .sei-cart-table-head>span:nth-child(5){ justify-content:center!important; text-align:center!important; } /* v1.9.12 - remove blue background from cart product-search action */ #sei-view-pos .sei-product-search-wrap .sei-cart-search-btn{ background:#fff!important; color:#6f7c8e!important; border:0!important; box-shadow:none!important; transform:none!important; } #sei-view-pos .sei-product-search-wrap .sei-cart-search-btn:hover{ background:#f5f7fb!important; color:#1769ff!important; border:0!important; box-shadow:none!important; transform:none!important; } /* v1.9.13: WoodMart-only POS fullscreen integration. Hide theme chrome only when 7E Inventory is present. */ body:has(.sei-app) .whb-header, body:has(.sei-app) .whb-main-header, body:has(.sei-app) .whb-sticky-header, body:has(.sei-app) .whb-row, body:has(.sei-app) .whb-flex-row, body:has(.sei-app) .woodmart-header, body:has(.sei-app) .woodmart-header-wrapper, body:has(.sei-app) .wd-header, body:has(.sei-app) .wd-header-main, body:has(.sei-app) .wd-header-nav, body:has(.sei-app) .wd-toolbar, body:has(.sei-app) .wd-header-mobile-nav, body:has(.sei-app) .wd-sticky-nav, body:has(.sei-app) .wd-sticky-toolbar, body:has(.sei-app) .main-header, body:has(.sei-app) .topbar, body:has(.sei-app) .top-bar, body:has(.sei-app) .site-header, body:has(.sei-app) .site-footer, body:has(.sei-app) footer{display:none!important} body:has(.sei-app) .page-wrapper, body:has(.sei-app) .main-page-wrapper, body:has(.sei-app) .site-content, body:has(.sei-app) .content-area, body:has(.sei-app) .page-content, body:has(.sei-app) .entry-content, body:has(.sei-app) .container, body:has(.sei-app) .container-fluid, body:has(.sei-app) .wd-page-content, body:has(.sei-app) .wd-content-layout, body:has(.sei-app) .wd-content-area, body:has(.sei-app) .wd-builder-content{max-width:none!important;width:100%!important;margin-top:0!important;padding-top:0!important} body:has(.sei-app) .sei-app{top:0!important;margin-top:0!important} /* v1.9.14: Hide WoodMart/site chrome on EVERY frontend page that contains 7E Inventory. */ body:has(.sei-app) #header, body:has(.sei-app) #site-header, body:has(.sei-app) .wd-header-wrapper, body:has(.sei-app) .wd-header-container, body:has(.sei-app) .wd-header-main, body:has(.sei-app) .wd-header-bottom, body:has(.sei-app) .wd-header-top, body:has(.sei-app) .wd-header-middle, body:has(.sei-app) .wd-header-mobile, body:has(.sei-app) .mobile-nav, body:has(.sei-app) .mobile-nav-wrapper, body:has(.sei-app) .header-banner, body:has(.sei-app) .site-top-bar, body:has(.sei-app) .header-main, body:has(.sei-app) .header-wrapper, body:has(.sei-app) .page-title, body:has(.sei-app) .wd-page-title, body:has(.sei-app) #wpadminbar{display:none!important} body:has(.sei-app) html, body:has(.sei-app) body{margin-top:0!important;padding-top:0!important} body:has(.sei-app) .wd-content-main, body:has(.sei-app) .wd-site-content, body:has(.sei-app) .site-main{margin-top:0!important;padding-top:0!important} /* v1.9.15 — Reduce top whitespace above the 7E Inventory workspace. Keep the fixed sidebar at the viewport top while lifting the main workspace. */ body:has(.sei-app) .sei-app{margin-top:0!important;} body:has(.sei-app) .sei-main{margin-top:0!important;} /* 7E Inventory v1.9.17 - force product modal layout */ #sei-modal .sei-modal-card.sei-product-modal-card{width:96vw!important;max-width:1600px!important;min-width:0!important;max-height:92vh!important;padding:32px!important;box-sizing:border-box!important;} #sei-modal .sei-modal-card.sei-product-modal-card #sei-product-form .sei-form-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px 18px!important;width:100%!important;margin:22px 0!important;} #sei-modal .sei-modal-card.sei-product-modal-card #sei-product-form label{display:block!important;min-width:0!important;} #sei-modal .sei-modal-card.sei-product-modal-card #sei-product-form input,#sei-modal .sei-modal-card.sei-product-modal-card #sei-product-form select{width:100%!important;box-sizing:border-box!important;} @media(max-width:1200px){#sei-modal .sei-modal-card.sei-product-modal-card #sei-product-form .sei-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}} @media(max-width:700px){#sei-modal .sei-modal-card.sei-product-modal-card{width:calc(100vw - 20px)!important;padding:20px!important;}#sei-modal .sei-modal-card.sei-product-modal-card #sei-product-form .sei-form-grid{grid-template-columns:1fr!important;}} /* v1.9.20 — Sidebar menu alignment / icon column cleanup */ .sei-sidebar{ width:235px!important; flex:0 0 235px!important; padding:8px 0!important; box-sizing:border-box!important; overflow-x:hidden!important; } .sei-brand-final{ display:none!important; } .sei-nav{ width:100%!important; min-height:42px!important; box-sizing:border-box!important; display:flex!important; align-items:center!important; gap:18px!important; margin:0 0 2px 0!important; padding:11px 24px 11px 47px!important; border-radius:0 8px 8px 0!important; text-align:left!important; line-height:20px!important; } .sei-nav .sei-svg-icon{ width:18px!important; height:18px!important; min-width:18px!important; flex:0 0 18px!important; display:block!important; margin:0!important; } .sei-nav span{ margin:0!important; padding:0!important; white-space:nowrap!important; line-height:20px!important; } .sei-nav.active, .sei-nav:hover{ background:#1769ff!important; color:#fff!important; } @media(max-width:760px){ .sei-sidebar{padding:8px!important} .sei-nav{width:auto!important;padding:11px 16px!important;border-radius:8px!important;gap:10px!important} } /* v1.9.21 — Definitive sidebar alignment fix */ body:has(.sei-app) .sei-sidebar{ width:235px!important; min-width:235px!important; flex:0 0 235px!important; padding:14px 0!important; box-sizing:border-box!important; background:#0d1b2f!important; overflow-x:hidden!important; } body:has(.sei-app) .sei-sidebar .sei-brand-final{display:none!important;} body:has(.sei-app) .sei-sidebar .sei-nav{ width:calc(100% - 0px)!important; height:42px!important; min-height:42px!important; margin:0 0 2px 0!important; padding:0 18px 0 48px!important; box-sizing:border-box!important; display:grid!important; grid-template-columns:18px minmax(0,1fr)!important; column-gap:18px!important; align-items:center!important; justify-items:start!important; border:0!important; border-radius:8px!important; text-align:left!important; line-height:20px!important; font-size:13px!important; font-weight:600!important; color:#cbd5e1!important; white-space:nowrap!important; } body:has(.sei-app) .sei-sidebar .sei-nav .sei-svg-icon{ width:18px!important; height:18px!important; min-width:18px!important; max-width:18px!important; min-height:18px!important; max-height:18px!important; display:block!important; margin:0!important; justify-self:start!important; flex:none!important; } body:has(.sei-app) .sei-sidebar .sei-nav>span{ display:block!important; width:100%!important; min-width:0!important; margin:0!important; padding:0!important; line-height:20px!important; text-align:left!important; white-space:nowrap!important; } body:has(.sei-app) .sei-sidebar .sei-nav.active, body:has(.sei-app) .sei-sidebar .sei-nav:hover{ background:#1769ff!important; color:#fff!important; } @media(max-width:760px){ body:has(.sei-app) .sei-sidebar{ width:100%!important; min-width:0!important; padding:8px!important; display:flex!important; gap:4px!important; overflow-x:auto!important; } body:has(.sei-app) .sei-sidebar .sei-nav{ width:auto!important; min-width:max-content!important; height:42px!important; padding:0 16px!important; display:flex!important; grid-template-columns:none!important; column-gap:10px!important; gap:10px!important; flex:0 0 auto!important; } } /* v1.9.23 Inventory table alignment */ #sei-view-inventory .sei-table-wrap{width:100%;overflow-x:auto;} #sei-view-inventory table{width:100%;min-width:760px;table-layout:fixed;} #sei-view-inventory table th,#sei-view-inventory table td{vertical-align:middle;} #sei-view-inventory table th:nth-child(1),#sei-view-inventory table td:nth-child(1){width:18%;} #sei-view-inventory table th:nth-child(2),#sei-view-inventory table td:nth-child(2){width:10%;} #sei-view-inventory table th:nth-child(3),#sei-view-inventory table td:nth-child(3){width:12%;} #sei-view-inventory table th:nth-child(4),#sei-view-inventory table td:nth-child(4){width:12%;} #sei-view-inventory table th:nth-child(5),#sei-view-inventory table td:nth-child(5){width:48%;} #sei-view-inventory table th:nth-child(n+2),#sei-view-inventory table td:nth-child(n+2){text-align:left;} #sei-view-inventory .sei-inline{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;} #sei-view-inventory .sei-stock-qty{width:120px!important;max-width:none!important;height:36px;box-sizing:border-box;padding:0 10px;border:1px solid #d9dee7;border-radius:7px;background:#fff;} #sei-view-inventory .sei-stock-note{width:160px!important;max-width:none!important;height:36px;box-sizing:border-box;padding:0 10px;border:1px solid #d9dee7;border-radius:7px;background:#fff;} #sei-view-inventory .sei-adjust-stock{height:36px;min-width:72px;padding:0 12px;} @media(max-width:800px){#sei-view-inventory table{min-width:700px;}#sei-view-inventory .sei-stock-qty{width:105px!important;}#sei-view-inventory .sei-stock-note{width:145px!important;}} /* v1.9.24 — Inventory table precise column alignment */ #sei-view-inventory .sei-table-wrap{width:100%;overflow-x:auto;} #sei-view-inventory .sei-table-wrap table{width:100%!important;min-width:900px!important;table-layout:fixed!important;border-collapse:collapse!important;} #sei-view-inventory .sei-table-wrap th, #sei-view-inventory .sei-table-wrap td{box-sizing:border-box!important;vertical-align:middle!important;height:54px!important;padding:10px 12px!important;white-space:nowrap!important;} #sei-view-inventory .sei-table-wrap th:nth-child(1),#sei-view-inventory .sei-table-wrap td:nth-child(1){width:18%!important;text-align:left!important;} #sei-view-inventory .sei-table-wrap th:nth-child(2),#sei-view-inventory .sei-table-wrap td:nth-child(2){width:10%!important;text-align:left!important;} #sei-view-inventory .sei-table-wrap th:nth-child(3),#sei-view-inventory .sei-table-wrap td:nth-child(3){width:14%!important;text-align:center!important;} #sei-view-inventory .sei-table-wrap th:nth-child(4),#sei-view-inventory .sei-table-wrap td:nth-child(4){width:14%!important;text-align:center!important;} #sei-view-inventory .sei-table-wrap th:nth-child(5),#sei-view-inventory .sei-table-wrap td:nth-child(5){width:44%!important;text-align:left!important;} #sei-view-inventory .sei-table-wrap th:nth-child(3),#sei-view-inventory .sei-table-wrap th:nth-child(4){text-align:center!important;} #sei-view-inventory .sei-table-wrap td:nth-child(3) strong,#sei-view-inventory .sei-table-wrap td:nth-child(4){display:block!important;text-align:center!important;} #sei-view-inventory .sei-inline{display:grid!important;grid-template-columns:72px 160px 72px!important;align-items:center!important;justify-content:start!important;gap:10px!important;width:max-content!important;margin:0!important;} #sei-view-inventory .sei-stock-qty,#sei-view-inventory .sei-stock-note{width:100%!important;max-width:none!important;height:38px!important;box-sizing:border-box!important;margin:0!important;} #sei-view-inventory .sei-adjust-stock{width:72px!important;min-width:72px!important;height:38px!important;box-sizing:border-box!important;padding:0 10px!important;margin:0!important;} @media(max-width:900px){#sei-view-inventory .sei-table-wrap table{min-width:900px!important;}} /* 7E Inventory v1.9.26 - inventory table redesign */ #sei-view-inventory .sei-inventory-box{padding:20px!important;} #sei-view-inventory .sei-inventory-table{width:100%!important;min-width:1120px!important;table-layout:fixed!important;border-collapse:collapse!important;} #sei-view-inventory .sei-inventory-table th,#sei-view-inventory .sei-inventory-table td{box-sizing:border-box!important;height:58px!important;padding:12px 12px!important;vertical-align:middle!important;white-space:nowrap!important;border-bottom:1px solid #edf0f4!important;} #sei-view-inventory .sei-inventory-table th{font-size:14px!important;font-weight:700!important;color:#687386!important;text-align:left!important;} #sei-view-inventory .sei-inventory-table th:nth-child(1),#sei-view-inventory .sei-inventory-table td:nth-child(1){width:27%!important;text-align:left!important;} #sei-view-inventory .sei-inventory-table th:nth-child(2),#sei-view-inventory .sei-inventory-table td:nth-child(2){width:10%!important;text-align:left!important;} #sei-view-inventory .sei-inventory-table th:nth-child(3),#sei-view-inventory .sei-inventory-table td:nth-child(3){width:12%!important;text-align:center!important;} #sei-view-inventory .sei-inventory-table th:nth-child(4),#sei-view-inventory .sei-inventory-table td:nth-child(4){width:14%!important;text-align:center!important;} #sei-view-inventory .sei-inventory-table th:nth-child(5),#sei-view-inventory .sei-inventory-table td:nth-child(5){width:8%!important;text-align:center!important;} #sei-view-inventory .sei-inventory-table th:nth-child(6),#sei-view-inventory .sei-inventory-table td:nth-child(6){width:9%!important;text-align:center!important;} #sei-view-inventory .sei-inventory-table th:nth-child(7),#sei-view-inventory .sei-inventory-table td:nth-child(7){width:20%!important;text-align:left!important;} #sei-view-inventory .sei-inventory-product{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;} #sei-view-inventory .sei-inventory-product img,#sei-view-inventory .sei-inventory-product-placeholder{width:46px!important;height:46px!important;min-width:46px!important;border-radius:9px!important;object-fit:cover!important;background:#f3f5f8!important;border:1px solid #e4e8ef!important;display:flex!important;align-items:center!important;justify-content:center!important;} #sei-view-inventory .sei-inventory-product strong{font-size:14px!important;font-weight:600!important;color:#18202a!important;overflow:hidden!important;text-overflow:ellipsis!important;} #sei-view-inventory .sei-inventory-table td:nth-child(4) strong,#sei-view-inventory .sei-inventory-table td:nth-child(5) strong{font-weight:700!important;color:#18202a!important;} #sei-view-inventory .sei-inventory-table .sei-inline{display:grid!important;grid-template-columns:72px minmax(120px,1fr) 72px!important;align-items:center!important;gap:8px!important;width:100%!important;margin:0!important;} #sei-view-inventory .sei-inventory-table .sei-stock-qty,#sei-view-inventory .sei-inventory-table .sei-stock-note{width:100%!important;max-width:none!important;height:38px!important;min-height:38px!important;margin:0!important;box-sizing:border-box!important;padding:0 10px!important;border:1px solid #d9dee7!important;border-radius:8px!important;background:#fff!important;} #sei-view-inventory .sei-inventory-table .sei-adjust-stock{width:72px!important;min-width:72px!important;height:38px!important;margin:0!important;box-sizing:border-box!important;padding:0 10px!important;border-radius:8px!important;} @media(max-width:1100px){#sei-view-inventory .sei-inventory-table{min-width:1120px!important;}} /* v1.9.33 — Inventory table rebuilt with one authoritative layout */ #sei-view-inventory .sei-inventory-box{ width:100%!important; box-sizing:border-box!important; padding:18px!important; overflow:hidden!important; } #sei-view-inventory .sei-table-wrap{ width:100%!important; max-width:100%!important; overflow:hidden!important; box-sizing:border-box!important; } #sei-view-inventory .sei-inventory-table{ width:100%!important; max-width:100%!important; min-width:0!important; table-layout:fixed!important; border-collapse:collapse!important; border-spacing:0!important; margin:0!important; } /* Override all older nth-child widths with one 100% layout. */ #sei-view-inventory .sei-inventory-table th:nth-child(1),#sei-view-inventory .sei-inventory-table td:nth-child(1){width:30%!important;text-align:left!important;} #sei-view-inventory .sei-inventory-table th:nth-child(2),#sei-view-inventory .sei-inventory-table td:nth-child(2){width:9%!important;text-align:center!important;} #sei-view-inventory .sei-inventory-table th:nth-child(3),#sei-view-inventory .sei-inventory-table td:nth-child(3){width:13%!important;text-align:center!important;} #sei-view-inventory .sei-inventory-table th:nth-child(4),#sei-view-inventory .sei-inventory-table td:nth-child(4){width:15%!important;text-align:center!important;} #sei-view-inventory .sei-inventory-table th:nth-child(5),#sei-view-inventory .sei-inventory-table td:nth-child(5){width:8%!important;text-align:center!important;} #sei-view-inventory .sei-inventory-table th:nth-child(6),#sei-view-inventory .sei-inventory-table td:nth-child(6){width:8%!important;text-align:center!important;} #sei-view-inventory .sei-inventory-table th:nth-child(7),#sei-view-inventory .sei-inventory-table td:nth-child(7){width:17%!important;text-align:center!important;} #sei-view-inventory .sei-inventory-table th, #sei-view-inventory .sei-inventory-table td{ height:62px!important; box-sizing:border-box!important; padding:7px 8px!important; vertical-align:middle!important; border:0!important; background:#fff!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:clip!important; font-size:12px!important; line-height:1.2!important; } #sei-view-inventory .sei-inventory-table thead th{ height:44px!important; color:#627087!important; font-size:12px!important; font-weight:700!important; text-transform:uppercase!important; letter-spacing:0!important; text-align:center!important; border-bottom:1px solid #e3e8ef!important; } #sei-view-inventory .sei-inventory-table thead th:first-child{text-align:left!important;} #sei-view-inventory .sei-inventory-table tbody tr{ height:62px!important; box-shadow:inset 0 -1px 0 #e7ebf1!important; } #sei-view-inventory .sei-inventory-table tbody tr:last-child{box-shadow:none!important;} #sei-view-inventory .sei-inventory-table tbody td:nth-child(1){text-align:left!important;} #sei-view-inventory .sei-inventory-table tbody td:nth-child(n+2){text-align:center!important;} #sei-view-inventory .sei-inventory-table td:nth-child(3), #sei-view-inventory .sei-inventory-table td:nth-child(4){overflow:visible!important;text-overflow:clip!important;} #sei-view-inventory .sei-inventory-table td:nth-child(3), #sei-view-inventory .sei-inventory-table td:nth-child(4) strong{ white-space:nowrap!important; } #sei-view-inventory .sei-inventory-table td:nth-child(3) strong, #sei-view-inventory .sei-inventory-table td:nth-child(4) strong{ display:inline-block!important; width:auto!important; margin:0!important; text-align:center!important; vertical-align:middle!important; font-size:12px!important; line-height:1.2!important; font-weight:700!important; color:#18202a!important; } #sei-view-inventory .sei-inventory-product{ display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:9px!important; width:100%!important; min-width:0!important; height:46px!important; } #sei-view-inventory .sei-inventory-product img, #sei-view-inventory .sei-inventory-product-placeholder{ width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important; flex:0 0 42px!important;border-radius:8px!important;object-fit:cover!important; background:#f3f5f8!important;border:1px solid #e4e8ef!important; display:flex!important;align-items:center!important;justify-content:center!important; } #sei-view-inventory .sei-inventory-product-copy{ min-width:0!important;max-width:100%!important;display:flex!important;flex-direction:column!important; justify-content:center!important;gap:2px!important;text-align:left!important; } #sei-view-inventory .sei-inventory-product strong{ display:block!important;margin:0!important;font-size:11px!important;line-height:1.2!important; font-weight:600!important;color:#18202a!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important; } #sei-view-inventory .sei-inventory-product-copy small{ display:block!important;margin:0!important;font-size:9px!important;line-height:1.15!important; color:#718096!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important; } #sei-view-inventory .sei-inventory-table .sei-inline{ display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important; width:100%!important;height:36px!important;margin:0!important; } #sei-view-inventory .sei-inventory-table .sei-stock-qty{ display:block!important;flex:0 0 62px!important;width:62px!important;min-width:62px!important;max-width:62px!important; height:36px!important;margin:0!important;padding:0 5px!important;box-sizing:border-box!important; border:1px solid #d9dee7!important;border-radius:8px!important;background:#fff!important; font-size:11px!important;line-height:36px!important;text-align:center!important; } #sei-view-inventory .sei-inventory-table .sei-adjust-stock{ display:inline-flex!important;flex:0 0 62px!important;width:62px!important;min-width:62px!important; height:36px!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0 5px!important; box-sizing:border-box!important;border-radius:8px!important;font-size:11px!important; } @media(max-width:900px){ #sei-view-inventory .sei-inventory-table th,#sei-view-inventory .sei-inventory-table td{padding-left:5px!important;padding-right:5px!important;font-size:11px!important;} #sei-view-inventory .sei-inventory-product img,#sei-view-inventory .sei-inventory-product-placeholder{width:36px!important;height:36px!important;min-width:36px!important;flex-basis:36px!important;} #sei-view-inventory .sei-inventory-product{gap:6px!important;} #sei-view-inventory .sei-inventory-product strong{font-size:10px!important;} #sei-view-inventory .sei-inventory-product-copy small{font-size:8px!important;} #sei-view-inventory .sei-stock-qty{width:54px!important;min-width:54px!important;max-width:54px!important;} #sei-view-inventory .sei-adjust-stock{width:54px!important;min-width:54px!important;} } /* v1.9.34 — Inventory grid rebuilt from scratch; no table layout conflicts */ #sei-view-inventory .sei-inventory-box{width:100%!important;box-sizing:border-box!important;padding:16px!important;overflow:hidden!important;} #sei-view-inventory .sei-inventory-grid{width:100%!important;max-width:100%!important;display:block!important;box-sizing:border-box!important;overflow:hidden!important;} #sei-view-inventory .sei-inventory-grid-head, #sei-view-inventory .sei-inventory-row{display:grid!important;grid-template-columns:minmax(230px,30%) 9% 13% 15% 8% 8% minmax(150px,17%)!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;} #sei-view-inventory .sei-inventory-grid-head{height:42px!important;align-items:center!important;border-bottom:1px solid #e3e8ef!important;color:#627087!important;font-size:12px!important;font-weight:700!important;text-transform:uppercase!important;} #sei-view-inventory .sei-inventory-grid-head>div{text-align:center!important;padding:0 8px!important;min-width:0!important;box-sizing:border-box!important;} #sei-view-inventory .sei-inventory-grid-head>div:first-child{text-align:left!important;} #sei-view-inventory .sei-inventory-row{min-height:64px!important;align-items:center!important;border-bottom:1px solid #e7ebf1!important;background:#fff!important;} #sei-view-inventory .sei-inventory-row:last-child{border-bottom:0!important;} #sei-view-inventory .sei-inventory-row>div{min-width:0!important;box-sizing:border-box!important;padding:7px 8px!important;} #sei-view-inventory .sei-inventory-value{display:flex!important;align-items:center!important;justify-content:center!important;height:64px!important;text-align:center!important;font-size:12px!important;line-height:1.2!important;color:#18202a!important;white-space:nowrap!important;overflow:hidden!important;} #sei-view-inventory .sei-inventory-value strong{display:inline!important;margin:0!important;font-size:12px!important;line-height:1.2!important;color:#18202a!important;font-weight:700!important;white-space:nowrap!important;} #sei-view-inventory .sei-inventory-product{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;width:100%!important;height:50px!important;min-width:0!important;margin:0!important;} #sei-view-inventory .sei-inventory-product img,#sei-view-inventory .sei-inventory-product-placeholder{width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important;flex:0 0 42px!important;border-radius:8px!important;object-fit:cover!important;background:#f3f5f8!important;border:1px solid #e4e8ef!important;display:flex!important;align-items:center!important;justify-content:center!important;} #sei-view-inventory .sei-inventory-product-copy{min-width:0!important;max-width:100%!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:2px!important;text-align:left!important;} #sei-view-inventory .sei-inventory-product-copy strong{display:block!important;margin:0!important;font-size:11px!important;line-height:1.2!important;font-weight:600!important;color:#18202a!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;} #sei-view-inventory .sei-inventory-product-copy small{display:block!important;margin:0!important;font-size:9px!important;line-height:1.15!important;color:#718096!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;} #sei-view-inventory .sei-inventory-adjust{height:64px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-width:0!important;} #sei-view-inventory .sei-inventory-adjust .sei-stock-qty{display:block!important;width:62px!important;min-width:62px!important;max-width:62px!important;height:36px!important;margin:0!important;padding:0 5px!important;box-sizing:border-box!important;border:1px solid #d9dee7!important;border-radius:8px!important;background:#fff!important;text-align:center!important;font-size:11px!important;line-height:36px!important;} #sei-view-inventory .sei-inventory-adjust .sei-adjust-stock{display:inline-flex!important;width:62px!important;min-width:62px!important;height:36px!important;margin:0!important;padding:0 5px!important;box-sizing:border-box!important;align-items:center!important;justify-content:center!important;border-radius:8px!important;font-size:11px!important;} /* Keep the whole desktop inventory card inside its container. */ #sei-view-inventory .sei-table-wrap{display:none!important;} /* Stabilize the plugin top bar against theme positioning/overflow rules. */ body:has(.sei-app) .sei-topbar{height:68px!important;min-height:68px!important;max-height:68px!important;box-sizing:border-box!important;position:relative!important;top:0!important;transform:none!important;overflow:visible!important;margin:0!important;z-index:5!important;display:flex!important;align-items:center!important;padding:0 25px!important;} body:has(.sei-app) .sei-topbar>*{box-sizing:border-box!important;} @media(max-width:900px){#sei-view-inventory .sei-inventory-grid-head,#sei-view-inventory .sei-inventory-row{grid-template-columns:minmax(170px,30%) 9% 13% 15% 8% 8% minmax(130px,17%)!important;}#sei-view-inventory .sei-inventory-row>div,#sei-view-inventory .sei-inventory-grid-head>div{padding-left:4px!important;padding-right:4px!important;}#sei-view-inventory .sei-inventory-product img,#sei-view-inventory .sei-inventory-product-placeholder{width:36px!important;height:36px!important;min-width:36px!important;flex-basis:36px!important;}#sei-view-inventory .sei-inventory-product{gap:6px!important;}#sei-view-inventory .sei-inventory-product-copy strong{font-size:10px!important;}#sei-view-inventory .sei-inventory-product-copy small{font-size:8px!important;}#sei-view-inventory .sei-inventory-adjust{gap:5px!important;}#sei-view-inventory .sei-inventory-adjust .sei-stock-qty,#sei-view-inventory .sei-inventory-adjust .sei-adjust-stock{width:54px!important;min-width:54px!important;}} /* v1.9.36 — remove only the unwanted top gap above the plugin topbar */ body:has(.sei-app) .sei-app{margin-top:0!important;top:0!important;} body:has(.sei-app) .sei-main{margin-top:0!important;padding-top:0!important;} /* v1.9.37 Purchase Invoice redesign */ #sei-modal .sei-modal-card.sei-purchase-modal-card{width:96vw!important;max-width:1540px!important;max-height:94vh!important;padding:24px!important;overflow:auto!important;box-sizing:border-box!important} .sei-purchase-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}.sei-purchase-modal-head h2{margin:0;font-size:28px;color:#142033}.sei-purchase-modal-head p{margin:6px 0 0;color:#7b8799;font-size:13px}.sei-purchase-head-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap} .sei-purchase-header-close{width:36px!important;height:36px!important;min-width:36px!important;padding:0!important;border:1px solid #dfe5ee!important;border-radius:10px!important;background:#fff!important;color:#657187!important;font-size:22px!important;line-height:34px!important;text-align:center!important;cursor:pointer!important;flex:0 0 auto!important}.sei-purchase-header-close:hover{background:#f5f7fb!important;color:#142033!important}.sei-purchase-cancel{min-width:120px!important;background:#fff!important;color:#526078!important;border:1px solid #d9e0ea!important}.sei-purchase-cancel:hover{background:#f5f7fb!important;color:#142033!important} .sei-purchase-top-grid{display:grid;grid-template-columns:1.35fr .75fr;gap:16px}.sei-purchase-card{background:#fff;border:1px solid #e1e7ef;border-radius:12px;padding:18px;box-sizing:border-box;box-shadow:0 2px 10px rgba(20,32,51,.035)}.sei-purchase-title{font-size:17px;font-weight:800;color:#172033;margin-bottom:14px}.sei-purchase-search-row{display:grid;grid-template-columns:1fr auto;gap:10px;margin-bottom:12px}.sei-purchase-fields{display:grid;gap:12px}.sei-purchase-fields.two{grid-template-columns:repeat(2,minmax(0,1fr))}.sei-purchase-fields.three{grid-template-columns:repeat(3,minmax(0,1fr))}.sei-purchase-card label{display:block;font-size:12px;font-weight:700;color:#58667a;margin-bottom:10px}.sei-purchase-card input,.sei-purchase-card select,.sei-purchase-card textarea{display:block;width:100%;box-sizing:border-box;margin-top:6px;min-height:40px;border:1px solid #d9e0ea;border-radius:8px;padding:8px 10px;background:#fff;color:#1c2738}.sei-purchase-card textarea{resize:vertical;min-height:74px}.sei-purchase-summary-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px}.sei-purchase-summary-cards>div{padding:10px 9px;border-radius:8px;background:#f7f9fc;border:1px solid #e7ebf1}.sei-purchase-summary-cards small{display:block;color:#7c8798;font-size:10px;margin-bottom:4px}.sei-purchase-summary-cards strong{display:block;color:#172033;font-size:12px} .sei-purchase-items-card{margin-top:16px}.sei-purchase-card-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.sei-purchase-card-head small{color:#8993a3;font-size:11px}.sei-purchase-search{margin:10px 0}.sei-purchase-search input{min-height:42px!important;font-size:13px}.sei-purchase-table{width:100%;overflow:hidden}.sei-purchase-table-head,.sei-purchase-line{display:grid;grid-template-columns:minmax(230px,2fr) .8fr .95fr 1.15fr .85fr 1.05fr 56px;gap:10px;align-items:center}.sei-purchase-table-head{padding:10px 10px;background:#f6f8fb;color:#637086;font-size:11px;font-weight:800;border-radius:8px 8px 0 0}.sei-purchase-line{padding:10px;border-bottom:1px solid #edf0f4;min-height:58px}.sei-purchase-product{display:flex;align-items:center;min-width:0}.sei-purchase-line .p-prod{margin:0!important;min-height:40px!important;font-size:12px}.sei-purchase-line .p-qty,.sei-purchase-line .p-price{margin:0!important;min-height:40px!important;font-size:12px}.p-line-total{font-weight:800;font-size:12px;color:#172033;text-align:right}.sei-purchase-remove{width:34px;height:34px;border:1px solid #f0b6b6;background:#fff;color:#d13b3b;border-radius:7px;font-size:19px;cursor:pointer}.sei-purchase-bottom-grid{display:grid;grid-template-columns:1.05fr 1fr .9fr;gap:16px;margin-top:16px}.sei-purchase-total-row{display:grid;grid-template-columns:1fr 150px;gap:15px;align-items:center;padding:9px 0;border-bottom:1px solid #edf0f4;font-size:13px;color:#667286}.sei-purchase-total-row strong{color:#172033;text-align:right}.sei-purchase-total-row input{text-align:right;min-height:36px!important;margin:0!important}.sei-purchase-grand{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding:11px 12px;background:#edf5ff;border-radius:8px;color:#1769ff;font-weight:800}.sei-purchase-grand strong{font-size:18px}.sei-purchase-pay-summary{display:flex;gap:20px;padding:10px 0;margin-bottom:4px;border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4;font-size:12px;color:#687589}.sei-purchase-pay-summary strong{display:block;color:#172033;font-size:14px;margin-top:3px}.sei-purchase-status{display:flex;gap:12px;flex-wrap:wrap}.sei-purchase-status label{display:flex;align-items:center;gap:5px;font-weight:600;margin:0}.sei-purchase-status input{width:auto;min-height:auto;margin:0} @media(max-width:1100px){.sei-purchase-top-grid,.sei-purchase-bottom-grid{grid-template-columns:1fr}.sei-purchase-summary-cards{grid-template-columns:repeat(3,1fr)}.sei-purchase-table{overflow-x:auto}.sei-purchase-table-head,.sei-purchase-line{min-width:920px}} @media(max-width:700px){#sei-modal .sei-modal-card.sei-purchase-modal-card{width:calc(100vw - 16px)!important;padding:16px!important}.sei-purchase-modal-head{display:block}.sei-purchase-head-actions{margin-top:12px}.sei-purchase-fields.two,.sei-purchase-fields.three{grid-template-columns:1fr}.sei-purchase-summary-cards{grid-template-columns:repeat(2,1fr)}} /* v1.9.38 — Compact Customers / Suppliers header actions */ #sei-view-customers .sei-heading .sei-open-person, #sei-view-suppliers .sei-heading .sei-open-person{ width:auto!important; min-width:132px!important; max-width:180px!important; min-height:42px!important; height:42px!important; padding:0 18px!important; flex:0 0 auto!important; white-space:nowrap!important; } @media(max-width:700px){ #sei-view-customers .sei-heading .sei-open-person, #sei-view-suppliers .sei-heading .sei-open-person{ min-width:120px!important; padding:0 14px!important; } } /* 7E Inventory v1.9.40 — modern Customers/Suppliers UI */ #sei-view-customers .sei-heading h1,#sei-view-suppliers .sei-heading h1{font-size:27px!important;line-height:1.15!important;letter-spacing:-.35px!important;margin:0 0 6px!important;font-weight:750!important} #sei-view-customers .sei-heading p,#sei-view-suppliers .sei-heading p{font-size:13px!important;line-height:1.5!important;color:#7b8491!important;max-width:620px} .sei-person-add-btn{width:auto!important;min-height:42px!important;padding:0 18px!important;border-radius:9px!important;font-size:13px!important;white-space:nowrap} .sei-people-box{padding:20px 22px!important;border-radius:14px!important} .sei-people-table{table-layout:fixed!important} .sei-people-table th,.sei-people-table td{vertical-align:middle!important;height:52px!important;padding:10px 12px!important} .sei-people-table th:nth-child(1){width:18%!important}.sei-people-table th:nth-child(2){width:14%!important}.sei-people-table th:nth-child(3){width:20%!important}.sei-people-table th:nth-child(4){width:24%!important}.sei-people-table th:nth-child(5){width:13%!important}.sei-people-table th:nth-child(6){width:11%!important} .sei-people-table td strong{font-weight:650!important}.sei-address-cell{white-space:normal!important;line-height:1.35!important;color:#596273!important;max-width:260px} .sei-person-modal{margin:-5px}.sei-person-modal-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:2px 2px 18px;border-bottom:1px solid #edf0f4}.sei-person-modal-kicker{display:block;color:#1769ff;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px}.sei-person-modal-head h2{font-size:22px;line-height:1.2;margin:0 0 5px;color:#18202a}.sei-person-modal-head p{margin:0;color:#7b8491;font-size:12.5px;line-height:1.5}.sei-person-modal-icon{width:44px;height:44px;border-radius:12px;background:#eef5ff;display:flex;align-items:center;justify-content:center;font-size:20px;flex:none}.sei-person-form-section{padding:20px 2px 8px}.sei-person-section-title{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:13px}.sei-person-section-title strong{font-size:13px;color:#273244}.sei-person-section-title span{font-size:11px;color:#8b95a5}.sei-person-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:15px 16px!important;margin:0!important}.sei-person-form-grid label{font-size:12px!important;font-weight:700!important;color:#536074!important}.sei-person-form-grid label>span{display:block;margin-bottom:6px}.sei-person-form-grid input{min-height:46px!important;border-radius:10px!important;border:1px solid #dce3ed!important;background:#fff!important;font-size:13px!important;padding:0 12px!important;transition:border-color .15s,box-shadow .15s}.sei-person-form-grid input:focus{outline:none!important;border-color:#1769ff!important;box-shadow:0 0 0 3px rgba(23,105,255,.10)!important}.sei-person-address-field{grid-column:1/-1}.sei-person-form-footer{display:flex;justify-content:flex-end;gap:9px;padding:17px 2px 2px;margin-top:8px;border-top:1px solid #edf0f4}.sei-person-form-footer .sei-primary{width:auto!important;min-width:118px!important;min-height:42px!important;padding:0 18px!important;font-size:12.5px!important}.sei-person-cancel{min-height:42px;border:1px solid #dce3ed;background:#fff;color:#526074;border-radius:9px;padding:0 17px;font-weight:700;font-size:12.5px;cursor:pointer} @media(max-width:800px){.sei-people-table{min-width:900px!important}.sei-person-modal-head{align-items:flex-start}.sei-person-form-grid{grid-template-columns:1fr!important}.sei-person-address-field{grid-column:auto}} /* 7E Inventory v1.9.41 — centered POS-style person modal; sidebar remains visible */ #sei-modal .sei-modal-card.sei-person-modal-card{ width:min(590px,calc(100vw - 36px))!important; max-width:590px!important; max-height:88vh!important; padding:0!important; overflow:auto!important; border-radius:16px!important; box-shadow:0 24px 70px rgba(15,23,42,.22)!important; } #sei-modal .sei-person-modal{position:relative;padding:26px 28px 24px!important;margin:0!important} #sei-modal .sei-person-modal-head{padding:0 34px 18px 0!important;border-bottom:1px solid #edf0f4!important} #sei-modal .sei-person-modal-head h2{font-size:21px!important;letter-spacing:-.25px!important;font-weight:750!important} #sei-modal .sei-person-modal-head p{font-size:12px!important;color:#7b8491!important} #sei-modal .sei-person-modal-icon{width:42px!important;height:42px!important;border-radius:11px!important;font-size:18px!important} #sei-modal .sei-person-modal-close{position:absolute!important;right:16px!important;top:13px!important;width:32px!important;height:32px!important;border-radius:8px!important;color:#687386!important;font-size:24px!important;line-height:30px!important} #sei-modal .sei-person-modal-close:hover{background:#f3f6fa!important;color:#18202a!important} #sei-modal .sei-person-form-section{padding:18px 0 7px!important} #sei-modal .sei-person-section-title{margin-bottom:11px!important} #sei-modal .sei-person-section-title strong{font-size:12.5px!important;font-weight:750!important} #sei-modal .sei-person-section-title span{font-size:10.5px!important} #sei-modal .sei-person-form-grid{gap:13px 14px!important} #sei-modal .sei-person-form-grid input{min-height:44px!important;border-radius:9px!important;font-size:12.5px!important} #sei-modal .sei-person-form-footer{padding:15px 0 0!important;margin-top:7px!important} #sei-view-customers .sei-heading h1,#sei-view-suppliers .sei-heading h1{font-size:26px!important;letter-spacing:-.45px!important} #sei-view-customers .sei-heading p,#sei-view-suppliers .sei-heading p{font-size:12.5px!important} @media(max-width:700px){#sei-modal .sei-modal-card.sei-person-modal-card{width:calc(100vw - 20px)!important;max-height:92vh!important}#sei-modal .sei-person-modal{padding:22px 20px 20px!important}} /* v1.9.42 — Modern Expenses */ #sei-view-expenses .sei-expense-heading h1{font-size:27px!important;line-height:1.15!important;letter-spacing:-.45px!important;margin:0 0 6px!important;font-weight:750!important} #sei-view-expenses .sei-expense-heading p{font-size:12.5px!important;line-height:1.5!important;color:#7b8491!important} #sei-view-expenses .sei-expense-add-btn{width:auto!important;min-width:132px!important;min-height:42px!important;padding:0 18px!important;border-radius:8px!important} .sei-expense-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px} .sei-expense-stat{background:#fff;border:1px solid #e7ebf1;border-radius:12px;padding:17px 18px;box-shadow:0 1px 2px rgba(16,24,40,.03)} .sei-expense-stat span{display:block;color:#748096;font-size:12px;font-weight:650;margin-bottom:8px}.sei-expense-stat strong{display:block;color:#18202a;font-size:20px;letter-spacing:-.3px} .sei-expense-box{padding:0!important;overflow:hidden}.sei-expense-table{min-width:920px!important}.sei-expense-table th{font-size:11.5px!important;text-transform:uppercase;letter-spacing:.35px}.sei-expense-table td{font-size:12.5px!important;height:54px;vertical-align:middle}.sei-expense-category{display:inline-flex;align-items:center;padding:5px 9px;border-radius:7px;background:#f2f6ff;color:#1769ff;font-weight:700;font-size:11.5px}.sei-payment-pill{display:inline-flex;padding:5px 9px;border-radius:999px;background:#f4f6f8;color:#4f5b6c;font-size:11px;font-weight:700}.sei-empty-state{text-align:center!important;color:#8993a3!important;padding:34px!important} #sei-modal .sei-modal-card.sei-expense-modal-card{width:min(900px,calc(100vw - 30px))!important;max-width:900px!important;padding:0!important;border-radius:20px!important;overflow:hidden!important;background:#f8fafc!important;box-shadow:0 24px 70px rgba(15,23,42,.22)!important} .sei-expense-modal{position:relative;padding:30px 30px 24px;background:#f8fafc}.sei-expense-modal-head{display:flex;align-items:center;gap:15px;padding:0 42px 22px 0;border-bottom:1px solid #e7edf5}.sei-expense-modal-icon{width:54px;height:54px;flex:0 0 54px;border-radius:15px;background:#eaf2ff;color:#1769ff;display:flex;align-items:center;justify-content:center}.sei-expense-modal-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.sei-expense-modal-kicker{display:block;font-size:10px;color:#8190a8;font-weight:800;letter-spacing:.7px;text-transform:uppercase;margin-bottom:3px}.sei-expense-modal-head h2{margin:0;color:#102044;font-size:25px;line-height:1.15;letter-spacing:-.5px;font-weight:800}.sei-expense-modal-head p{margin:6px 0 0;color:#73819a;font-size:12.5px}.sei-expense-modal-close{position:absolute!important;right:18px!important;top:18px!important;width:36px!important;height:36px!important;border-radius:10px!important;color:#60708b!important;font-size:24px!important;line-height:32px!important;background:transparent!important}.sei-expense-modal-close:hover{background:#eaf0f8!important;color:#15213c!important} .sei-expense-form-section{padding:20px 0 6px}.sei-expense-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}.sei-expense-form-grid label{display:block;min-width:0;background:#fff;border:1px solid #e8edf4;border-radius:14px;padding:13px 14px 14px;box-shadow:0 2px 8px rgba(15,23,42,.025)}.sei-expense-form-grid label.sei-expense-full{grid-column:1/-1}.sei-expense-field-head{display:flex;align-items:center;gap:9px;min-height:27px;margin-bottom:8px}.sei-expense-field-head>span{font-size:12.5px;font-weight:750;color:#273b5f}.sei-expense-field-head b{color:#ef4444;font-weight:800}.sei-expense-field-icon{width:38px;height:38px;flex:0 0 38px;border-radius:50%;display:flex;align-items:center;justify-content:center}.sei-expense-field-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sei-expense-field-icon.purple{background:#f3eaff;color:#7c3aed}.sei-expense-field-icon.green{background:#e5faef;color:#16a34a}.sei-expense-field-icon.blue{background:#e8f2ff;color:#1769ff}.sei-expense-field-icon.orange{background:#fff0d9;color:#f59e0b}.sei-expense-field-icon.violet{background:#f0eaff;color:#7c3aed}.sei-expense-field-icon.teal{background:#e3f9f0;color:#10a875}.sei-expense-field-icon.red{background:#ffe8ec;color:#ef3340}.sei-expense-control{position:relative}.sei-expense-form-grid input,.sei-expense-form-grid select,.sei-expense-form-grid textarea{width:100%;box-sizing:border-box;border:1px solid #d7e0ec;border-radius:10px;background:#fff;color:#1c2c49;font-size:12.5px;outline:none;transition:.18s}.sei-expense-form-grid input,.sei-expense-form-grid select{height:44px;padding:0 12px}.sei-expense-form-grid textarea{padding:11px 12px;resize:vertical;min-height:72px}.sei-expense-form-grid input:focus,.sei-expense-form-grid select:focus,.sei-expense-form-grid textarea:focus{border-color:#1769ff;box-shadow:0 0 0 3px rgba(23,105,255,.08)}.sei-expense-money input{padding-right:62px!important}.sei-expense-money em{position:absolute;right:0;top:0;height:44px;min-width:58px;padding:0 12px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:#f1f5fa;border-left:1px solid #e1e7ef;border-radius:0 10px 10px 0;color:#42516a;font-style:normal;font-size:12px;font-weight:700}.sei-expense-form-footer{display:flex;justify-content:flex-end;gap:10px;padding:17px 0 0;margin-top:10px;border-top:1px solid #e4eaf2}.sei-expense-form-footer .sei-primary{width:auto!important;min-width:168px;min-height:46px;border-radius:11px!important;font-weight:750}.sei-expense-form-footer .sei-person-cancel{border:1px solid #d8e0eb;background:#fff;color:#41506a;border-radius:11px;min-width:118px;height:46px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.sei-expense-form-footer .sei-person-cancel:hover{background:#f4f7fb}.sei-expense-btn-icon{font-size:18px;line-height:1}.sei-expense-form-footer .sei-primary .sei-expense-btn-icon{font-size:15px} @media(max-width:900px){.sei-expense-stats{grid-template-columns:1fr 1fr}}@media(max-width:650px){.sei-expense-modal{padding:22px 16px 18px}.sei-expense-form-grid{grid-template-columns:1fr}.sei-expense-form-grid label.sei-expense-full{grid-column:auto}.sei-expense-form-footer{flex-direction:column-reverse}.sei-expense-form-footer .sei-primary,.sei-expense-form-footer .sei-person-cancel{width:100%!important}.sei-expense-modal-head h2{font-size:21px}} /* 7E Inventory v1.9.48 — Expense report + stay in modal after save */ .sei-expense-heading-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.sei-expense-report-btn{width:auto!important;min-width:94px!important;height:42px!important;padding:0 16px!important;border:1px solid #d9e1ec!important;background:#fff!important;color:#3f4d61!important;border-radius:8px!important;font-size:12.5px!important;font-weight:700!important;cursor:pointer}.sei-expense-report-btn:hover{background:#f6f8fb!important;border-color:#cbd5e1!important} .sei-expense-save-message{margin:0 0 12px;padding:10px 12px;border-radius:8px;background:#edf9f1;color:#21854a;border:1px solid #cfead8;font-size:12px;font-weight:700} #sei-modal .sei-modal-card:has(.sei-expense-report-modal){width:min(1080px,calc(100vw - 32px))!important;max-width:1080px!important;padding:0!important;border-radius:16px!important;overflow:hidden!important} .sei-expense-report-modal{position:relative;padding:27px 28px 25px}.sei-expense-report-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:0 36px 18px 0;border-bottom:1px solid #edf0f4}.sei-expense-report-head h2{margin:0;color:#18202a;font-size:21px;letter-spacing:-.25px;font-weight:750}.sei-expense-report-head p{margin:5px 0 0;color:#7b8491;font-size:12px}.sei-expense-report-controls{display:flex;align-items:flex-end;gap:9px}.sei-expense-report-controls label{display:block;color:#536074;font-size:11.5px;font-weight:750}.sei-expense-report-controls input{display:block;margin-top:5px;height:40px;border:1px solid #d9dee7;border-radius:8px;padding:0 10px;font-size:12px;color:#273244;background:#fff}.sei-expense-report-controls .sei-primary{width:auto!important;min-width:112px!important;height:40px!important;padding:0 15px!important;font-size:12px!important;border-radius:8px!important}.sei-expense-report-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.sei-expense-report-summary>div{padding:14px 15px;border:1px solid #e5eaf1;border-radius:10px;background:#f8fafc}.sei-expense-report-summary span{display:block;color:#7b8799;font-size:11px;margin-bottom:5px}.sei-expense-report-summary strong{display:block;color:#18202a;font-size:17px}.sei-expense-report-table-wrap{border:1px solid #e5eaf1;border-radius:10px;overflow:auto}.sei-expense-report-table{width:100%;border-collapse:collapse;min-width:760px}.sei-expense-report-table th{background:#f7f9fb;color:#637086;font-size:10.5px;text-transform:uppercase;letter-spacing:.3px;padding:11px 12px;text-align:left}.sei-expense-report-table td{padding:11px 12px;border-top:1px solid #edf0f4;color:#344054;font-size:12px}.sei-expense-report-table td:last-child{text-align:right;font-weight:750;color:#18202a}.sei-expense-report-categories{margin-top:18px;border:1px solid #e5eaf1;border-radius:10px;padding:14px 16px}.sei-expense-report-categories h3{font-size:13px;margin:0 0 9px;color:#263247}.sei-expense-report-categories div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #edf0f4;font-size:12px;color:#596579}.sei-expense-report-categories div:last-child{border-bottom:0}.sei-expense-report-categories strong{color:#18202a} @media(max-width:700px){.sei-expense-heading-actions{width:100%}.sei-expense-report-head{display:block}.sei-expense-report-controls{margin-top:14px;align-items:center}.sei-expense-report-controls label{flex:1}.sei-expense-report-controls input{width:100%;box-sizing:border-box}.sei-expense-report-summary{grid-template-columns:1fr}.sei-expense-report-modal{padding:22px 20px 20px}} /* Expense report: auto-grow with entries, then scroll cleanly within viewport */ #sei-modal .sei-modal-card:has(.sei-expense-report-modal){ width:min(1180px,calc(100vw - 28px))!important; max-width:1180px!important; height:auto!important; max-height:calc(100vh - 24px)!important; padding:0!important; border-radius:16px!important; overflow:hidden!important; box-sizing:border-box!important; } #sei-modal .sei-expense-report-modal{ display:flex!important; flex-direction:column!important; max-height:calc(100vh - 24px)!important; padding:26px 28px 24px!important; box-sizing:border-box!important; overflow:hidden!important; } #sei-modal .sei-expense-report-head{flex:0 0 auto!important} #sei-modal #sei-expense-report-body{ flex:0 1 auto!important; min-height:0!important; overflow-y:auto!important; overflow-x:hidden!important; padding-right:4px!important; scrollbar-width:thin!important; scrollbar-color:#c9d2df transparent!important; } #sei-modal .sei-expense-report-table-wrap{ overflow-x:auto!important; overflow-y:visible!important; max-height:none!important; } #sei-modal .sei-expense-report-table{min-width:820px!important} @media(max-width:700px){ #sei-modal .sei-modal-card:has(.sei-expense-report-modal){width:calc(100vw - 14px)!important;max-height:calc(100vh - 14px)!important} #sei-modal .sei-expense-report-modal{max-height:calc(100vh - 14px)!important;padding:20px 16px 18px!important} #sei-modal #sei-expense-report-body{overflow-y:auto!important} } /* v1.9.50 Reports dashboard */ .sei-reports-page{padding-bottom:28px}.sei-reports-heading{align-items:flex-start}.sei-reports-filter{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sei-report-periods{display:flex;gap:6px;flex-wrap:wrap}.sei-report-periods button{height:38px;border:1px solid #dce3ec;background:#fff;border-radius:8px;padding:0 12px;color:#344054;font-size:12px;font-weight:650;cursor:pointer}.sei-report-periods button.active{background:#1769ff;color:#fff;border-color:#1769ff}.sei-reports-filter input{height:38px;border:1px solid #dce3ec;border-radius:8px;padding:0 10px;background:#fff;color:#344054}.sei-reports-filter .sei-primary{height:38px;padding:0 16px;border-radius:8px}.sei-report-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px}.sei-report-kpi{background:#fff;border:1px solid #e3e8ef;border-radius:12px;padding:18px;box-shadow:0 1px 2px rgba(16,24,40,.03);position:relative;overflow:hidden}.sei-report-kpi:before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:#1769ff}.sei-report-kpi.green:before{background:#18a866}.sei-report-kpi.orange:before{background:#ff8a00}.sei-report-kpi.purple:before{background:#7b3ff2}.sei-report-kpi span{display:block;color:#667085;font-size:12px}.sei-report-kpi strong{display:block;font-size:23px;margin:8px 0 5px;color:#101828}.sei-report-kpi small{color:#98a2b3;font-size:11px}.sei-report-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.sei-report-panel{background:#fff;border:1px solid #e3e8ef;border-radius:12px;padding:16px;min-width:0;box-shadow:0 1px 2px rgba(16,24,40,.03)}.sei-report-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:13px}.sei-report-panel-head h2{margin:0;color:#172033;font-size:18px}.sei-report-panel-head p{margin:4px 0 0;color:#8a94a6;font-size:11.5px}.sei-report-panel-head input{height:36px;border:1px solid #dce3ec;border-radius:8px;padding:0 9px;font-size:11px}.sei-report-mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.sei-report-mini-stats>div{background:#f8fafc;border:1px solid #edf0f4;border-radius:8px;padding:9px}.sei-report-mini-stats span{display:block;color:#7b8799;font-size:9.5px}.sei-report-mini-stats strong{display:block;color:#172033;font-size:12px;margin-top:5px}.sei-report-table-wrap{overflow:auto;border:1px solid #edf0f4;border-radius:8px;max-height:300px}.sei-report-table{width:100%;min-width:690px;border-collapse:collapse}.sei-report-table th{background:#f7f9fb;color:#637086;font-size:9.5px;text-transform:uppercase;letter-spacing:.25px;padding:9px 10px;text-align:left;white-space:nowrap}.sei-report-table td{padding:9px 10px;border-top:1px solid #edf0f4;color:#344054;font-size:11px;white-space:nowrap}.sei-report-table td:nth-child(4),.sei-report-table td:nth-child(5),.sei-report-table td:nth-child(6){text-align:right}.sei-report-status{display:inline-flex;padding:3px 7px;border-radius:999px;font-size:9px;text-transform:capitalize;background:#f2f4f7;color:#667085}.sei-report-status.ok{background:#dcfae6;color:#067647}.sei-report-status.partial{background:#fff4d6;color:#b54708}.sei-report-status.due{background:#fee4e2;color:#b42318}.sei-report-percent{min-width:100px}.sei-report-percent span{display:block;font-size:9px;margin-bottom:4px;color:#667085}.sei-report-percent i{display:block;height:6px;background:#1769ff;border-radius:99px;max-width:100%;}.sei-report-chart{min-height:220px}.sei-report-chart-legend{display:flex;gap:14px;color:#667085;font-size:10px;margin:5px 0 10px}.sei-report-chart-grid{height:175px;display:flex;align-items:flex-end;gap:7px;border-bottom:1px solid #e5e7eb;padding:0 4px}.sei-report-chart-col{flex:1;min-width:0;text-align:center}.sei-report-bars{height:155px;display:flex;align-items:flex-end;justify-content:center;gap:2px}.sei-report-bars i{display:block;width:7px;border-radius:3px 3px 0 0;min-height:3px}.sei-report-bars .sales{background:#1769ff}.sei-report-bars .purchases{background:#18a866}.sei-report-bars .expenses{background:#ff8a00}.sei-report-chart-col small{display:block;color:#7b8799;font-size:9px;margin-top:7px}.sei-report-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;border:1px solid #e3e8ef;border-radius:12px;padding:15px 17px}.sei-report-footer>div:first-child strong,.sei-report-footer>div:first-child span{display:block}.sei-report-footer>div:first-child strong{font-size:13px;color:#172033}.sei-report-footer>div:first-child span{font-size:10px;color:#8a94a6;margin-top:3px}.sei-report-footer-values{display:flex;gap:15px;flex-wrap:wrap}.sei-report-footer-values span{font-size:10px;color:#667085}.sei-report-footer-values span:nth-child(1){color:#1769ff}.sei-report-footer-values span:nth-child(2){color:#18a866}.sei-report-footer-values span:nth-child(3){color:#ff8a00}.sei-report-footer-values span:nth-child(4){color:#667085}.sei-report-footer-values strong{display:block;color:#172033;font-size:12px;margin-top:3px}.sei-report-footer-values span:nth-child(1) strong{color:#1769ff}.sei-report-footer-values span:nth-child(2) strong{color:#18a866}.sei-report-footer-values span:nth-child(3) strong{color:#ff8a00}.sei-report-footer-values span:nth-child(4) strong{color:#18a866}.sei-report-footer-values span:nth-child(4).negative,.sei-report-footer-values span:nth-child(4).negative strong{color:#d92d20}.sei-report-actions{display:flex;gap:8px}.sei-report-actions .sei-secondary{height:38px;border:1px solid #dce3ec;background:#fff;border-radius:8px;padding:0 13px;font-weight:700;color:#1769ff;cursor:pointer}.sei-report-actions .sei-primary{height:38px;border-radius:8px}.sei-empty-state{text-align:center!important;padding:22px!important;color:#98a2b3!important} @media(max-width:1200px){.sei-report-kpis{grid-template-columns:repeat(2,1fr)}.sei-reports-heading{display:block}.sei-reports-filter{margin-top:14px}.sei-report-two-col{grid-template-columns:1fr}.sei-report-footer{flex-wrap:wrap}} @media(max-width:700px){.sei-report-kpis{grid-template-columns:1fr}.sei-report-mini-stats{grid-template-columns:repeat(2,1fr)}.sei-report-footer-values{width:100%}.sei-report-actions{width:100%}.sei-report-actions button{flex:1}.sei-reports-filter{align-items:stretch}.sei-report-periods{width:100%}.sei-report-periods button{flex:1}.sei-reports-filter input{flex:1}.sei-report-panel-head{display:block}.sei-report-panel-head .sei-small,.sei-report-panel-head input{margin-top:9px}} /* v1.9.51 - topbar profile menu */ .sei-top-user-wrap{position:relative;margin-left:auto;z-index:30}.sei-top-user{display:flex;align-items:center;gap:9px;border:0;background:transparent;padding:4px 6px;cursor:pointer;color:#18202a;text-align:left;border-radius:10px}.sei-top-user:hover{background:#f5f7fb}.sei-top-user .sei-user-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eef4ff;color:#1769ff}.sei-top-user .sei-user-avatar .sei-svg-icon{width:18px;height:18px}.sei-top-user strong{display:block;font-size:12px;line-height:1.2}.sei-top-user small{display:block;color:#758196;font-size:10px;margin-top:2px}.sei-top-user small i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#16a36a;margin-right:4px}.sei-top-user .sei-chevron{display:flex;color:#667085;margin-left:3px}.sei-top-user .sei-chevron .sei-svg-icon{width:13px;height:13px}.sei-profile-menu{position:absolute;right:0;top:calc(100% + 8px);width:190px;background:#fff;border:1px solid #e4e9f1;border-radius:12px;box-shadow:0 14px 35px rgba(15,23,42,.14);padding:7px;display:none}.sei-profile-menu.open{display:block}.sei-profile-menu button,.sei-profile-menu a{width:100%;display:flex;align-items:center;gap:9px;border:0;background:#fff;color:#253247;text-decoration:none;padding:10px 11px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;box-sizing:border-box}.sei-profile-menu button:hover,.sei-profile-menu a:hover{background:#f3f6fb;color:#1769ff}.sei-profile-menu .sei-svg-icon{width:17px;height:17px}.sei-profile-menu a:last-child{color:#dc2626}.sei-profile-menu a:last-child:hover{background:#fff1f2;color:#b91c1c}.sei-profile-modal-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.sei-profile-modal-head h2{margin:0 0 5px;font-size:21px}.sei-profile-modal-head p{margin:0;color:#7b8491;font-size:12px}.sei-profile-modal-head .sei-profile-close{border:0;background:transparent;font-size:24px;line-height:1;color:#5f6877;cursor:pointer;padding:0 2px}.sei-profile-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.sei-profile-form-actions .sei-primary{width:180px}.sei-profile-form-actions .sei-secondary{min-height:44px;padding:0 22px;border:1px solid #d9dee7;border-radius:8px;background:#fff;color:#344054;font-weight:700;cursor:pointer}.sei-profile-form-actions .sei-secondary:hover{background:#f7f8fa} @media(max-width:700px){.sei-top-user-wrap{margin-left:auto}.sei-profile-menu{right:0}.sei-profile-form-actions{flex-direction:column}.sei-profile-form-actions .sei-primary,.sei-profile-form-actions .sei-secondary{width:100%}} /* v1.9.52 - modern plugin login screen */ .sei-login-screen{min-height:680px;display:flex;align-items:center;justify-content:center;padding:36px 20px;box-sizing:border-box;background:linear-gradient(135deg,#f5f8fd 0%,#eef3fb 100%);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif} .sei-login-card{width:min(430px,100%);background:#fff;border:1px solid #e4e9f1;border-radius:20px;padding:34px 34px 26px;box-shadow:0 22px 60px rgba(15,23,42,.12);box-sizing:border-box} .sei-login-brand{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:24px;color:#18202a}.sei-login-brand span{font-size:27px;font-weight:900;color:#1769ff;letter-spacing:-1px}.sei-login-brand strong{font-size:19px}.sei-login-brand small{width:100%;margin-top:-4px;margin-left:35px;color:#7b8491;font-size:10px} .sei-login-icon{width:58px;height:58px;border-radius:16px;background:#eef4ff;color:#1769ff;display:flex;align-items:center;justify-content:center;margin-bottom:18px}.sei-login-icon span{font-size:17px;font-weight:900} .sei-login-card h1{font-size:27px;line-height:1.2;margin:0 0 7px;color:#172033}.sei-login-subtitle{margin:0 0 25px;color:#748096;font-size:13px;line-height:1.6} #sei-login-form label{display:block;color:#344054;font-size:12px;font-weight:700;margin-bottom:16px}#sei-login-form input[type=text],#sei-login-form input[type=password]{width:100%;height:46px;box-sizing:border-box;border:1px solid #d8dee8;border-radius:10px;background:#fff;color:#172033;padding:0 13px;margin-top:7px;outline:none;font-size:13px;transition:border-color .15s,box-shadow .15s}#sei-login-form input:focus{border-color:#1769ff;box-shadow:0 0 0 3px rgba(23,105,255,.10)} .sei-password-wrap{position:relative}.sei-password-wrap input{padding-right:58px!important}.sei-password-wrap button{position:absolute;right:10px;top:14px;border:0;background:transparent;color:#1769ff;font-size:11px;font-weight:700;cursor:pointer;padding:2px 4px}.sei-login-options{display:flex;align-items:center;margin:-2px 0 18px}.sei-remember{display:flex!important;align-items:center;gap:7px;margin:0!important;font-weight:600!important;color:#667085!important}.sei-remember input{margin:0;width:15px;height:15px}.sei-login-submit{min-height:46px;border-radius:10px}.sei-login-error{display:none;margin-top:12px;padding:10px 12px;border-radius:9px;background:#fff1f2;color:#b42318;font-size:12px;line-height:1.5}.sei-login-error.show{display:block}.sei-login-footer{text-align:center;margin-top:20px;padding-top:18px;border-top:1px solid #edf0f4;color:#98a2b3;font-size:11px} @media(max-width:600px){.sei-login-screen{min-height:100vh;padding:18px}.sei-login-card{padding:28px 22px 22px;border-radius:16px}.sei-login-card h1{font-size:24px}} /* v1.9.53 - configurable StockFlow login logo */ .sei-login-logo-wrap{display:flex;align-items:center;justify-content:center;width:100%;min-height:118px;margin:0 auto 12px;padding:4px 0;background:#fff;overflow:hidden} .sei-login-logo{display:block;width:auto;max-width:285px;height:auto;max-height:112px;object-fit:contain} .sei-login-card h1{text-align:center} .sei-login-subtitle{text-align:center} .sei-login-logo-preview-box{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:18px 0;padding:16px;border:1px solid #e8ebf0;border-radius:12px;background:#f8fafc} .sei-login-logo-preview-box>div:first-child{display:flex;flex-direction:column;gap:5px}.sei-login-logo-preview-box strong{font-size:13px;color:#18202a}.sei-login-logo-preview-box small{font-size:11px;color:#748096;line-height:1.5;max-width:430px} .sei-login-logo-preview{width:190px;height:90px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e9f0;border-radius:10px;overflow:hidden;flex:0 0 190px}.sei-login-logo-preview img{max-width:175px;max-height:78px;object-fit:contain} @media(max-width:700px){.sei-login-logo-preview-box{flex-direction:column;align-items:flex-start}.sei-login-logo-preview{width:100%;flex-basis:auto}.sei-login-logo{max-width:245px;max-height:100px}} /* StockFlow v2.0 commercial branding */ .sei-brand-logo{width:42px;height:42px;object-fit:contain;border-radius:10px;display:block;flex:0 0 42px}.sei-check-setting{display:flex!important;flex-direction:row!important;align-items:center;gap:10px}.sei-check-setting input{width:18px!important;height:18px!important;flex:0 0 18px}.sei-settings-section{padding:18px 0;border-bottom:1px solid #e8edf5}.sei-settings-section:first-child{padding-top:0}.sei-settings-section:last-of-type{border-bottom:0}.sei-settings-section h3{margin:0 0 14px;color:#14213d;font-size:15px}.sei-login-logo{max-width:230px;max-height:110px;width:auto;height:auto;object-fit:contain}.sei-login-logo-preview{min-height:100px;display:flex;align-items:center;justify-content:center;padding:14px;border:1px dashed #cbd5e1;border-radius:14px;background:#f8fafc}.sei-login-logo-preview img{max-width:220px;max-height:100px;object-fit:contain}.sei-login-logo-wrap{min-height:110px;display:flex;align-items:center;justify-content:center} .sei-two-panel{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sei-form-grid .full{grid-column:1/-1}.sei-commercial-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sei-commercial-grid>div{border:1px solid #e8edf5;border-radius:14px;padding:18px;background:#fbfcfe}.sei-commercial-grid p{color:#6b7280;font-size:13px;line-height:1.5}.sei-backup-file{display:inline-flex;align-items:center;gap:8px;margin:10px 6px 0 0;padding:8px 12px;border:1px solid #dfe5ee;border-radius:8px;cursor:pointer;font-size:12px}.sei-backup-file input{max-width:180px}.sei-license-actions{display:flex;gap:8px;margin-top:10px}.sei-settings-section{margin-bottom:24px}.sei-settings-section h3{margin-bottom:14px}.sei-two-panel h3{margin-top:0}.sei-two-panel form{margin-top:10px}.sei-two-panel textarea{min-height:80px}.sei-table-wrap{overflow:auto}.sei-report-table-wrap{overflow:auto}@media(max-width:900px){.sei-two-panel,.sei-commercial-grid{grid-template-columns:1fr}} /* StockFlow v2.3.4 — Customer account & partial payment */ #sei-modal .sei-modal-card.sei-customer-account-modal{width:min(1120px,calc(100vw - 28px));max-width:1120px;padding:0;overflow:hidden;border-radius:16px} .sei-customer-account{background:#fff}.sei-customer-account-head{padding:22px 26px 18px;border-bottom:1px solid #edf0f4;display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.sei-customer-account-head h2{margin:2px 0 5px;font-size:21px;color:#18202a}.sei-customer-account-head p{margin:0;color:#7b8491;font-size:12px}.sei-customer-account-close{border:0;background:#f5f7fa;border-radius:8px;width:34px;height:34px;font-size:23px;cursor:pointer;color:#5c6675}.sei-customer-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:18px 26px;background:#f8fafc}.sei-customer-kpi{background:#fff;border:1px solid #e7ebf0;border-radius:11px;padding:13px 15px}.sei-customer-kpi span{display:block;font-size:10px;color:#7b8491;text-transform:uppercase;letter-spacing:.3px}.sei-customer-kpi strong{display:block;font-size:18px;color:#172033;margin-top:5px}.sei-customer-account-body{display:grid;grid-template-columns:1.35fr .9fr;gap:18px;padding:20px 26px 26px}.sei-customer-account-panel{border:1px solid #e7ebf0;border-radius:12px;overflow:hidden}.sei-customer-account-panel-head{padding:13px 15px;border-bottom:1px solid #edf0f4;display:flex;justify-content:space-between;align-items:center}.sei-customer-account-panel-head h3{margin:0;font-size:14px;color:#172033}.sei-customer-account-table-wrap{max-height:300px;overflow:auto}.sei-customer-account-table{width:100%;border-collapse:collapse;min-width:650px}.sei-customer-account-table th{font-size:10px;text-transform:uppercase;color:#748094;background:#f8fafc;padding:9px 10px;text-align:left;white-space:nowrap}.sei-customer-account-table td{font-size:11px;color:#344054;padding:10px;border-top:1px solid #edf0f4;white-space:nowrap}.sei-customer-account-table td:nth-child(3),.sei-customer-account-table td:nth-child(4),.sei-customer-account-table td:nth-child(5){text-align:right}.sei-customer-account-empty{padding:28px;text-align:center;color:#8b95a5;font-size:12px}.sei-customer-pay-form{padding:15px}.sei-customer-pay-form .sei-form-grid{grid-template-columns:1fr 1fr;gap:12px;margin:0}.sei-customer-pay-form label{font-size:11px;color:#596273;font-weight:700}.sei-customer-pay-form input,.sei-customer-pay-form select,.sei-customer-pay-form textarea{display:block;width:100%;box-sizing:border-box;margin-top:5px;min-height:40px;border:1px solid #d9dee7;border-radius:8px;padding:0 10px;font-size:12px}.sei-customer-pay-form textarea{padding:9px;min-height:68px;resize:vertical}.sei-customer-pay-form .full{grid-column:1/-1}.sei-customer-pay-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.sei-customer-payment-msg{margin-top:10px;font-size:11px;color:#596273}.sei-customer-payment-msg.ok{color:#087443}.sei-customer-payment-msg.err{color:#b42318}.sei-customer-pay-btn{font-weight:700}.sei-customer-status-partial{color:#b54708;font-weight:700}.sei-customer-status-paid{color:#067647;font-weight:700}.sei-customer-status-due{color:#b42318;font-weight:700} @media(max-width:850px){.sei-customer-kpis{grid-template-columns:repeat(2,1fr)}.sei-customer-account-body{grid-template-columns:1fr}.sei-customer-pay-form .sei-form-grid{grid-template-columns:1fr}.sei-customer-pay-form .full{grid-column:auto}} @media(max-width:520px){.sei-customer-kpis{grid-template-columns:1fr}.sei-customer-account-head{padding:18px}.sei-customer-account-body{padding:14px}.sei-customer-kpis{padding:14px}} /* StockFlow v2.3.6 — Customer account modal fixed-height scrolling */ #sei-modal .sei-modal-card.sei-customer-account-modal{ height:90vh!important; max-height:90vh!important; min-height:0!important; overflow-y:scroll!important; overflow-x:hidden!important; box-sizing:border-box!important; scrollbar-width:thin; scrollbar-color:#b7c0cc #f4f6f8; } #sei-modal .sei-modal-card.sei-customer-account-modal::-webkit-scrollbar{width:9px!important;} #sei-modal .sei-modal-card.sei-customer-account-modal::-webkit-scrollbar-track{background:#f4f6f8!important;border-radius:10px!important;} #sei-modal .sei-modal-card.sei-customer-account-modal::-webkit-scrollbar-thumb{background:#b7c0cc!important;border-radius:10px!important;border:2px solid #f4f6f8!important;} #sei-modal .sei-modal-card.sei-customer-account-modal::-webkit-scrollbar-thumb:hover{background:#8f9aaa!important;} #sei-modal .sei-modal-card.sei-customer-account-modal .sei-customer-account{ min-height:0!important; } #sei-modal .sei-modal-card.sei-customer-account-modal .sei-customer-account-head{ position:sticky; top:0; z-index:4; background:#fff; } @media(max-width:700px){ #sei-modal .sei-modal-card.sei-customer-account-modal{ width:calc(100vw - 16px)!important; height:94vh!important; max-height:94vh!important; } } /* StockFlow v2.3.7 — Customer account modal scroll fix */ #sei-modal .sei-modal-card.sei-customer-account-modal{ width:min(1120px,calc(100vw - 32px)) !important; height:calc(100vh - 32px) !important; max-height:calc(100vh - 32px) !important; min-height:0 !important; overflow-y:scroll !important; overflow-x:hidden !important; box-sizing:border-box !important; scrollbar-width:auto !important; scrollbar-color:#9aa6b5 #eef2f6 !important; } #sei-modal .sei-modal-card.sei-customer-account-modal::-webkit-scrollbar{width:12px !important;} #sei-modal .sei-modal-card.sei-customer-account-modal::-webkit-scrollbar-track{background:#eef2f6 !important;border-radius:8px !important;} #sei-modal .sei-modal-card.sei-customer-account-modal::-webkit-scrollbar-thumb{background:#9aa6b5 !important;border-radius:8px !important;border:2px solid #eef2f6 !important;} #sei-modal .sei-modal-card.sei-customer-account-modal::-webkit-scrollbar-thumb:hover{background:#6f7c8d !important;} #sei-modal .sei-modal-card.sei-customer-account-modal .sei-customer-account{min-height:0 !important;} @media(max-width:700px){ #sei-modal .sei-modal-card.sei-customer-account-modal{ width:calc(100vw - 16px) !important; height:calc(100vh - 16px) !important; max-height:calc(100vh - 16px) !important; } } /* StockFlow v2.3.8 — Customer payment history alignment */ #sei-modal .sei-customer-account-table.sei-payment-history-table{table-layout:fixed;min-width:0!important;width:100%!important;} #sei-modal .sei-customer-account-table.sei-payment-history-table th, #sei-modal .sei-customer-account-table.sei-payment-history-table td{vertical-align:middle;} #sei-modal .sei-customer-account-table.sei-payment-history-table th:nth-child(1), #sei-modal .sei-customer-account-table.sei-payment-history-table td:nth-child(1){width:34%;text-align:left;} #sei-modal .sei-customer-account-table.sei-payment-history-table th:nth-child(2), #sei-modal .sei-customer-account-table.sei-payment-history-table td:nth-child(2){width:25%;text-align:right;} #sei-modal .sei-customer-account-table.sei-payment-history-table th:nth-child(3), #sei-modal .sei-customer-account-table.sei-payment-history-table td:nth-child(3){width:18%;text-align:center;} #sei-modal .sei-customer-account-table.sei-payment-history-table th:nth-child(4), #sei-modal .sei-customer-account-table.sei-payment-history-table td:nth-child(4){width:23%;text-align:center;} #sei-modal .sei-customer-account-table.sei-payment-history-table td:nth-child(2){font-variant-numeric:tabular-nums;} @media(max-width:520px){ #sei-modal .sei-customer-account-table.sei-payment-history-table th:nth-child(1), #sei-modal .sei-customer-account-table.sei-payment-history-table td:nth-child(1){width:34%;} #sei-modal .sei-customer-account-table.sei-payment-history-table th:nth-child(2), #sei-modal .sei-customer-account-table.sei-payment-history-table td:nth-child(2){width:25%;} #sei-modal .sei-customer-account-table.sei-payment-history-table th:nth-child(3), #sei-modal .sei-customer-account-table.sei-payment-history-table td:nth-child(3){width:18%;} #sei-modal .sei-customer-account-table.sei-payment-history-table th:nth-child(4), #sei-modal .sei-customer-account-table.sei-payment-history-table td:nth-child(4){width:23%;} } /* v2.3.9 purchase item column alignment */ .sei-purchase-line .p-sku,.sei-purchase-line .p-stock{font-size:12px;color:#4f5f73;text-align:center;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .sei-purchase-line .p-stock{color:#172033;} .sei-purchase-table-head>div:nth-child(2),.sei-purchase-table-head>div:nth-child(3),.sei-purchase-table-head>div:nth-child(5){text-align:center;} .sei-purchase-table-head>div:nth-child(4),.sei-purchase-table-head>div:nth-child(6){text-align:right;} .sei-purchase-line .p-price{text-align:right;} .sei-purchase-line .p-qty{text-align:center;} /* StockFlow v2.3.10 Purchase & Supplier Accounts */ .sei-purchases-table th:last-child,.sei-purchases-table td:last-child{white-space:nowrap;width:150px}.sei-purchases-table td{vertical-align:middle}.sei-purchase-actions{display:flex;align-items:center;gap:6px}.sei-icon-action{width:38px;height:38px;padding:0;border:1px solid #d7e2f4;background:#f7faff;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:19px;line-height:1;box-sizing:border-box;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease}.sei-icon-action:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(23,105,255,.12);background:#eef5ff;border-color:#b8d2ff}.sei-icon-action:focus-visible{outline:2px solid #1769ff;outline-offset:2px}.sei-purchase-actions .sei-purchase-view{background:#eef5ff}.sei-purchase-actions .sei-purchase-edit{background:#f4efff}.sei-purchase-actions .sei-purchase-print{background:#fff5e8}@media(max-width:700px){.sei-purchases-table th:last-child,.sei-purchases-table td:last-child{width:132px}.sei-icon-action{width:34px;height:34px;font-size:17px}}.sei-purchase-detail-modal{padding:4px}.sei-purchase-detail-head,.sei-supplier-account-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:18px;border-bottom:0}.sei-purchase-detail-head h2,.sei-supplier-account-head h2{margin:4px 0 5px;font-size:25px}.sei-purchase-detail-head p,.sei-supplier-account-head p{margin:0;color:#718096;font-size:13px}.sei-purchase-detail-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.sei-purchase-detail-kpis>div{padding:14px;border:1px solid #e5eaf0;border-radius:10px;background:#fafbfd}.sei-purchase-detail-kpis span,.sei-detail-grid small{display:block;color:#7a8798;font-size:10px;text-transform:uppercase;letter-spacing:.04em;font-weight:700}.sei-purchase-detail-kpis strong{display:block;margin-top:6px;font-size:16px;color:#172033}.sei-purchase-detail-section{border:1px solid #e5eaf0;border-radius:12px;padding:15px;margin-top:14px}.sei-purchase-detail-section h3{margin:0 0 12px;font-size:14px}.sei-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sei-detail-grid strong{display:block;margin-top:4px;color:#172033;font-size:13px;word-break:break-word}.sei-detail-note{margin:12px 0 0;color:#667085;white-space:pre-wrap}.sei-purchase-detail-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}.sei-supplier-account-body{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.8fr);gap:16px;margin-top:16px}.sei-supplier-account .sei-customer-kpis{margin-top:16px}.sei-supplier-account .sei-customer-account-panel{height:auto}.sei-supplier-account .sei-customer-account-table-wrap{max-height:310px;overflow:auto}.sei-supplier-account .sei-payment-history-table{min-width:520px}.sei-supplier-account .sei-customer-pay-form{padding-top:4px}.sei-supplier-account .sei-customer-pay-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.sei-supplier-account .sei-modal-close{border:0;background:#f4f6f8;border-radius:8px;padding:7px 10px;cursor:pointer;font-size:22px;line-height:1}.sei-supplier-account .sei-person-modal-kicker{color:#1769ff;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.sei-purchase-detail-modal .sei-modal-close{border:0;background:#f4f6f8;border-radius:8px;padding:7px 10px;cursor:pointer;font-size:22px;line-height:1} .sei-purchase-company-head{display:flex;align-items:center;gap:14px;padding:2px 0 14px;margin-bottom:14px;border-bottom:1px solid #edf0f4}.sei-purchase-company-logo{width:58px;height:58px;object-fit:contain;border-radius:10px;background:#fff;border:1px solid #e5eaf0;padding:5px}.sei-purchase-company-name{font-size:18px;font-weight:800;color:#172033}.sei-purchase-company-meta{margin-top:3px;color:#718096;font-size:11px;line-height:1.5}.sei-purchase-company-title{margin-top:5px;color:#1769ff;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.sei-purchase-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.sei-purchase-section-head h3{margin:0}.sei-purchase-section-head>span{color:#8a95a5;font-size:10px}.sei-purchase-financial-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.sei-purchase-financial-grid>div{border:1px solid #e5eaf0;border-radius:9px;padding:10px;background:#fafbfd}.sei-purchase-financial-grid small{display:block;color:#7a8798;font-size:9px;text-transform:uppercase;font-weight:700;letter-spacing:.04em}.sei-purchase-financial-grid strong{display:block;margin-top:5px;font-size:13px;color:#172033}.sei-purchase-financial-grid .grand{background:#f4f8ff;border-color:#cfe0ff}.sei-purchase-financial-grid .paid{background:#f5fbf7;border-color:#d5ecdf}.sei-purchase-financial-grid .due{background:#fff8f5;border-color:#f0d8cf}.sei-purchase-payments-table{min-width:860px}.sei-purchase-payment-history-section{margin-top:14px}.sei-purchase-payment-history-section .sei-table-wrap{max-height:260px;overflow:auto}.sei-purchase-payments-table td:first-child{white-space:nowrap}.sei-purchase-detail-modal .sei-report-status{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:10px;line-height:1.1}.sei-purchase-detail-modal .sei-report-status.ok{background:#eaf8ef;color:#15803d}.sei-purchase-detail-modal .sei-report-status.partial{background:#fff5df;color:#b45309}.sei-purchase-detail-modal .sei-report-status.due{background:#fff0f0;color:#c2410c}.sei-purchase-detail-modal .sei-table-wrap{overflow:auto}.sei-purchase-detail-modal table{width:100%;border-collapse:collapse}.sei-purchase-detail-modal th,.sei-purchase-detail-modal td{padding:9px 8px;border-bottom:1px solid #edf0f4;text-align:left;font-size:12px}.sei-purchase-detail-modal th{font-size:10px;text-transform:uppercase;color:#687589;background:#f7f9fb}.sei-supplier-account .sei-customer-account-panel-head h3{margin:0}.sei-supplier-account .sei-customer-account-panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.sei-supplier-account .sei-customer-account-empty{text-align:center;padding:18px;color:#8a95a5} @media(max-width:900px){.sei-purchase-financial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sei-purchase-detail-kpis{grid-template-columns:repeat(2,1fr)}.sei-supplier-account-body{grid-template-columns:1fr}.sei-purchases-table th:last-child,.sei-purchases-table td:last-child{width:auto}} @media(max-width:600px){.sei-purchase-detail-kpis{grid-template-columns:1fr 1fr}.sei-detail-grid{grid-template-columns:1fr}.sei-purchase-detail-actions{flex-wrap:wrap}.sei-purchase-detail-actions button{flex:1}.sei-supplier-account .sei-customer-kpis{grid-template-columns:1fr 1fr}} /* v2.3.12 — Reports visual polish: legend colors + expense report table spacing */ .sei-report-chart-legend span{display:inline-flex;align-items:center;gap:5px;font-weight:650} .sei-report-chart-legend span:nth-child(1){color:#1769ff} .sei-report-chart-legend span:nth-child(2){color:#18a866} .sei-report-chart-legend span:nth-child(3){color:#ff8a00} .sei-report-chart-legend span::first-letter{font-size:13px} .sei-expense-report-table th{padding:14px 16px!important} .sei-expense-report-table td{padding:14px 16px!important} .sei-invoice-professional-footer{margin-top:28px;padding-top:14px;border-top:1px solid #e5e7eb;text-align:center;color:#667085;font-size:11px;line-height:1.65}.sei-invoice-foot>div:first-child{font-size:11px;color:#475467}.sei-invoice-professional-footer br{line-height:1.65} /* StockFlow v2.3.221 — Server-authoritative commercial license lock */ .sei-license-locked{min-height:760px;background:#f5f7fb;display:flex;align-items:center;justify-content:center;border-radius:16px;overflow:hidden;box-shadow:0 8px 35px rgba(20,30,50,.08);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif} .sei-license-lock{width:100%;padding:38px 20px;box-sizing:border-box;display:flex;justify-content:center} .sei-license-lock-card{width:min(680px,100%);background:#fff;border:1px solid #e6eaf0;border-radius:20px;box-shadow:0 18px 50px rgba(20,30,50,.10);padding:32px;text-align:center} .sei-license-lock-logo{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:18px;color:#14213d} .sei-license-lock-logo img{width:46px;height:46px;object-fit:contain;border-radius:10px} .sei-license-lock-logo strong{font-size:22px;font-weight:800} .sei-license-lock-logo small{width:100%;font-size:10px;letter-spacing:.12em;color:#7b8491;font-weight:700} .sei-license-lock-icon{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:8px auto 14px;background:#fff4db;font-size:26px} .sei-license-lock-card h1{margin:0 0 8px;color:#172033;font-size:28px} .sei-license-lock-message{margin:0 auto 14px;max-width:560px;color:#667085;line-height:1.6;font-size:14px} .sei-license-lock-status{display:inline-block;margin:0 auto 20px;padding:9px 13px;border-radius:9px;background:#fff4db;color:#9a5a00;font-size:13px;font-weight:700} .sei-license-lock-section{text-align:left;border:1px solid #e8edf5;border-radius:14px;padding:18px;margin-top:14px;background:#fbfcfe} .sei-license-lock-section h3{margin:0 0 8px;color:#172033;font-size:15px} .sei-license-lock-section p{margin:0 0 12px;color:#667085;font-size:12px;line-height:1.5} .sei-license-lock-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap} .sei-license-lock-row input[type=text],.sei-license-lock-row input:not([type]){flex:1;min-width:220px;border:1px solid #d9dee7;border-radius:8px;min-height:40px;padding:0 11px;box-sizing:border-box;background:#fff} .sei-license-lock-row .sei-small{width:auto;min-width:92px} .sei-license-lock-row .sei-backup-file{margin:0} .sei-license-lock-footer{margin-top:22px;color:#8a95a5;font-size:11px} @media(max-width:700px){.sei-license-locked{min-height:680px;border-radius:10px}.sei-license-lock{padding:20px 12px}.sei-license-lock-card{padding:22px 16px}.sei-license-lock-card h1{font-size:24px}.sei-license-lock-row{align-items:stretch}.sei-license-lock-row input[type=text],.sei-license-lock-row input:not([type]),.sei-license-lock-row .sei-small,.sei-license-lock-row .sei-backup-file{width:100%;min-width:0}.sei-backup-lock-row{display:grid;grid-template-columns:1fr}} /* StockFlow v2.3.25 - Sales Return invoice search layout fix */ #sei-view-pos .sei-return-panel .sei-return-search{ display:flex !important; flex-direction:row !important; align-items:stretch !important; gap:12px !important; width:100% !important; box-sizing:border-box !important; } #sei-view-pos .sei-return-panel .sei-return-search #sei-return-invoice{ display:block !important; flex:1 1 auto !important; width:auto !important; min-width:0 !important; max-width:none !important; height:56px !important; min-height:56px !important; margin:0 !important; box-sizing:border-box !important; padding:0 18px !important; } #sei-view-pos .sei-return-panel .sei-return-search #sei-load-return{ display:flex !important; flex:0 0 220px !important; width:220px !important; min-width:220px !important; max-width:220px !important; height:56px !important; min-height:56px !important; margin:0 !important; box-sizing:border-box !important; align-items:center !important; justify-content:center !important; } @media (max-width:700px){ #sei-view-pos .sei-return-panel .sei-return-search{ flex-direction:column !important; } #sei-view-pos .sei-return-panel .sei-return-search #sei-return-invoice, #sei-view-pos .sei-return-panel .sei-return-search #sei-load-return{ width:100% !important; min-width:0 !important; max-width:none !important; flex:0 0 auto !important; } } /* StockFlow v2.3.26 - Purchase Return UI */ #sei-view-purchases .sei-heading-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap} #sei-view-purchases .sei-purchase-return-panel{margin-bottom:16px} #sei-view-purchases .sei-purchase-return-panel .sei-return-search{display:flex;gap:12px;width:100%;align-items:stretch} #sei-view-purchases .sei-purchase-return-panel .sei-return-search .sei-input{flex:1 1 auto!important;width:auto!important;min-width:0!important;height:56px;box-sizing:border-box} #sei-view-purchases .sei-purchase-return-panel .sei-return-search #sei-load-purchase-return{flex:0 0 220px;width:220px;min-width:220px;height:56px} #sei-view-purchases .sei-purchase-return-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:end;margin-top:16px} #sei-view-purchases .sei-purchase-return-footer label{display:flex;flex-direction:column;gap:7px;font-weight:600} #sei-view-purchases .sei-purchase-return-footer textarea{width:100%;box-sizing:border-box;border:1px solid #d7deea;border-radius:10px;padding:12px;resize:vertical} #sei-view-purchases .sei-purchase-return-footer>div{display:flex;align-items:center;gap:16px;white-space:nowrap} #sei-view-purchases .sei-purchase-return-footer strong{font-size:16px} #sei-purchase-return-message{margin-top:12px} @media(max-width:700px){#sei-view-purchases .sei-purchase-return-panel .sei-return-search{flex-direction:column}#sei-view-purchases .sei-purchase-return-panel .sei-return-search .sei-input,#sei-view-purchases .sei-purchase-return-panel .sei-return-search #sei-load-purchase-return{width:100%;min-width:0;flex:0 0 auto}#sei-view-purchases .sei-purchase-return-footer{grid-template-columns:1fr}#sei-view-purchases .sei-purchase-return-footer>div{justify-content:space-between;white-space:normal;flex-wrap:wrap}} /* StockFlow v2.3.28 - Purchases header buttons same size and primary color */ #sei-view-purchases .sei-heading-actions{display:flex!important;gap:10px!important;align-items:center!important;flex-wrap:wrap!important} #sei-view-purchases .sei-heading-actions #sei-open-purchase-return, #sei-view-purchases .sei-heading-actions .sei-open-purchase{ width:327px!important; min-width:327px!important; max-width:327px!important; min-height:44px!important; height:44px!important; box-sizing:border-box!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; border-radius:8px!important; font-weight:700!important; cursor:pointer!important; } #sei-view-purchases .sei-heading-actions #sei-open-purchase-return{ background:#1769ff!important; color:#fff!important; border:0!important; padding:10px 16px!important; } #sei-view-purchases .sei-heading-actions .sei-open-purchase{ background:#1769ff!important; color:#fff!important; border:0!important; padding:10px 16px!important; } @media(max-width:700px){ #sei-view-purchases .sei-heading-actions{width:100%!important;flex-direction:column!important;align-items:stretch!important} #sei-view-purchases .sei-heading-actions #sei-open-purchase-return, #sei-view-purchases .sei-heading-actions .sei-open-purchase{width:100%!important;min-width:0!important;max-width:none!important} } /* StockFlow v2.3.29 - Purchase page and modal action layout */ #sei-view-purchases .sei-heading-actions{ display:flex !important; gap:10px !important; align-items:center !important; flex-wrap:wrap !important; } #sei-view-purchases .sei-heading-actions .sei-open-purchase, #sei-view-purchases .sei-heading-actions #sei-open-purchase-return{ width:327px !important; min-width:327px !important; height:44px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; box-sizing:border-box !important; } #sei-view-purchases .sei-heading-actions .sei-open-purchase{ order:1 !important; } #sei-view-purchases .sei-heading-actions #sei-open-purchase-return{ order:2 !important; } #sei-modal .sei-purchase-actions-bottom{ display:flex !important; justify-content:flex-end !important; align-items:center !important; gap:10px !important; margin-top:16px !important; padding-top:14px !important; border-top:1px solid #e9edf3 !important; } #sei-modal .sei-purchase-actions-bottom button{ height:44px !important; min-width:150px !important; box-sizing:border-box !important; } #sei-modal .sei-purchase-actions-bottom #sei-purchase-save{ order:1 !important; } #sei-modal .sei-purchase-actions-bottom #sei-purchase-history{ order:2 !important; } #sei-modal .sei-purchase-actions-bottom #sei-purchase-save-print{ order:3 !important; } @media(max-width:700px){ #sei-view-purchases .sei-heading-actions{ width:100% !important; flex-direction:column !important; } #sei-view-purchases .sei-heading-actions .sei-open-purchase, #sei-view-purchases .sei-heading-actions #sei-open-purchase-return{ width:100% !important; min-width:0 !important; } #sei-modal .sei-purchase-actions-bottom{ flex-direction:column !important; align-items:stretch !important; } #sei-modal .sei-purchase-actions-bottom button{ width:100% !important; min-width:0 !important; } } /* StockFlow v2.3.30 — compact sidebar: reduce menu spacing and remove desktop scrollbar */ @media (min-width: 761px){ body:has(.sei-app) .sei-sidebar{ overflow-y:hidden!important; overflow-x:hidden!important; padding:8px 10px!important; } body:has(.sei-app) .sei-sidebar .sei-nav{ height:36px!important; min-height:36px!important; margin:0!important; padding:0 14px 0 44px!important; column-gap:14px!important; } body:has(.sei-app) .sei-sidebar .sei-nav .sei-svg-icon{ width:17px!important; height:17px!important; min-width:17px!important; max-width:17px!important; min-height:17px!important; max-height:17px!important; } body:has(.sei-app) .sei-sidebar .sei-nav>span{ line-height:18px!important; } } /* StockFlow v2.3.31 — move sidebar icons/menu left and prevent hover overlap */ @media (min-width: 761px){ body:has(.sei-app) .sei-sidebar{ padding-left: 0 !important; padding-right: 8px !important; } body:has(.sei-app) .sei-sidebar .sei-nav{ position: relative !important; left: -10px !important; width: calc(100% + 10px) !important; padding-left: 34px !important; padding-right: 10px !important; box-sizing: border-box !important; } body:has(.sei-app) .sei-sidebar .sei-nav .sei-svg-icon{ position: relative !important; left: -4px !important; } body:has(.sei-app) .sei-sidebar .sei-nav:hover{ left: -10px !important; width: calc(100% + 10px) !important; } } /* StockFlow v2.3.32 — final sidebar alignment: move icon/text left without hover overlap */ @media (min-width:761px){ body:has(.sei-app) .sei-sidebar{ padding-left:0!important; padding-right:0!important; overflow-x:hidden!important; overflow-y:hidden!important; } body:has(.sei-app) .sei-sidebar .sei-nav, body:has(.sei-app) .sei-sidebar .sei-nav:hover, body:has(.sei-app) .sei-sidebar .sei-nav.active{ position:relative!important; left:0!important; transform:none!important; width:100%!important; height:36px!important; min-height:36px!important; margin:0!important; padding:0 10px 0 34px!important; box-sizing:border-box!important; display:grid!important; grid-template-columns:18px minmax(0,1fr)!important; column-gap:12px!important; align-items:center!important; border-radius:8px!important; } body:has(.sei-app) .sei-sidebar .sei-nav .sei-svg-icon{ position:relative!important; left:-4px!important; width:18px!important; height:18px!important; min-width:18px!important; max-width:18px!important; } body:has(.sei-app) .sei-sidebar .sei-nav>span{ position:relative!important; left:-4px!important; } } /* StockFlow v2.3.33 - underline-only sidebar hover */ @media (min-width:761px){ body:has(.sei-app) .sei-sidebar .sei-nav, body:has(.sei-app) .sei-sidebar .sei-nav:hover, body:has(.sei-app) .sei-sidebar .sei-nav.active{ background:transparent!important; box-shadow:none!important; transform:none!important; } body:has(.sei-app) .sei-sidebar .sei-nav{ position:relative!important; } body:has(.sei-app) .sei-sidebar .sei-nav::after{ content:""!important; position:absolute!important; left:34px!important; right:12px!important; bottom:2px!important; height:2px!important; border-radius:2px!important; background:transparent!important; transform:scaleX(0)!important; transform-origin:left center!important; transition:transform .18s ease,background .18s ease!important; pointer-events:none!important; } body:has(.sei-app) .sei-sidebar .sei-nav:hover::after, body:has(.sei-app) .sei-sidebar .sei-nav.active::after{ background:#3b82f6!important; transform:scaleX(1)!important; } } /* StockFlow v2.3.34 - Combined sidebar hover */ @media (min-width:761px){ body:has(.sei-app) .sei-sidebar .sei-nav{position:relative!important;background:transparent!important;box-shadow:none!important;transform:none!important;transition:background .18s ease!important} body:has(.sei-app) .sei-sidebar .sei-nav::before{content:""!important;position:absolute!important;left:0!important;top:5px!important;bottom:5px!important;width:3px!important;border-radius:0 3px 3px 0!important;background:transparent!important;opacity:0!important;transform:scaleY(.35)!important;transition:transform .18s ease,opacity .18s ease,background .18s ease!important;pointer-events:none!important} body:has(.sei-app) .sei-sidebar .sei-nav:hover::before,body:has(.sei-app) .sei-sidebar .sei-nav.active::before{background:#3b82f6!important;opacity:1!important;transform:scaleY(1)!important} body:has(.sei-app) .sei-sidebar .sei-nav:hover{background:rgba(59,130,246,.07)!important} body:has(.sei-app) .sei-sidebar .sei-nav .sei-svg-icon{transition:color .18s ease,filter .18s ease,transform .18s ease!important} body:has(.sei-app) .sei-sidebar .sei-nav:hover .sei-svg-icon,body:has(.sei-app) .sei-sidebar .sei-nav.active .sei-svg-icon{color:#3b82f6!important;filter:drop-shadow(0 0 3px rgba(59,130,246,.35))!important;transform:translateX(1px)!important} body:has(.sei-app) .sei-sidebar .sei-nav>span{transition:color .18s ease!important} body:has(.sei-app) .sei-sidebar .sei-nav:hover>span,body:has(.sei-app) .sei-sidebar .sei-nav.active>span{color:#3b82f6!important} } /* StockFlow 2.3.43: visually flag quantity above available stock without clamping input */ .sei-qty-input.sei-qty-overstock{outline:2px solid #ef4444 !important;border-color:#ef4444 !important;} /* StockFlow v2.3.49 — POS payment summary fields */ #sei-view-pos .sei-payment-final-row-expanded{grid-template-columns:minmax(260px,1fr) repeat(4,minmax(150px,1fr))!important;} #sei-view-pos .sei-payment-final-row-expanded .sei-readonly{background:#f8fafc;cursor:not-allowed;} #sei-view-pos .sei-payment-final-row-expanded label{display:block;} @media(max-width:1200px){#sei-view-pos .sei-payment-final-row-expanded{grid-template-columns:repeat(2,minmax(0,1fr))!important;}#sei-view-pos .sei-payment-final-row-expanded>div:first-child{grid-column:1/-1;}} @media(max-width:760px){#sei-view-pos .sei-payment-final-row-expanded{grid-template-columns:1fr!important;}} /* StockFlow v2.3.52 — Client-configurable professional invoice theme */ .sei-invoice{--sei-invoice-primary:#12538e;--sei-invoice-secondary:#f1f7fd;--sei-invoice-accent:#1769b0;--sei-invoice-text:#162033;--sei-invoice-border:#d9e5f0;background:#fff;color:var(--sei-invoice-text);font-family:Arial,sans-serif;font-size:10px;padding:8mm;box-sizing:border-box} .sei-invoice-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;border-bottom:2px solid var(--sei-invoice-accent);padding-bottom:7px;margin-bottom:8px}.sei-invoice-brand{display:flex;align-items:center;gap:9px}.sei-invoice-logo{width:58px;height:58px;object-fit:contain;display:block}.sei-invoice-brand h1{margin:0 0 2px;font-size:20px;color:var(--sei-invoice-text)}.sei-invoice-brand p{margin:2px 0;font-size:9px}.sei-invoice-title-box{min-width:190px;text-align:right;background:var(--sei-invoice-secondary);border-radius:7px;padding:6px 9px;border-top:5px solid var(--sei-invoice-primary)}.sei-invoice-title-box strong{font-size:15px;color:var(--sei-invoice-primary)}.sei-invoice-title-box span{font-size:8.5px;line-height:1.45}.sei-invoice-topgrid{display:grid;grid-template-columns:1.55fr .9fr 1fr .9fr 1.45fr;gap:5px;align-items:stretch;margin-bottom:8px}.sei-invoice-card{border:1px solid var(--sei-invoice-border);border-radius:5px;padding:5px 6px;min-height:74px;line-height:1.35}.sei-invoice-card h3{margin:0 0 4px;padding-bottom:3px;border-bottom:1px solid var(--sei-invoice-border);color:var(--sei-invoice-primary);font-size:9.5px}.sei-invoice-card div{font-size:8.5px;overflow-wrap:anywhere}.sei-invoice-card .audit-divider{height:4px;border:0;border-top:1px solid var(--sei-invoice-border);margin:3px 0}.sei-invoice-total.compact{width:auto;margin:0;border:1px solid var(--sei-invoice-border);border-radius:5px;background:var(--sei-invoice-secondary);padding:4px 5px}.sei-invoice-total.compact div{display:flex;justify-content:space-between;padding:2px 1px;font-size:8.5px}.sei-invoice-total.compact .grand{margin:2px -5px -4px;padding:5px 6px;background:var(--sei-invoice-primary);color:#fff;border-radius:0 0 5px 5px;font-size:11px;font-weight:bold}.sei-invoice-items{width:100%;border-collapse:collapse;margin-top:5px}.sei-invoice-items th{background:var(--sei-invoice-primary);color:#fff;font-size:8.5px;padding:5px;text-align:left}.sei-invoice-items td{border:1px solid var(--sei-invoice-border);padding:5px;font-size:8.5px}.sei-invoice-items th:first-child,.sei-invoice-items td:first-child{width:24px;text-align:center}.sei-invoice-foot{margin-top:12px}.sei-invoice-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px} @media(max-width:900px){.sei-invoice-topgrid{grid-template-columns:1.4fr .9fr 1fr}.sei-invoice-total{grid-column:1/-1}.sei-invoice-card.payment{grid-column:1/-1}} @media(max-width:700px){.sei-invoice{padding:12px}.sei-invoice-head{flex-direction:column}.sei-invoice-title-box{width:100%;min-width:0;text-align:left}.sei-invoice-topgrid{grid-template-columns:1fr 1fr}.sei-invoice-card.customer{grid-column:1/-1}.sei-invoice-total{grid-column:1/-1}} /* StockFlow v2.3.54 - invoice table alignment and print footer positioning */ .sei-invoice{min-height:calc(297mm - 16mm);display:flex;flex-direction:column} .sei-invoice-items{table-layout:fixed;width:100%} .sei-invoice-items col.col-no{width:6%}.sei-invoice-items col.col-product{width:34%}.sei-invoice-items col.col-sku{width:16%}.sei-invoice-items col.col-qty{width:11%}.sei-invoice-items col.col-price{width:16.5%}.sei-invoice-items col.col-total{width:16.5%} .sei-invoice-items th:first-child,.sei-invoice-items td:first-child{text-align:center} .sei-invoice-items th:nth-child(2),.sei-invoice-items td:nth-child(2),.sei-invoice-items th:nth-child(3),.sei-invoice-items td:nth-child(3){text-align:left} .sei-invoice-items th:nth-child(4),.sei-invoice-items td:nth-child(4){text-align:center} .sei-invoice-items th:nth-child(5),.sei-invoice-items td:nth-child(5),.sei-invoice-items th:nth-child(6),.sei-invoice-items td:nth-child(6){text-align:right} .sei-invoice-foot{margin-top:auto;padding-top:24px} /* v2.3.69 - compact invoice history + visible generated-invoice actions */ .sei-sales-history-table .sei-icon-view{width:34px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1;border-radius:8px;color:#1769ff;border-color:#cfe0ff;background:#f5f9ff} .sei-sales-history-table .sei-icon-view:hover{background:#eaf2ff;border-color:#9fc2ff} #sei-modal .sei-modal-card:has(.sei-invoice){width:min(1000px,calc(100vw - 32px));max-width:1000px;max-height:92vh;padding:0;overflow:hidden;display:flex;flex-direction:column} #sei-modal .sei-modal-card:has(.sei-invoice) #sei-modal-content{display:flex;flex:1 1 auto;min-height:0;flex-direction:column;overflow:hidden;padding:0} #sei-modal .sei-modal-card:has(.sei-invoice) #sei-modal-content>.sei-invoice{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:8mm} #sei-modal .sei-modal-card:has(.sei-invoice) #sei-modal-content>.sei-invoice-actions{flex:0 0 auto;position:relative;z-index:5;margin:0;padding:10px 14px;border-top:1px solid #e5e7eb;background:#fff;box-shadow:0 -5px 16px rgba(16,24,40,.08);display:flex;justify-content:flex-end;gap:8px} #sei-modal .sei-modal-card:has(.sei-invoice) #sei-modal-content>.sei-invoice-actions button{min-height:38px} #sei-modal .sei-modal-card:has(.sei-invoice) #sei-modal-content>.sei-invoice-actions #sei-print-invoice-btn{min-width:170px} /* Compact invoice history: keep View visible without horizontal scrolling on desktop. */ #sei-view-sales .sei-table-wrap{overflow-x:hidden!important} #sei-view-sales .sei-sales-history-table{width:100%!important;min-width:0!important;table-layout:fixed!important;border-collapse:collapse!important;font-size:11px!important} #sei-view-sales .sei-sales-history-table th,#sei-view-sales .sei-sales-history-table td{white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;padding:8px 6px!important;vertical-align:middle!important} #sei-view-sales .sei-sales-history-table th:nth-child(1),#sei-view-sales .sei-sales-history-table td:nth-child(1){width:14%!important} #sei-view-sales .sei-sales-history-table th:nth-child(2),#sei-view-sales .sei-sales-history-table td:nth-child(2){width:13%!important} #sei-view-sales .sei-sales-history-table th:nth-child(3),#sei-view-sales .sei-sales-history-table td:nth-child(3){width:11%!important} #sei-view-sales .sei-sales-history-table th:nth-child(4),#sei-view-sales .sei-sales-history-table td:nth-child(4){width:11%!important} #sei-view-sales .sei-sales-history-table th:nth-child(5),#sei-view-sales .sei-sales-history-table td:nth-child(5){width:11%!important} #sei-view-sales .sei-sales-history-table th:nth-child(6),#sei-view-sales .sei-sales-history-table td:nth-child(6){width:9%!important} #sei-view-sales .sei-sales-history-table th:nth-child(6){white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important} #sei-view-sales .sei-sales-history-table th:nth-child(7),#sei-view-sales .sei-sales-history-table td:nth-child(7){width:9%!important} #sei-view-sales .sei-sales-history-table th:nth-child(8),#sei-view-sales .sei-sales-history-table td:nth-child(8){width:16%!important;font-size:10px!important} #sei-view-sales .sei-sales-history-table th:nth-child(9),#sei-view-sales .sei-sales-history-table td:nth-child(9){width:6%!important;text-align:center!important} #sei-view-sales .sei-sales-history-table .sei-icon-view{width:32px;height:30px;padding:0;font-size:15px} @media(max-width:700px){#sei-modal .sei-modal-card:has(.sei-invoice){width:calc(100vw - 14px);max-height:94vh}#sei-modal .sei-modal-card:has(.sei-invoice) #sei-modal-content>.sei-invoice{padding:16px}#sei-view-sales .sei-sales-history-table{font-size:10px!important}#sei-view-sales .sei-sales-history-table th,#sei-view-sales .sei-sales-history-table td{padding:7px 4px!important}#sei-view-sales .sei-sales-history-table th:nth-child(6),#sei-view-sales .sei-sales-history-table td:nth-child(6),#sei-view-sales .sei-sales-history-table th:nth-child(7),#sei-view-sales .sei-sales-history-table td:nth-child(7){display:none}#sei-view-sales .sei-sales-history-table th:nth-child(1),#sei-view-sales .sei-sales-history-table td:nth-child(1){width:18%!important}#sei-view-sales .sei-sales-history-table th:nth-child(2),#sei-view-sales .sei-sales-history-table td:nth-child(2){width:16%!important}#sei-view-sales .sei-sales-history-table th:nth-child(3),#sei-view-sales .sei-sales-history-table td:nth-child(3){width:15%!important}#sei-view-sales .sei-sales-history-table th:nth-child(4),#sei-view-sales .sei-sales-history-table td:nth-child(4){width:15%!important}#sei-view-sales .sei-sales-history-table th:nth-child(5),#sei-view-sales .sei-sales-history-table td:nth-child(5){width:15%!important}#sei-view-sales .sei-sales-history-table th:nth-child(8),#sei-view-sales .sei-sales-history-table td:nth-child(8){width:15%!important}#sei-view-sales .sei-sales-history-table th:nth-child(9),#sei-view-sales .sei-sales-history-table td:nth-child(9){width:6%!important}} /* v2.3.74 - fixed-color cross-browser colorful action icons */ .sei-sales-history-table .sei-icon-view .sei-eye-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:20px!important;height:20px!important;font-size:17px!important;line-height:1!important;font-family:inherit!important;color:inherit!important} .sei-sales-history-table .sei-icon-view:hover .sei-eye-icon{transform:scale(1.06);transition:transform .15s ease!important} /* v2.3.70 colorful invoice action icons */ #sei-modal .sei-modal-card:has(.sei-invoice) #sei-modal-content>.sei-invoice-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;flex-wrap:wrap!important;width:calc(100% - 28px)!important;box-sizing:border-box!important;margin:0 14px 14px!important;padding:12px 0 0!important;border-top:1px solid #e7edf5!important;border-radius:0 0 10px 10px!important;position:relative!important;bottom:auto!important;background:#fff!important;z-index:5!important;overflow:visible!important} #sei-modal .sei-modal-card:has(.sei-invoice) #sei-modal-content>.sei-invoice-actions .sei-invoice-action{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:40px!important;max-height:44px!important;box-sizing:border-box!important;padding:8px 14px!important;margin:0!important;flex:0 0 auto!important;white-space:nowrap!important;overflow:visible!important;border-radius:9px!important;border:1px solid transparent!important;font:600 13px/1.1 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;cursor:pointer!important;transition:transform .15s ease,box-shadow .15s ease,background .15s ease!important} #sei-modal .sei-modal-card:has(.sei-invoice) #sei-modal-content>.sei-invoice-actions .sei-invoice-action:hover{transform:translateY(-1px)!important;box-shadow:0 5px 14px rgba(20,40,80,.12)!important} #sei-modal .sei-modal-card:has(.sei-invoice) #sei-modal-content>.sei-invoice-actions .sei-action-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:16px!important;line-height:1!important} #sei-modal .sei-modal-card:has(.sei-invoice) #sei-modal-content>.sei-invoice-actions .sei-invoice-print{background:#1769ff!important;color:#fff!important;border-color:#1769ff!important} #sei-modal .sei-modal-card:has(.sei-invoice) #sei-modal-content>.sei-invoice-actions .sei-invoice-receipt{background:#f3e8ff!important;color:#7c3aed!important;border-color:#ddd0ff!important} #sei-modal .sei-modal-card:has(.sei-invoice) #sei-modal-content>.sei-invoice-actions .sei-invoice-close{background:#fff1f2!important;color:#dc2626!important;border-color:#fecdd3!important} #sei-modal .sei-modal-card:has(.sei-invoice) #sei-modal-content>.sei-invoice-actions .sei-invoice-close .sei-action-icon{font-size:15px!important} #sei-modal .sei-modal-card:has(.sei-invoice) #sei-modal-content>.sei-invoice-actions .sei-invoice-print .sei-action-icon{filter:none!important} #sei-view-sales .sei-icon-view{width:36px!important;height:36px!important;min-width:36px!important;padding:0!important;border:1px solid #cfe0ff!important;border-radius:9px!important;background:#eef5ff!important;color:#1769ff!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;box-sizing:border-box!important} #sei-view-sales .sei-icon-view:hover{background:#dfeaff!important;border-color:#b9d1ff!important;transform:translateY(-1px)!important;box-shadow:0 4px 10px rgba(23,105,255,.14)!important} #sei-view-sales .sei-icon-view .sei-action-icon{font-size:16px!important;line-height:1!important} @media(max-width:650px){#sei-modal .sei-modal-card:has(.sei-invoice) #sei-modal-content>.sei-invoice-actions{justify-content:stretch!important;width:calc(100% - 20px)!important;margin:0 10px 10px!important;padding-top:10px!important;gap:8px!important}#sei-modal .sei-modal-card:has(.sei-invoice) #sei-modal-content>.sei-invoice-actions .sei-invoice-action{flex:1 1 calc(33.333% - 6px)!important;min-width:0!important;padding-left:9px!important;padding-right:9px!important;font-size:12px!important}} /* v2.3.74: cross-browser fixed-color emoji-style icons. Uses inline SVG so colors do not depend on OS/browser emoji fonts. */ .sei-color-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;vertical-align:middle!important;line-height:0!important;font-size:0!important;color:inherit!important} .sei-color-icon-svg{width:20px!important;height:20px!important;display:block!important;overflow:visible!important} .sei-eye-shape{fill:#f6a623!important;stroke:#1769ff!important;stroke-width:1.5!important} .sei-eye-iris{fill:#1769ff!important;stroke:#ffffff!important;stroke-width:1!important} .sei-eye-pupil{fill:#172033!important} .sei-print-body{fill:#1769ff!important;stroke:#0d4fc7!important;stroke-width:1!important} .sei-print-paper{fill:#ffffff!important;stroke:#1769ff!important;stroke-width:1.2!important} .sei-print-line{stroke:#7c3aed!important;stroke-width:1.2!important;stroke-linecap:round!important} .sei-print-light{fill:#22c55e!important} .sei-receipt-paper{fill:#a855f7!important;stroke:#6d28d9!important;stroke-width:1!important} .sei-receipt-line{stroke:#ffffff!important;stroke-width:1.3!important;stroke-linecap:round!important} .sei-receipt-dot{fill:#facc15!important} .sei-close-bg{fill:#ef4444!important;stroke:#b91c1c!important;stroke-width:1!important} .sei-close-mark{stroke:#ffffff!important;stroke-width:2.2!important;stroke-linecap:round!important} #sei-view-sales .sei-icon-view .sei-color-icon-svg{width:19px!important;height:19px!important} #sei-modal .sei-modal-card:has(.sei-invoice) #sei-modal-content>.sei-invoice-actions .sei-color-icon-svg{width:20px!important;height:20px!important} /* v2.3.75: SVG-only colorful action icons for consistent cross-browser rendering. */ .sei-color-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;vertical-align:middle!important;line-height:0!important;font-size:0!important;color:inherit!important;width:20px!important;height:20px!important;overflow:visible!important} .sei-color-icon-svg{width:20px!important;height:20px!important;display:block!important;overflow:visible!important;flex:none!important} .sei-icon-action .sei-color-icon{width:19px!important;height:19px!important} .sei-icon-action .sei-color-icon-svg{width:19px!important;height:19px!important} .sei-color-emoji{display:none!important} #sei-view-sales .sei-icon-view .sei-color-icon{width:20px!important;height:20px!important} #sei-view-sales .sei-icon-view .sei-color-icon-svg{width:19px!important;height:19px!important} #sei-modal .sei-modal-card:has(.sei-invoice) #sei-modal-content>.sei-invoice-actions .sei-color-icon{width:20px!important;height:20px!important} #sei-modal .sei-modal-card:has(.sei-invoice) #sei-modal-content>.sei-invoice-actions .sei-color-icon-svg{width:20px!important;height:20px!important} @media(max-width:700px){.sei-icon-action .sei-color-icon,.sei-icon-action .sei-color-icon-svg{width:18px!important;height:18px!important}} /* StockFlow v2.3.75 - invoice history modal action-bar containment and spacing polish */ #sei-modal .sei-modal-card:has(.sei-invoice){ box-sizing:border-box!important; width:min(1000px,calc(100vw - 24px))!important; max-width:1000px!important; max-height:calc(100vh - 16px)!important; padding:0 0 10px!important; overflow:hidden!important; border-radius:14px!important; } #sei-modal .sei-modal-card:has(.sei-invoice) #sei-modal-content{ box-sizing:border-box!important; min-height:0!important; height:100%!important; overflow:hidden!important; } #sei-modal .sei-modal-card:has(.sei-invoice) #sei-modal-content>.sei-invoice{ box-sizing:border-box!important; min-height:0!important; height:auto!important; max-height:none!important; overflow:visible!important; padding:8mm!important; } #sei-modal .sei-modal-card:has(.sei-invoice) #sei-modal-content>.sei-invoice .sei-invoice-foot{ margin-top:24px!important; padding-top:0!important; } #sei-modal .sei-modal-card:has(.sei-invoice) #sei-modal-content>.sei-invoice-actions{ position:relative!important; bottom:auto!important; flex:0 0 auto!important; box-sizing:border-box!important; width:100%!important; margin:0!important; padding:10px 14px 4px!important; border-top:1px solid #e5e7eb!important; border-bottom:0!important; background:#fff!important; box-shadow:none!important; display:flex!important; align-items:center!important; justify-content:flex-end!important; gap:10px!important; } #sei-modal .sei-modal-card:has(.sei-invoice) #sei-modal-content>.sei-invoice-actions .sei-invoice-action{ box-sizing:border-box!important; flex:0 0 auto!important; margin:0!important; } #sei-modal .sei-modal-card:has(.sei-invoice) #sei-modal-content>.sei-invoice-actions .sei-invoice-close{ margin-right:0!important; } @media(max-width:650px){ #sei-modal .sei-modal-card:has(.sei-invoice){width:calc(100vw - 12px)!important;max-height:calc(100vh - 12px)!important;padding-bottom:8px!important} #sei-modal .sei-modal-card:has(.sei-invoice) #sei-modal-content>.sei-invoice{padding:16px!important} #sei-modal .sei-modal-card:has(.sei-invoice) #sei-modal-content>.sei-invoice-actions{padding:9px 10px 4px!important;gap:7px!important} #sei-modal .sei-modal-card:has(.sei-invoice) #sei-modal-content>.sei-invoice-actions .sei-invoice-action{flex:1 1 0!important;min-width:0!important;padding:8px 9px!important} } /* StockFlow v2.3.75 - final sales header + invoice modal action containment */ #sei-view-sales .sei-sales-history-table th:nth-child(6), #sei-view-sales .sei-sales-history-table td:nth-child(6){ white-space:nowrap!important; word-break:keep-all!important; overflow-wrap:normal!important; } #sei-view-sales .sei-sales-history-table th:nth-child(6){ min-width:82px!important; } #sei-modal .sei-modal-card:has(.sei-invoice){ display:flex!important; flex-direction:column!important; box-sizing:border-box!important; overflow:hidden!important; padding:0 0 12px!important; } #sei-modal .sei-modal-card:has(.sei-invoice) #sei-modal-content{ display:flex!important; flex:1 1 auto!important; flex-direction:column!important; min-height:0!important; height:auto!important; overflow:hidden!important; box-sizing:border-box!important; } #sei-modal .sei-modal-card:has(.sei-invoice) #sei-modal-content>.sei-invoice{ flex:1 1 auto!important; min-height:0!important; overflow-y:auto!important; overflow-x:hidden!important; } #sei-modal .sei-modal-card:has(.sei-invoice) #sei-modal-content>.sei-invoice-actions{ flex:0 0 auto!important; width:calc(100% - 28px)!important; box-sizing:border-box!important; margin:0 14px 2px!important; padding:10px 0 0!important; border-top:1px solid #e7edf5!important; border-radius:0!important; background:#fff!important; display:flex!important; align-items:center!important; justify-content:flex-end!important; gap:10px!important; overflow:visible!important; } #sei-modal .sei-modal-card:has(.sei-invoice) #sei-modal-content>.sei-invoice-actions .sei-invoice-action{ flex:0 0 auto!important; margin:0!important; } @media(max-width:650px){ #sei-view-sales .sei-sales-history-table th:nth-child(6){min-width:0!important;white-space:nowrap!important} #sei-modal .sei-modal-card:has(.sei-invoice){padding:0 0 10px!important} #sei-modal .sei-modal-card:has(.sei-invoice) #sei-modal-content>.sei-invoice-actions{ width:calc(100% - 20px)!important; margin:0 10px 2px!important; padding:9px 0 0!important; gap:8px!important; } #sei-modal .sei-modal-card:has(.sei-invoice) #sei-modal-content>.sei-invoice-actions .sei-invoice-action{ flex:1 1 0!important; min-width:0!important; } } /* StockFlow v2.3.76 — final invoice history table + modal spacing correction. */ #sei-view-sales .sei-sales-history-table th:nth-child(6), #sei-view-sales .sei-sales-history-table td:nth-child(6){ width:10%!important; } #sei-view-sales .sei-sales-history-table th:nth-child(6){ min-width:92px!important; white-space:nowrap!important; word-break:normal!important; overflow-wrap:normal!important; font-size:11px!important; letter-spacing:0!important; } #sei-view-sales .sei-sales-history-table th:nth-child(8), #sei-view-sales .sei-sales-history-table td:nth-child(8){width:15%!important} #sei-view-sales .sei-sales-history-table th:nth-child(9), #sei-view-sales .sei-sales-history-table td:nth-child(9){width:6%!important} #sei-modal .sei-modal-card:has(.sei-invoice){ width:min(1000px,calc(100vw - 24px))!important; max-width:1000px!important; max-height:calc(100vh - 24px)!important; box-sizing:border-box!important; display:flex!important; flex-direction:column!important; overflow:hidden!important; padding:0 0 16px!important; } #sei-modal .sei-modal-card:has(.sei-invoice) #sei-modal-content{ display:flex!important; flex:1 1 auto!important; flex-direction:column!important; min-height:0!important; height:auto!important; overflow:hidden!important; box-sizing:border-box!important; } #sei-modal .sei-modal-card:has(.sei-invoice) #sei-modal-content>.sei-invoice{ flex:1 1 auto!important; min-height:0!important; max-height:none!important; overflow-y:auto!important; overflow-x:hidden!important; box-sizing:border-box!important; padding:8mm!important; } #sei-modal .sei-modal-card:has(.sei-invoice) #sei-modal-content>.sei-invoice .sei-invoice-foot{ margin-top:18px!important; padding-top:0!important; } #sei-modal .sei-modal-card:has(.sei-invoice) #sei-modal-content>.sei-invoice-actions{ flex:0 0 auto!important; width:calc(100% - 32px)!important; box-sizing:border-box!important; margin:0 16px!important; padding:12px 0 0!important; border-top:1px solid #e7edf5!important; border-bottom:0!important; border-radius:0!important; background:#fff!important; box-shadow:none!important; display:flex!important; align-items:center!important; justify-content:flex-end!important; gap:10px!important; overflow:visible!important; } #sei-modal .sei-modal-card:has(.sei-invoice) #sei-modal-content>.sei-invoice-actions .sei-invoice-action{ flex:0 0 auto!important; min-height:40px!important; max-height:44px!important; margin:0!important; box-sizing:border-box!important; } @media(max-width:650px){ #sei-view-sales .sei-sales-history-table th:nth-child(6){min-width:0!important} #sei-modal .sei-modal-card:has(.sei-invoice){ width:calc(100vw - 16px)!important; max-height:calc(100vh - 16px)!important; padding-bottom:12px!important; } #sei-modal .sei-modal-card:has(.sei-invoice) #sei-modal-content>.sei-invoice{padding:16px!important} #sei-modal .sei-modal-card:has(.sei-invoice) #sei-modal-content>.sei-invoice-actions{ width:calc(100% - 24px)!important; margin:0 12px!important; padding:10px 0 0!important; gap:8px!important; } #sei-modal .sei-modal-card:has(.sei-invoice) #sei-modal-content>.sei-invoice-actions .sei-invoice-action{ flex:1 1 0!important; min-width:0!important; padding-left:8px!important; padding-right:8px!important; font-size:12px!important; } } /* StockFlow v2.3.78 — Sales & Invoice History heading typography consistency. */ #sei-view-sales .sei-sales-history-table thead th{ font-size:12px!important; font-weight:700!important; line-height:1.2!important; letter-spacing:0!important; text-align:left!important; vertical-align:middle!important; white-space:nowrap!important; word-break:normal!important; overflow-wrap:normal!important; text-transform:uppercase!important; } #sei-view-sales .sei-sales-history-table thead th:nth-child(8){ font-size:12px!important; } #sei-view-sales .sei-sales-history-table thead th:nth-child(9){ text-align:center!important; } @media(max-width:700px){ #sei-view-sales .sei-sales-history-table thead th{ font-size:10px!important; line-height:1.2!important; } } /* StockFlow v2.3.80 — Sales & Invoice History visual polish. */ #sei-view-sales .sei-heading{margin-bottom:18px!important;align-items:center!important;gap:18px!important} #sei-view-sales .sei-heading h1{line-height:1.15!important;letter-spacing:-.35px!important} #sei-view-sales .sei-heading p{font-size:12.5px!important;line-height:1.45!important} #sei-view-sales .sei-heading > .sei-primary{max-width:360px!important;min-height:42px!important;border-radius:8px!important;letter-spacing:.15px!important} #sei-view-sales .sei-box{padding:0!important;overflow:hidden!important} #sei-view-sales .sei-table-wrap{border-radius:12px!important} #sei-view-sales .sei-sales-history-table thead th{ background:#f5f8fc!important; color:#526078!important; font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important; font-size:12px!important; font-weight:700!important; line-height:1.2!important; letter-spacing:0!important; text-transform:uppercase!important; border-bottom:1px solid #dfe6ef!important; padding-top:13px!important; padding-bottom:13px!important; vertical-align:middle!important; white-space:nowrap!important; word-break:normal!important; overflow-wrap:normal!important; } #sei-view-sales .sei-sales-history-table tbody td{ font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important; color:#243044!important; vertical-align:middle!important; transition:background .15s ease!important; } #sei-view-sales .sei-sales-history-table tbody tr:hover td{background:#f8fbff!important} #sei-view-sales .sei-sales-history-table th:nth-child(1),#sei-view-sales .sei-sales-history-table td:nth-child(1){text-align:left!important} #sei-view-sales .sei-sales-history-table th:nth-child(2),#sei-view-sales .sei-sales-history-table td:nth-child(2){text-align:left!important} #sei-view-sales .sei-sales-history-table th:nth-child(3),#sei-view-sales .sei-sales-history-table td:nth-child(3), #sei-view-sales .sei-sales-history-table th:nth-child(4),#sei-view-sales .sei-sales-history-table td:nth-child(4), #sei-view-sales .sei-sales-history-table th:nth-child(5),#sei-view-sales .sei-sales-history-table td:nth-child(5){text-align:right!important} #sei-view-sales .sei-sales-history-table th:nth-child(6),#sei-view-sales .sei-sales-history-table td:nth-child(6), #sei-view-sales .sei-sales-history-table th:nth-child(7),#sei-view-sales .sei-sales-history-table td:nth-child(7), #sei-view-sales .sei-sales-history-table th:nth-child(8),#sei-view-sales .sei-sales-history-table td:nth-child(8), #sei-view-sales .sei-sales-history-table th:nth-child(9),#sei-view-sales .sei-sales-history-table td:nth-child(9){text-align:center!important} #sei-view-sales .sei-sales-history-table thead th:nth-child(9){text-align:center!important} #sei-view-sales .sei-sales-history-table td strong{font-weight:700!important;color:#172033!important} #sei-view-sales .sei-sales-payment-pill, #sei-view-sales .sei-sales-status-pill{ display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:24px!important; box-sizing:border-box!important; border-radius:999px!important; padding:4px 9px!important; font-size:10.5px!important; font-weight:700!important; line-height:1!important; white-space:nowrap!important; } #sei-view-sales .sei-sales-payment-pill{background:#f3f6fa!important;color:#526078!important;border:1px solid #e1e7ef!important} #sei-view-sales .sei-sales-status-pill{background:#eaf8f0!important;color:#16834d!important;border:1px solid #ccebd9!important} #sei-view-sales .sei-sales-status-pill.sei-status-partial, #sei-view-sales .sei-sales-status-pill.sei-status-pending{background:#fff6df!important;color:#a76600!important;border-color:#f3dfad!important} #sei-view-sales .sei-sales-status-pill.sei-status-due{background:#fff1e6!important;color:#b45309!important;border-color:#f4d4b5!important} #sei-view-sales .sei-sales-status-pill.sei-status-returned, #sei-view-sales .sei-sales-status-pill.sei-status-refunded{background:#f3edff!important;color:#7040c4!important;border-color:#dfd0ff!important} #sei-view-sales .sei-sales-status-pill.sei-status-cancelled{background:#fff0f0!important;color:#c24141!important;border-color:#f0cccc!important} #sei-view-sales .sei-sales-status-pill.sei-status-completed{background:#eaf8f0!important;color:#16834d!important;border-color:#ccebd9!important} #sei-view-sales .sei-sales-status-pill.sei-status-partially-paid{background:#fff6df!important;color:#a76600!important;border-color:#f3dfad!important} #sei-view-sales .sei-sales-status-pill.sei-status-unpaid{background:#fff0f0!important;color:#c24141!important;border-color:#f0cccc!important} #sei-view-sales .sei-sales-due-pill{display:inline-flex!important;align-items:center!important;justify-content:flex-end!important;min-height:24px!important;box-sizing:border-box!important;border-radius:999px!important;padding:4px 9px!important;font-size:10.5px!important;font-weight:700!important;line-height:1!important;white-space:nowrap!important} #sei-view-sales .sei-sales-due-pill.sei-due-clear{background:#f3f6fa!important;color:#526078!important;border:1px solid #e1e7ef!important} #sei-view-sales .sei-sales-due-pill.sei-due-open{background:#fff1e6!important;color:#b45309!important;border:1px solid #f4d4b5!important} #sei-view-sales .sei-sales-date-cell{font-variant-numeric:tabular-nums!important;color:#5e6b7e!important;font-size:10.5px!important;white-space:nowrap!important} #sei-view-sales .sei-sales-history-table .sei-icon-view{margin:0 auto!important;transition:transform .15s ease,box-shadow .15s ease,background .15s ease!important} #sei-view-sales .sei-sales-history-table .sei-icon-view:hover{transform:translateY(-1px)!important;box-shadow:0 3px 8px rgba(23,105,255,.12)!important} @media(max-width:700px){ #sei-view-sales .sei-heading{align-items:stretch!important;flex-direction:column!important;gap:10px!important;margin-bottom:14px!important} #sei-view-sales .sei-heading > .sei-primary{max-width:none!important} #sei-view-sales .sei-sales-history-table thead th{font-size:10px!important;padding-top:10px!important;padding-bottom:10px!important} #sei-view-sales .sei-sales-history-table tbody td{font-size:10px!important} #sei-view-sales .sei-sales-payment-pill,#sei-view-sales .sei-sales-status-pill{font-size:9px!important;padding:3px 6px!important} } /* StockFlow v2.3.80 — Sales History payment-aware status and due emphasis. */ /* StockFlow v2.3.84 — Quotations */ .sei-quotation-table{width:100%;border-collapse:collapse}.sei-quotation-table th{background:#f4f7fb;color:#172033;font-size:12px;font-weight:700;text-align:left;padding:11px 10px;border-bottom:1px solid #dce4ee}.sei-quotation-table td{padding:10px;border-bottom:1px solid #e6ebf2;font-size:12px}.sei-quotation-table th:nth-child(3),.sei-quotation-table td:nth-child(3){text-align:right}.sei-quotation-table th:nth-child(4),.sei-quotation-table td:nth-child(4),.sei-quotation-table th:nth-child(6),.sei-quotation-table td:nth-child(6){text-align:center}.sei-quotation-table th:nth-child(7),.sei-quotation-table td:nth-child(7){text-align:center}.sei-quotation-table tbody tr:hover td{background:#f8fbff}.sei-quotation-actions{white-space:nowrap}.sei-quotation-actions .sei-icon-action{margin:0 2px}.sei-quotation-status{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:700;text-transform:capitalize;border:1px solid #d9e1ec;background:#f4f7fb;color:#475467}.sei-quote-status-sent{background:#eef4ff;color:#175cd3;border-color:#b2ccff}.sei-quote-status-draft{background:#f4f7fb;color:#475467}.sei-quote-status-converted{background:#ecfdf3;color:#067647;border-color:#a7e5c2}.sei-quotation-lines{border:1px solid #dbe3ed;border-radius:10px;overflow:hidden;margin-top:14px}.sei-quotation-line-head,.sei-quotation-line{display:grid;grid-template-columns:minmax(220px,2.4fr) minmax(90px,1fr) 90px 120px 120px 85px;gap:8px;align-items:center;padding:9px}.sei-quotation-line-head{background:#f5f8fc;font-size:11px;font-weight:700;color:#475467}.sei-quotation-line{border-top:1px solid #e8edf3}.sei-quotation-line select,.sei-quotation-line input{width:100%;box-sizing:border-box}.sei-quotation-actions-row{margin-top:10px}.sei-quotation-summary{display:flex;justify-content:flex-end;gap:28px;margin:16px 0;padding:12px 14px;background:#f7f9fc;border:1px solid #e1e7ef;border-radius:8px}.sei-quotation-summary span,.sei-quotation-summary strong{display:block}.sei-quotation-summary .grand strong{font-size:20px;color:#1459a6}.sei-quotation-form-actions,.sei-quotation-view-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px;padding-top:12px;border-top:1px solid #e4e9f0}.sei-quotation-view-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.sei-quotation-cards{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:10px;margin:16px 0}.sei-quotation-cards>div{border:1px solid #dbe3ed;border-radius:8px;padding:11px;background:#fbfcfe}.sei-quotation-cards strong,.sei-quotation-cards span,.sei-quotation-cards small{display:block;margin-bottom:5px}.sei-quotation-view-table{width:100%;border-collapse:collapse}.sei-quotation-view-table th,.sei-quotation-view-table td{padding:8px;border-bottom:1px solid #dfe5ec;text-align:left}.sei-quotation-view-table th{background:#145b95;color:#fff;font-size:11px}.sei-quotation-view-table td:nth-child(3),.sei-quotation-view-table td:nth-child(4),.sei-quotation-view-table td:nth-child(5){text-align:right}.sei-quotation-notes{margin-top:14px;padding:12px;background:#f7f9fc;border:1px solid #e1e7ef;border-radius:8px}.sei-quotation-converted{padding:9px 12px;border-radius:7px;background:#ecfdf3;color:#067647;font-weight:700}.sei-modal-card:has(#sei-quotation-form),.sei-modal-card:has(.sei-quotation-view){width:min(980px,calc(100vw - 32px));max-height:92vh;overflow:auto}@media(max-width:760px){.sei-quotation-line-head{display:none}.sei-quotation-line{grid-template-columns:1fr 1fr;gap:8px}.sei-quotation-line .sei-q-product,.sei-quotation-line .sei-q-sku{grid-column:1/-1}.sei-quotation-cards{grid-template-columns:1fr}.sei-quotation-summary{justify-content:space-between}.sei-quotation-form-actions,.sei-quotation-view-actions{flex-wrap:wrap}.sei-quotation-table{min-width:820px}.sei-table-wrap:has(.sei-quotation-table){overflow-x:auto}} /* StockFlow 2.3.85 - quotation view modal polish */ #sei-modal .sei-modal-card:has(.sei-quotation-view){width:min(1040px,calc(100vw - 32px))!important;max-width:1040px!important;max-height:92vh!important;padding:0!important;overflow:hidden!important;border-radius:16px!important;box-sizing:border-box!important} #sei-modal .sei-modal-card:has(.sei-quotation-view) #sei-modal-content{padding:0!important;overflow:auto!important;max-height:92vh!important} #sei-modal .sei-modal-card:has(.sei-quotation-view) .sei-quotation-view{padding:26px 28px 22px!important;box-sizing:border-box!important} #sei-modal .sei-modal-card:has(.sei-quotation-view) .sei-quotation-view-head{padding:0 0 16px!important;border-bottom:1px solid #e7edf4!important;align-items:center!important} #sei-modal .sei-modal-card:has(.sei-quotation-view) .sei-quotation-view-kicker{font-size:10px!important;font-weight:800!important;letter-spacing:.12em!important;color:#1769ff!important;margin-bottom:4px!important} #sei-modal .sei-modal-card:has(.sei-quotation-view) .sei-quotation-view-head h2{margin:0!important;font-size:24px!important;line-height:1.2!important;font-weight:750!important;color:#172033!important} #sei-modal .sei-modal-card:has(.sei-quotation-view) .sei-quotation-view-head p{margin:6px 0 0!important;font-size:12px!important;color:#667085!important} #sei-modal .sei-modal-card:has(.sei-quotation-view) .sei-quotation-view-head-right{display:flex!important;align-items:center!important;gap:10px!important} #sei-modal .sei-modal-card:has(.sei-quotation-view) .sei-quotation-view-x{position:static!important;width:34px!important;height:34px!important;padding:0!important;margin:0!important;border:1px solid #e0e6ef!important;border-radius:9px!important;background:#fff!important;color:#687386!important;font:700 22px/1 system-ui,sans-serif!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important} #sei-modal .sei-modal-card:has(.sei-quotation-view) .sei-quotation-view-x:hover{background:#f4f7fb!important;color:#172033!important} #sei-modal .sei-modal-card:has(.sei-quotation-view) .sei-quotation-cards{grid-template-columns:1.5fr 1fr 1fr!important;gap:12px!important;margin:18px 0!important} #sei-modal .sei-modal-card:has(.sei-quotation-view) .sei-quotation-cards>div{min-height:86px!important;padding:13px!important;background:#fbfcfe!important} #sei-modal .sei-modal-card:has(.sei-quotation-view) .sei-quotation-view-table{margin-top:4px!important} #sei-modal .sei-modal-card:has(.sei-quotation-view) .sei-quotation-view-table th{font-size:11px!important;font-weight:750!important;padding:10px 9px!important} #sei-modal .sei-modal-card:has(.sei-quotation-view) .sei-quotation-view-table td{font-size:12px!important;padding:10px 9px!important} #sei-modal .sei-modal-card:has(.sei-quotation-view) .sei-quotation-notes{margin-top:16px!important} #sei-modal .sei-modal-card:has(.sei-quotation-view) .sei-quotation-view-actions{position:sticky!important;bottom:0!important;display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:9px!important;margin:22px -28px -22px!important;padding:13px 28px!important;border-top:1px solid #e5eaf1!important;background:#fff!important;box-shadow:0 -5px 16px rgba(16,24,40,.06)!important;z-index:3!important} #sei-modal .sei-modal-card:has(.sei-quotation-view) .sei-quotation-view-actions .sei-modal-close{position:static!important;right:auto!important;top:auto!important;font-size:13px!important;line-height:1.2!important;border:1px solid #d9e1eb!important;background:#fff!important;border-radius:8px!important;padding:10px 16px!important;cursor:pointer!important;color:#344054!important} #sei-modal .sei-modal-card:has(.sei-quotation-view) .sei-quotation-view-actions .sei-quotation-convert{min-height:40px!important;padding:9px 15px!important;border-radius:8px!important;font-weight:700!important} #sei-modal .sei-modal-card:has(.sei-quotation-view) .sei-quotation-view-actions .sei-quotation-print-now{min-height:40px!important;padding:9px 16px!important;border-radius:8px!important} @media(max-width:760px){#sei-modal .sei-modal-card:has(.sei-quotation-view){width:calc(100vw - 16px)!important;max-height:94vh!important}#sei-modal .sei-modal-card:has(.sei-quotation-view) .sei-quotation-view{padding:20px 16px 18px!important}#sei-modal .sei-modal-card:has(.sei-quotation-view) .sei-quotation-cards{grid-template-columns:1fr!important}#sei-modal .sei-modal-card:has(.sei-quotation-view) .sei-quotation-view-actions{margin:18px -16px -18px!important;padding:11px 16px!important;flex-wrap:wrap!important;justify-content:stretch!important}#sei-modal .sei-modal-card:has(.sei-quotation-view) .sei-quotation-view-actions>*{flex:1 1 100%!important;text-align:center!important}} /* StockFlow 2.3.87 - quotation view table value alignment */ #sei-modal .sei-modal-card:has(.sei-quotation-view) .sei-quotation-view-table{table-layout:fixed!important} #sei-modal .sei-modal-card:has(.sei-quotation-view) .sei-quotation-view-table th,#sei-modal .sei-modal-card:has(.sei-quotation-view) .sei-quotation-view-table td{vertical-align:middle!important;white-space:nowrap!important} #sei-modal .sei-modal-card:has(.sei-quotation-view) .sei-quotation-view-table th:nth-child(1),#sei-modal .sei-modal-card:has(.sei-quotation-view) .sei-quotation-view-table td:nth-child(1){width:38%!important;text-align:left!important} #sei-modal .sei-modal-card:has(.sei-quotation-view) .sei-quotation-view-table th:nth-child(2),#sei-modal .sei-modal-card:has(.sei-quotation-view) .sei-quotation-view-table td:nth-child(2){width:17%!important;text-align:left!important} #sei-modal .sei-modal-card:has(.sei-quotation-view) .sei-quotation-view-table th:nth-child(3),#sei-modal .sei-modal-card:has(.sei-quotation-view) .sei-quotation-view-table td:nth-child(3){width:10%!important;text-align:center!important} #sei-modal .sei-modal-card:has(.sei-quotation-view) .sei-quotation-view-table th:nth-child(4),#sei-modal .sei-modal-card:has(.sei-quotation-view) .sei-quotation-view-table td:nth-child(4){width:17.5%!important;text-align:right!important} #sei-modal .sei-modal-card:has(.sei-quotation-view) .sei-quotation-view-table th:nth-child(5),#sei-modal .sei-modal-card:has(.sei-quotation-view) .sei-quotation-view-table td:nth-child(5){width:17.5%!important;text-align:right!important} #sei-modal .sei-modal-card:has(.sei-quotation-view) .sei-quotation-view-table th{font-weight:750!important} /* StockFlow 2.3.86 - quotation view duplicate modal close fix */ #sei-modal .sei-modal-card:has(.sei-quotation-view) > .sei-modal-close{display:none!important;} #sei-modal .sei-modal-card:has(.sei-quotation-view) .sei-quotation-view-x{display:inline-flex!important;} #sei-modal .sei-modal-card:has(.sei-quotation-view) .sei-quotation-view-close{display:inline-flex!important;} /* v2.3.95 — colorful centered quotation conversion confirmation */ .sei-convert-confirm-overlay{position:fixed;inset:0;z-index:100100;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(10,18,30,.62);opacity:0;visibility:hidden;transition:opacity .16s ease,visibility .16s ease;box-sizing:border-box} .sei-convert-confirm-overlay.open{opacity:1;visibility:visible} .sei-convert-confirm-card{width:min(500px,calc(100vw - 32px));background:#fff;border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.24);padding:26px 28px 22px;box-sizing:border-box;text-align:left;transform:translateY(8px) scale(.98);transition:transform .16s ease} .sei-convert-confirm-overlay.open .sei-convert-confirm-card{transform:translateY(0) scale(1)} .sei-convert-confirm-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1769ff,#6c4dff);color:#fff;font-size:25px;font-weight:800;box-shadow:0 8px 20px rgba(23,105,255,.22);margin-bottom:15px} .sei-convert-confirm-kicker{display:block;color:#1769ff;font-size:10px;font-weight:800;letter-spacing:1.1px;margin-bottom:5px} .sei-convert-confirm-body h3{margin:0;color:#18202a;font-size:20px;line-height:1.3;font-weight:750} .sei-convert-confirm-body p{margin:9px 0 0;color:#687386;font-size:13px;line-height:1.55} .sei-convert-confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;padding-top:17px;border-top:1px solid #edf0f4} .sei-convert-confirm-actions button{min-width:100px;height:42px;border-radius:10px;padding:0 18px;font-size:13px;font-weight:750;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease} .sei-convert-confirm-cancel{border:1px solid #d8dee8;background:#f5f7fa;color:#536174} .sei-convert-confirm-cancel:hover{background:#e9edf3;color:#263244} .sei-convert-confirm-ok{border:0;background:linear-gradient(135deg,#1769ff,#3d7cff);color:#fff;box-shadow:0 7px 16px rgba(23,105,255,.22)} .sei-convert-confirm-ok:hover{transform:translateY(-1px);box-shadow:0 9px 20px rgba(23,105,255,.28)} .sei-convert-confirm-actions button:focus-visible{outline:3px solid rgba(23,105,255,.22);outline-offset:2px} @media(max-width:520px){.sei-convert-confirm-card{padding:22px 20px 18px}.sei-convert-confirm-actions{justify-content:stretch}.sei-convert-confirm-actions button{flex:1;min-width:0}} /* v2.3.95 — colorful quotation conversion success message */ .sei-convert-success-overlay{position:fixed;inset:0;z-index:100110;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(10,18,30,.62);opacity:0;visibility:hidden;transition:opacity .16s ease,visibility .16s ease;box-sizing:border-box} .sei-convert-success-overlay.open{opacity:1;visibility:visible} .sei-convert-success-card{width:min(500px,calc(100vw - 32px));background:#fff;border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.24);padding:28px 30px 22px;box-sizing:border-box;text-align:center;transform:translateY(8px) scale(.98);transition:transform .16s ease} .sei-convert-success-overlay.open .sei-convert-success-card{transform:translateY(0) scale(1)} .sei-convert-success-icon{width:58px;height:58px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#18a957,#1769ff);color:#fff;font-size:30px;font-weight:800;box-shadow:0 9px 22px rgba(23,105,255,.20);margin:0 auto 15px} .sei-convert-success-icon span{display:block;transform:translateY(-1px)} .sei-convert-success-kicker{display:block;color:#1769ff;font-size:10px;font-weight:800;letter-spacing:1.1px;margin-bottom:6px} .sei-convert-success-card h3{margin:0;color:#18202a;font-size:21px;line-height:1.3;font-weight:750} .sei-convert-success-card p{margin:9px 0 0;color:#687386;font-size:13px;line-height:1.55} .sei-convert-success-card p strong{color:#18202a} .sei-convert-success-actions{display:flex;justify-content:center;margin-top:21px;padding-top:17px;border-top:1px solid #edf0f4} .sei-convert-success-ok{min-width:110px;height:42px;border:0;border-radius:10px;padding:0 20px;background:linear-gradient(135deg,#1769ff,#3d7cff);color:#fff;font-size:13px;font-weight:750;cursor:pointer;box-shadow:0 7px 16px rgba(23,105,255,.22);transition:transform .12s ease,box-shadow .12s ease} .sei-convert-success-ok:hover{transform:translateY(-1px);box-shadow:0 9px 20px rgba(23,105,255,.28)} .sei-convert-success-ok:focus-visible{outline:3px solid rgba(23,105,255,.22);outline-offset:2px} @media(max-width:520px){.sei-convert-success-card{padding:23px 20px 19px}.sei-convert-success-ok{width:100%}} /* v2.3.96 — colorful quotation save success message */ .sei-quote-save-success-overlay{position:fixed;inset:0;z-index:100120;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(10,18,30,.62);opacity:0;visibility:hidden;transition:opacity .16s ease,visibility .16s ease;box-sizing:border-box} .sei-quote-save-success-overlay.open{opacity:1;visibility:visible} .sei-quote-save-success-card{width:min(500px,calc(100vw - 32px));background:#fff;border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.24);padding:28px 30px 22px;box-sizing:border-box;text-align:center;transform:translateY(8px) scale(.98);transition:transform .16s ease} .sei-quote-save-success-overlay.open .sei-quote-save-success-card{transform:translateY(0) scale(1)} .sei-quote-save-success-icon{width:58px;height:58px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1769ff,#18a957);color:#fff;font-size:30px;font-weight:800;box-shadow:0 9px 22px rgba(23,105,255,.20);margin:0 auto 15px} .sei-quote-save-success-icon span{display:block;transform:translateY(-1px)} .sei-quote-save-success-kicker{display:block;color:#1769ff;font-size:10px;font-weight:800;letter-spacing:1.1px;margin-bottom:6px} .sei-quote-save-success-card h3{margin:0;color:#18202a;font-size:21px;line-height:1.3;font-weight:750} .sei-quote-save-success-card p{margin:9px 0 0;color:#687386;font-size:13px;line-height:1.55} .sei-quote-save-success-actions{display:flex;justify-content:center;margin-top:22px;padding-top:17px;border-top:1px solid #edf0f4} .sei-quote-save-success-ok{min-width:110px;height:42px;border:0;border-radius:10px;padding:0 20px;background:linear-gradient(135deg,#1769ff,#3d7cff);color:#fff;font-size:13px;font-weight:750;cursor:pointer;box-shadow:0 7px 16px rgba(23,105,255,.22);transition:transform .12s ease,box-shadow .12s ease} .sei-quote-save-success-ok:hover{transform:translateY(-1px);box-shadow:0 9px 20px rgba(23,105,255,.28)} .sei-quote-save-success-ok:focus-visible{outline:3px solid rgba(23,105,255,.22);outline-offset:2px} @media(max-width:520px){.sei-quote-save-success-card{padding:22px 20px 18px}} /* StockFlow 2.3.97 - quotation edit and print polish */ #sei-modal .sei-modal-card:has(#sei-quotation-form){width:min(1080px,calc(100vw - 32px))!important;max-width:1080px!important;max-height:94vh!important;padding:0!important;overflow:hidden!important;border-radius:16px!important} #sei-modal .sei-modal-card:has(#sei-quotation-form) #sei-modal-content{padding:0!important;max-height:94vh!important;overflow:auto!important} #sei-modal .sei-modal-card:has(#sei-quotation-form) > .sei-modal-close{display:none!important} #sei-modal .sei-modal-card:has(#sei-quotation-form) .sei-quotation-modal-head{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;padding:24px 28px 16px!important;border-bottom:1px solid #e7edf4!important} #sei-modal .sei-modal-card:has(#sei-quotation-form) .sei-quotation-modal-head h2{margin:0!important;font-size:26px!important;line-height:1.2!important;color:#172033!important} #sei-modal .sei-modal-card:has(#sei-quotation-form) .sei-quotation-modal-head p{margin:7px 0 0!important;color:#667085!important;font-size:13px!important} #sei-modal .sei-modal-card:has(#sei-quotation-form) .sei-quotation-form-kicker{font-size:10px!important;font-weight:800!important;letter-spacing:.12em!important;color:#1769ff!important;margin-bottom:4px!important} #sei-modal .sei-modal-card:has(#sei-quotation-form) .sei-quotation-form-x{position:static!important;width:38px!important;height:38px!important;padding:0!important;border:1px solid #dbe3ed!important;border-radius:9px!important;background:#fff!important;color:#667085!important;font:700 23px/1 system-ui,sans-serif!important;display:inline-flex!important;align-items:center!important;justify-content:center!important} #sei-modal .sei-modal-card:has(#sei-quotation-form) #sei-quotation-form{padding:20px 28px 24px!important} #sei-modal .sei-modal-card:has(#sei-quotation-form) .sei-quotation-lines{margin-top:16px!important} #sei-modal .sei-modal-card:has(#sei-quotation-form) .sei-quotation-form-actions{position:sticky!important;bottom:0!important;margin:22px -28px -24px!important;padding:13px 28px!important;background:#fff!important;border-top:1px solid #e5eaf1!important;box-shadow:0 -5px 16px rgba(16,24,40,.06)!important;z-index:4!important} #sei-modal .sei-modal-card:has(#sei-quotation-form) .sei-quotation-form-actions .sei-modal-close{position:static!important;font-size:13px!important;line-height:1.2!important;border:1px solid #d9e1eb!important;background:#fff!important;border-radius:8px!important;padding:10px 16px!important;color:#344054!important} #sei-modal .sei-modal-card:has(#sei-quotation-form) .sei-quotation-summary{margin-top:16px!important} @media(max-width:760px){#sei-modal .sei-modal-card:has(#sei-quotation-form){width:calc(100vw - 16px)!important;max-height:94vh!important}#sei-modal .sei-modal-card:has(#sei-quotation-form) .sei-quotation-modal-head{padding:20px 16px 14px!important}#sei-modal .sei-modal-card:has(#sei-quotation-form) #sei-quotation-form{padding:16px!important}#sei-modal .sei-modal-card:has(#sei-quotation-form) .sei-quotation-form-actions{margin:18px -16px -16px!important;padding:11px 16px!important;flex-wrap:wrap!important}#sei-modal .sei-modal-card:has(#sei-quotation-form) .sei-quotation-form-actions>*{flex:1 1 100%!important}} /* StockFlow 2.3.98 - quotation edit modal definitive polish */ #sei-modal .sei-modal-card:has(#sei-quotation-form){ width:min(1120px,calc(100vw - 32px))!important; max-width:1120px!important; max-height:94vh!important; overflow:hidden!important; border-radius:16px!important; padding:0!important; } #sei-modal .sei-modal-card:has(#sei-quotation-form) #sei-modal-content{ padding:0!important; overflow:auto!important; max-height:94vh!important; } #sei-modal .sei-modal-card:has(#sei-quotation-form) .sei-quotation-modal-head{ min-height:82px!important; padding:22px 28px 16px!important; display:flex!important; align-items:flex-start!important; justify-content:space-between!important; gap:20px!important; background:linear-gradient(180deg,#fbfdff 0%,#fff 100%)!important; border-bottom:1px solid #e5eaf1!important; } #sei-modal .sei-modal-card:has(#sei-quotation-form) .sei-quotation-form-x{ position:static!important; flex:0 0 40px!important; width:40px!important;height:40px!important; min-width:40px!important; margin:0!important;padding:0!important; border:1px solid #d7e1ee!important; border-radius:10px!important; background:#fff!important; color:transparent!important; font-size:0!important; line-height:0!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; box-shadow:0 2px 7px rgba(16,24,40,.05)!important; } #sei-modal .sei-modal-card:has(#sei-quotation-form) .sei-quotation-form-x::after{ content:'×'!important; color:#344054!important; font:700 25px/1 system-ui,sans-serif!important; } #sei-modal .sei-modal-card:has(#sei-quotation-form) .sei-quotation-form-x:hover{ background:#f4f7fb!important; border-color:#b9c9dc!important; } #sei-modal .sei-modal-card:has(#sei-quotation-form) #sei-quotation-form{ padding:22px 28px 0!important; } #sei-modal .sei-modal-card:has(#sei-quotation-form) .sei-form-grid{ gap:16px!important; margin:0 0 18px!important; } #sei-modal .sei-modal-card:has(#sei-quotation-form) .sei-form-grid label{ color:#344054!important; font-size:13px!important; font-weight:700!important; } #sei-modal .sei-modal-card:has(#sei-quotation-form) .sei-quotation-lines{ margin-top:18px!important; border-radius:10px!important; } #sei-modal .sei-modal-card:has(#sei-quotation-form) .sei-quotation-line-head{ background:#f4f7fb!important; color:#344054!important; font-size:11px!important; letter-spacing:.02em!important; } #sei-modal .sei-modal-card:has(#sei-quotation-form) .sei-quotation-line{ min-height:66px!important; padding:11px!important; } #sei-modal .sei-modal-card:has(#sei-quotation-form) .sei-quotation-form-actions{ position:sticky!important; bottom:0!important; z-index:10!important; margin:22px -28px 0!important; padding:13px 28px!important; display:flex!important; justify-content:flex-end!important; align-items:center!important; gap:10px!important; background:rgba(255,255,255,.98)!important; border-top:1px solid #e5eaf1!important; box-shadow:0 -6px 18px rgba(16,24,40,.06)!important; } #sei-modal .sei-modal-card:has(#sei-quotation-form) .sei-quotation-form-actions .sei-modal-close{ position:static!important; width:auto!important;height:42px!important; margin:0!important; padding:0 18px!important; border:1px solid #d8e0eb!important; border-radius:9px!important; background:#fff!important; color:#344054!important; font:700 13px/42px system-ui,sans-serif!important; cursor:pointer!important; } #sei-modal .sei-modal-card:has(#sei-quotation-form) .sei-quotation-form-actions .sei-primary{ min-height:42px!important; border-radius:9px!important; padding:0 20px!important; } @media(max-width:760px){ #sei-modal .sei-modal-card:has(#sei-quotation-form){width:calc(100vw - 16px)!important;max-height:94vh!important} #sei-modal .sei-modal-card:has(#sei-quotation-form) .sei-quotation-modal-head{padding:18px 16px 14px!important} #sei-modal .sei-modal-card:has(#sei-quotation-form) #sei-quotation-form{padding:18px 16px 0!important} #sei-modal .sei-modal-card:has(#sei-quotation-form) .sei-quotation-form-actions{margin:18px -16px 0!important;padding:11px 16px!important} } /* StockFlow 2.3.99 - definitive quotation edit close-button isolation */ #sei-modal .sei-modal-card:has(#sei-quotation-form) > .sei-modal-close{display:none!important;visibility:hidden!important;width:0!important;height:0!important;overflow:hidden!important;} #sei-modal .sei-modal-card:has(#sei-quotation-form) .sei-quotation-form-x{position:static!important;top:auto!important;right:auto!important;display:inline-flex!important;width:40px!important;height:40px!important;margin:0!important;font-size:0!important;line-height:0!important;} #sei-modal .sei-modal-card:has(#sei-quotation-form) .sei-quotation-form-cancel{position:static!important;top:auto!important;right:auto!important;display:inline-flex!important;width:auto!important;height:42px!important;margin:0!important;font-size:13px!important;line-height:42px!important;} /* StockFlow 2.3.101 - remove legacy generic modal close from quotation editor */ #sei-modal .sei-modal-card:has(#sei-quotation-form) > .sei-modal-close, #sei-modal .sei-modal-card:has(#sei-quotation-form) .sei-modal-close:not(.sei-quotation-form-x):not(.sei-quotation-form-cancel){ display:none!important; visibility:hidden!important; pointer-events:none!important; width:0!important; height:0!important; margin:0!important; padding:0!important; overflow:hidden!important; } #sei-modal .sei-modal-card:has(#sei-quotation-form) .sei-quotation-form-x{display:inline-flex!important;visibility:visible!important;pointer-events:auto!important;} /* StockFlow v2.3.101 — quotation conversion payment capture */ .sei-convert-payment-overlay{z-index:100110!important;padding:18px!important} .sei-convert-payment-card{width:min(760px,calc(100vw - 28px))!important;max-height:calc(100vh - 36px);overflow:auto;padding:24px 26px 20px!important} .sei-convert-payment-card .sei-convert-confirm-body h3{font-size:22px!important} .sei-convert-payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:18px} .sei-convert-field{display:flex;flex-direction:column;gap:6px;min-width:0} .sei-convert-field.full{grid-column:1/-1} .sei-convert-field>span{font-size:11px;font-weight:800;color:#344054;text-transform:uppercase;letter-spacing:.04em} .sei-convert-field input,.sei-convert-field select{width:100%;height:44px;border:1px solid #d8e0eb;border-radius:10px;background:#fff;padding:0 12px;color:#172033;font-size:13px;box-sizing:border-box;outline:none} .sei-convert-field input:focus,.sei-convert-field select:focus{border-color:#1769ff;box-shadow:0 0 0 3px rgba(23,105,255,.12)} .sei-convert-field small{color:#8a94a6;font-size:11px;line-height:1.35} .sei-convert-status-options{display:flex;gap:9px;flex-wrap:wrap} .sei-convert-status-options label{flex:1 1 0;min-width:150px;display:flex;align-items:center;gap:8px;height:42px;padding:0 12px;border:1px solid #d8e0eb;border-radius:10px;background:#f8fafc;color:#344054;font-size:12px;cursor:pointer;box-sizing:border-box} .sei-convert-status-options label:has(input:checked){border-color:#1769ff;background:#eef5ff;color:#1253b8;box-shadow:0 0 0 2px rgba(23,105,255,.08)} .sei-convert-status-options input{accent-color:#1769ff;width:15px;height:15px;margin:0} .sei-convert-money-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:15px} .sei-convert-money-grid>div{padding:12px;border:1px solid #e1e7ef;border-radius:10px;background:#f7f9fc;min-width:0} .sei-convert-money-grid span{display:block;color:#667085;font-size:10px;font-weight:700;margin-bottom:5px} .sei-convert-money-grid strong{display:block;color:#172033;font-size:14px;white-space:nowrap} .sei-convert-money-grid>div:last-child{background:#edf6ff;border-color:#bcd9ff} .sei-convert-money-grid>div:last-child strong{color:#1253b8} .sei-convert-payment-card .sei-convert-confirm-actions{margin-top:18px} .sei-convert-confirm-ok{min-width:150px!important} @media(max-width:680px){.sei-convert-payment-grid{grid-template-columns:1fr}.sei-convert-field.full{grid-column:auto}.sei-convert-status-options label{min-width:100%;flex-basis:100%}.sei-convert-money-grid{grid-template-columns:1fr 1fr}.sei-convert-payment-card{padding:20px 18px 18px!important}} @media(max-width:430px){.sei-convert-money-grid{grid-template-columns:1fr}.sei-convert-confirm-actions{flex-direction:column-reverse}.sei-convert-confirm-actions button{width:100%!important}} /* StockFlow v2.3.102 — customer payment invoice selection */ .sei-payment-invoice-summary{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px;border:1px solid #d9e5f0;border-radius:10px;background:#f6f9fd} .sei-payment-invoice-summary>div{display:flex;flex-direction:column;gap:4px}.sei-payment-invoice-summary span{font-size:11px;color:#667085}.sei-payment-invoice-summary strong{font-size:15px;color:#162033}.sei-payment-help{display:block;margin-top:5px;color:#667085;font-size:11px}.sei-two-panel #sei-customer-payment-form select:disabled,.sei-two-panel #sei-customer-payment-form input:disabled{background:#f3f5f8;cursor:not-allowed}@media(max-width:700px){.sei-payment-invoice-summary{grid-template-columns:1fr}} /* StockFlow v2.3.115 - hide payment invoice data source helper select */ #sei-payment-invoice-source{display:none!important;visibility:hidden!important;width:0!important;height:0!important;position:absolute!important;left:-9999px!important;pointer-events:none!important;} /* v2.3.107 customer payment type */ .sei-payment-type-row{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:2px;} .sei-payment-type-title{grid-column:1/-1;font-size:12px;font-weight:800;color:#334155;margin-bottom:-2px;} .sei-payment-type-option{display:flex!important;align-items:center;gap:11px!important;border:1px solid #d9e2ef;border-radius:12px;padding:12px 14px!important;background:#fff;cursor:pointer;transition:.18s ease;min-height:62px;} .sei-payment-type-option input{margin:0!important;accent-color:#2563eb;} .sei-payment-type-option span{display:flex;flex-direction:column;gap:3px;} .sei-payment-type-option strong{font-size:12px;color:#1e293b;} .sei-payment-type-option small{font-size:10px;color:#64748b;font-weight:500;} .sei-payment-type-option.active{border-color:#2563eb;background:#f4f8ff;box-shadow:0 0 0 2px rgba(37,99,235,.08);} @media(max-width:700px){.sei-payment-type-row{grid-template-columns:1fr;}.sei-payment-type-title{grid-column:auto;}} /* StockFlow v2.3.108 - payment type radio layout fix */ #sei-customer-payment-form .sei-payment-type-row{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:4px;align-items:stretch;} #sei-customer-payment-form .sei-payment-type-title{grid-column:1/-1;margin:0 0 2px;font-size:13px;font-weight:700;line-height:1.3;color:#344054;} #sei-customer-payment-form .sei-payment-type-option{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;min-height:68px!important;box-sizing:border-box!important;margin:0!important;padding:13px 15px!important;border:1px solid #d9e2ef!important;border-radius:12px!important;background:#fff!important;position:relative!important;} #sei-customer-payment-form .sei-payment-type-option input[type="radio"]{display:block!important;flex:0 0 20px!important;width:20px!important;height:20px!important;min-height:20px!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;accent-color:#2563eb;} #sei-customer-payment-form .sei-payment-type-option span{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:4px!important;min-width:0!important;margin:0!important;} #sei-customer-payment-form .sei-payment-type-option strong{display:block!important;font-size:13px!important;line-height:1.25!important;color:#1e293b!important;white-space:nowrap!important;} #sei-customer-payment-form .sei-payment-type-option small{display:block!important;font-size:11px!important;line-height:1.35!important;color:#64748b!important;font-weight:500!important;white-space:normal!important;} #sei-customer-payment-form .sei-payment-type-option.active{border-color:#2563eb!important;background:#f4f8ff!important;box-shadow:0 0 0 2px rgba(37,99,235,.08)!important;} @media(max-width:700px){#sei-customer-payment-form .sei-payment-type-row{grid-template-columns:1fr!important;}#sei-customer-payment-form .sei-payment-type-title{grid-column:1!important;}} /* StockFlow v2.3.111 — compact professional customer payment window */ #sei-view-payments .sei-two-panel > .sei-box:first-child{ padding:16px!important; border-radius:12px!important; margin-bottom:14px!important; } #sei-view-payments .sei-two-panel > .sei-box:first-child h3{ margin:0 0 12px!important; font-size:18px!important; line-height:1.25!important; color:#172033!important; } #sei-view-payments #sei-customer-payment-form{ margin-top:0!important; gap:11px 14px!important; } #sei-view-payments #sei-customer-payment-form > label{ font-size:11px!important; line-height:1.3!important; color:#475467!important; } #sei-view-payments #sei-customer-payment-form > label > input, #sei-view-payments #sei-customer-payment-form > label > select{ min-height:39px!important; height:39px!important; margin-top:5px!important; padding:0 10px!important; font-size:12px!important; border-radius:8px!important; } #sei-view-payments #sei-customer-payment-form .sei-payment-help{ margin-top:4px!important; font-size:10px!important; line-height:1.35!important; } #sei-view-payments #sei-customer-payment-form .sei-payment-type-row{ gap:8px!important; margin:2px 0 0!important; } #sei-view-payments #sei-customer-payment-form .sei-payment-type-title{ font-size:11px!important; margin:0 0 1px!important; } #sei-view-payments #sei-customer-payment-form .sei-payment-type-option{ min-height:58px!important; padding:9px 11px!important; gap:9px!important; border-radius:10px!important; } #sei-view-payments #sei-customer-payment-form .sei-payment-type-option input[type="radio"]{ width:18px!important; height:18px!important; flex-basis:18px!important; } #sei-view-payments #sei-customer-payment-form .sei-payment-type-option strong{ font-size:12px!important; } #sei-view-payments #sei-customer-payment-form .sei-payment-type-option small{ font-size:10px!important; line-height:1.25!important; } #sei-view-payments #sei-customer-payment-form .sei-payment-invoice-summary{ gap:7px!important; padding:10px!important; border-radius:9px!important; } #sei-view-payments #sei-customer-payment-form .sei-payment-invoice-summary span{ font-size:10px!important; } #sei-view-payments #sei-customer-payment-form .sei-payment-invoice-summary strong{ font-size:14px!important; } #sei-view-payments #sei-customer-payment-form textarea{ min-height:58px!important; height:58px!important; margin-top:5px!important; padding:8px 10px!important; font-size:12px!important; } #sei-view-payments #sei-customer-payment-form button.sei-primary{ min-height:40px!important; height:40px!important; margin-top:1px!important; font-size:12px!important; border-radius:8px!important; } @media(max-width:900px){ #sei-view-payments .sei-two-panel > .sei-box:first-child{padding:14px!important;} } /* StockFlow v2.3.115 — Customer & Supplier Payments side-by-side */ #sei-view-payments .sei-two-panel{ display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; gap:16px!important; align-items:start!important; } #sei-view-payments .sei-two-panel > .sei-box{ min-width:0!important; margin:0!important; padding:16px!important; border:1px solid #e2e8f0!important; border-radius:14px!important; background:#fff!important; box-shadow:0 4px 14px rgba(15,23,42,.05)!important; } #sei-view-payments .sei-two-panel > .sei-box h3{ display:flex!important; align-items:center!important; gap:8px!important; margin:0 0 13px!important; font-size:17px!important; font-weight:700!important; line-height:1.25!important; color:#172033!important; } #sei-view-payments .sei-two-panel > .sei-box:first-child h3:before{ content:'\01F4B0'; display:inline-flex!important; align-items:center!important; justify-content:center!important; width:30px!important;height:30px!important; border-radius:9px!important; background:#eff6ff!important; font-size:16px!important; } #sei-view-payments .sei-two-panel > .sei-box:nth-child(2) h3:before{ content:'\01F4B3'; display:inline-flex!important; align-items:center!important; justify-content:center!important; width:30px!important;height:30px!important; border-radius:9px!important; background:#fff7ed!important; font-size:16px!important; } #sei-view-payments .sei-two-panel .sei-form-grid{ gap:11px 12px!important; } #sei-view-payments .sei-two-panel .sei-form-grid>label{ min-width:0!important; } #sei-view-payments .sei-two-panel .sei-form-grid>label>input, #sei-view-payments .sei-two-panel .sei-form-grid>label>select{ width:100%!important; box-sizing:border-box!important; } #sei-view-payments .sei-two-panel .sei-form-grid textarea{ width:100%!important; box-sizing:border-box!important; } #sei-view-payments .sei-two-panel .sei-primary{ width:100%!important; } @media(max-width:900px){ #sei-view-payments .sei-two-panel{grid-template-columns:1fr!important;} } /* StockFlow v2.3.115 — compact payment viewport / visible due amount */ #sei-view-payments .sei-two-panel > .sei-box:first-child{ padding:14px!important; } #sei-view-payments #sei-customer-payment-form{ gap:8px 10px!important; } #sei-view-payments #sei-customer-payment-form > label{ font-size:10.5px!important; } #sei-view-payments #sei-customer-payment-form > label > input, #sei-view-payments #sei-customer-payment-form > label > select{ min-height:36px!important; height:36px!important; margin-top:4px!important; padding:0 9px!important; font-size:11.5px!important; } #sei-view-payments #sei-customer-payment-form .sei-payment-help{ font-size:9.5px!important; margin-top:3px!important; } #sei-view-payments #sei-customer-payment-form .sei-payment-invoice-summary{ grid-column:1/-1!important; display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:6px!important; padding:7px!important; margin:0!important; border-radius:9px!important; background:#f8fafc!important; } #sei-view-payments #sei-customer-payment-form .sei-payment-invoice-summary > div{ min-height:48px!important; padding:7px 8px!important; border-radius:7px!important; } #sei-view-payments #sei-customer-payment-form .sei-payment-invoice-summary span{ font-size:9px!important; } #sei-view-payments #sei-customer-payment-form .sei-payment-invoice-summary strong{ font-size:12px!important; } #sei-view-payments #sei-customer-payment-form .sei-payment-type-row{ gap:6px!important; margin:0!important; } #sei-view-payments #sei-customer-payment-form .sei-payment-type-option{ min-height:50px!important; padding:7px 9px!important; gap:7px!important; border-radius:8px!important; } #sei-view-payments #sei-customer-payment-form .sei-payment-type-option strong{font-size:11px!important;} #sei-view-payments #sei-customer-payment-form .sei-payment-type-option small{font-size:9px!important;line-height:1.2!important;} #sei-view-payments #sei-customer-payment-form .sei-payment-type-option input[type="radio"]{width:16px!important;height:16px!important;flex-basis:16px!important;} #sei-view-payments #sei-customer-payment-form .sei-payment-type-title{font-size:10px!important;} #sei-view-payments #sei-customer-payment-form .sei-payment-due-inline{ float:right!important; display:inline-flex!important; align-items:center!important; gap:4px!important; padding:2px 7px!important; border-radius:999px!important; background:#fff1f2!important; color:#b42318!important; font-size:9px!important; font-weight:700!important; } #sei-view-payments #sei-customer-payment-form .sei-payment-due-inline strong{font-size:10px!important;} #sei-view-payments #sei-customer-payment-form textarea{ min-height:46px!important; height:46px!important; margin-top:4px!important; padding:6px 9px!important; font-size:11px!important; } #sei-view-payments #sei-customer-payment-form button.sei-primary{ min-height:36px!important; height:36px!important; font-size:11.5px!important; margin-top:0!important; } @media(max-width:700px){ #sei-view-payments #sei-customer-payment-form .sei-payment-invoice-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important;} } /* StockFlow v2.3.117 — professional supplier payment panel */ #sei-view-payments .sei-two-panel > .sei-box:nth-child(2){ padding:14px!important; } #sei-view-payments #sei-supplier-payment-form{gap:8px 10px!important;} #sei-view-payments #sei-supplier-payment-form > label{font-size:10.5px!important;min-width:0!important;} #sei-view-payments #sei-supplier-payment-form > label > input, #sei-view-payments #sei-supplier-payment-form > label > select{ width:100%!important;box-sizing:border-box!important;min-height:36px!important;height:36px!important;margin-top:4px!important;padding:0 9px!important;font-size:11.5px!important; } #sei-view-payments #sei-supplier-payment-form #sei-view-payments .sei-payment-readonly-field{ min-height:38px; box-sizing:border-box; display:flex; align-items:center; width:100%; padding:9px 12px; border:1px solid #d7deea; border-radius:9px; background:#f7f9fc; color:#344054; font-size:13px; font-weight:600; line-height:1.2; } .sei-payment-supplier-summary{ grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;padding:7px!important;margin:0!important;border:1px solid #dbe5f0!important;border-radius:9px!important;background:#f8fafc!important; } #sei-view-payments #sei-supplier-payment-form .sei-payment-supplier-summary>div{min-height:48px!important;padding:7px 8px!important;border-radius:7px!important;background:#fff!important;box-sizing:border-box!important;} #sei-view-payments #sei-supplier-payment-form .sei-payment-supplier-summary span{display:block!important;font-size:9px!important;color:#667085!important;line-height:1.2!important;} #sei-view-payments #sei-supplier-payment-form .sei-payment-supplier-summary strong{display:block!important;margin-top:3px!important;font-size:12px!important;color:#182230!important;line-height:1.2!important;} #sei-view-payments #sei-supplier-payment-form .sei-supplier-payment-type-row{gap:6px!important;margin:0!important;} #sei-view-payments #sei-supplier-payment-form .sei-supplier-payment-type-row .sei-payment-type-option{min-height:50px!important;padding:7px 9px!important;gap:7px!important;border-radius:8px!important;} #sei-view-payments #sei-supplier-payment-form .sei-supplier-payment-type-row .sei-payment-type-option strong{font-size:11px!important;} #sei-view-payments #sei-supplier-payment-form .sei-supplier-payment-type-row .sei-payment-type-option small{font-size:9px!important;line-height:1.2!important;} #sei-view-payments #sei-supplier-payment-form .sei-supplier-payment-type-row input[type=radio]{width:16px!important;height:16px!important;flex-basis:16px!important;} #sei-view-payments #sei-supplier-payment-form .sei-supplier-payment-type-row .sei-payment-type-title{font-size:10px!important;} #sei-view-payments #sei-supplier-payment-form .supplier-due-inline{float:right!important;display:inline-flex!important;align-items:center!important;gap:4px!important;padding:2px 7px!important;border-radius:999px!important;background:#fff1f2!important;color:#b42318!important;font-size:9px!important;font-weight:700!important;} #sei-view-payments #sei-supplier-payment-form .supplier-due-inline strong{font-size:10px!important;} #sei-view-payments #sei-supplier-payment-form textarea{width:100%!important;box-sizing:border-box!important;min-height:46px!important;height:46px!important;margin-top:4px!important;padding:6px 9px!important;font-size:11px!important;} #sei-view-payments #sei-supplier-payment-form button.sei-primary{min-height:36px!important;height:36px!important;font-size:11.5px!important;margin-top:0!important;} @media(max-width:700px){#sei-view-payments #sei-supplier-payment-form .sei-payment-supplier-summary{grid-template-columns:repeat(3,minmax(0,1fr))!important;}} /* StockFlow v2.3.118 — balanced payment panels / supplier compact field */ #sei-view-payments .sei-two-panel{ align-items:stretch!important; } #sei-view-payments .sei-two-panel > .sei-box{ height:100%!important; box-sizing:border-box!important; } #sei-view-payments #sei-supplier-payment-form{ height:100%!important; box-sizing:border-box!important; } #sei-view-payments #sei-supplier-payment-form .sei-primary{ align-self:stretch!important; } /* StockFlow v2.3.122 — exact matching customer/supplier payment panel layout */ #sei-view-payments .sei-two-panel{ align-items:stretch!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; } #sei-view-payments .sei-two-panel > .sei-box{ display:flex!important; flex-direction:column!important; height:100%!important; box-sizing:border-box!important; padding:14px!important; margin:0!important; } #sei-view-payments .sei-two-panel > .sei-box h3{ flex:0 0 auto!important; min-height:30px!important; margin:0 0 12px!important; font-size:17px!important; line-height:1.25!important; } #sei-view-payments .sei-two-panel > .sei-box > form.sei-form-grid{ flex:1 1 auto!important; display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; align-content:start!important; gap:8px 10px!important; margin:0!important; } #sei-view-payments .sei-two-panel > .sei-box > form.sei-form-grid > label{ font-size:10.5px!important; line-height:1.3!important; min-width:0!important; } #sei-view-payments .sei-two-panel > .sei-box > form.sei-form-grid > label > input, #sei-view-payments .sei-two-panel > .sei-box > form.sei-form-grid > label > select, #sei-view-payments .sei-two-panel > .sei-box > form.sei-form-grid .sei-payment-readonly-field{ width:100%!important; box-sizing:border-box!important; min-height:36px!important; height:36px!important; margin-top:4px!important; padding:0 9px!important; font-size:11.5px!important; border-radius:8px!important; } #sei-view-payments .sei-two-panel > .sei-box > form.sei-form-grid .sei-payment-help{ display:block!important; min-height:12px!important; margin-top:3px!important; font-size:9.5px!important; line-height:1.3!important; } #sei-view-payments .sei-two-panel > .sei-box > form.sei-form-grid .sei-payment-invoice-summary, #sei-view-payments .sei-two-panel > .sei-box > form.sei-form-grid .sei-payment-supplier-summary{ grid-column:1/-1!important; display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:6px!important; padding:7px!important; margin:0!important; min-height:58px!important; box-sizing:border-box!important; border-radius:9px!important; } #sei-view-payments .sei-two-panel > .sei-box > form.sei-form-grid .sei-payment-invoice-summary > div, #sei-view-payments .sei-two-panel > .sei-box > form.sei-form-grid .sei-payment-supplier-summary > div{ min-height:42px!important; padding:6px 8px!important; box-sizing:border-box!important; border-radius:7px!important; } #sei-view-payments .sei-two-panel > .sei-box > form.sei-form-grid .sei-payment-invoice-summary span, #sei-view-payments .sei-two-panel > .sei-box > form.sei-form-grid .sei-payment-supplier-summary span{font-size:9px!important;} #sei-view-payments .sei-two-panel > .sei-box > form.sei-form-grid .sei-payment-invoice-summary strong, #sei-view-payments .sei-two-panel > .sei-box > form.sei-form-grid .sei-payment-supplier-summary strong{font-size:12px!important;} #sei-view-payments .sei-two-panel > .sei-box > form.sei-form-grid .sei-payment-type-row{ grid-column:1/-1!important; gap:6px!important; margin:0!important; } #sei-view-payments .sei-two-panel > .sei-box > form.sei-form-grid .sei-payment-type-title{ font-size:10px!important; margin:0!important; } #sei-view-payments .sei-two-panel > .sei-box > form.sei-form-grid .sei-payment-type-option{ min-height:50px!important; height:50px!important; padding:7px 9px!important; gap:7px!important; border-radius:8px!important; box-sizing:border-box!important; } #sei-view-payments .sei-two-panel > .sei-box > form.sei-form-grid .sei-payment-type-option input[type="radio"]{ width:16px!important;height:16px!important;flex-basis:16px!important; } #sei-view-payments .sei-two-panel > .sei-box > form.sei-form-grid .sei-payment-type-option strong{font-size:11px!important;} #sei-view-payments .sei-two-panel > .sei-box > form.sei-form-grid .sei-payment-type-option small{font-size:9px!important;line-height:1.2!important;} #sei-view-payments .sei-two-panel > .sei-box > form.sei-form-grid .sei-payment-due-inline{ float:right!important;display:inline-flex!important;align-items:center!important;gap:4px!important; padding:2px 7px!important;border-radius:999px!important;background:#fff1f2!important; color:#b42318!important;font-size:9px!important;font-weight:700!important; } #sei-view-payments .sei-two-panel > .sei-box > form.sei-form-grid textarea{ width:100%!important;box-sizing:border-box!important;min-height:58px!important;height:58px!important; margin-top:4px!important;padding:8px 10px!important;font-size:12px!important; } #sei-view-payments .sei-two-panel > .sei-box > form.sei-form-grid button.sei-primary{ width:100%!important;min-height:40px!important;height:40px!important;margin-top:1px!important; font-size:12px!important;border-radius:8px!important; } #sei-view-payments .sei-two-panel > .sei-box > div[id$="-payment-msg"]{margin-top:5px!important;min-height:0!important;} @media(max-width:900px){ #sei-view-payments .sei-two-panel{grid-template-columns:1fr!important;} #sei-view-payments .sei-two-panel > .sei-box{height:auto!important;} } /* v2.3.123 Supplier Payment & Outstanding Report */ .sei-supplier-report-panel{margin-bottom:16px}.sei-supplier-report-stats{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:16px}.sei-supplier-report-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.sei-supplier-report-subpanel{border:1px solid #edf0f4;border-radius:10px;background:#fbfcfe;padding:10px;min-width:0}.sei-supplier-report-subhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 2px 9px}.sei-supplier-report-subhead h3{margin:0;color:#172033;font-size:13px}.sei-supplier-report-subhead span{font-size:9.5px;color:#8a94a6}.sei-supplier-report-subpanel .sei-report-table-wrap{max-height:290px}.sei-supplier-invoice-report-table{min-width:620px}.sei-supplier-payment-report-table{min-width:640px}.sei-supplier-payment-note{white-space:normal!important;min-width:150px;max-width:260px;line-height:1.4}.sei-supplier-payment-report-table td:first-child{font-size:10px;line-height:1.35}.sei-supplier-payment-report-table td:nth-child(3){text-align:right}.sei-supplier-payment-report-table .sei-payment-pill{display:inline-flex;padding:3px 7px;border-radius:999px;background:#eef4ff;color:#2458b8;font-size:9px;font-weight:700;text-transform:capitalize}.sei-report-view-all[data-target="supplier-payments"]{white-space:nowrap}@media(max-width:1000px){.sei-supplier-report-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.sei-supplier-report-grid{grid-template-columns:1fr}}@media(max-width:700px){.sei-supplier-report-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.sei-supplier-report-subhead{display:block}.sei-supplier-report-subhead span{display:block;margin-top:3px}} /* StockFlow v2.3.129 — detailed supplier payment ledger */ .sei-supplier-payment-report-table{min-width:900px}.sei-supplier-payment-report-table th,.sei-supplier-payment-report-table td{vertical-align:middle}.sei-supplier-payment-report-table td:nth-child(3){white-space:nowrap}.sei-supplier-payment-report-table td:nth-child(4),.sei-supplier-payment-report-table td:nth-child(5){text-align:right}.sei-supplier-payment-report-table td:nth-child(7){min-width:170px}.sei-supplier-payment-report-table .sei-payment-pill{white-space:nowrap} /* StockFlow v2.3.129 — Supplier report filter actions */ .sei-supplier-report-filter-actions{display:flex;align-items:flex-end;gap:7px;padding-bottom:0}.sei-supplier-report-filter-actions .sei-small{height:40px;box-sizing:border-box}.sei-supplier-report-filter-actions .sei-primary{display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer}.sei-supplier-report-filters{display:grid!important;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto!important;gap:10px!important;align-items:end!important}.sei-supplier-report-filters label{min-width:0}.sei-supplier-report-filters select{width:100%;box-sizing:border-box}@media(max-width:700px){.sei-supplier-report-filters{grid-template-columns:1fr!important}.sei-supplier-report-filter-actions{width:100%}.sei-supplier-report-filter-actions button{flex:1}} /* v2.3.128 — Supplier report filter visibility and applied filtering */ .sei-supplier-report-filter-actions{display:flex!important;align-items:flex-end!important;gap:8px!important;min-width:145px!important;} .sei-supplier-report-filter-actions #sei-report-supplier-apply{display:inline-flex!important;visibility:visible!important;opacity:1!important;position:static!important;width:auto!important;min-width:68px!important;height:40px!important;line-height:1!important;} .sei-supplier-report-filter-actions #sei-report-supplier-clear{display:inline-flex!important;visibility:visible!important;opacity:1!important;position:static!important;height:40px!important;line-height:1!important;} @media(max-width:700px){.sei-supplier-report-filter-actions{min-width:0!important;display:flex!important;}} /* StockFlow v2.3.129 — Supplier report filter controls forced visible */ .sei-supplier-report-filter-actions{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;min-width:150px!important;visibility:visible!important;opacity:1!important;} #sei-report-supplier-apply{display:inline-flex!important;visibility:visible!important;opacity:1!important;background:#2563eb!important;color:#fff!important;border:0!important;} #sei-report-supplier-clear{display:inline-flex!important;visibility:visible!important;opacity:1!important;background:#fff!important;color:#172033!important;} @media(max-width:700px){.sei-supplier-report-filter-actions{min-width:0!important;width:100%!important;}.sei-supplier-report-filter-actions button{flex:1!important;}} /* StockFlow v2.3.130 — Supplier report payment history + clean filter actions */ .sei-supplier-report-filters{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 152px!important;gap:10px!important;align-items:end!important;} .sei-supplier-report-filter-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:152px!important;min-width:152px!important;align-items:end!important;} .sei-supplier-report-filter-actions #sei-report-supplier-apply,.sei-supplier-report-filter-actions #sei-report-supplier-clear{width:100%!important;min-width:0!important;height:40px!important;margin:0!important;padding:0 10px!important;box-sizing:border-box!important;} .sei-supplier-report-filter-actions #sei-report-supplier-apply{background:#2563eb!important;color:#fff!important;border:0!important;} .sei-supplier-report-filter-actions #sei-report-supplier-clear{background:#fff!important;color:#172033!important;border:1px solid #d7dde7!important;} .sei-supplier-report-filter-actions button:hover{transform:translateY(-1px);} @media(max-width:700px){.sei-supplier-report-filters{grid-template-columns:1fr!important;}.sei-supplier-report-filter-actions{width:100%!important;min-width:0!important;grid-template-columns:1fr 1fr!important;}} /* StockFlow v2.3.132 — supplier report compact filter bar */ .sei-supplier-report-panel .sei-supplier-report-stats{display:none!important;} .sei-supplier-report-filters{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 176px!important;gap:10px!important;align-items:end!important;} .sei-supplier-report-filters>label{display:block!important;margin:0!important;min-width:0!important;} .sei-supplier-report-filters>label>select{height:40px!important;margin-top:5px!important;} .sei-supplier-report-filter-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:176px!important;min-width:176px!important;height:40px!important;align-self:end!important;} .sei-supplier-report-filter-actions #sei-report-supplier-apply,.sei-supplier-report-filter-actions #sei-report-supplier-clear{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;height:40px!important;margin:0!important;padding:0 12px!important;box-sizing:border-box!important;border-radius:7px!important;font-size:12px!important;font-weight:700!important;line-height:1!important;cursor:pointer!important;} .sei-supplier-report-filter-actions #sei-report-supplier-apply{background:#2563eb!important;color:#fff!important;border:1px solid #2563eb!important;} .sei-supplier-report-filter-actions #sei-report-supplier-clear{background:#fff!important;color:#172033!important;border:1px solid #d7dde7!important;} .sei-supplier-report-filter-actions button:hover{transform:none!important;} @media(max-width:700px){.sei-supplier-report-filters{grid-template-columns:1fr!important;}.sei-supplier-report-filter-actions{width:100%!important;min-width:0!important;}} /* StockFlow v2.3.132 — supplier report final cleanup */ #sei-view-reports .sei-supplier-report-panel .sei-supplier-report-stats, #sei-view-reports .sei-supplier-report-panel .sei-report-mini-stats{display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;max-height:0!important;overflow:hidden!important;margin:0!important;padding:0!important;border:0!important;} #sei-view-reports .sei-supplier-report-filters{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 150px!important;gap:10px!important;align-items:end!important;} #sei-view-reports .sei-supplier-report-filter-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:150px!important;min-width:150px!important;height:40px!important;margin:0!important;padding:0!important;align-items:stretch!important;} #sei-view-reports .sei-supplier-report-filter-actions button{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:40px!important;min-height:40px!important;margin:0!important;padding:0 10px!important;box-sizing:border-box!important;border-radius:7px!important;line-height:1!important;} #sei-view-reports .sei-supplier-report-filter-actions #sei-report-supplier-apply{background:#2563eb!important;color:#fff!important;border:1px solid #2563eb!important;} #sei-view-reports .sei-supplier-report-filter-actions #sei-report-supplier-clear{background:#fff!important;color:#172033!important;border:1px solid #d7dde7!important;} @media(max-width:700px){#sei-view-reports .sei-supplier-report-filters{grid-template-columns:1fr!important;}#sei-view-reports .sei-supplier-report-filter-actions{width:100%!important;min-width:0!important;}} /* StockFlow v2.3.134 — supplier report filter spacing and matching radius */ #sei-view-reports .sei-supplier-report-filters{ margin-bottom:14px!important; gap:10px!important; } #sei-view-reports .sei-supplier-report-filters>label>select{ border-radius:10px!important; border:1px solid #d7dde7!important; background:#fff!important; min-height:40px!important; height:40px!important; padding:0 12px!important; box-sizing:border-box!important; } #sei-view-reports .sei-supplier-report-filter-actions #sei-report-supplier-apply, #sei-view-reports .sei-supplier-report-filter-actions #sei-report-supplier-clear{ border-radius:10px!important; } /* StockFlow 2.3.140 - compact modern Purchase Invoice close button */ #sei-modal .sei-modal-card:has(.sei-purchase-detail-modal) > .sei-modal-close{position:absolute!important;top:14px!important;right:14px!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid #e2e8f0!important;border-radius:10px!important;background:#f8fafc!important;color:#475569!important;font-size:18px!important;font-weight:600!important;line-height:1!important;box-shadow:none!important;cursor:pointer!important;transition:all .16s ease!important;z-index:5!important} #sei-modal .sei-modal-card:has(.sei-purchase-detail-modal) > .sei-modal-close:hover{background:#eef5ff!important;border-color:#c9dcff!important;color:#1769ff!important} #sei-modal .sei-modal-card:has(.sei-purchase-detail-modal) > .sei-modal-close:focus-visible{outline:2px solid #1769ff!important;outline-offset:2px!important} @media(max-width:600px){#sei-modal .sei-modal-card:has(.sei-purchase-detail-modal) > .sei-modal-close{top:10px!important;right:10px!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;font-size:17px!important}} /* StockFlow 2.3.140 - definitive compact Purchase Invoice close */ #sei-modal .sei-modal-card:has(.sei-purchase-detail-modal) > .sei-modal-close{display:none!important;visibility:hidden!important;width:0!important;height:0!important;min-width:0!important;min-height:0!important;padding:0!important;margin:0!important;} #sei-modal .sei-modal-card:has(.sei-purchase-detail-modal) .sei-purchase-detail-head{position:relative;padding-right:48px;} #sei-modal .sei-modal-card:has(.sei-purchase-detail-modal) .sei-purchase-detail-close{position:absolute!important;right:0!important;top:-2px!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;padding:0!important;border:1px solid #e2e8f0!important;border-radius:9px!important;background:#f8fafc!important;color:#475569!important;font-size:19px!important;font-weight:600!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;box-sizing:border-box!important;transition:all .16s ease!important;} #sei-modal .sei-modal-card:has(.sei-purchase-detail-modal) .sei-purchase-detail-close:hover{background:#eef5ff!important;border-color:#c9dcff!important;color:#1769ff!important;} #sei-modal .sei-modal-card:has(.sei-purchase-detail-modal) .sei-purchase-detail-close:focus-visible{outline:2px solid #1769ff!important;outline-offset:2px!important;} @media(max-width:600px){#sei-modal .sei-modal-card:has(.sei-purchase-detail-modal) .sei-purchase-detail-close{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;font-size:18px!important;}} /* v2.3.140 purchase invoice detail final cleanup */ #sei-modal .sei-modal-card.sei-purchase-detail-modal-card > .sei-modal-close{display:none!important;visibility:hidden!important;width:0!important;height:0!important;padding:0!important;margin:0!important;border:0!important;} #sei-modal .sei-modal-card.sei-purchase-detail-modal-card .sei-purchase-detail-head{display:none!important;} #sei-modal .sei-modal-card.sei-purchase-detail-modal-card .sei-purchase-detail-kpis{display:none!important;} #sei-modal .sei-modal-card.sei-purchase-detail-modal-card .sei-purchase-detail-modal{padding:0 4px 8px!important;} #sei-modal .sei-modal-card.sei-purchase-detail-modal-card .sei-purchase-company-head-final{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) minmax(260px,auto);align-items:center;gap:14px;padding:2px 44px 16px 2px;margin-bottom:4px;border-bottom:1px solid #edf0f4;} #sei-modal .sei-modal-card.sei-purchase-detail-modal-card .sei-purchase-company-main{min-width:0;} #sei-modal .sei-modal-card.sei-purchase-detail-modal-card .sei-purchase-invoice-meta{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap;} #sei-modal .sei-modal-card.sei-purchase-detail-modal-card .sei-purchase-invoice-meta>div{padding:7px 10px;border:1px solid #e5eaf0;border-radius:9px;background:#fafbfd;min-width:105px;} #sei-modal .sei-modal-card.sei-purchase-detail-modal-card .sei-purchase-invoice-meta span{display:block;color:#7a8798;font-size:9px;text-transform:uppercase;letter-spacing:.04em;font-weight:700;} #sei-modal .sei-modal-card.sei-purchase-detail-modal-card .sei-purchase-invoice-meta strong{display:block;margin-top:3px;color:#172033;font-size:12px;white-space:nowrap;} #sei-modal .sei-modal-card.sei-purchase-detail-modal-card .sei-purchase-header-close{position:absolute;top:0;right:0;width:34px;height:34px;padding:0;border:1px solid #e2e8f0;border-radius:9px;background:#f8fafc;color:#475569;font-size:18px;font-weight:600;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-sizing:border-box;transition:all .16s ease;} #sei-modal .sei-modal-card.sei-purchase-detail-modal-card .sei-purchase-header-close:hover{background:#eef5ff;border-color:#c9dcff;color:#1769ff;} #sei-modal .sei-modal-card.sei-purchase-detail-modal-card .sei-purchase-header-close:focus-visible{outline:2px solid #1769ff;outline-offset:2px;} #sei-modal .sei-modal-card.sei-purchase-detail-modal-card .sei-purchase-company-title{margin-top:4px;} @media(max-width:800px){#sei-modal .sei-modal-card.sei-purchase-detail-modal-card .sei-purchase-company-head-final{grid-template-columns:auto minmax(0,1fr);padding-right:42px;}#sei-modal .sei-modal-card.sei-purchase-detail-modal-card .sei-purchase-invoice-meta{grid-column:1/-1;justify-content:flex-start;} } @media(max-width:600px){#sei-modal .sei-modal-card.sei-purchase-detail-modal-card .sei-purchase-invoice-meta>div{min-width:0;flex:1;}#sei-modal .sei-modal-card.sei-purchase-detail-modal-card .sei-purchase-header-close{width:32px;height:32px;font-size:17px;}} /* StockFlow v2.3.140 - Purchase invoice supplier details + close cleanup */ #sei-modal .sei-modal-card.sei-purchase-detail-modal-card > .sei-modal-close{ display:none!important;visibility:hidden!important;opacity:0!important;width:0!important;height:0!important; padding:0!important;margin:0!important;border:0!important;pointer-events:none!important; } #sei-modal .sei-modal-card.sei-purchase-detail-modal-card .sei-purchase-detail-actions .sei-modal-close{display:none!important;} #sei-modal .sei-modal-card.sei-purchase-detail-modal-card .sei-purchase-company-head-final{ padding:2px 48px 12px 2px!important; margin-bottom:10px!important; border-bottom:1px solid #edf0f4!important; } #sei-modal .sei-modal-card.sei-purchase-detail-modal-card .sei-purchase-header-close{ position:absolute!important;top:1px!important;right:1px!important; width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important; padding:0!important;margin:0!important;border:1px solid #e2e8f0!important; border-radius:9px!important;background:#f8fafc!important;color:#475569!important; font-size:17px!important;font-weight:700!important;line-height:1!important; display:inline-flex!important;align-items:center!important;justify-content:center!important; box-sizing:border-box!important;cursor:pointer!important;z-index:20!important; } #sei-modal .sei-modal-card.sei-purchase-detail-modal-card .sei-purchase-header-close:hover{ background:#eef5ff!important;border-color:#c9dcff!important;color:#1769ff!important; } #sei-modal .sei-modal-card.sei-purchase-detail-modal-card .sei-purchase-detail-section:first-of-type{ margin-top:8px!important; } #sei-modal .sei-modal-card.sei-purchase-detail-modal-card .sei-detail-grid{ grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:12px 28px!important; } #sei-modal .sei-modal-card.sei-purchase-detail-modal-card .sei-purchase-detail-actions{ justify-content:flex-end!important;margin-top:14px!important; } @media(max-width:800px){ #sei-modal .sei-modal-card.sei-purchase-detail-modal-card .sei-purchase-company-head-final{padding-right:44px!important;margin-bottom:8px!important;} } /* StockFlow v2.3.140 - compact modern supplier details */ #sei-modal .sei-modal-card.sei-purchase-detail-modal-card .sei-purchase-detail-section:first-of-type{ padding:14px 16px!important; border:1px solid #e5eaf0!important; border-radius:12px!important; background:#fbfcfe!important; margin:0 0 12px!important; } #sei-modal .sei-modal-card.sei-purchase-detail-modal-card .sei-purchase-detail-section:first-of-type .sei-purchase-section-head{ margin:0 0 10px!important; padding:0!important; align-items:center!important; } #sei-modal .sei-modal-card.sei-purchase-detail-modal-card .sei-purchase-detail-section:first-of-type .sei-purchase-section-head h3{ margin:0!important; font-size:16px!important; line-height:1.2!important; } #sei-modal .sei-modal-card.sei-purchase-detail-modal-card .sei-purchase-detail-section:first-of-type .sei-purchase-section-head span{ font-size:10px!important; color:#8a95a5!important; } #sei-modal .sei-modal-card.sei-purchase-detail-modal-card .sei-purchase-detail-section:first-of-type .sei-detail-grid{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px 28px!important; } #sei-modal .sei-modal-card.sei-purchase-detail-modal-card .sei-purchase-detail-section:first-of-type .sei-detail-grid>div{ min-width:0!important; padding:7px 0!important; border-bottom:1px solid #edf1f5!important; } #sei-modal .sei-modal-card.sei-purchase-detail-modal-card .sei-purchase-detail-section:first-of-type .sei-detail-grid>div:nth-last-child(-n+2){border-bottom:0!important;padding-bottom:2px!important;} #sei-modal .sei-modal-card.sei-purchase-detail-modal-card .sei-purchase-detail-section:first-of-type .sei-detail-grid small{ display:block!important; margin-bottom:3px!important; color:#8793a5!important; font-size:9px!important; font-weight:700!important; letter-spacing:.05em!important; text-transform:uppercase!important; } #sei-modal .sei-modal-card.sei-purchase-detail-modal-card .sei-purchase-detail-section:first-of-type .sei-detail-grid strong{ display:block!important; color:#172033!important; font-size:12px!important; line-height:1.35!important; font-weight:600!important; overflow-wrap:anywhere!important; } @media(max-width:600px){ #sei-modal .sei-modal-card.sei-purchase-detail-modal-card .sei-purchase-detail-section:first-of-type{padding:12px!important;border-radius:10px!important;} #sei-modal .sei-modal-card.sei-purchase-detail-modal-card .sei-purchase-detail-section:first-of-type .sei-detail-grid{grid-template-columns:1fr!important;gap:0!important;} #sei-modal .sei-modal-card.sei-purchase-detail-modal-card .sei-purchase-detail-section:first-of-type .sei-detail-grid>div:nth-last-child(-n+2){border-bottom:1px solid #edf1f5!important;padding-bottom:7px!important;} } /* StockFlow v2.3.142 - purchase invoice supplier details visual match */ #sei-modal .sei-modal-card.sei-purchase-detail-modal-card .sei-supplier-modern-section{ padding:14px 16px!important; border:1px solid #e2e8f0!important; border-radius:12px!important; background:#fff!important; margin:0 0 12px!important; } #sei-modal .sei-modal-card.sei-purchase-detail-modal-card .sei-supplier-modern-section .sei-purchase-section-head{ margin:0 0 10px!important; } #sei-modal .sei-modal-card.sei-purchase-detail-modal-card .sei-supplier-modern-section .sei-purchase-section-head h3{ font-size:16px!important; font-weight:500!important; color:#172033!important; } #sei-modal .sei-modal-card.sei-purchase-detail-modal-card .sei-supplier-modern-section .sei-detail-grid{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:0!important; } #sei-modal .sei-modal-card.sei-purchase-detail-modal-card .sei-supplier-modern-section .sei-detail-grid>div{ min-width:0!important; display:flex!important; align-items:center!important; gap:12px!important; padding:9px 10px!important; border:0!important; } #sei-modal .sei-modal-card.sei-purchase-detail-modal-card .sei-supplier-detail-icon{ width:36px!important;height:36px!important;min-width:36px!important; border-radius:10px!important; display:inline-flex!important;align-items:center!important;justify-content:center!important; } #sei-modal .sei-modal-card.sei-purchase-detail-modal-card .sei-supplier-detail-icon svg{ width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important; stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important; } #sei-modal .sei-modal-card.sei-purchase-detail-modal-card .sei-supplier-detail-icon.icon-user{background:#eaf3ff!important;color:#1769ff!important;} #sei-modal .sei-modal-card.sei-purchase-detail-modal-card .sei-supplier-detail-icon.icon-phone{background:#f0edff!important;color:#6956d8!important;} #sei-modal .sei-modal-card.sei-purchase-detail-modal-card .sei-supplier-detail-icon.icon-email{background:#e9faf3!important;color:#12966a!important;} #sei-modal .sei-modal-card.sei-purchase-detail-modal-card .sei-supplier-detail-icon.icon-address{background:#fff0e9!important;color:#ee7048!important;} #sei-modal .sei-modal-card.sei-purchase-detail-modal-card .sei-supplier-modern-section .sei-detail-grid small{ display:block!important;margin:0 0 3px!important;color:#8793a5!important;font-size:10px!important; font-weight:500!important;letter-spacing:0!important;text-transform:none!important; } #sei-modal .sei-modal-card.sei-purchase-detail-modal-card .sei-supplier-modern-section .sei-detail-grid strong{ display:block!important;margin:0!important;color:#172033!important;font-size:13px!important;font-weight:700!important; word-break:break-word!important; } @media(max-width:600px){ #sei-modal .sei-modal-card.sei-purchase-detail-modal-card .sei-supplier-modern-section .sei-detail-grid{grid-template-columns:1fr!important;} #sei-modal .sei-modal-card.sei-purchase-detail-modal-card .sei-supplier-modern-section .sei-detail-grid>div{padding:8px 4px!important;} } /* StockFlow v2.3.145 — Compact modern Supplier Account modal */ #sei-modal .sei-modal-card.sei-customer-account-modal{ width:min(1120px,calc(100vw - 28px)) !important; height:min(90vh,820px) !important; max-height:90vh !important; border-radius:18px !important; background:#fff !important; box-shadow:0 24px 70px rgba(15,23,42,.20) !important; } #sei-modal .sei-modal-card.sei-customer-account-modal .sei-supplier-account{ background:#fff !important; color:#172033 !important; } #sei-modal .sei-modal-card.sei-customer-account-modal .sei-supplier-account-head{ padding:16px 22px 13px !important; display:flex !important; align-items:center !important; gap:14px !important; border-bottom:1px solid #edf1f6 !important; background:linear-gradient(180deg,#fff,#fbfcfe) !important; } #sei-modal .sei-supplier-account-head .sei-person-modal-kicker{ display:inline-flex !important; align-items:center !important; padding:4px 8px !important; border-radius:999px !important; background:#eef5ff !important; color:#1769ff !important; font-size:9px !important; letter-spacing:.07em !important; line-height:1 !important; } #sei-modal .sei-supplier-account-head h2{ margin:4px 0 2px !important; font-size:21px !important; line-height:1.15 !important; letter-spacing:-.01em !important; color:#172033 !important; } #sei-modal .sei-supplier-account-head p{ margin:0 !important; color:#718096 !important; font-size:11px !important; line-height:1.4 !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; max-width:760px !important; } #sei-modal .sei-supplier-account .sei-modal-close{ flex:0 0 34px !important; width:34px !important; height:34px !important; padding:0 !important; border:1px solid #e3e8ef !important; border-radius:10px !important; background:#f8fafc !important; color:#526070 !important; font-size:18px !important; line-height:32px !important; text-align:center !important; cursor:pointer !important; transition:.15s ease !important; } #sei-modal .sei-supplier-account .sei-modal-close:hover{ background:#eef4fb !important; border-color:#cdd8e6 !important; color:#172033 !important; } #sei-modal .sei-supplier-history-filters{ display:grid !important; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) auto !important; gap:10px !important; padding:13px 22px !important; background:#f8fafc !important; border-bottom:1px solid #edf1f6 !important; align-items:end !important; } #sei-modal .sei-supplier-history-filters label{ display:block !important; margin:0 !important; color:#536174 !important; font-size:10px !important; font-weight:700 !important; letter-spacing:.02em !important; } #sei-modal .sei-supplier-history-filters select{ width:100% !important; height:38px !important; min-height:38px !important; margin-top:5px !important; padding:0 34px 0 11px !important; border:1px solid #d9e2ee !important; border-radius:10px !important; background:#fff !important; color:#253246 !important; font-size:12px !important; box-sizing:border-box !important; } #sei-modal #sei-supplier-history-clear{ height:38px !important; min-height:38px !important; padding:0 14px !important; border:1px solid #d9e2ee !important; border-radius:10px !important; background:#fff !important; color:#344054 !important; font-size:11px !important; font-weight:700 !important; } #sei-modal #sei-supplier-history-clear:hover{background:#f1f5f9 !important;} #sei-modal .sei-supplier-account .sei-customer-kpis{ grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:9px !important; padding:12px 22px !important; background:#fff !important; } #sei-modal .sei-supplier-account .sei-customer-kpi{ padding:10px 12px !important; border:1px solid #e4eaf2 !important; border-radius:11px !important; background:#fbfcfe !important; } #sei-modal .sei-supplier-account .sei-customer-kpi span{ font-size:9px !important; color:#7a8798 !important; letter-spacing:.05em !important; } #sei-modal .sei-supplier-account .sei-customer-kpi strong{ margin-top:4px !important; font-size:15px !important; color:#172033 !important; } #sei-modal .sei-supplier-account-body{ grid-template-columns:minmax(0,1.55fr) minmax(290px,.78fr) !important; gap:12px !important; margin-top:0 !important; padding:0 22px 18px !important; } #sei-modal .sei-supplier-account-body > div:first-child{ min-width:0 !important; } #sei-modal .sei-supplier-account .sei-customer-account-panel{ border:1px solid #e3e9f1 !important; border-radius:13px !important; background:#fff !important; box-shadow:0 2px 8px rgba(15,23,42,.025) !important; } #sei-modal .sei-supplier-account .sei-customer-account-panel + .sei-customer-account-panel{ margin-top:10px !important; } #sei-modal .sei-supplier-account .sei-customer-account-panel-head{ min-height:43px !important; padding:9px 12px !important; border-bottom:1px solid #edf1f5 !important; } #sei-modal .sei-supplier-account .sei-customer-account-panel-head h3{ font-size:13px !important; color:#172033 !important; } #sei-modal .sei-supplier-account .sei-supplier-history-filter-label{ font-size:9px !important; color:#8a95a5 !important; } #sei-modal .sei-supplier-account .sei-customer-account-table-wrap{ max-height:220px !important; overflow:auto !important; } #sei-modal .sei-supplier-account .sei-customer-account-table{ min-width:600px !important; } #sei-modal .sei-supplier-account .sei-customer-account-table th{ padding:8px 9px !important; font-size:9px !important; letter-spacing:.03em !important; } #sei-modal .sei-supplier-account .sei-customer-account-table td{ padding:9px !important; font-size:10.5px !important; } #sei-modal .sei-supplier-account .sei-customer-pay-form{ padding:12px !important; } #sei-modal .sei-supplier-account .sei-customer-pay-form .sei-form-grid{ gap:9px !important; } #sei-modal .sei-supplier-account .sei-customer-pay-form input, #sei-modal .sei-supplier-account .sei-customer-pay-form select{ min-height:36px !important; height:36px !important; margin-top:4px !important; border-radius:9px !important; font-size:11px !important; } #sei-modal .sei-supplier-account .sei-customer-pay-form textarea{ min-height:58px !important; margin-top:4px !important; border-radius:9px !important; font-size:11px !important; } #sei-modal .sei-supplier-account .sei-customer-pay-form-actions{ margin-top:9px !important; gap:7px !important; } #sei-modal .sei-supplier-account .sei-customer-pay-form-actions button{ min-height:34px !important; border-radius:9px !important; font-size:11px !important; padding:0 12px !important; } @media(max-width:900px){ #sei-modal .sei-supplier-history-filters{grid-template-columns:1fr 1fr !important;} #sei-modal #sei-supplier-history-clear{grid-column:1/-1 !important;justify-self:start !important;} #sei-modal .sei-supplier-account .sei-customer-kpis{grid-template-columns:repeat(2,minmax(0,1fr)) !important;} #sei-modal .sei-supplier-account-body{grid-template-columns:1fr !important;} } @media(max-width:560px){ #sei-modal .sei-modal-card.sei-customer-account-modal{width:calc(100vw - 14px) !important;height:calc(100vh - 14px) !important;max-height:calc(100vh - 14px) !important;border-radius:14px !important;} #sei-modal .sei-supplier-account .sei-supplier-account-head{padding:13px 14px 11px !important;} #sei-modal .sei-supplier-history-filters{grid-template-columns:1fr !important;padding:10px 14px !important;} #sei-modal #sei-supplier-history-clear{grid-column:auto !important;justify-self:start !important;} #sei-modal .sei-supplier-account .sei-customer-kpis{grid-template-columns:1fr 1fr !important;padding:10px 14px !important;} #sei-modal .sei-supplier-account-body{padding:0 14px 14px !important;} } /* StockFlow v2.3.145 — Modern compact Products table */ #sei-view-products > .sei-box{ background:#fff!important;border:1px solid #e3e9f1!important;border-radius:14px!important; padding:16px 18px!important;box-shadow:0 2px 10px rgba(15,23,42,.025)!important; } #sei-view-products .sei-list-search{ width:100%!important;box-sizing:border-box!important;height:42px!important;min-height:42px!important; border:1px solid #d9e1ec!important;border-radius:10px!important;background:#fff!important; padding:0 14px 0 38px!important;font-size:13px!important;color:#172033!important; margin:0 0 14px!important;box-shadow:none!important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2371849f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E")!important; background-repeat:no-repeat!important;background-position:13px center!important; } #sei-view-products .sei-table-wrap{overflow:auto!important;border:0!important;border-radius:10px!important;} #sei-view-products #sei-products-table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;min-width:820px!important;} #sei-view-products #sei-products-table thead th{ background:#f6f8fb!important;color:#66748a!important;font-size:10px!important;font-weight:800!important; letter-spacing:.045em!important;text-transform:uppercase!important;padding:11px 10px!important;border:0!important; border-bottom:1px solid #e7ecf3!important;white-space:nowrap!important; } #sei-view-products #sei-products-table thead th:first-child{border-radius:9px 0 0 9px!important;} #sei-view-products #sei-products-table thead th:last-child{border-radius:0 9px 9px 0!important;} #sei-view-products #sei-products-table tbody td{ padding:10px!important;border:0!important;border-bottom:1px solid #edf1f5!important; color:#273449!important;font-size:12px!important;vertical-align:middle!important;white-space:nowrap!important; } #sei-view-products #sei-products-table tbody tr:hover td{background:#fbfcfe!important;} #sei-view-products .sei-product-cell{gap:10px!important;min-width:180px!important;} #sei-view-products .sei-product-thumb{ width:40px!important;height:40px!important;border-radius:8px!important;border:1px solid #e2e8f0!important; background:#f5f7fa!important;object-fit:cover!important; } #sei-view-products .sei-product-cell strong{font-size:12.5px!important;color:#101827!important;font-weight:750!important;} #sei-view-products #sei-products-table td:nth-child(3), #sei-view-products #sei-products-table td:nth-child(4){color:#65748a!important;} #sei-view-products #sei-products-table td:nth-child(5), #sei-view-products #sei-products-table td:nth-child(6){font-variant-numeric:tabular-nums!important;} #sei-view-products #sei-products-table td:nth-child(7){font-weight:800!important;color:#169b45!important;} #sei-view-products #sei-products-table td:last-child{display:flex!important;align-items:center!important;gap:6px!important;} #sei-view-products .sei-edit-product, #sei-view-products .sei-delete-product{ width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;border:0!important;border-radius:9px!important; font-size:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important; background-repeat:no-repeat!important;background-position:center!important;background-size:16px 16px!important; transition:transform .15s ease,box-shadow .15s ease!important; } #sei-view-products .sei-edit-product{ background-color:#eef6ff!important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%231769ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4Z'/%3E%3C/svg%3E")!important; } #sei-view-products .sei-delete-product{ background-color:#fff0f0!important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23e32636' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M8 6V4h8v2'/%3E%3Cpath d='M19 6l-1 14H6L5 6'/%3E%3Cpath d='M10 11v5M14 11v5'/%3E%3C/svg%3E")!important; } #sei-view-products .sei-edit-product:hover,#sei-view-products .sei-delete-product:hover{transform:translateY(-1px)!important;box-shadow:0 4px 10px rgba(15,23,42,.08)!important;} @media(max-width:700px){#sei-view-products > .sei-box{padding:12px!important;border-radius:12px!important;}#sei-view-products .sei-list-search{margin-bottom:10px!important;}} /* v2.3.145 — Modern compact Products list */ #sei-view-products .sei-products-modern{padding:18px 20px 20px!important;border:1px solid #e3e9f2!important;border-radius:14px!important;background:#fff!important;box-shadow:0 8px 24px rgba(15,23,42,.035)!important} #sei-view-products .sei-product-search-wrap{position:relative;margin-bottom:14px} #sei-view-products .sei-product-search-wrap .sei-list-search{width:100%!important;height:44px!important;box-sizing:border-box!important;border:1px solid #d9e1ec!important;border-radius:10px!important;padding:0 14px 0 42px!important;font-size:14px!important;background:#fff!important;outline:none!important;transition:.18s ease!important} #sei-view-products .sei-product-search-wrap .sei-list-search:focus{border-color:#8eb8ff!important;box-shadow:0 0 0 3px rgba(23,105,255,.08)!important} #sei-view-products .sei-product-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:#7d8da5;z-index:2;pointer-events:none} #sei-view-products .sei-product-search-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round} #sei-view-products .sei-products-modern .sei-table-wrap{border:0!important;border-radius:10px!important;overflow:auto!important} #sei-view-products #sei-products-table{width:100%!important;border-collapse:separate!important;border-spacing:0!important} #sei-view-products #sei-products-table thead th{height:44px!important;padding:0 12px!important;background:#f6f8fb!important;color:#5d6a7e!important;font-size:11px!important;font-weight:800!important;letter-spacing:.035em!important;text-transform:uppercase!important;border-bottom:1px solid #e4eaf2!important;white-space:nowrap!important} #sei-view-products #sei-products-table tbody td{padding:11px 12px!important;height:58px!important;vertical-align:middle!important;border-bottom:1px solid #edf1f6!important;color:#273449!important;font-size:13px!important;white-space:nowrap!important} #sei-view-products #sei-products-table tbody tr:last-child td{border-bottom:0!important} #sei-view-products #sei-products-table tbody tr{transition:background .15s ease} #sei-view-products #sei-products-table tbody tr:hover{background:#fafcff!important} #sei-view-products .sei-product-cell{gap:11px!important;min-width:170px!important} #sei-view-products .sei-product-cell strong{font-size:13.5px!important;font-weight:750!important;color:#172033!important} #sei-view-products .sei-product-thumb{width:42px!important;height:42px!important;border-radius:9px!important;border:1px solid #e1e7ef!important;background:#f5f7fa!important;box-shadow:0 1px 3px rgba(15,23,42,.05)!important} #sei-view-products .sei-product-category{display:inline-flex;align-items:center;min-height:25px;padding:0 9px;border-radius:999px;background:#eaf3ff;color:#1769d8;font-size:11.5px;font-weight:700} #sei-view-products .sei-product-category.is-empty{background:#f1f4f8;color:#7d8898;min-width:28px;justify-content:center} #sei-view-products .sei-money{font-variant-numeric:tabular-nums;color:#25334a!important} #sei-view-products .sei-stock-badge{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:27px;padding:0 8px;border-radius:999px;background:#e7f8ec;color:#14913d;font-weight:800;font-size:12px;font-variant-numeric:tabular-nums} #sei-view-products .sei-product-actions{display:flex;align-items:center;gap:7px} #sei-view-products .sei-product-icon-btn{width:34px;height:34px;padding:0!important;display:inline-flex;align-items:center;justify-content:center;border:1px solid #dce9fb!important;border-radius:9px!important;background:#edf5ff!important;color:#0877e8!important;cursor:pointer;transition:.15s ease!important} #sei-view-products .sei-product-icon-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} #sei-view-products .sei-product-icon-btn:hover{transform:translateY(-1px);background:#e3f0ff!important;border-color:#bcd8ff!important} #sei-view-products .sei-product-icon-btn.danger{background:#fff0f1!important;border-color:#ffd9dc!important;color:#e32636!important} #sei-view-products .sei-product-icon-btn.danger:hover{background:#ffe5e8!important;border-color:#ffbfc5!important} @media(max-width:760px){#sei-view-products .sei-products-modern{padding:12px!important}#sei-view-products #sei-products-table thead th,#sei-view-products #sei-products-table tbody td{padding-left:9px!important;padding-right:9px!important}} /* StockFlow v2.3.146 — Products search bar cleanup */ #sei-view-products .sei-products-modern .sei-product-search-wrap{ position:relative!important;display:flex!important;align-items:center!important; width:100%!important;height:44px!important;min-height:44px!important;box-sizing:border-box!important; margin:0 0 14px!important;padding:0!important; border:1px solid #d9e1ec!important;border-radius:10px!important;background:#fff!important; box-shadow:none!important;overflow:hidden!important; } #sei-view-products .sei-products-modern .sei-product-search-wrap .sei-list-search{ flex:1 1 auto!important;width:100%!important;height:100%!important;min-height:0!important; margin:0!important;padding:0 14px 0 42px!important;box-sizing:border-box!important; border:0!important;border-radius:0!important;background:transparent!important; outline:none!important;box-shadow:none!important;font-size:13px!important;color:#172033!important; } #sei-view-products .sei-products-modern .sei-product-search-wrap .sei-list-search:focus{ border:0!important;outline:none!important;box-shadow:none!important; } #sei-view-products .sei-products-modern .sei-product-search-wrap:focus-within{ border-color:#8eb8ff!important;box-shadow:0 0 0 3px rgba(23,105,255,.08)!important; } #sei-view-products .sei-products-modern .sei-product-search-icon{ position:absolute!important;left:13px!important;top:50%!important;transform:translateY(-50%)!important; width:18px!important;height:18px!important;color:#7d8da5!important;z-index:2!important; pointer-events:none!important;display:flex!important;align-items:center!important;justify-content:center!important; } #sei-view-products .sei-products-modern .sei-product-search-icon svg{width:100%!important;height:100%!important;display:block!important;} @media(max-width:700px){ #sei-view-products .sei-products-modern .sei-product-search-wrap{height:42px!important;min-height:42px!important;margin-bottom:10px!important;} } /* StockFlow v2.3.147 - compact one-viewport product editor */ #sei-modal .sei-modal-card.sei-product-modal-card{ width:calc(100vw - 24px)!important; max-width:1280px!important; height:calc(100vh - 24px)!important; max-height:calc(100vh - 24px)!important; padding:22px 24px!important; overflow:hidden!important; box-sizing:border-box!important; } #sei-modal .sei-modal-card.sei-product-modal-card #sei-product-form{ height:calc(100% - 42px)!important; overflow:hidden!important; } #sei-modal .sei-modal-card.sei-product-modal-card #sei-product-form .sei-form-grid{ grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:10px 14px!important; margin:14px 0 12px!important; } #sei-modal .sei-modal-card.sei-product-modal-card #sei-product-form label{ min-width:0!important; font-size:12px!important; line-height:1.2!important; } #sei-modal .sei-modal-card.sei-product-modal-card #sei-product-form input, #sei-modal .sei-modal-card.sei-product-modal-card #sei-product-form select{ min-height:38px!important; height:38px!important; margin-top:5px!important; padding:0 10px!important; border-radius:8px!important; font-size:13px!important; } #sei-modal .sei-modal-card.sei-product-modal-card #sei-product-form textarea{ width:100%!important; height:72px!important; min-height:72px!important; max-height:72px!important; margin-top:5px!important; padding:9px 10px!important; box-sizing:border-box!important; border:1px solid #d9dee7!important; border-radius:8px!important; resize:none!important; font-size:13px!important; line-height:1.35!important; } #sei-modal .sei-modal-card.sei-product-modal-card #sei-product-form .sei-image-help{ margin-top:4px!important; font-size:11px!important; } #sei-modal .sei-modal-card.sei-product-modal-card #sei-product-image-preview{ margin-top:5px!important; max-height:62px!important; overflow:hidden!important; } #sei-modal .sei-modal-card.sei-product-modal-card .sei-upload-preview{ width:58px!important; height:58px!important; max-width:58px!important; max-height:58px!important; border-radius:7px!important; object-fit:cover!important; } #sei-modal .sei-modal-card.sei-product-modal-card #sei-product-form .sei-primary{ min-height:38px!important; height:38px!important; padding:0 20px!important; border-radius:8px!important; font-size:13px!important; } #sei-modal .sei-modal-card.sei-product-modal-card h2{ margin:0!important; font-size:24px!important; line-height:1.15!important; } @media(max-width:1100px){ #sei-modal .sei-modal-card.sei-product-modal-card #sei-product-form .sei-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;} } @media(max-width:760px){ #sei-modal .sei-modal-card.sei-product-modal-card{height:calc(100vh - 12px)!important;max-height:calc(100vh - 12px)!important;padding:16px!important;overflow:auto!important;} #sei-modal .sei-modal-card.sei-product-modal-card #sei-product-form{height:auto!important;overflow:visible!important;} #sei-modal .sei-modal-card.sei-product-modal-card #sei-product-form .sei-form-grid{grid-template-columns:1fr!important;} } /* StockFlow v2.3.148 - three-column modern product editor */ #sei-modal .sei-modal-card.sei-product-modal-card{width:min(1400px,calc(100vw - 28px))!important;max-width:none!important;height:auto!important;max-height:calc(100vh - 28px)!important;padding:24px!important;overflow:auto!important;box-sizing:border-box!important;border-radius:16px!important} #sei-modal .sei-product-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:2px 2px 18px;border-bottom:1px solid #e7ebf2;margin-bottom:16px} #sei-modal .sei-product-editor-head h2{margin:2px 0 4px!important;font-size:28px!important;line-height:1.15!important;color:#14213d!important} #sei-modal .sei-product-editor-head p{margin:0;color:#718096;font-size:13px} #sei-modal .sei-product-editor-kicker{display:block;color:#1769ff;font-size:10px;font-weight:800;letter-spacing:.12em;margin-bottom:5px} #sei-modal .sei-product-editor-head .sei-modal-close{position:static!important;width:38px;height:38px;border:1px solid #dce3ee!important;border-radius:10px!important;background:#f7f9fc!important;color:#334155!important;font-size:22px!important;line-height:1!important;display:flex;align-items:center;justify-content:center;padding:0!important} #sei-modal .sei-product-editor-grid{display:grid;grid-template-columns:1.15fr 1fr 1.05fr;gap:14px;align-items:stretch} #sei-modal .sei-product-editor-panel{border:1px solid #e0e6ef;border-radius:14px;background:#fff;padding:16px;min-width:0;box-sizing:border-box} #sei-modal .sei-product-panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:0 0 12px;margin-bottom:12px;border-bottom:1px solid #edf1f6} #sei-modal .sei-product-panel-head strong{font-size:15px;color:#172554} #sei-modal .sei-product-panel-head span{font-size:10px;color:#8793a8} #sei-modal .sei-product-details-fields,#sei-modal .sei-product-price-grid{display:grid;gap:10px} #sei-modal .sei-product-editor-panel label{display:block;color:#526176;font-size:11px;font-weight:700;line-height:1.25} #sei-modal .sei-product-editor-panel input,#sei-modal .sei-product-editor-panel select,#sei-modal .sei-product-editor-panel textarea{width:100%;box-sizing:border-box;margin-top:5px;border:1px solid #d7deea;border-radius:9px;background:#fff;color:#172033;font-size:13px;outline:none} #sei-modal .sei-product-editor-panel input,#sei-modal .sei-product-editor-panel select{height:39px;padding:0 10px} #sei-modal .sei-product-editor-panel textarea{height:70px;padding:9px 10px;resize:none;line-height:1.35} #sei-modal .sei-product-two-fields,#sei-modal .sei-product-price-grid{grid-template-columns:1fr 1fr} #sei-modal .sei-product-two-fields{display:grid;gap:10px} #sei-modal .sei-product-upload{min-height:180px;border:1.5px dashed #b8d0ff!important;border-radius:12px!important;background:#f8fbff!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;padding:14px!important;box-sizing:border-box} #sei-modal .sei-product-upload .sei-upload-icon{width:42px;height:42px;border-radius:12px;background:#e7f0ff;color:#1769ff;display:flex;align-items:center;justify-content:center;font-size:25px;font-weight:800;margin-bottom:8px} #sei-modal .sei-product-upload strong{font-size:13px;color:#29466f} #sei-modal .sei-product-upload small{font-size:10px;color:#8a97ab;margin-top:5px} #sei-modal .sei-product-upload input{display:none!important} #sei-modal #sei-product-image-preview{margin-top:10px;min-height:90px;display:flex;justify-content:center;align-items:center} #sei-modal .sei-product-editor-panel .sei-upload-preview{width:100%!important;max-width:210px!important;height:150px!important;max-height:150px!important;object-fit:contain!important;border:1px solid #e1e7ef!important;border-radius:10px!important;background:#f8fafc!important} #sei-modal .sei-price-input{display:flex;align-items:stretch;margin-top:5px} #sei-modal .sei-price-input span{display:flex;align-items:center;padding:0 10px;background:#f1f4f8;border:1px solid #d7deea;border-right:0;border-radius:9px 0 0 9px;color:#68758a;font-size:12px;font-weight:700} #sei-modal .sei-price-input input{margin-top:0!important;border-radius:0 9px 9px 0!important} #sei-modal .sei-product-editor-footer{display:flex;justify-content:flex-end;gap:9px;padding-top:14px;margin-top:14px;border-top:1px solid #e7ebf2} #sei-modal .sei-product-editor-footer .sei-primary,#sei-modal .sei-product-editor-footer .sei-secondary{height:40px;border-radius:9px;padding:0 18px;font-weight:700} #sei-modal .sei-product-editor-footer .sei-secondary{border:1px solid #d7deea;background:#fff;color:#40516b} #sei-modal .sei-product-editor-panel input:focus,#sei-modal .sei-product-editor-panel select:focus,#sei-modal .sei-product-editor-panel textarea:focus{border-color:#8fb5ff;box-shadow:0 0 0 3px rgba(23,105,255,.08)} @media(max-width:1000px){#sei-modal .sei-product-editor-grid{grid-template-columns:1fr 1fr}#sei-modal .sei-product-editor-panel:last-child{grid-column:1/-1}} @media(max-width:700px){#sei-modal .sei-modal-card.sei-product-modal-card{width:calc(100vw - 14px)!important;max-height:calc(100vh - 14px)!important;padding:16px!important}#sei-modal .sei-product-editor-grid{grid-template-columns:1fr}#sei-modal .sei-product-editor-panel:last-child{grid-column:auto}#sei-modal .sei-product-two-fields,#sei-modal .sei-product-price-grid{grid-template-columns:1fr}#sei-modal .sei-product-editor-head h2{font-size:22px!important}} /* StockFlow v2.3.151 product editor icon polish */ #sei-modal .sei-product-panel-title{display:flex;align-items:center;gap:9px;min-width:0} #sei-modal .sei-product-panel-icon{width:38px;height:38px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px} #sei-modal .sei-product-panel-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #sei-modal .sei-icon-blue{background:#eaf2ff;color:#1769ff} #sei-modal .sei-icon-green{background:#e8f8ef;color:#16a34a} #sei-modal .sei-icon-orange{background:#fff0e4;color:#f97316} #sei-modal .sei-product-upload .sei-upload-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} #sei-modal .sei-product-editor-panel .sei-upload-preview{width:100%!important;max-width:100%!important;height:230px!important;max-height:230px!important;object-fit:contain!important;border:1px solid #e1e7ef!important;border-radius:12px!important;background:#f8fafc!important} #sei-modal .sei-product-image-panel #sei-product-image-preview{margin-top:12px;padding:10px;border:1px solid #e4eaf2;border-radius:12px;background:#f8fafc;min-height:80px;display:flex;align-items:center;justify-content:center;box-sizing:border-box} #sei-modal .sei-product-image-panel #sei-product-image-preview:empty{display:none} #sei-modal .sei-product-editor-head .sei-modal-close{width:40px!important;height:40px!important;border-radius:11px!important;font-size:0!important} #sei-modal .sei-product-editor-head .sei-modal-close:before{content:'×';font-size:24px;font-weight:600;line-height:1} @media(max-width:700px){#sei-modal .sei-product-editor-panel .sei-upload-preview{height:190px!important;max-height:190px!important}} /* v2.3.150 product editor final visual match */ #sei-modal .sei-modal-card.sei-product-modal-card{ width:calc(100vw - 24px)!important; max-width:1710px!important; max-height:calc(100vh - 24px)!important; padding:22px 26px 18px!important; border-radius:16px!important; overflow:auto!important; } #sei-modal .sei-product-editor-head{padding:0 4px 16px!important;margin-bottom:14px!important;border-bottom:1px solid #e7ebf2!important} #sei-modal .sei-product-editor-head h2{font-size:30px!important;margin:0 0 4px!important} #sei-modal .sei-product-editor-head .sei-modal-close{width:50px!important;height:50px!important;border-radius:12px!important;background:#f7f9fc!important;border:1px solid #dce3ee!important;font-size:0!important} #sei-modal .sei-product-editor-head .sei-modal-close:before{content:'×';font-size:30px;font-weight:500;line-height:1} #sei-modal .sei-product-editor-grid{grid-template-columns:1.02fr 1fr 1.02fr!important;gap:14px!important} #sei-modal .sei-product-editor-panel{border-radius:14px!important;padding:16px!important;box-shadow:0 1px 3px rgba(15,23,42,.03)!important} #sei-modal .sei-product-image-panel .sei-product-upload{min-height:180px!important;border:2px dashed #b9d1ff!important;border-radius:12px!important;background:#f8fbff!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:7px!important} #sei-modal .sei-product-image-panel .sei-upload-icon{width:48px!important;height:48px!important;border-radius:12px!important;background:#e8f0ff!important;color:#1769ff!important;display:flex!important;align-items:center!important;justify-content:center!important} #sei-modal .sei-product-image-panel .sei-upload-icon svg{width:28px!important;height:28px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.8!important} #sei-modal .sei-product-image-panel #sei-product-image-preview{margin-top:12px!important;padding:10px!important;border-radius:12px!important;min-height:250px!important;height:250px!important;background:#f8fafc!important} #sei-modal .sei-product-editor-panel .sei-upload-preview{width:100%!important;max-width:100%!important;height:230px!important;max-height:230px!important;object-fit:contain!important;border-radius:12px!important;border:1px solid #e1e7ef!important;background:#fff!important} #sei-modal .sei-product-editor-footer{padding:14px 4px 0!important;margin-top:14px!important;gap:12px!important} #sei-modal .sei-product-editor-footer .sei-secondary,#sei-modal .sei-product-editor-footer .sei-primary{height:56px!important;border-radius:10px!important;font-size:15px!important;font-weight:800!important;padding:0 28px!important} #sei-modal .sei-product-editor-footer .sei-secondary{min-width:140px!important;background:#fff!important;border:1px solid #d7deea!important;color:#26364f!important} #sei-modal .sei-product-editor-footer .sei-primary{min-width:250px!important;background:#1769ff!important;box-shadow:0 5px 14px rgba(23,105,255,.18)!important} @media(max-width:900px){#sei-modal .sei-product-editor-grid{grid-template-columns:1fr!important}#sei-modal .sei-product-image-panel #sei-product-image-preview{height:220px!important;min-height:220px!important}} /* StockFlow v2.3.151 - exact product editor visual match */ #sei-modal .sei-product-editor-v151{width:calc(100vw - 24px)!important;max-width:1710px!important;max-height:calc(100vh - 24px)!important;padding:22px 26px 18px!important;border-radius:16px!important;box-sizing:border-box!important;overflow:auto!important} #sei-modal .sei-product-editor-v151 > .sei-modal-close{display:none!important;visibility:hidden!important;width:0!important;height:0!important;padding:0!important;margin:0!important} #sei-modal .sei-product-editor-v151 .sei-product-editor-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;padding:0 4px 16px!important;margin:0 0 14px!important;border-bottom:1px solid #e7ebf2!important} #sei-modal .sei-product-editor-v151 .sei-product-editor-head .sei-modal-close{display:flex!important;width:50px!important;height:50px!important;min-width:50px!important;max-width:50px!important;border-radius:12px!important;background:#f7f9fc!important;border:1px solid #dce3ee!important;color:#334155!important;font-size:0!important;align-items:center!important;justify-content:center!important;position:static!important;box-sizing:border-box!important} #sei-modal .sei-product-editor-v151 .sei-product-editor-head .sei-modal-close:before{content:'×'!important;font-size:30px!important;font-weight:500!important;line-height:1!important} #sei-modal .sei-product-editor-v151 .sei-product-editor-grid{display:grid!important;grid-template-columns:1.02fr 1fr 1.02fr!important;gap:14px!important;align-items:stretch!important} #sei-modal .sei-product-editor-v151 .sei-product-editor-panel{border:1px solid #e0e6ef!important;border-radius:14px!important;background:#fff!important;padding:16px!important;min-width:0!important;box-shadow:0 1px 3px rgba(15,23,42,.03)!important} #sei-modal .sei-product-editor-v151 .sei-product-image-panel .sei-product-upload{min-height:180px!important;border:2px dashed #b9d1ff!important;border-radius:12px!important;background:#f8fbff!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:7px!important;box-sizing:border-box!important} #sei-modal .sei-product-editor-v151 .sei-product-image-panel .sei-upload-icon{width:48px!important;height:48px!important;border-radius:12px!important;background:#e8f0ff!important;color:#1769ff!important;display:flex!important;align-items:center!important;justify-content:center!important} #sei-modal .sei-product-editor-v151 .sei-product-image-panel #sei-product-image-preview{margin-top:12px!important;padding:10px!important;border:1px solid #e4eaf2!important;border-radius:12px!important;min-height:250px!important;height:250px!important;background:#f8fafc!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;overflow:hidden!important} #sei-modal .sei-product-editor-v151 .sei-product-image-panel #sei-product-image-preview .sei-upload-preview{display:block!important;width:100%!important;height:230px!important;max-width:100%!important;max-height:230px!important;object-fit:contain!important;border-radius:12px!important;border:1px solid #e1e7ef!important;background:#fff!important} #sei-modal .sei-product-editor-v151 .sei-product-editor-footer{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:12px!important;padding:14px 4px 0!important;margin-top:14px!important;border-top:1px solid #e7ebf2!important} #sei-modal .sei-product-editor-v151 .sei-product-editor-footer .sei-secondary,#sei-modal .sei-product-editor-v151 .sei-product-editor-footer .sei-primary{height:56px!important;border-radius:10px!important;font-size:15px!important;font-weight:800!important;padding:0 28px!important;box-sizing:border-box!important} #sei-modal .sei-product-editor-v151 .sei-product-editor-footer .sei-secondary{min-width:140px!important;background:#fff!important;border:1px solid #d7deea!important;color:#26364f!important} #sei-modal .sei-product-editor-v151 .sei-product-editor-footer .sei-primary{min-width:250px!important;background:#1769ff!important;color:#fff!important;border:0!important;box-shadow:0 5px 14px rgba(23,105,255,.18)!important} @media(max-width:900px){#sei-modal .sei-product-editor-v151 .sei-product-editor-grid{grid-template-columns:1fr!important}#sei-modal .sei-product-editor-v151 .sei-product-image-panel #sei-product-image-preview{height:220px!important;min-height:220px!important}#sei-modal .sei-product-editor-v151 .sei-product-image-panel #sei-product-image-preview .sei-upload-preview{height:200px!important;max-height:200px!important}} /* StockFlow v2.3.153 - compact product editor footer actions */ #sei-modal .sei-product-editor-v151 .sei-product-editor-footer{justify-content:flex-end!important;align-items:center!important;gap:10px!important;padding:12px 4px 0!important;margin-top:12px!important} #sei-modal .sei-product-editor-v151 .sei-product-editor-footer .sei-secondary{width:104px!important;min-width:104px!important;max-width:104px!important;height:42px!important;min-height:42px!important;max-height:42px!important;padding:0!important;border-radius:9px!important;font-size:12px!important;font-weight:750!important;box-sizing:border-box!important} #sei-modal .sei-product-editor-v151 .sei-product-editor-footer .sei-primary{width:168px!important;min-width:168px!important;max-width:168px!important;height:42px!important;min-height:42px!important;max-height:42px!important;padding:0 16px!important;border-radius:9px!important;font-size:12px!important;font-weight:800!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important} @media(max-width:700px){#sei-modal .sei-product-editor-v151 .sei-product-editor-footer .sei-secondary{width:100px!important;min-width:100px!important}#sei-modal .sei-product-editor-v151 .sei-product-editor-footer .sei-primary{width:160px!important;min-width:160px!important}} /* StockFlow v2.3.153 - equal product editor panels + save inside pricing panel */ #sei-modal .sei-product-editor-v151 .sei-product-editor-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important} #sei-modal .sei-product-editor-v151 .sei-product-editor-panel{height:100%!important;min-height:560px!important;display:flex!important;flex-direction:column!important;box-sizing:border-box!important} #sei-modal .sei-product-editor-v151 .sei-product-image-panel #sei-product-image-preview{flex:1 1 auto!important;min-height:250px!important} #sei-modal .sei-product-editor-v151 .sei-product-editor-grid > .sei-product-editor-panel:nth-child(3){display:flex!important;flex-direction:column!important} #sei-modal .sei-product-editor-v151 .sei-product-editor-grid > .sei-product-editor-panel:nth-child(3) .sei-product-save-wrap{margin-top:auto!important;padding-top:24px!important} #sei-modal .sei-product-editor-v151 .sei-product-save-wrap{display:flex!important;justify-content:stretch!important;width:100%!important} #sei-modal .sei-product-editor-v151 .sei-product-save-wrap .sei-product-save{width:100%!important;height:44px!important;min-height:44px!important;border:0!important;border-radius:10px!important;background:#1769ff!important;color:#fff!important;font-size:13px!important;font-weight:800!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;box-shadow:0 5px 14px rgba(23,105,255,.16)!important;cursor:pointer!important} #sei-modal .sei-product-editor-v151 .sei-product-editor-footer{display:none!important} @media(max-width:1000px){#sei-modal .sei-product-editor-v151 .sei-product-editor-grid{grid-template-columns:1fr 1fr!important}#sei-modal .sei-product-editor-v151 .sei-product-editor-grid > .sei-product-editor-panel:nth-child(3){grid-column:1/-1}} @media(max-width:700px){#sei-modal .sei-product-editor-v151 .sei-product-editor-grid{grid-template-columns:1fr!important}#sei-modal .sei-product-editor-v151 .sei-product-editor-grid > .sei-product-editor-panel:nth-child(3){grid-column:auto}} /* StockFlow v2.3.156 - final product editor visual match */ #sei-modal .sei-product-editor-v151{ width:calc(100vw - 16px)!important; max-width:1710px!important; height:calc(100vh - 16px)!important; max-height:calc(100vh - 16px)!important; padding:18px 24px 16px!important; box-sizing:border-box!important; overflow:hidden!important; } #sei-modal .sei-product-editor-v151 .sei-product-editor-head{ padding:0 4px 12px!important; margin:0 0 12px!important; } #sei-modal .sei-product-editor-v151 .sei-product-editor-grid{ grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:12px!important; height:calc(100% - 86px)!important; align-items:stretch!important; } #sei-modal .sei-product-editor-v151 .sei-product-editor-panel{ min-height:0!important; height:100%!important; padding:14px!important; border-radius:14px!important; overflow:hidden!important; } /* Colored section heading backgrounds */ #sei-modal .sei-product-editor-v151 .sei-product-editor-grid > .sei-product-editor-panel:nth-child(1) .sei-product-panel-head{ background:#eef5ff!important; } #sei-modal .sei-product-editor-v151 .sei-product-editor-grid > .sei-product-editor-panel:nth-child(2) .sei-product-panel-head{ background:#eaf8ef!important; } #sei-modal .sei-product-editor-v151 .sei-product-editor-grid > .sei-product-editor-panel:nth-child(3) .sei-product-panel-head{ background:#fff2e8!important; } #sei-modal .sei-product-editor-v151 .sei-product-panel-head{ min-height:68px!important; padding:10px 12px!important; margin:-1px -1px 12px!important; border:0!important; border-radius:11px!important; align-items:center!important; box-sizing:border-box!important; } #sei-modal .sei-product-editor-v151 .sei-product-panel-head .sei-product-panel-title{ gap:9px!important; } #sei-modal .sei-product-editor-v151 .sei-product-panel-head .sei-product-panel-title strong{ font-size:15px!important; color:#172554!important; white-space:nowrap!important; } #sei-modal .sei-product-editor-v151 .sei-product-panel-head > span{ font-size:9px!important; white-space:nowrap!important; } #sei-modal .sei-product-editor-v151 .sei-product-image-panel .sei-product-upload{ min-height:68px!important; height:68px!important; padding:9px 12px!important; flex-direction:row!important; justify-content:flex-start!important; text-align:left!important; gap:10px!important; border:1.5px dashed #b9d1ff!important; border-radius:10px!important; margin:0!important; } #sei-modal .sei-product-editor-v151 .sei-product-image-panel .sei-product-upload .sei-upload-icon{ width:38px!important; height:38px!important; min-width:38px!important; margin:0!important; border-radius:10px!important; } #sei-modal .sei-product-editor-v151 .sei-product-image-panel .sei-product-upload strong{ font-size:12px!important; line-height:1.2!important; } #sei-modal .sei-product-editor-v151 .sei-product-image-panel .sei-product-upload small{ margin:0!important; font-size:9px!important; white-space:nowrap!important; } #sei-modal .sei-product-editor-v151 .sei-product-image-panel #sei-product-image-preview{ flex:1 1 auto!important; min-height:0!important; height:auto!important; margin-top:10px!important; padding:8px!important; overflow:hidden!important; } #sei-modal .sei-product-editor-v151 .sei-product-image-panel #sei-product-image-preview .sei-upload-preview{ width:100%!important; height:100%!important; max-width:100%!important; max-height:100%!important; object-fit:contain!important; } #sei-modal .sei-product-editor-v151 .sei-product-editor-grid > .sei-product-editor-panel:nth-child(3) .sei-product-save-wrap{ margin-top:auto!important; padding-top:12px!important; } #sei-modal .sei-product-editor-v151 .sei-product-save-wrap .sei-product-save{ height:44px!important; min-height:44px!important; width:100%!important; border-radius:10px!important; } #sei-modal .sei-product-editor-v151 .sei-product-editor-footer{display:none!important} @media(max-width:1000px){ #sei-modal .sei-product-editor-v151{height:auto!important;max-height:calc(100vh - 12px)!important;overflow:auto!important} #sei-modal .sei-product-editor-v151 .sei-product-editor-grid{height:auto!important;grid-template-columns:1fr 1fr!important} #sei-modal .sei-product-editor-v151 .sei-product-editor-grid > .sei-product-editor-panel:nth-child(3){grid-column:1/-1} } @media(max-width:700px){ #sei-modal .sei-product-editor-v151 .sei-product-editor-grid{grid-template-columns:1fr!important} #sei-modal .sei-product-editor-v151 .sei-product-editor-grid > .sei-product-editor-panel:nth-child(3){grid-column:auto} #sei-modal .sei-product-editor-v151{padding:14px!important} } /* StockFlow v2.3.159 - final viewport/image preview correction */ #sei-modal .sei-product-editor-v151{ height:calc(100vh - 24px)!important; max-height:calc(100vh - 24px)!important; overflow:hidden!important; box-sizing:border-box!important; } #sei-modal .sei-product-editor-v151 .sei-product-editor-head{ flex:0 0 auto!important; } #sei-modal .sei-product-editor-v151 .sei-product-editor-grid{ height:calc(100% - 78px)!important; min-height:0!important; } #sei-modal .sei-product-editor-v151 .sei-product-image-panel{ display:flex!important; flex-direction:column!important; min-height:0!important; overflow:hidden!important; } #sei-modal .sei-product-editor-v151 .sei-product-image-panel .sei-product-upload{ flex:0 0 68px!important; } #sei-modal .sei-product-editor-v151 .sei-product-image-panel #sei-product-image-preview{ flex:1 1 auto!important; height:auto!important; min-height:0!important; margin-top:10px!important; display:flex!important; align-items:center!important; justify-content:center!important; overflow:hidden!important; } #sei-modal .sei-product-editor-v151 .sei-product-image-panel #sei-product-image-preview .sei-upload-preview{ display:block!important; width:100%!important; height:100%!important; max-width:100%!important; max-height:100%!important; object-fit:contain!important; margin:0!important; border-radius:10px!important; border:1px solid #e1e7ef!important; background:#fff!important; } @media(max-width:1000px){ #sei-modal .sei-product-editor-v151{height:auto!important;max-height:calc(100vh - 16px)!important;overflow:auto!important} #sei-modal .sei-product-editor-v151 .sei-product-editor-grid{height:auto!important} } /* StockFlow v2.3.159 - hard viewport fit for product editor */ #sei-modal .sei-product-editor-v151{ display:flex!important; flex-direction:column!important; width:calc(100vw - 16px)!important; height:calc(100vh - 16px)!important; max-height:calc(100vh - 16px)!important; padding:18px 24px!important; overflow:hidden!important; box-sizing:border-box!important; } #sei-modal .sei-product-editor-v151 .sei-product-editor-head{ flex:0 0 auto!important; height:58px!important; min-height:58px!important; box-sizing:border-box!important; } #sei-modal .sei-product-editor-v151 #sei-product-form{ flex:1 1 auto!important; min-height:0!important; height:auto!important; overflow:hidden!important; display:flex!important; flex-direction:column!important; } #sei-modal .sei-product-editor-v151 .sei-product-editor-grid{ flex:1 1 auto!important; min-height:0!important; height:auto!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; align-items:stretch!important; } #sei-modal .sei-product-editor-v151 .sei-product-editor-panel{ min-height:0!important; height:100%!important; overflow:hidden!important; } #sei-modal .sei-product-editor-v151 .sei-product-image-panel{ display:flex!important; flex-direction:column!important; min-height:0!important; } #sei-modal .sei-product-editor-v151 .sei-product-image-panel .sei-product-upload{ flex:0 0 68px!important; height:68px!important; min-height:68px!important; } #sei-modal .sei-product-editor-v151 .sei-product-image-panel #sei-product-image-preview{ flex:1 1 auto!important; min-height:0!important; height:auto!important; overflow:hidden!important; display:flex!important; align-items:center!important; justify-content:center!important; } #sei-modal .sei-product-editor-v151 .sei-product-image-panel #sei-product-image-preview .sei-upload-preview{ width:100%!important; height:100%!important; max-width:100%!important; max-height:100%!important; object-fit:contain!important; } #sei-modal .sei-product-editor-v151 .sei-product-editor-grid > .sei-product-editor-panel:nth-child(3){ display:flex!important; flex-direction:column!important; } #sei-modal .sei-product-editor-v151 .sei-product-editor-grid > .sei-product-editor-panel:nth-child(3) .sei-product-save-wrap{ margin-top:auto!important; padding-top:10px!important; flex:0 0 auto!important; } @media(max-width:1000px){ #sei-modal .sei-product-editor-v151{height:auto!important;max-height:calc(100vh - 16px)!important;overflow:auto!important;display:block!important} #sei-modal .sei-product-editor-v151 #sei-product-form{display:block!important;overflow:visible!important} #sei-modal .sei-product-editor-v151 .sei-product-editor-grid{height:auto!important;display:grid!important} } /* StockFlow v2.3.159 - structural product editor viewport fix */ #sei-modal .sei-product-editor-v151{display:flex!important;flex-direction:column!important;width:calc(100vw - 16px)!important;height:calc(100vh - 16px)!important;max-width:1710px!important;max-height:calc(100vh - 16px)!important;padding:18px 24px 16px!important;box-sizing:border-box!important;overflow:hidden!important} #sei-modal .sei-product-editor-v151 > .sei-product-editor-head{flex:0 0 auto!important} #sei-modal .sei-product-editor-v151 > #sei-product-form{flex:1 1 auto!important;min-height:0!important;height:auto!important;overflow:hidden!important;display:flex!important;flex-direction:column!important} #sei-modal .sei-product-editor-v151 .sei-product-editor-grid{flex:1 1 auto!important;min-height:0!important;height:auto!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;align-items:stretch!important} #sei-modal .sei-product-editor-v151 .sei-product-editor-panel{min-height:0!important;height:100%!important;overflow:hidden!important;box-sizing:border-box!important} #sei-modal .sei-product-editor-v151 .sei-product-image-panel{display:flex!important;flex-direction:column!important;min-height:0!important} #sei-modal .sei-product-editor-v151 .sei-product-image-panel .sei-product-upload{flex:0 0 68px!important;height:68px!important;min-height:68px!important;max-height:68px!important} #sei-modal .sei-product-editor-v151 .sei-product-image-panel #sei-product-image-preview{flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important;margin-top:10px!important;padding:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;box-sizing:border-box!important} #sei-modal .sei-product-editor-v151 .sei-product-image-panel #sei-product-image-preview .sei-upload-preview{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;margin:0!important} #sei-modal .sei-product-editor-v151 .sei-product-editor-grid > .sei-product-editor-panel:nth-child(3){display:flex!important;flex-direction:column!important} #sei-modal .sei-product-editor-v151 .sei-product-editor-grid > .sei-product-editor-panel:nth-child(3) .sei-product-save-wrap{margin-top:auto!important;padding-top:12px!important} #sei-modal .sei-product-editor-v151 .sei-product-editor-footer{display:none!important} @media(max-width:900px){#sei-modal .sei-product-editor-v151{height:auto!important;max-height:calc(100vh - 12px)!important;overflow:auto!important}#sei-modal .sei-product-editor-v151 > #sei-product-form{overflow:visible!important}#sei-modal .sei-product-editor-v151 .sei-product-editor-grid{display:grid!important;grid-template-columns:1fr!important;height:auto!important}#sei-modal .sei-product-editor-v151 .sei-product-editor-panel{height:auto!important;min-height:0!important}#sei-modal .sei-product-editor-v151 .sei-product-image-panel #sei-product-image-preview{min-height:220px!important;height:220px!important;max-height:220px!important}} /* StockFlow v2.3.160 - definitive product editor viewport fix */ #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151{ width:calc(100vw - 40px)!important; max-width:1710px!important; height:calc(100vh - 40px)!important; max-height:calc(100vh - 40px)!important; min-height:0!important; padding:18px 24px 16px!important; overflow:hidden!important; box-sizing:border-box!important; display:flex!important; flex-direction:column!important; } #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 #sei-modal-content{ min-height:0!important; height:100%!important; overflow:hidden!important; } #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 > .sei-product-editor-head{ flex:0 0 58px!important; height:58px!important; min-height:58px!important; box-sizing:border-box!important; } #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 > #sei-product-form{ flex:1 1 auto!important; min-height:0!important; height:auto!important; overflow:hidden!important; display:flex!important; flex-direction:column!important; } #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-grid{ flex:1 1 auto!important; min-height:0!important; height:auto!important; overflow:hidden!important; display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:12px!important; align-items:stretch!important; } #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-panel{ min-height:0!important; height:100%!important; overflow:hidden!important; box-sizing:border-box!important; } #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-image-panel{ position:relative!important; display:block!important; min-height:0!important; overflow:hidden!important; } #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-image-panel .sei-product-panel-head{ position:relative!important; z-index:2!important; } #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-image-panel .sei-product-upload{ position:relative!important; z-index:2!important; height:68px!important; min-height:68px!important; max-height:68px!important; margin:0!important; box-sizing:border-box!important; } #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-image-panel #sei-product-image-preview{ position:absolute!important; left:14px!important; right:14px!important; top:152px!important; bottom:14px!important; width:auto!important; height:auto!important; min-height:0!important; max-height:none!important; margin:0!important; padding:8px!important; display:flex!important; align-items:center!important; justify-content:center!important; overflow:hidden!important; box-sizing:border-box!important; } #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-image-panel #sei-product-image-preview .sei-upload-preview{ display:block!important; width:100%!important; height:100%!important; max-width:100%!important; max-height:100%!important; object-fit:contain!important; margin:0!important; border-radius:10px!important; border:1px solid #e1e7ef!important; background:#fff!important; } #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-grid > .sei-product-editor-panel:nth-child(3){ display:flex!important; flex-direction:column!important; } #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-grid > .sei-product-editor-panel:nth-child(3) .sei-product-save-wrap{ margin-top:auto!important; padding-top:12px!important; flex:0 0 auto!important; } #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-footer{display:none!important} @media(max-width:900px){ #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151{ width:calc(100vw - 20px)!important; height:auto!important; max-height:calc(100vh - 20px)!important; overflow:auto!important; } #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 > #sei-product-form{overflow:visible!important} #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-grid{grid-template-columns:1fr!important;height:auto!important;overflow:visible!important} #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-panel{height:auto!important;min-height:0!important} #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-image-panel{display:flex!important;flex-direction:column!important} #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-image-panel #sei-product-image-preview{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;height:220px!important;min-height:220px!important;margin-top:10px!important} } /* StockFlow v2.3.161 - exact save button placement */ #sei-modal .sei-product-editor-v151 .sei-product-editor-grid > .sei-product-editor-panel:nth-child(3) .sei-product-save-wrap{ margin-top:24px!important; padding-top:0!important; flex:0 0 auto!important; } #sei-modal .sei-product-editor-v151 .sei-product-save-wrap .sei-product-save{ width:100%!important; height:58px!important; min-height:58px!important; max-height:58px!important; border-radius:10px!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:10px!important; font-size:15px!important; font-weight:800!important; } #sei-modal .sei-product-editor-v151 .sei-product-save-wrap .sei-product-save svg{ width:21px!important; height:21px!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; } @media(max-width:900px){ #sei-modal .sei-product-editor-v151 .sei-product-editor-grid > .sei-product-editor-panel:nth-child(3) .sei-product-save-wrap{margin-top:18px!important} } /* StockFlow v2.3.162 - FORCE save button directly below Pricing & Stock fields. Higher specificity intentionally overrides all historical margin-top:auto rules. */ #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-grid > .sei-product-editor-panel:nth-child(3){ display:flex!important; flex-direction:column!important; justify-content:flex-start!important; } #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-grid > .sei-product-editor-panel:nth-child(3) .sei-product-price-grid{ flex:0 0 auto!important; height:auto!important; min-height:0!important; } #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-grid > .sei-product-editor-panel:nth-child(3) .sei-product-save-wrap{ margin-top:24px!important; margin-bottom:0!important; padding-top:0!important; padding-bottom:0!important; flex:0 0 auto!important; position:static!important; width:100%!important; } #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-grid > .sei-product-editor-panel:nth-child(3) .sei-product-save-wrap .sei-product-save{ width:100%!important; height:58px!important; min-height:58px!important; max-height:58px!important; margin:0!important; display:flex!important; align-items:center!important; justify-content:center!important; gap:10px!important; } @media(max-width:900px){ #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-grid > .sei-product-editor-panel:nth-child(3) .sei-product-save-wrap{ margin-top:18px!important; } } /* StockFlow v2.3.163 - final Product Editor one-shot polish */ /* 1) Keep the overall modal fixed; only the Product Details content may scroll. */ #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 > #sei-product-form{ overflow:hidden!important; } #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-grid > .sei-product-editor-panel:first-child{ display:flex!important; flex-direction:column!important; min-height:0!important; overflow:hidden!important; } #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-grid > .sei-product-editor-panel:first-child .sei-product-panel-head{ flex:0 0 auto!important; } #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-grid > .sei-product-editor-panel:first-child .sei-product-details-fields{ flex:1 1 auto!important; min-height:0!important; overflow-y:auto!important; overflow-x:hidden!important; padding-right:3px!important; scrollbar-width:thin!important; scrollbar-color:#cbd5e1 transparent!important; } #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-grid > .sei-product-editor-panel:first-child .sei-product-details-fields::-webkit-scrollbar{ width:6px!important; } #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-grid > .sei-product-editor-panel:first-child .sei-product-details-fields::-webkit-scrollbar-track{ background:transparent!important; } #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-grid > .sei-product-editor-panel:first-child .sei-product-details-fields::-webkit-scrollbar-thumb{ background:#cbd5e1!important; border-radius:10px!important; } /* 2) Compact horizontal image upload area: no text collision/overlap. */ #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-image-panel .sei-product-upload{ height:68px!important; min-height:68px!important; max-height:68px!important; padding:8px 12px!important; display:grid!important; grid-template-columns:40px minmax(0,1fr)!important; grid-template-rows:1fr 1fr!important; column-gap:10px!important; row-gap:0!important; align-items:center!important; justify-content:initial!important; flex-direction:initial!important; text-align:left!important; overflow:hidden!important; } #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-image-panel .sei-product-upload .sei-upload-icon{ grid-column:1!important; grid-row:1 / span 2!important; width:40px!important; height:40px!important; min-width:40px!important; min-height:40px!important; margin:0!important; border-radius:10px!important; } #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-image-panel .sei-product-upload strong{ grid-column:2!important; grid-row:1!important; align-self:end!important; min-width:0!important; margin:0!important; font-size:12px!important; line-height:16px!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-image-panel .sei-product-upload small{ grid-column:2!important; grid-row:2!important; align-self:start!important; min-width:0!important; margin:0!important; font-size:10px!important; line-height:14px!important; white-space:nowrap!important; } /* 3) Show the whole uploaded image inside the preview; never crop it. */ #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-image-panel #sei-product-image-preview .sei-upload-preview{ width:auto!important; height:auto!important; max-width:100%!important; max-height:100%!important; object-fit:contain!important; object-position:center center!important; display:block!important; margin:0 auto!important; } /* 4) Keep Pricing & Stock controls compact and the save action immediately below them. */ #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-grid > .sei-product-editor-panel:nth-child(3) .sei-product-save-wrap{ margin-top:18px!important; padding-top:0!important; flex:0 0 auto!important; } #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-grid > .sei-product-editor-panel:nth-child(3) .sei-product-save-wrap .sei-product-save{ width:100%!important; height:44px!important; min-height:44px!important; max-height:44px!important; border-radius:10px!important; margin:0!important; } /* Preserve mobile usability: the modal may scroll only on narrow screens. */ @media(max-width:900px){ #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-grid > .sei-product-editor-panel:first-child .sei-product-details-fields{ overflow:visible!important; padding-right:0!important; } #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-image-panel .sei-product-upload{ height:68px!important; min-height:68px!important; max-height:68px!important; } #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-image-panel #sei-product-image-preview .sei-upload-preview{ max-width:100%!important; max-height:200px!important; } } /* StockFlow v2.3.164 - final Product Editor polish */ /* Header: give the kicker/title/subtitle enough vertical room so nothing is clipped. */ #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 > .sei-product-editor-head{ flex:0 0 72px!important; height:72px!important; min-height:72px!important; padding:2px 4px 10px!important; margin:0 0 10px!important; box-sizing:border-box!important; overflow:visible!important; } #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-kicker{ line-height:12px!important; margin-bottom:3px!important; } #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-head h2{ line-height:1.08!important; margin:0 0 3px!important; } #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-head p{ line-height:15px!important; } /* Product Details: compact the fields so the common fields fit cleanly on desktop. */ #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-grid > .sei-product-editor-panel:first-child .sei-product-details-fields{ gap:7px!important; scrollbar-width:none!important; padding-right:0!important; } #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-grid > .sei-product-editor-panel:first-child .sei-product-details-fields::-webkit-scrollbar{ width:0!important; height:0!important; } #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-grid > .sei-product-editor-panel:first-child input, #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-grid > .sei-product-editor-panel:first-child select{ height:37px!important; margin-top:4px!important; } #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-grid > .sei-product-editor-panel:first-child textarea{ height:62px!important; margin-top:4px!important; } #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-grid > .sei-product-editor-panel:first-child .sei-product-two-fields{ gap:8px!important; } /* Upload copy: keep the two pieces of text clearly separated. */ #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-image-panel .sei-product-upload strong{ margin-right:5px!important; } #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-image-panel .sei-product-upload small{ letter-spacing:.05px!important; } /* Image preview: use the available preview area instead of the old 150/230px cap. */ #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-image-panel #sei-product-image-preview .sei-upload-preview{ width:78%!important; height:auto!important; max-width:78%!important; max-height:100%!important; object-fit:contain!important; object-position:center center!important; border:0!important; background:transparent!important; border-radius:10px!important; margin:0 auto!important; } /* Keep the approved Pricing & Stock layout exactly as-is; only preserve direct placement. */ #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-grid > .sei-product-editor-panel:nth-child(3) .sei-product-save-wrap{ margin-top:18px!important; padding-top:0!important; position:static!important; } @media(max-width:900px){ #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 > .sei-product-editor-head{ flex-basis:68px!important; height:68px!important; min-height:68px!important; } #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-image-panel #sei-product-image-preview .sei-upload-preview{ width:78%!important; max-width:78%!important; max-height:200px!important; } } /* StockFlow v2.3.165 - final visual balance pass */ /* Product Details: slightly tighter rhythm while preserving comfortable controls. */ #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-grid > .sei-product-editor-panel:first-child .sei-product-panel-head{ padding-bottom:10px!important; margin-bottom:9px!important; } #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-grid > .sei-product-editor-panel:first-child .sei-product-details-fields{ gap:6px!important; } #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-grid > .sei-product-editor-panel:first-child label{ line-height:1.2!important; } #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-grid > .sei-product-editor-panel:first-child input, #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-grid > .sei-product-editor-panel:first-child select{ height:36px!important; margin-top:3px!important; } #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-grid > .sei-product-editor-panel:first-child textarea{ height:59px!important; margin-top:3px!important; } #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-grid > .sei-product-editor-panel:first-child .sei-product-two-fields{ gap:8px!important; } /* Product Image: make the preview medium-sized and balanced with the three-column layout. */ #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-image-panel #sei-product-image-preview .sei-upload-preview{ width:70%!important; max-width:70%!important; max-height:100%!important; height:auto!important; object-fit:contain!important; object-position:center center!important; margin:0 auto!important; } /* Upload copy: clean, readable separation between the label and file types. */ #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-image-panel .sei-product-upload strong{ margin-right:7px!important; } #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-image-panel .sei-product-upload small{ margin-left:0!important; } /* Pricing & Stock: bring Save Product slightly closer to the stock row. */ #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-grid > .sei-product-editor-panel:nth-child(3) .sei-product-save-wrap{ margin-top:10px!important; padding-top:0!important; position:static!important; flex:0 0 auto!important; } @media(max-width:900px){ #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-image-panel #sei-product-image-preview .sei-upload-preview{ width:70%!important; max-width:70%!important; max-height:200px!important; } #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-grid > .sei-product-editor-panel:nth-child(3) .sei-product-save-wrap{ margin-top:10px!important; } } /* StockFlow v2.3.166 - description height + header underline refinement */ #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-grid > .sei-product-editor-panel:first-child textarea{ height:48px!important; min-height:48px!important; max-height:48px!important; margin-top:3px!important; padding-top:9px!important; padding-bottom:9px!important; box-sizing:border-box!important; resize:none!important; } /* Keep the title block clean and pull the separator closer to the supporting text. */ #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 > .sei-product-editor-head{ flex:0 0 68px!important; height:68px!important; min-height:68px!important; padding:1px 4px 5px!important; margin:0 0 8px!important; border-bottom:1px solid #e7ebf2!important; box-sizing:border-box!important; } #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-head h2{ margin:0 0 2px!important; } #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-head p{ margin:0!important; line-height:14px!important; } @media(max-width:900px){ #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 > .sei-product-editor-head{ flex-basis:66px!important; height:66px!important; min-height:66px!important; padding-bottom:4px!important; margin-bottom:7px!important; } #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-grid > .sei-product-editor-panel:first-child textarea{ height:50px!important; min-height:50px!important; max-height:50px!important; } } /* StockFlow v2.3.167 - shorter product description field */ /* StockFlow v2.3.169 - variable options visibility follows product type */ #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-grid > .sei-product-editor-panel:first-child textarea{ height:40px!important; min-height:40px!important; max-height:40px!important; margin-top:3px!important; padding:7px 10px!important; line-height:1.25!important; box-sizing:border-box!important; resize:none!important; overflow-y:auto!important; } @media(max-width:900px){ #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-grid > .sei-product-editor-panel:first-child textarea{ height:42px!important; min-height:42px!important; max-height:42px!important; padding:7px 10px!important; } } /* StockFlow v2.3.169 - Variable Product / Design + Size editor */ #sei-modal .sei-product-editor-v151 .sei-product-editor-grid > .sei-product-editor-panel{min-width:0!important} #sei-modal .sei-product-editor-v151 .sei-product-details-fields{overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:none!important;padding-right:2px!important} #sei-modal .sei-product-editor-v151 .sei-product-details-fields::-webkit-scrollbar{width:0!important;height:0!important} #sei-modal .sei-product-editor-v151 .sei-product-type-box{padding:9px 10px!important;border:1px solid #e2e8f0!important;border-radius:10px!important;background:#fbfdff!important;margin-bottom:8px!important} #sei-modal .sei-product-editor-v151 .sei-field-title{display:block!important;color:#526176!important;font-size:11px!important;font-weight:700!important;margin-bottom:7px!important} #sei-modal .sei-product-editor-v151 .sei-product-type-options{display:flex!important;align-items:center!important;gap:18px!important;flex-wrap:wrap!important} #sei-modal .sei-product-editor-v151 .sei-product-type-options label{display:flex!important;align-items:center!important;gap:7px!important;color:#26364f!important;font-size:12px!important;font-weight:700!important;margin:0!important;cursor:pointer!important} #sei-modal .sei-product-editor-v151 .sei-product-type-options input, #sei-modal .sei-product-editor-v151 .sei-design-radio input, #sei-modal .sei-product-editor-v151 .sei-size-radio input{position:absolute!important;opacity:0!important;pointer-events:none!important} #sei-modal .sei-product-editor-v151 .sei-product-type-options label > span, #sei-modal .sei-product-editor-v151 .sei-design-radio span, #sei-modal .sei-product-editor-v151 .sei-size-radio span{width:16px!important;height:16px!important;border:1.5px solid #aebbd0!important;border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;background:#fff!important} #sei-modal .sei-product-editor-v151 .sei-product-type-options input:checked + span, #sei-modal .sei-product-editor-v151 .sei-design-radio input:checked + span, #sei-modal .sei-product-editor-v151 .sei-size-radio input:checked + span{border-color:#1769ff!important} #sei-modal .sei-product-editor-v151 .sei-product-type-options input:checked + span:after, #sei-modal .sei-product-editor-v151 .sei-design-radio input:checked + span:after, #sei-modal .sei-product-editor-v151 .sei-size-radio input:checked + span:after{content:''!important;width:7px!important;height:7px!important;border-radius:50%!important;background:#1769ff!important} #sei-modal .sei-product-editor-v151 .sei-product-image-panel{overflow:hidden!important} #sei-modal .sei-product-editor-v151 .sei-product-image-panel .sei-product-upload{min-height:58px!important;height:58px!important;max-height:58px!important;display:grid!important;grid-template-columns:34px auto 1fr!important;align-items:center!important;justify-content:initial!important;flex-direction:row!important;gap:8px!important;padding:8px 12px!important;text-align:left!important} #sei-modal .sei-product-editor-v151 .sei-product-image-panel .sei-upload-icon{width:34px!important;height:34px!important;border-radius:9px!important} #sei-modal .sei-product-editor-v151 .sei-product-image-panel .sei-upload-icon svg{width:20px!important;height:20px!important} #sei-modal .sei-product-editor-v151 .sei-product-image-panel .sei-product-upload strong{font-size:12px!important;white-space:nowrap!important} #sei-modal .sei-product-editor-v151 .sei-product-image-panel .sei-product-upload small{font-size:10px!important;white-space:nowrap!important;color:#718096!important} #sei-modal .sei-product-editor-v151 .sei-product-image-panel #sei-product-image-preview{height:150px!important;min-height:150px!important;max-height:150px!important;margin-top:8px!important;padding:6px!important} #sei-modal .sei-product-editor-v151 .sei-product-image-panel #sei-product-image-preview .sei-upload-preview{height:138px!important;max-height:138px!important;border:0!important;background:transparent!important;border-radius:8px!important} #sei-modal .sei-product-editor-v151 .sei-variable-options{margin-top:8px!important;display:flex;flex-direction:column!important;gap:8px!important;min-height:0!important} #sei-modal .sei-product-editor-v151 .sei-variable-section{border:1px solid #e3e9f2!important;border-radius:11px!important;padding:7px!important;background:#fff!important} #sei-modal .sei-product-editor-v151 .sei-design-section{background:#fff8fb!important} #sei-modal .sei-product-editor-v151 .sei-size-section{background:#f7fbff!important} #sei-modal .sei-product-editor-v151 .sei-variable-section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin-bottom:6px!important} #sei-modal .sei-product-editor-v151 .sei-variable-section-head strong{display:block!important;color:#19345f!important;font-size:12px!important;line-height:1.2!important} #sei-modal .sei-product-editor-v151 .sei-variable-section-head small{display:block!important;color:#8390a5!important;font-size:9px!important;margin-top:2px!important} #sei-modal .sei-product-editor-v151 .sei-add-variation{height:27px!important;padding:0 9px!important;border:1px solid #d5e0ef!important;border-radius:7px!important;background:#fff!important;color:#1769ff!important;font-size:10px!important;font-weight:800!important;cursor:pointer!important;white-space:nowrap!important} #sei-modal .sei-product-editor-v151 .sei-design-list{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:5px!important} #sei-modal .sei-product-editor-v151 .sei-design-card{min-width:0!important;border:1px solid #e0e7f0!important;border-radius:8px!important;background:#fff!important;padding:5px!important;position:relative!important} #sei-modal .sei-product-editor-v151 .sei-design-card-top{display:flex!important;align-items:center!important;gap:4px!important;min-width:0!important;margin-bottom:4px!important} #sei-modal .sei-product-editor-v151 .sei-design-radio{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;width:16px!important;height:16px!important;flex:0 0 16px!important;cursor:pointer!important} #sei-modal .sei-product-editor-v151 .sei-design-name{height:23px!important;min-width:0!important;margin:0!important;padding:0 4px!important;border:0!important;background:transparent!important;border-bottom:1px solid #e1e7ef!important;border-radius:0!important;font-size:9px!important;font-weight:700!important;color:#26364f!important;outline:none!important} #sei-modal .sei-product-editor-v151 .sei-design-name:focus{border-color:#1769ff!important;box-shadow:none!important} #sei-modal .sei-product-editor-v151 .sei-variation-remove{border:0!important;background:transparent!important;color:#a0aec0!important;font-size:14px!important;line-height:1!important;padding:0!important;cursor:pointer!important} #sei-modal .sei-product-editor-v151 .sei-design-preview{height:54px!important;border:1px solid #e5eaf1!important;border-radius:6px!important;background:#f8fafc!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important} #sei-modal .sei-product-editor-v151 .sei-design-thumb{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important} #sei-modal .sei-product-editor-v151 .sei-design-empty{font-size:8px!important;color:#a0aec0!important} #sei-modal .sei-product-editor-v151 .sei-design-upload{height:22px!important;margin-top:4px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;border-radius:5px!important;background:#edf4ff!important;color:#1769ff!important;font-size:8px!important;font-weight:800!important;cursor:pointer!important;position:relative!important} #sei-modal .sei-product-editor-v151 .sei-design-upload svg{width:11px!important;height:11px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important} #sei-modal .sei-product-editor-v151 .sei-design-upload input[type=file]{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important;margin:0!important} #sei-modal .sei-product-editor-v151 .sei-size-list{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:5px!important} #sei-modal .sei-product-editor-v151 .sei-size-card{min-width:0!important;position:relative!important;border:1px solid #e0e7f0!important;border-radius:8px!important;background:#fff!important;padding:5px!important;display:grid!important;grid-template-columns:16px 1fr 12px!important;grid-template-rows:16px 28px!important;gap:3px!important;align-items:center!important} #sei-modal .sei-product-editor-v151 .sei-size-radio{grid-column:1!important;grid-row:1!important;width:16px!important;height:16px!important;position:relative!important;display:flex!important;cursor:pointer!important} #sei-modal .sei-product-editor-v151 .sei-size-name{grid-column:2!important;grid-row:1!important;width:100%!important;height:22px!important;margin:0!important;padding:0 2px!important;border:0!important;border-bottom:1px solid #e1e7ef!important;border-radius:0!important;background:transparent!important;font-size:9px!important;font-weight:800!important;text-align:center!important;outline:none!important} #sei-modal .sei-product-editor-v151 .sei-size-name:focus{border-color:#1769ff!important;box-shadow:none!important} #sei-modal .sei-product-editor-v151 .sei-size-card .sei-variation-remove{grid-column:3!important;grid-row:1!important} #sei-modal .sei-product-editor-v151 .sei-size-preview{grid-column:1/-1!important;grid-row:2!important;display:flex!important;align-items:center!important;justify-content:center!important;height:28px!important;border:1px solid #e1e7ef!important;border-radius:6px!important;color:#19345f!important;font-size:13px!important;font-weight:800!important;background:#f9fbff!important} #sei-modal .sei-product-editor-v151 .sei-pricing-panel .sei-product-price-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important} #sei-modal .sei-product-editor-v151 .sei-pricing-panel #sei-simple-stock-fields{grid-column:1/-1!important;display:grid;grid-template-columns:1fr 1fr!important;gap:10px!important} #sei-modal .sei-product-editor-v151 .sei-variation-summary{margin-top:14px!important;border:1px solid #dce9df!important;border-radius:11px!important;background:#f5fbf7!important;padding:12px!important} #sei-modal .sei-product-editor-v151 .sei-summary-title{font-size:12px!important;font-weight:800!important;color:#15803d!important;margin-bottom:10px!important} #sei-modal .sei-product-editor-v151 .sei-summary-row{display:flex!important;align-items:center!important;justify-content:space-between!important;font-size:11px!important;color:#526176!important;padding:5px 0!important} #sei-modal .sei-product-editor-v151 .sei-summary-row strong{font-size:12px!important;color:#19345f!important} #sei-modal .sei-product-editor-v151 .sei-summary-total{margin-top:6px!important;padding:9px!important;border-radius:9px!important;background:#edf5ff!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important} #sei-modal .sei-product-editor-v151 .sei-summary-total span{display:block!important;font-size:10px!important;color:#526176!important} #sei-modal .sei-product-editor-v151 .sei-summary-total strong{display:block!important;font-size:18px!important;color:#1769ff!important;line-height:1.1!important} #sei-modal .sei-product-editor-v151 .sei-summary-total small{font-size:9px!important;color:#718096!important;text-align:right!important} #sei-modal .sei-product-editor-v151 .sei-product-save-wrap{margin-top:14px!important;padding-top:0!important;flex:0 0 auto!important} #sei-modal .sei-product-editor-v151 .sei-product-save-wrap .sei-product-save{height:44px!important;min-height:44px!important;max-height:44px!important} @media(max-width:1100px){ #sei-modal .sei-product-editor-v151 .sei-design-list{grid-template-columns:repeat(4,minmax(0,1fr))!important} #sei-modal .sei-product-editor-v151 .sei-size-list{grid-template-columns:repeat(3,minmax(0,1fr))!important} } @media(max-width:900px){ #sei-modal .sei-product-editor-v151 .sei-product-editor-grid{grid-template-columns:1fr!important;overflow-y:auto!important} #sei-modal .sei-product-editor-v151 .sei-product-editor-panel{height:auto!important;min-height:0!important;overflow:visible!important} #sei-modal .sei-product-editor-v151 .sei-product-image-panel{overflow:visible!important} #sei-modal .sei-product-editor-v151 .sei-design-list{grid-template-columns:repeat(3,minmax(0,1fr))!important} #sei-modal .sei-product-editor-v151 .sei-size-list{grid-template-columns:repeat(3,minmax(0,1fr))!important} } @media(max-width:600px){ #sei-modal .sei-product-editor-v151 .sei-design-list{grid-template-columns:repeat(2,minmax(0,1fr))!important} #sei-modal .sei-product-editor-v151 .sei-size-list{grid-template-columns:repeat(2,minmax(0,1fr))!important} #sei-modal .sei-product-editor-v151 .sei-product-type-options{gap:10px!important} } #sei-modal .sei-product-editor-v151 .sei-product-image-panel{overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:none!important} #sei-modal .sei-product-editor-v151 .sei-product-image-panel::-webkit-scrollbar{width:0!important;height:0!important} /* StockFlow v2.3.170 - professional variable option workspace */ #sei-modal .sei-product-editor-v151 .sei-product-image-panel{ overflow:hidden!important; min-height:0!important; } #sei-modal .sei-product-editor-v151 .sei-variable-options{ flex:1 1 auto!important; min-height:0!important; overflow-y:auto!important; overflow-x:hidden!important; padding:2px 3px 8px 1px!important; scrollbar-width:thin!important; scrollbar-color:#cbd5e1 transparent!important; } #sei-modal .sei-product-editor-v151 .sei-variable-options::-webkit-scrollbar{width:6px!important;height:6px!important} #sei-modal .sei-product-editor-v151 .sei-variable-options::-webkit-scrollbar-track{background:transparent!important} #sei-modal .sei-product-editor-v151 .sei-variable-options::-webkit-scrollbar-thumb{background:#cbd5e1!important;border-radius:10px!important} #sei-modal .sei-product-editor-v151 .sei-variable-section{ padding:10px!important; border-radius:12px!important; box-shadow:0 1px 3px rgba(15,23,42,.03)!important; } #sei-modal .sei-product-editor-v151 .sei-variable-section-head{ margin-bottom:9px!important; padding:0 1px!important; } #sei-modal .sei-product-editor-v151 .sei-variable-section-head strong{ font-size:13px!important; color:#14213d!important; } #sei-modal .sei-product-editor-v151 .sei-variable-section-head small{ font-size:9px!important; color:#7b879a!important; } #sei-modal .sei-product-editor-v151 .sei-option-count{ color:#1769ff!important; font-weight:800!important; } #sei-modal .sei-product-editor-v151 .sei-add-variation{ height:30px!important; padding:0 11px!important; border:1px solid #b9cdfc!important; border-radius:8px!important; background:#fff!important; color:#1769ff!important; font-size:10px!important; font-weight:800!important; box-shadow:0 1px 2px rgba(23,105,255,.06)!important; } /* Larger design cards with always-visible editable names */ #sei-modal .sei-product-editor-v151 .sei-design-list{ display:flex!important; flex-wrap:nowrap!important; gap:8px!important; overflow-x:auto!important; overflow-y:hidden!important; padding:2px 2px 7px!important; scrollbar-width:thin!important; scrollbar-color:#cbd5e1 transparent!important; } #sei-modal .sei-product-editor-v151 .sei-design-list::-webkit-scrollbar{height:5px!important} #sei-modal .sei-product-editor-v151 .sei-design-list::-webkit-scrollbar-track{background:#eef2f7!important;border-radius:10px!important} #sei-modal .sei-product-editor-v151 .sei-design-list::-webkit-scrollbar-thumb{background:#b8c4d5!important;border-radius:10px!important} #sei-modal .sei-product-editor-v151 .sei-design-card{ flex:0 0 112px!important; width:112px!important; min-width:112px!important; padding:7px!important; border:1px solid #dce4ef!important; border-radius:10px!important; background:#fff!important; box-shadow:0 2px 7px rgba(15,23,42,.04)!important; } #sei-modal .sei-product-editor-v151 .sei-design-card:has(.sei-design-radio input:checked){ border-color:#8eb6ff!important; box-shadow:0 0 0 2px rgba(23,105,255,.08),0 3px 9px rgba(23,105,255,.08)!important; } #sei-modal .sei-product-editor-v151 .sei-design-card-top{ min-height:24px!important; margin-bottom:6px!important; } #sei-modal .sei-product-editor-v151 .sei-design-name{ width:100%!important; height:24px!important; padding:0 5px!important; border:1px solid #e1e7ef!important; border-radius:6px!important; background:#f8fafc!important; font-size:10px!important; font-weight:800!important; color:#1f3150!important; text-align:center!important; box-sizing:border-box!important; } #sei-modal .sei-product-editor-v151 .sei-design-name:focus{ background:#fff!important; border-color:#1769ff!important; box-shadow:0 0 0 2px rgba(23,105,255,.08)!important; } #sei-modal .sei-product-editor-v151 .sei-design-preview{ height:94px!important; border:1px solid #e3e9f2!important; border-radius:8px!important; background:linear-gradient(180deg,#fafcff 0%,#f4f7fb 100%)!important; } #sei-modal .sei-product-editor-v151 .sei-design-thumb{ width:100%!important; height:100%!important; object-fit:contain!important; padding:3px!important; box-sizing:border-box!important; } #sei-modal .sei-product-editor-v151 .sei-design-empty{font-size:9px!important;color:#94a3b8!important} #sei-modal .sei-product-editor-v151 .sei-design-upload{ height:27px!important; margin-top:6px!important; border-radius:6px!important; background:#edf4ff!important; color:#1769ff!important; font-size:9px!important; font-weight:800!important; } #sei-modal .sei-product-editor-v151 .sei-design-upload svg{width:12px!important;height:12px!important} /* Larger, cleaner size cards */ #sei-modal .sei-product-editor-v151 .sei-size-list{ display:flex!important; flex-wrap:nowrap!important; gap:8px!important; overflow-x:auto!important; overflow-y:hidden!important; padding:2px 2px 7px!important; scrollbar-width:thin!important; scrollbar-color:#cbd5e1 transparent!important; } #sei-modal .sei-product-editor-v151 .sei-size-list::-webkit-scrollbar{height:5px!important} #sei-modal .sei-product-editor-v151 .sei-size-list::-webkit-scrollbar-track{background:#eef2f7!important;border-radius:10px!important} #sei-modal .sei-product-editor-v151 .sei-size-list::-webkit-scrollbar-thumb{background:#b8c4d5!important;border-radius:10px!important} #sei-modal .sei-product-editor-v151 .sei-size-card{ flex:0 0 88px!important; width:88px!important; min-width:88px!important; min-height:78px!important; padding:7px!important; border-radius:10px!important; box-shadow:0 2px 7px rgba(15,23,42,.035)!important; } #sei-modal .sei-product-editor-v151 .sei-size-name{ height:24px!important; font-size:10px!important; font-weight:800!important; border:1px solid #e1e7ef!important; border-radius:6px!important; background:#f8fafc!important; } #sei-modal .sei-product-editor-v151 .sei-size-preview{ height:35px!important; font-size:13px!important; border-radius:7px!important; background:#f5f8ff!important; } @media(max-width:900px){ #sei-modal .sei-product-editor-v151 .sei-variable-options{overflow:visible!important;max-height:none!important} #sei-modal .sei-product-editor-v151 .sei-design-card{flex-basis:112px!important} } /* StockFlow v2.3.171 - full product editor window scrolling */ #sei-modal.sei-product-modal-open{ align-items:flex-start!important; justify-content:center!important; overflow-y:auto!important; overflow-x:hidden!important; padding:12px!important; box-sizing:border-box!important; -webkit-overflow-scrolling:touch!important; overscroll-behavior:contain!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card, #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-editor-v151{ width:min(1710px,calc(100vw - 24px))!important; max-width:1710px!important; height:auto!important; min-height:0!important; max-height:none!important; overflow:visible!important; flex:0 0 auto!important; margin:0 auto 12px!important; box-sizing:border-box!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card #sei-product-form, #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-editor-v151 #sei-product-form{ height:auto!important; min-height:0!important; max-height:none!important; overflow:visible!important; } #sei-modal.sei-product-modal-open .sei-product-editor-grid{ min-height:0!important; } #sei-modal.sei-product-modal-open .sei-product-editor-panel{ min-height:560px!important; } @media(max-width:900px){ #sei-modal.sei-product-modal-open{ padding:7px!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card, #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-editor-v151{ width:calc(100vw - 14px)!important; margin-bottom:7px!important; } #sei-modal.sei-product-modal-open .sei-product-editor-panel{ min-height:0!important; } } /* StockFlow v2.3.172 - TRUE full product editor scrolling Override the earlier fixed-height editor viewport rules. The entire modal/card becomes natural-height content and the overlay itself is the scroll container. */ #sei-modal.sei-product-modal-open{ display:flex!important; align-items:flex-start!important; justify-content:center!important; overflow-y:auto!important; overflow-x:hidden!important; padding:8px 12px 24px!important; box-sizing:border-box!important; height:100vh!important; max-height:100vh!important; min-height:0!important; -webkit-overflow-scrolling:touch!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151{ width:min(1710px,calc(100vw - 24px))!important; max-width:1710px!important; height:auto!important; min-height:0!important; max-height:none!important; overflow:visible!important; display:block!important; flex:none!important; margin:0 auto 16px!important; box-sizing:border-box!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 #sei-modal-content{ height:auto!important; min-height:0!important; max-height:none!important; overflow:visible!important; display:block!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 > .sei-product-editor-head{ flex:none!important; height:auto!important; min-height:0!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 > #sei-product-form{ height:auto!important; min-height:0!important; max-height:none!important; overflow:visible!important; display:block!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-grid{ height:auto!important; min-height:0!important; max-height:none!important; overflow:visible!important; display:grid!important; align-items:start!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-panel{ height:auto!important; min-height:0!important; max-height:none!important; overflow:visible!important; align-self:start!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-details-fields{ max-height:none!important; overflow:visible!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-image-panel{ height:auto!important; max-height:none!important; overflow:visible!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-variable-options{ max-height:none!important; overflow:visible!important; } @media(max-width:900px){ #sei-modal.sei-product-modal-open{ padding:6px 7px 18px!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151{ width:calc(100vw - 14px)!important; margin-bottom:10px!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-grid{ grid-template-columns:1fr!important; } } /* StockFlow v2.3.173 - always-visible simple product image preview */ #sei-modal .sei-product-editor-v151 .sei-product-image-panel #sei-product-image-preview{ display:flex!important; width:100%!important; min-height:190px!important; height:190px!important; max-height:none!important; margin-top:10px!important; padding:10px!important; border:1px solid #dfe7f2!important; border-radius:12px!important; background:linear-gradient(180deg,#fbfdff 0%,#f4f7fb 100%)!important; align-items:center!important; justify-content:center!important; box-sizing:border-box!important; overflow:hidden!important; } #sei-modal .sei-product-editor-v151 .sei-product-image-panel #sei-product-image-preview:empty{display:flex!important} #sei-modal .sei-product-editor-v151 .sei-product-image-panel #sei-product-image-preview .sei-upload-preview{ display:block!important; width:100%!important; height:100%!important; max-width:100%!important; max-height:100%!important; object-fit:contain!important; margin:0!important; border:0!important; background:transparent!important; border-radius:10px!important; } #sei-modal .sei-product-editor-v151 .sei-product-image-panel #sei-product-image-preview .sei-image-empty{ display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:5px!important; text-align:center!important; color:#7b879a!important; } #sei-modal .sei-product-editor-v151 .sei-product-image-panel #sei-product-image-preview .sei-image-empty-icon{ width:38px!important;height:38px!important;display:flex!important;align-items:center!important;justify-content:center!important; border-radius:10px!important;background:#eaf2ff!important;color:#1769ff!important;font-size:25px!important;font-weight:800!important; } #sei-modal .sei-product-editor-v151 .sei-product-image-panel #sei-product-image-preview .sei-image-empty strong{font-size:12px!important;color:#334155!important} #sei-modal .sei-product-editor-v151 .sei-product-image-panel #sei-product-image-preview .sei-image-empty small{font-size:9px!important;color:#94a3b8!important} @media(max-width:900px){ #sei-modal .sei-product-editor-v151 .sei-product-image-panel #sei-product-image-preview{height:220px!important;min-height:220px!important} } /* StockFlow v2.3.174 - fix product image preview clipping */ #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-image-panel{ overflow:visible!important; height:auto!important; min-height:0!important; } #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-image-panel #sei-product-image-preview{ position:relative!important; left:auto!important; right:auto!important; top:auto!important; bottom:auto!important; width:100%!important; height:190px!important; min-height:190px!important; max-height:190px!important; margin:10px 0 0!important; padding:8px!important; display:flex!important; align-items:center!important; justify-content:center!important; overflow:hidden!important; box-sizing:border-box!important; } #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-image-panel #sei-product-image-preview .sei-upload-preview{ position:relative!important; width:auto!important; height:auto!important; max-width:100%!important; max-height:174px!important; object-fit:contain!important; object-position:center!important; display:block!important; margin:0 auto!important; border:0!important; background:transparent!important; } #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-image-panel #sei-product-image-preview .sei-image-empty{ display:flex!important; width:100%!important; height:100%!important; align-items:center!important; justify-content:center!important; flex-direction:column!important; } @media(max-width:900px){ #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-image-panel #sei-product-image-preview{ height:220px!important;min-height:220px!important;max-height:220px!important; } } /* StockFlow v2.3.175 - compact modern product editor redesign */ #sei-modal.sei-product-modal-open{background:rgba(8,18,35,.58)!important;backdrop-filter:blur(5px)!important;padding:12px!important} #sei-modal .sei-modal-card.sei-product-modal-card.sei-product-editor-v151{width:min(1480px,calc(100vw - 24px))!important;border:1px solid #e5ebf4!important;border-radius:20px!important;background:#f8fafc!important;box-shadow:0 24px 70px rgba(15,23,42,.25)!important} #sei-modal .sei-product-editor-v151 .sei-product-editor-head{padding:16px 20px 12px!important;background:#fff!important;border-bottom:1px solid #e8edf4!important;display:flex!important;align-items:center!important;justify-content:space-between!important} #sei-modal .sei-product-editor-v151 .sei-product-editor-head h2{font-size:25px!important;line-height:1.1!important;margin:0!important;color:#10233f!important;font-weight:800!important;letter-spacing:-.4px!important} #sei-modal .sei-product-editor-v151 .sei-product-editor-head p{margin:4px 0 0!important;font-size:11px!important;color:#718096!important} #sei-modal .sei-editor-brand{display:flex!important;gap:11px!important;align-items:center!important} #sei-modal .sei-editor-brand-icon{width:36px!important;height:36px!important;border-radius:11px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#1769ff,#6c4cff)!important;color:#fff!important;font-weight:900!important;font-size:18px!important;box-shadow:0 7px 18px rgba(23,105,255,.2)!important} #sei-modal .sei-product-editor-v151 .sei-modal-close{width:38px!important;height:38px!important;border-radius:11px!important;border:1px solid #dfe6f0!important;background:#fff!important;color:#26364d!important;font-size:21px!important} #sei-modal .sei-editor-stepbar{display:flex!important;gap:8px!important;padding:9px 16px!important;background:#fff!important;border-bottom:1px solid #edf1f6!important} #sei-modal .sei-editor-stepbar span{display:flex!important;align-items:center!important;gap:7px!important;padding:7px 12px!important;border-radius:9px!important;background:#f4f7fb!important;color:#718096!important;font-size:10px!important;font-weight:700!important} #sei-modal .sei-editor-stepbar span b{width:21px!important;height:21px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#e2e8f0!important;color:#64748b!important;font-size:10px!important} #sei-modal .sei-editor-stepbar span.active{background:#eef5ff!important;color:#1769ff!important}.sei-editor-stepbar span.active b{background:#1769ff!important;color:#fff!important} #sei-modal .sei-product-editor-v151 .sei-product-editor-grid{display:grid!important;grid-template-columns:minmax(270px,.82fr) minmax(470px,1.38fr) minmax(360px,1fr)!important;gap:12px!important;padding:12px!important;align-items:start!important} #sei-modal .sei-product-editor-v151 .sei-product-editor-panel{background:#fff!important;border:1px solid #e5ebf3!important;border-radius:14px!important;box-shadow:0 3px 12px rgba(15,23,42,.035)!important;min-width:0!important} #sei-modal .sei-product-editor-v151 .sei-product-panel-head{padding:11px 13px!important;border-bottom:1px solid #edf1f6!important;background:#fbfcfe!important;border-radius:14px 14px 0 0!important} #sei-modal .sei-product-editor-v151 .sei-product-panel-title{gap:8px!important}.sei-product-editor-v151 .sei-product-panel-icon{width:27px!important;height:27px!important;border-radius:8px!important;font-size:11px!important;font-weight:900!important;display:flex!important;align-items:center!important;justify-content:center!important;border:0!important}.sei-product-editor-v151 .sei-icon-blue{background:#eaf2ff!important;color:#1769ff!important}.sei-product-editor-v151 .sei-icon-green{background:#e9fbf2!important;color:#16a05d!important}.sei-product-editor-v151 .sei-icon-orange{background:#fff1e6!important;color:#f47b20!important} #sei-modal .sei-product-editor-v151 .sei-product-panel-head strong{font-size:12px!important;color:#152a49!important}.sei-product-editor-v151 .sei-product-panel-head>span{font-size:9px!important;color:#94a3b8!important} #sei-modal .sei-product-editor-v151 .sei-product-details-fields{padding:13px!important;display:flex!important;flex-direction:column!important;gap:9px!important} #sei-modal .sei-product-editor-v151 label{font-size:9px!important;color:#53657d!important;font-weight:700!important}.sei-product-editor-v151 input,.sei-product-editor-v151 select,.sei-product-editor-v151 textarea{font-family:inherit!important;border:1px solid #dbe4ef!important;border-radius:8px!important;background:#fff!important;color:#1e2f48!important;box-shadow:none!important;font-size:11px!important}.sei-product-editor-v151 input,.sei-product-editor-v151 select{height:34px!important;padding:0 9px!important}.sei-product-editor-v151 textarea{padding:8px 9px!important;resize:vertical!important}.sei-product-editor-v151 input:focus,.sei-product-editor-v151 select:focus,.sei-product-editor-v151 textarea:focus{border-color:#6fa0ff!important;box-shadow:0 0 0 3px rgba(23,105,255,.08)!important} #sei-modal .sei-product-editor-v151 .sei-product-type-box{padding:9px!important;border:1px solid #e2e8f0!important;border-radius:10px!important;background:#f9fbfe!important}.sei-product-editor-v151 .sei-field-title{display:block!important;margin-bottom:7px!important;color:#30435e!important}.sei-product-editor-v151 .sei-product-type-options{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}.sei-product-editor-v151 .sei-product-type-options label{height:34px!important;display:flex!important;align-items:center!important;gap:7px!important;padding:0 9px!important;border:1px solid #dfe7f1!important;border-radius:8px!important;background:#fff!important;color:#334155!important}.sei-product-editor-v151 .sei-product-type-options input{width:auto!important;height:auto!important}.sei-product-editor-v151 .sei-product-type-options input:checked+span{background:#1769ff!important;border-color:#1769ff!important} #sei-modal .sei-product-editor-v151 .sei-main-image-row{display:grid!important;grid-template-columns:1fr 120px!important;gap:9px!important;padding:12px 12px 4px!important}.sei-product-editor-v151 .sei-main-image-preview{height:205px!important;border:1px solid #e1e8f2!important;border-radius:11px!important;background:linear-gradient(180deg,#fcfdff,#f4f7fb)!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}.sei-product-editor-v151 .sei-main-image-preview .sei-upload-preview{width:100%!important;height:100%!important;object-fit:contain!important}.sei-product-editor-v151 .sei-product-upload{height:205px!important;border:1px dashed #9dbbff!important;border-radius:11px!important;background:#f5f9ff!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;text-align:center!important;color:#1769ff!important;cursor:pointer!important;padding:8px!important;box-sizing:border-box!important}.sei-product-editor-v151 .sei-product-upload .sei-upload-icon{width:31px!important;height:31px!important;border-radius:9px!important;background:#e5efff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:17px!important;font-weight:900!important}.sei-product-editor-v151 .sei-product-upload strong{font-size:10px!important;color:#1769ff!important}.sei-product-editor-v151 .sei-product-upload small{font-size:8px!important;color:#7b8da6!important}.sei-product-editor-v151 .sei-product-upload input{display:none!important} #sei-modal .sei-product-editor-v151 .sei-variable-options{padding:4px 12px 12px!important}.sei-product-editor-v151 .sei-variable-section{margin-top:9px!important}.sei-product-editor-v151 .sei-variable-section-head{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:7px!important}.sei-product-editor-v151 .sei-variable-section-head strong{font-size:12px!important;color:#172b49!important}.sei-product-editor-v151 .sei-variable-section-head small{display:block!important;margin-top:2px!important;font-size:8px!important;color:#94a3b8!important}.sei-product-editor-v151 .sei-add-variation{height:29px!important;border:1px solid #6c63ff!important;border-radius:8px!important;background:#fff!important;color:#5148df!important;padding:0 10px!important;font-size:9px!important;font-weight:800!important;cursor:pointer!important}.sei-product-editor-v151 .sei-add-variation:hover{background:#f3f1ff!important} #sei-modal .sei-product-editor-v151 .sei-design-list,#sei-modal .sei-product-editor-v151 .sei-size-list{display:flex!important;gap:7px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 1px 5px!important}.sei-product-editor-v151 .sei-design-card{flex:0 0 94px!important;width:94px!important;padding:6px!important;border:1px solid #e1e7f0!important;border-radius:10px!important;background:#fff!important}.sei-product-editor-v151 .sei-design-card:has(input[name="design_choice"]:checked){border-color:#1769ff!important;box-shadow:0 0 0 2px rgba(23,105,255,.08)!important}.sei-product-editor-v151 .sei-design-card-top{display:flex!important;align-items:center!important;gap:4px!important}.sei-product-editor-v151 .sei-design-name{height:25px!important;min-width:0!important;font-size:9px!important;font-weight:800!important;padding:0 6px!important}.sei-product-editor-v151 .sei-design-preview{height:78px!important;border-radius:8px!important;background:#f7f9fc!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;margin:5px 0!important}.sei-product-editor-v151 .sei-design-thumb{width:100%!important;height:100%!important;object-fit:contain!important}.sei-product-editor-v151 .sei-design-upload{height:25px!important;border-radius:6px!important;background:#edf4ff!important;color:#1769ff!important;font-size:8px!important;font-weight:800!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;cursor:pointer!important}.sei-product-editor-v151 .sei-design-upload input{display:none!important}.sei-product-editor-v151 .sei-design-upload svg{width:11px!important;height:11px!important}.sei-product-editor-v151 .sei-size-card{flex:0 0 72px!important;width:72px!important;min-height:61px!important;padding:5px!important;border:1px solid #e1e7f0!important;border-radius:9px!important;background:#fff!important}.sei-product-editor-v151 .sei-size-preview{display:block!important;margin-top:4px!important;padding:6px!important;text-align:center!important;border-radius:6px!important;background:#f4f7fb!important;font-size:11px!important;color:#243650!important} #sei-modal .sei-product-editor-v151 .sei-pricing-panel{padding-bottom:10px!important}.sei-product-editor-v151 .sei-pricing-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;margin:11px 12px 9px!important;border:1px solid #dce5ef!important;border-radius:9px!important;overflow:hidden!important}.sei-product-editor-v151 .sei-pricing-tabs button{height:31px!important;border:0!important;background:#fff!important;color:#64748b!important;font-size:9px!important;font-weight:800!important}.sei-product-editor-v151 .sei-pricing-tabs button.active{background:#1769ff!important;color:#fff!important}.sei-product-editor-v151 #sei-general-pricing{padding:0 12px!important}.sei-product-editor-v151 .sei-product-price-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important}.sei-product-editor-v151 .sei-price-input{display:flex!important;margin-top:4px!important}.sei-product-editor-v151 .sei-price-input span{height:34px!important;padding:0 8px!important;display:flex!important;align-items:center!important;background:#f3f6fa!important;border:1px solid #dbe4ef!important;border-right:0!important;border-radius:8px 0 0 8px!important;color:#64748b!important;font-size:10px!important}.sei-product-editor-v151 .sei-price-input input{border-radius:0 8px 8px 0!important;flex:1!important}.sei-product-editor-v151 #sei-simple-stock-fields{grid-column:1/-1!important}.sei-product-editor-v151 .sei-variation-pricing{padding:0 12px!important}.sei-product-editor-v151 .sei-variation-info{padding:8px 9px!important;border-radius:8px!important;background:#edf7ff!important;color:#315b82!important;font-size:9px!important;margin-bottom:7px!important}.sei-product-editor-v151 .sei-variation-table-wrap{max-height:300px!important;overflow:auto!important;border:1px solid #e0e7ef!important;border-radius:9px!important}.sei-product-editor-v151 #sei-variation-table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;font-size:8px!important}.sei-product-editor-v151 #sei-variation-table th{position:sticky!important;top:0!important;background:#f5f8fc!important;color:#64748b!important;text-align:left!important;font-size:8px!important;padding:7px 5px!important;border-bottom:1px solid #e2e8f0!important;z-index:2!important}.sei-product-editor-v151 #sei-variation-table td{padding:4px!important;border-bottom:1px solid #edf1f5!important;background:#fff!important}.sei-product-editor-v151 .sei-var-chip,.sei-product-editor-v151 .sei-size-chip{display:inline-flex!important;padding:5px 7px!important;border-radius:6px!important;background:#f4f7fb!important;color:#253752!important;font-weight:800!important;white-space:nowrap!important}.sei-product-editor-v151 .sei-var-money{display:flex!important}.sei-product-editor-v151 .sei-var-money span{display:flex!important;align-items:center!important;padding:0 5px!important;background:#f5f7fa!important;border:1px solid #dfe6ef!important;border-right:0!important;border-radius:5px 0 0 5px!important;color:#64748b!important;font-size:7px!important}.sei-product-editor-v151 .sei-var-money input{height:27px!important;min-width:72px!important;border-radius:0 5px 5px 0!important;font-size:8px!important}.sei-product-editor-v151 .sei-var-stock{height:27px!important;width:60px!important;font-size:8px!important}.sei-product-editor-v151 .sei-var-empty{text-align:center!important;padding:15px!important;color:#94a3b8!important} #sei-modal .sei-product-editor-v151 .sei-variation-summary{margin:10px 12px!important;padding:10px!important;border:1px solid #dcefe4!important;border-radius:11px!important;background:linear-gradient(180deg,#f7fff9,#effaf3)!important}.sei-product-editor-v151 .sei-summary-title{font-size:10px!important;font-weight:900!important;color:#16814b!important;margin-bottom:8px!important}.sei-product-editor-v151 .sei-summary-cards{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important}.sei-product-editor-v151 .sei-summary-cards>div{padding:7px 4px!important;text-align:center!important;border-radius:8px!important;background:#fff!important;border:1px solid #e5eee8!important}.sei-product-editor-v151 .sei-summary-cards span{display:block!important;font-size:7px!important;color:#7b8b83!important}.sei-product-editor-v151 .sei-summary-cards strong{display:block!important;margin-top:2px!important;font-size:18px!important;color:#1769ff!important}.sei-product-editor-v151 .sei-summary-total{text-align:center!important;margin-top:6px!important;font-size:8px!important;color:#1769ff!important;font-weight:800!important} #sei-modal .sei-product-editor-v151 .sei-product-save-wrap{display:grid!important;grid-template-columns:110px 1fr!important;gap:8px!important;padding:10px 12px 2px!important;margin-top:auto!important}.sei-product-editor-v151 .sei-product-save-wrap button{height:39px!important;border-radius:9px!important;font-size:10px!important;font-weight:900!important}.sei-product-editor-v151 .sei-product-cancel{border:1px solid #d8e1ec!important;background:#fff!important;color:#334155!important}.sei-product-editor-v151 .sei-product-save{border:0!important;background:linear-gradient(135deg,#1769ff,#276dff)!important;color:#fff!important;box-shadow:0 7px 16px rgba(23,105,255,.18)!important} @media(max-width:1100px){#sei-modal .sei-product-editor-v151 .sei-product-editor-grid{grid-template-columns:1fr 1.2fr!important}.sei-product-editor-v151 .sei-pricing-panel{grid-column:1/-1!important}.sei-product-editor-v151 .sei-variation-table-wrap{max-height:280px!important}} @media(max-width:760px){#sei-modal.sei-product-modal-open{padding:5px!important}.sei-product-editor-v151 .sei-product-editor-grid{grid-template-columns:1fr!important}.sei-product-editor-v151 .sei-main-image-row{grid-template-columns:1fr!important}.sei-product-editor-v151 .sei-product-upload{height:75px!important}.sei-product-editor-v151 .sei-main-image-preview{height:220px!important}.sei-product-editor-v151 .sei-editor-stepbar{overflow-x:auto!important}.sei-product-editor-v151 .sei-editor-stepbar span{white-space:nowrap!important}} /* StockFlow v2.3.177 - safe bottom action bar */ #sei-modal .sei-product-editor-v151 .sei-product-save-wrap{position:sticky!important;bottom:0!important;z-index:100!important;width:100%!important;box-sizing:border-box!important;margin-top:12px!important;padding:10px 16px 12px!important;background:rgba(255,255,255,.98)!important;border-top:1px solid #e6edf5!important;box-shadow:0 -8px 20px rgba(20,45,80,.06)!important} #sei-modal .sei-product-editor-v151 .sei-product-save-wrap button{min-height:42px!important} @media(max-width:760px){#sei-modal .sei-product-editor-v151 .sei-product-save-wrap{grid-template-columns:1fr 1.5fr!important;padding:9px 10px 10px!important}} /* StockFlow v2.3.178 - One-shot modern stacked Product Editor redesign */ #sei-modal .sei-product-editor-v151{ width:calc(100vw - 24px)!important; max-width:1700px!important; height:auto!important; max-height:calc(100vh - 20px)!important; padding:0!important; border-radius:16px!important; overflow-y:auto!important; overflow-x:hidden!important; background:#f7f9fc!important; box-sizing:border-box!important; } #sei-modal .sei-product-editor-v151 .sei-product-editor-head{ position:sticky!important;top:0!important;z-index:30!important; display:flex!important;align-items:center!important;justify-content:space-between!important; padding:18px 24px!important;margin:0!important;border-bottom:1px solid #e5eaf1!important; background:rgba(255,255,255,.97)!important;backdrop-filter:blur(10px)!important; } #sei-modal .sei-product-editor-v151 .sei-editor-brand{display:flex!important;align-items:center!important;gap:13px!important} #sei-modal .sei-product-editor-v151 .sei-editor-brand-icon{width:42px!important;height:42px!important;border-radius:12px!important;background:#1769ff!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:22px!important;box-shadow:0 5px 14px rgba(23,105,255,.18)!important} #sei-modal .sei-product-editor-v151 .sei-product-editor-kicker{font-size:9px!important;font-weight:800!important;letter-spacing:1.3px!important;color:#1769ff!important;display:block!important} #sei-modal .sei-product-editor-v151 .sei-product-editor-head h2{margin:1px 0 1px!important;font-size:24px!important;line-height:1.15!important;color:#152b4b!important;font-weight:800!important} #sei-modal .sei-product-editor-v151 .sei-product-editor-head p{margin:0!important;font-size:11px!important;color:#718096!important} #sei-modal .sei-product-editor-v151 .sei-product-editor-head .sei-modal-close{position:static!important;width:42px!important;height:42px!important;min-width:42px!important;border-radius:11px!important;background:#fff!important;border:1px solid #dce3ee!important;color:#334155!important;font-size:25px!important;display:flex!important;align-items:center!important;justify-content:center!important} #sei-modal .sei-product-editor-v151 form{display:block!important} #sei-modal .sei-product-editor-v151 .sei-product-editor-sections{display:flex!important;flex-direction:column!important;gap:10px!important;padding:10px 14px 88px!important} #sei-modal .sei-product-editor-v151 .sei-editor-section{border:1px solid #dce4ef!important;border-radius:13px!important;background:#fff!important;box-shadow:0 2px 8px rgba(15,23,42,.035)!important;overflow:hidden!important} #sei-modal .sei-product-editor-v151 .sei-section-head{padding:12px 16px!important;border-bottom:1px solid #e6ebf2!important;background:linear-gradient(90deg,#f5f9ff,#fff)!important} #sei-modal .sei-product-editor-v151 .sei-section-title{display:flex!important;align-items:center!important;gap:10px!important} #sei-modal .sei-product-editor-v151 .sei-section-number{width:34px!important;height:34px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;font-weight:900!important;font-size:15px!important;flex:0 0 34px!important} #sei-modal .sei-product-editor-v151 .sei-blue{background:#1769ff!important}.sei-product-editor-v151 .sei-green{background:#22b573!important}.sei-product-editor-v151 .sei-orange{background:#f28a22!important} #sei-modal .sei-product-editor-v151 .sei-section-title strong{display:block!important;color:#172b49!important;font-size:15px!important} #sei-modal .sei-product-editor-v151 .sei-section-title small{display:block!important;margin-top:2px!important;color:#7b8ba1!important;font-size:9px!important} /* 1. Product Details - horizontal */ #sei-modal .sei-product-editor-v151 .sei-details-horizontal{display:grid!important;grid-template-columns:2fr 1.25fr!important;gap:16px!important;padding:14px 16px!important} #sei-modal .sei-product-editor-v151 .sei-details-main{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;align-content:start!important} #sei-modal .sei-product-editor-v151 .sei-details-main .sei-product-type-box{grid-column:1/-1!important} #sei-modal .sei-product-editor-v151 .sei-details-main>label:first-of-type{grid-column:1/-1!important} #sei-modal .sei-product-editor-v151 .sei-details-main .sei-tags-field{grid-column:1/-1!important} #sei-modal .sei-product-editor-v151 .sei-product-type-box{border:1px solid #e0e7ef!important;border-radius:9px!important;padding:8px 10px!important;background:#f9fbfe!important} #sei-modal .sei-product-editor-v151 .sei-field-title{display:block!important;margin-bottom:6px!important;font-size:9px!important;font-weight:800!important;color:#53647b!important} #sei-modal .sei-product-editor-v151 .sei-product-type-options{display:flex!important;gap:8px!important} #sei-modal .sei-product-editor-v151 .sei-product-type-options label{height:32px!important;display:flex!important;align-items:center!important;gap:7px!important;padding:0 11px!important;border:1px solid #dbe3ef!important;border-radius:8px!important;background:#fff!important;color:#243956!important;font-size:10px!important;font-weight:700!important;cursor:pointer!important;flex:1!important} #sei-modal .sei-product-editor-v151 .sei-product-type-options input{accent-color:#1769ff!important;margin:0!important} #sei-modal .sei-product-editor-v151 .sei-details-horizontal label{display:block!important;font-size:9px!important;font-weight:750!important;color:#53647b!important} #sei-modal .sei-product-editor-v151 .sei-details-horizontal input,#sei-modal .sei-product-editor-v151 .sei-details-horizontal select,#sei-modal .sei-product-editor-v151 .sei-details-horizontal textarea{width:100%!important;box-sizing:border-box!important;margin-top:4px!important;border:1px solid #d9e1ec!important;border-radius:8px!important;background:#fff!important;color:#1e3352!important;font-size:10px!important;padding:0 9px!important;height:32px!important;outline:none!important} #sei-modal .sei-product-editor-v151 .sei-details-horizontal textarea{height:91px!important;min-height:91px!important;padding:9px!important;resize:vertical!important;line-height:1.45!important} #sei-modal .sei-product-editor-v151 .sei-details-horizontal input:focus,#sei-modal .sei-product-editor-v151 .sei-details-horizontal select:focus,#sei-modal .sei-product-editor-v151 .sei-details-horizontal textarea:focus{border-color:#1769ff!important;box-shadow:0 0 0 2px rgba(23,105,255,.08)!important} #sei-modal .sei-product-editor-v151 .sei-tags-field small{font-weight:500!important;color:#94a3b8!important} #sei-modal .sei-product-editor-v151 .sei-details-description{display:flex!important;flex-direction:column!important;gap:9px!important} #sei-modal .sei-product-editor-v151 .sei-details-description>label{font-size:9px!important;font-weight:750!important;color:#53647b!important} #sei-modal .sei-product-editor-v151 .sei-extra-fields{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:8px!important} #sei-modal .sei-product-editor-v151 .sei-extra-fields label{font-size:8px!important} /* 2. Images + designs + sizes + summary */ #sei-modal .sei-product-editor-v151 .sei-media-layout{display:grid!important;grid-template-columns:1.05fr 2fr .95fr!important;gap:12px!important;padding:12px 16px 14px!important;align-items:stretch!important} #sei-modal .sei-product-editor-v151 .sei-main-image-box,#sei-modal .sei-product-editor-v151 .sei-options-box,#sei-modal .sei-product-editor-v151 .sei-variation-summary{border:1px solid #e1e8f0!important;border-radius:11px!important;background:#fff!important;padding:10px!important;box-sizing:border-box!important} #sei-modal .sei-product-editor-v151 .sei-subhead{display:flex!important;align-items:baseline!important;gap:7px!important;margin-bottom:7px!important} #sei-modal .sei-product-editor-v151 .sei-subhead strong{font-size:11px!important;color:#1b3355!important}.sei-product-editor-v151 .sei-subhead small{font-size:8px!important;color:#94a3b8!important} #sei-modal .sei-product-editor-v151 .sei-main-image-row{display:grid!important;grid-template-columns:1.25fr .75fr!important;gap:8px!important} #sei-modal .sei-product-editor-v151 .sei-product-image-panel .sei-main-image-preview{height:205px!important;min-height:205px!important;margin:0!important;padding:6px!important;border:1px solid #e1e7ef!important;border-radius:9px!important;background:#f8fafc!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;box-sizing:border-box!important} #sei-modal .sei-product-editor-v151 .sei-product-image-panel .sei-main-image-preview .sei-upload-preview{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;border:0!important;border-radius:7px!important;background:#fff!important} #sei-modal .sei-product-editor-v151 .sei-product-upload{min-height:205px!important;border:1px dashed #a9c8ff!important;border-radius:9px!important;background:#f7fbff!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:6px!important;cursor:pointer!important;text-align:center!important;position:relative!important} #sei-modal .sei-product-editor-v151 .sei-product-upload .sei-upload-icon{width:34px!important;height:34px!important;border-radius:9px!important;background:#e7f0ff!important;color:#1769ff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:18px!important} #sei-modal .sei-product-editor-v151 .sei-product-upload strong{font-size:10px!important;color:#1769ff!important}.sei-product-editor-v151 .sei-product-upload small{font-size:8px!important;color:#7b8ba1!important} #sei-modal .sei-product-editor-v151 .sei-product-upload input[type=file]{position:absolute!important;inset:0!important;opacity:0!important;width:100%!important;height:100%!important;cursor:pointer!important} #sei-modal .sei-product-editor-v151 .sei-variable-options{margin:0!important;display:flex;flex-direction:column!important;gap:9px!important} #sei-modal .sei-product-editor-v151 .sei-variable-section{border:1px solid #e2e8f0!important;border-radius:10px!important;padding:8px!important;background:#fff!important} #sei-modal .sei-product-editor-v151 .sei-design-section{background:#fffafd!important}.sei-product-editor-v151 .sei-size-section{background:#f9fbff!important} #sei-modal .sei-product-editor-v151 .sei-variable-section-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin-bottom:7px!important} #sei-modal .sei-product-editor-v151 .sei-variable-section-head strong{font-size:11px!important;color:#19345f!important}.sei-product-editor-v151 .sei-variable-section-head small{display:block!important;margin-top:2px!important;font-size:8px!important;color:#8b98aa!important} #sei-modal .sei-product-editor-v151 .sei-add-variation{height:28px!important;padding:0 10px!important;border:1px solid #7b68ee!important;border-radius:7px!important;background:#fff!important;color:#5148df!important;font-size:9px!important;font-weight:800!important;cursor:pointer!important;white-space:nowrap!important} #sei-modal .sei-product-editor-v151 .sei-design-list{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:6px!important} #sei-modal .sei-product-editor-v151 .sei-design-card{min-width:0!important;border:1px solid #e0e7f0!important;border-radius:8px!important;background:#fff!important;padding:5px!important;position:relative!important} #sei-modal .sei-product-editor-v151 .sei-design-card-top{display:flex!important;align-items:center!important;gap:4px!important;margin-bottom:4px!important} #sei-modal .sei-product-editor-v151 .sei-design-name{height:23px!important;min-width:0!important;width:100%!important;margin:0!important;padding:0 3px!important;border:0!important;border-bottom:1px solid #e1e7ef!important;background:transparent!important;font-size:9px!important;font-weight:700!important;color:#26364f!important} #sei-modal .sei-product-editor-v151 .sei-design-preview{height:62px!important;border:1px solid #e5eaf1!important;border-radius:6px!important;background:#f8fafc!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important} #sei-modal .sei-product-editor-v151 .sei-design-thumb{width:100%!important;height:100%!important;object-fit:contain!important;display:block!important} #sei-modal .sei-product-editor-v151 .sei-design-upload{height:21px!important;margin-top:4px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:5px!important;background:#edf4ff!important;color:#1769ff!important;font-size:8px!important;font-weight:800!important;cursor:pointer!important;position:relative!important} #sei-modal .sei-product-editor-v151 .sei-design-upload input[type=file]{position:absolute!important;inset:0!important;opacity:0!important;width:100%!important;height:100%!important;cursor:pointer!important} #sei-modal .sei-product-editor-v151 .sei-size-list{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:6px!important} #sei-modal .sei-product-editor-v151 .sei-size-card{min-width:0!important;position:relative!important;border:1px solid #e0e7f0!important;border-radius:8px!important;background:#fff!important;padding:5px!important;display:grid!important;grid-template-columns:16px 1fr 12px!important;grid-template-rows:16px 28px!important;gap:3px!important;align-items:center!important} #sei-modal .sei-product-editor-v151 .sei-size-name{width:100%!important;height:22px!important;padding:0 2px!important;border:0!important;border-bottom:1px solid #e1e7ef!important;background:transparent!important;font-size:9px!important;font-weight:800!important;text-align:center!important} #sei-modal .sei-product-editor-v151 .sei-size-preview{grid-column:1/-1!important;grid-row:2!important;display:flex!important;align-items:center!important;justify-content:center!important;height:28px!important;border:1px solid #e1e7ef!important;border-radius:6px!important;color:#19345f!important;font-size:12px!important;font-weight:800!important;background:#f9fbff!important} #sei-modal .sei-product-editor-v151 .sei-variation-summary{margin:0!important;border-color:#dcefe4!important;background:linear-gradient(180deg,#f7fff9,#effaf3)!important} #sei-modal .sei-product-editor-v151 .sei-summary-title{font-size:11px!important;font-weight:900!important;color:#16814b!important;margin-bottom:9px!important} #sei-modal .sei-product-editor-v151 .sei-summary-cards{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important} #sei-modal .sei-product-editor-v151 .sei-summary-cards>div{padding:10px 5px!important;text-align:center!important;border-radius:8px!important;background:#fff!important;border:1px solid #e4eee8!important} #sei-modal .sei-product-editor-v151 .sei-summary-cards span{display:block!important;font-size:7px!important;color:#7b8b83!important}.sei-product-editor-v151 .sei-summary-cards strong{display:block!important;margin-top:2px!important;font-size:20px!important;color:#1769ff!important} #sei-modal .sei-product-editor-v151 .sei-summary-total{margin-top:7px!important;padding:9px!important;border-radius:8px!important;background:#edf5ff!important;text-align:center!important;color:#1769ff!important;font-size:8px!important;font-weight:800!important} /* 3. Pricing */ #sei-modal .sei-product-editor-v151 .sei-section-pricing{overflow:visible!important} #sei-modal .sei-product-editor-v151 .sei-pricing-tabs{display:grid!important;grid-template-columns:1fr 1fr!important;margin:12px 16px 9px!important;border:1px solid #dce5ef!important;border-radius:8px!important;overflow:hidden!important} #sei-modal .sei-product-editor-v151 .sei-pricing-tabs button{height:34px!important;border:0!important;background:#fff!important;color:#64748b!important;font-size:10px!important;font-weight:800!important;cursor:pointer!important}.sei-product-editor-v151 .sei-pricing-tabs button.active{background:#1769ff!important;color:#fff!important} #sei-modal .sei-product-editor-v151 #sei-general-pricing{padding:0 16px 14px!important}.sei-product-editor-v151 .sei-product-price-grid{display:grid!important;grid-template-columns:1fr 1fr 1.5fr!important;gap:10px!important} #sei-modal .sei-product-editor-v151 .sei-pricing-panel label{font-size:9px!important;font-weight:750!important;color:#53647b!important}.sei-product-editor-v151 .sei-price-input{display:flex!important;margin-top:4px!important}.sei-product-editor-v151 .sei-price-input span{height:34px!important;padding:0 8px!important;display:flex!important;align-items:center!important;background:#f3f6fa!important;border:1px solid #dbe4ef!important;border-right:0!important;border-radius:8px 0 0 8px!important;color:#64748b!important;font-size:9px!important}.sei-product-editor-v151 .sei-price-input input{height:34px!important;flex:1!important;border-radius:0 8px 8px 0!important;border:1px solid #dbe4ef!important;font-size:10px!important;padding:0 8px!important} #sei-modal .sei-product-editor-v151 #sei-simple-stock-fields{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}.sei-product-editor-v151 #sei-simple-stock-fields input{height:34px!important;margin-top:4px!important;width:100%!important;border:1px solid #dbe4ef!important;border-radius:8px!important;padding:0 8px!important;box-sizing:border-box!important} #sei-modal .sei-product-editor-v151 .sei-variation-pricing{padding:0 16px 15px!important}.sei-product-editor-v151 .sei-variation-toolbar{display:flex!important;align-items:center!important;gap:8px!important;margin-bottom:8px!important}.sei-product-editor-v151 .sei-variation-info{flex:1!important;padding:8px 10px!important;border-radius:8px!important;background:#edf7ff!important;color:#315b82!important;font-size:9px!important}.sei-product-editor-v151 .sei-autofill-prices{height:31px!important;padding:0 12px!important;border:1px solid #1769ff!important;border-radius:7px!important;background:#fff!important;color:#1769ff!important;font-size:9px!important;font-weight:800!important;cursor:pointer!important} #sei-modal .sei-product-editor-v151 .sei-variation-table-wrap{max-height:360px!important;overflow:auto!important;border:1px solid #e0e7ef!important;border-radius:9px!important} #sei-modal .sei-product-editor-v151 #sei-variation-table{width:100%!important;min-width:900px!important;border-collapse:separate!important;border-spacing:0!important;font-size:9px!important}.sei-product-editor-v151 #sei-variation-table th{position:sticky!important;top:0!important;background:#f5f8fc!important;color:#53647b!important;text-align:left!important;font-size:8px!important;padding:8px 6px!important;border-bottom:1px solid #e2e8f0!important;z-index:2!important}.sei-product-editor-v151 #sei-variation-table td{padding:5px!important;border-bottom:1px solid #edf1f5!important;background:#fff!important}.sei-product-editor-v151 #sei-variation-table input{height:29px!important;border:1px solid #dfe6ef!important;border-radius:6px!important;font-size:9px!important;padding:0 6px!important;box-sizing:border-box!important}.sei-product-editor-v151 .sei-var-money{display:flex!important}.sei-product-editor-v151 .sei-var-money span{display:flex!important;align-items:center!important;padding:0 5px!important;background:#f5f7fa!important;border:1px solid #dfe6ef!important;border-right:0!important;border-radius:5px 0 0 5px!important;color:#64748b!important;font-size:7px!important}.sei-product-editor-v151 .sei-var-money input{border-radius:0 5px 5px 0!important;min-width:88px!important}.sei-product-editor-v151 .sei-var-stock{width:70px!important} /* Bottom functional action bar */ #sei-modal .sei-product-editor-v151 .sei-product-action-bar{position:sticky!important;bottom:0!important;z-index:35!important;display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:10px!important;padding:12px 18px!important;border-top:1px solid #dfe6ef!important;background:rgba(255,255,255,.98)!important;box-shadow:0 -5px 15px rgba(15,23,42,.07)!important} #sei-modal .sei-product-editor-v151 .sei-product-action-bar .sei-secondary,#sei-modal .sei-product-editor-v151 .sei-product-action-bar .sei-primary{height:42px!important;border-radius:9px!important;font-size:11px!important;font-weight:800!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important} #sei-modal .sei-product-editor-v151 .sei-product-action-bar .sei-secondary{min-width:110px!important;background:#fff!important;border:1px solid #d5deea!important;color:#26364f!important}.sei-product-editor-v151 .sei-product-action-bar .sei-primary{min-width:175px!important;border:0!important;background:#1769ff!important;color:#fff!important;box-shadow:0 5px 14px rgba(23,105,255,.18)!important}.sei-product-editor-v151 .sei-product-action-bar .sei-primary span{margin-right:6px!important} /* old per-panel save area is intentionally hidden because actions are global */ #sei-modal .sei-product-editor-v151 .sei-product-save-wrap{display:none!important} @media(max-width:1100px){ #sei-modal .sei-product-editor-v151 .sei-details-horizontal{grid-template-columns:1fr!important} #sei-modal .sei-product-editor-v151 .sei-media-layout{grid-template-columns:1fr 1.7fr!important} #sei-modal .sei-product-editor-v151 .sei-variation-summary{grid-column:1/-1!important} } @media(max-width:760px){ #sei-modal .sei-product-editor-v151{width:calc(100vw - 10px)!important;max-height:calc(100vh - 10px)!important} #sei-modal .sei-product-editor-v151 .sei-product-editor-head{padding:13px 14px!important}.sei-product-editor-v151 .sei-product-editor-head h2{font-size:19px!important} #sei-modal .sei-product-editor-v151 .sei-product-editor-sections{padding:8px 8px 76px!important} #sei-modal .sei-product-editor-v151 .sei-details-main{grid-template-columns:1fr 1fr!important} #sei-modal .sei-product-editor-v151 .sei-details-main .sei-product-type-box,#sei-modal .sei-product-editor-v151 .sei-details-main>label:first-of-type,#sei-modal .sei-product-editor-v151 .sei-details-main .sei-tags-field{grid-column:1/-1!important} #sei-modal .sei-product-editor-v151 .sei-media-layout{grid-template-columns:1fr!important} #sei-modal .sei-product-editor-v151 .sei-design-list{grid-template-columns:repeat(3,minmax(0,1fr))!important}.sei-product-editor-v151 .sei-size-list{grid-template-columns:repeat(3,minmax(0,1fr))!important} #sei-modal .sei-product-editor-v151 .sei-product-price-grid{grid-template-columns:1fr!important}.sei-product-editor-v151 #sei-simple-stock-fields{grid-template-columns:1fr 1fr!important} #sei-modal .sei-product-editor-v151 .sei-product-action-bar{padding:10px!important}.sei-product-editor-v151 .sei-product-action-bar .sei-secondary{min-width:100px!important}.sei-product-editor-v151 .sei-product-action-bar .sei-primary{min-width:150px!important} } /* StockFlow v2.3.179 - Product editor header/actions reliability */ #sei-modal .sei-product-editor-v151 .sei-product-editor-head{ position:static!important; top:auto!important; z-index:auto!important; flex:0 0 auto!important; height:auto!important; min-height:0!important; max-height:none!important; background:#fff!important; backdrop-filter:none!important; } #sei-modal .sei-product-editor-v151 .sei-product-action-bar{ position:sticky!important; bottom:0!important; top:auto!important; z-index:50!important; pointer-events:auto!important; } #sei-modal .sei-product-editor-v151 .sei-product-action-bar button{ pointer-events:auto!important; position:relative!important; z-index:51!important; } #sei-modal .sei-product-editor-v151 .sei-product-editor-head .sei-modal-close{ position:static!important; pointer-events:auto!important; cursor:pointer!important; } /* StockFlow v2.3.180 - Product editor close/reset + non-sticky header */ #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 > .sei-product-editor-head{position:relative!important;top:auto!important;bottom:auto!important;inset:auto!important;z-index:1!important;flex:0 0 auto!important;} #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 > .sei-modal-close{display:none!important;} #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-head .sei-modal-close{display:flex!important;position:static!important;} #sei-modal:not(.open){display:none!important;} #sei-modal.open.sei-product-modal-open{display:flex!important;} #sei-modal .sei-product-editor-v151 .sei-product-action-bar{position:sticky!important;bottom:0!important;} /* StockFlow v2.3.181 - definitive product editor header/close cleanup */ #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-head{ position:static!important; top:auto!important; bottom:auto!important; left:auto!important; right:auto!important; inset:auto!important; z-index:1!important; transform:none!important; flex:none!important; align-self:stretch!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-head .sei-modal-close{ position:static!important; display:inline-flex!important; visibility:visible!important; opacity:1!important; pointer-events:auto!important; z-index:2!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 > .sei-modal-close{display:none!important;} /* StockFlow v2.3.182 - Product editor single close button + true non-sticky header */ #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151{ overflow:auto!important; position:relative!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 > .sei-modal-close{ display:none!important; visibility:hidden!important; width:0!important;height:0!important; padding:0!important;margin:0!important;border:0!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-head{ position:relative!important; top:auto!important;left:auto!important;right:auto!important;bottom:auto!important; inset:auto!important; z-index:1!important; display:flex!important; flex:0 0 auto!important; transform:none!important; box-shadow:none!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-head .sei-product-editor-close{ display:inline-flex!important; position:static!important; width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important; align-items:center!important;justify-content:center!important; padding:0!important;margin:0 0 0 auto!important; border:1px solid #d9e2ef!important;border-radius:10px!important; background:#fff!important;color:#334155!important; font-size:22px!important;line-height:1!important; cursor:pointer!important;pointer-events:auto!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-head .sei-product-editor-close:hover{background:#f5f8fc!important;color:#1769ff!important;border-color:#bfd5ff!important;} #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-head .sei-modal-close{display:none!important;} #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-sections{overflow:visible!important;} /* StockFlow v2.3.183 - Product Details compact alignment */ #sei-modal .sei-product-editor-v151 .sei-section-title{justify-content:flex-start!important;align-items:center!important;text-align:left!important} #sei-modal .sei-product-editor-v151 .sei-section-head{display:block!important} #sei-modal .sei-product-editor-v151 .sei-details-horizontal{grid-template-columns:minmax(0,2fr) minmax(300px,1.25fr)!important;gap:14px!important;padding:13px 16px!important} #sei-modal .sei-product-editor-v151 .sei-details-main{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important} #sei-modal .sei-product-editor-v151 .sei-details-main>label:first-of-type{grid-column:1/-1!important} #sei-modal .sei-product-editor-v151 .sei-details-main .sei-product-type-box{padding:8px 10px!important} #sei-modal .sei-product-editor-v151 .sei-details-horizontal input,#sei-modal .sei-product-editor-v151 .sei-details-horizontal select{height:32px!important} #sei-modal .sei-product-editor-v151 .sei-details-horizontal textarea{height:104px!important;min-height:104px!important} #sei-modal .sei-product-editor-v151 .sei-details-description{gap:8px!important} #sei-modal .sei-product-editor-v151 .sei-details-description>label{display:block!important} #sei-modal .sei-product-editor-v151 .sei-details-main>label:nth-of-type(6),#sei-modal .sei-product-editor-v151 .sei-details-main>label:nth-of-type(7),#sei-modal .sei-product-editor-v151 .sei-details-main>label:nth-of-type(8){min-width:0!important} @media(max-width:900px){#sei-modal .sei-product-editor-v151 .sei-details-horizontal{grid-template-columns:1fr!important}.sei-product-editor-v151 .sei-details-main{grid-template-columns:repeat(2,minmax(0,1fr))!important}} /* StockFlow v2.3.186 - Product Details alignment + non-sticky editor header */ #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 > .sei-product-editor-head, #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-head{ position:relative!important; top:auto!important;right:auto!important;bottom:auto!important;left:auto!important; inset:auto!important; position:relative!important; display:flex!important; align-items:flex-start!important; justify-content:space-between!important; flex:0 0 auto!important; z-index:auto!important; transform:none!important; box-shadow:none!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-head{ display:block!important; width:100%!important; text-align:left!important; box-sizing:border-box!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-title{ display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:10px!important; width:100%!important; margin:0!important; text-align:left!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-title > div{ display:block!important; margin:0!important; text-align:left!important; flex:0 0 auto!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-title strong, #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-title small{ text-align:left!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-number{ flex:0 0 34px!important; width:34px!important;height:34px!important; display:inline-flex!important; align-items:center!important;justify-content:center!important; } /* Product Details: compact, balanced desktop layout */ #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-details .sei-details-horizontal{ grid-template-columns:minmax(0,2fr) minmax(300px,1.25fr)!important; gap:14px!important; padding:13px 16px!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-details .sei-details-main{ grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:8px!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-details .sei-details-main .sei-product-type-box, #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-details .sei-details-main > label:first-of-type{ grid-column:1/-1!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-details .sei-details-main > label:nth-of-type(6), #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-details .sei-details-main > label:nth-of-type(7), #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-details .sei-details-main > label:nth-of-type(8){ min-width:0!important; } @media(max-width:900px){ #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-details .sei-details-horizontal{grid-template-columns:1fr!important;} #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-details .sei-details-main{grid-template-columns:1fr 1fr!important;} } /* StockFlow v2.3.187 - Product Details polished visual design */ #sei-modal .sei-section-details .sei-section-head{display:flex!important;align-items:center!important;justify-content:flex-start!important;text-align:left!important;padding:14px 18px!important;} #sei-modal .sei-section-details .sei-section-title{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:11px!important;width:100%!important;text-align:left!important;} #sei-modal .sei-section-details .sei-section-title>div{display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:left!important;} #sei-modal .sei-section-details .sei-section-title strong{font-size:16px!important;line-height:1.2!important;text-align:left!important;} #sei-modal .sei-section-details .sei-section-title small{font-size:11px!important;line-height:1.3!important;text-align:left!important;} #sei-modal .sei-details-polished{grid-template-columns:minmax(0,2fr) minmax(300px,1fr)!important;gap:16px!important;padding:16px!important;} #sei-modal .sei-details-polished .sei-details-main{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;align-items:start!important;} #sei-modal .sei-details-polished .sei-product-type-box{grid-column:1/-1!important;padding:10px 12px!important;border:1px solid #dbe5f2!important;border-radius:12px!important;background:#f8fbff!important;} #sei-modal .sei-details-polished .sei-product-type-options{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:7px!important;} #sei-modal .sei-details-polished .sei-product-type-options>label{position:relative!important;display:flex!important;align-items:center!important;gap:10px!important;min-height:66px!important;padding:10px 14px!important;border:1px solid #d6e0ed!important;border-radius:10px!important;background:#fff!important;cursor:pointer!important;box-sizing:border-box!important;} #sei-modal .sei-details-polished .sei-product-type-options>label:has(input:checked){border-color:#2877f5!important;background:#f2f7ff!important;box-shadow:0 0 0 2px rgba(40,119,245,.08)!important;} #sei-modal .sei-details-polished .sei-product-type-options>label>input{position:absolute!important;opacity:0!important;pointer-events:none!important;} #sei-modal .sei-details-polished .sei-type-radio{width:17px!important;height:17px!important;border:1.5px solid #9fb0c5!important;border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 17px!important;} #sei-modal .sei-details-polished .sei-product-type-options>label:has(input:checked) .sei-type-radio{border-color:#2877f5!important;box-shadow:inset 0 0 0 4px #fff!important;background:#2877f5!important;} #sei-modal .sei-details-polished .sei-type-icon{width:30px!important;height:30px!important;border-radius:8px!important;background:#edf4ff!important;color:#2877f5!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:18px!important;} #sei-modal .sei-details-polished .sei-type-copy{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important;} #sei-modal .sei-details-polished .sei-type-copy b{font-size:13px!important;color:#18345c!important;} #sei-modal .sei-details-polished .sei-type-copy small{font-size:10px!important;color:#7890ad!important;} #sei-modal .sei-details-polished .sei-details-main>label{display:flex!important;flex-direction:column!important;gap:5px!important;min-width:0!important;} #sei-modal .sei-details-polished .sei-details-main>label:nth-of-type(1){grid-column:1/-1!important;} #sei-modal .sei-details-polished .sei-details-main>label:nth-of-type(6){grid-column:1/span 2!important;} #sei-modal .sei-details-polished .sei-details-main>label:nth-of-type(7){grid-column:3/span 1!important;} #sei-modal .sei-details-polished .sei-details-main>label:nth-of-type(8){grid-column:4/span 1!important;} #sei-modal .sei-field-label{display:flex!important;align-items:center!important;gap:6px!important;font-size:11px!important;font-weight:600!important;color:#344b6b!important;line-height:1.2!important;} #sei-modal .sei-field-icon{font-style:normal!important;color:#347cf5!important;font-size:12px!important;width:15px!important;text-align:center!important;} #sei-modal .sei-status-dot{width:8px!important;height:8px!important;border-radius:50%!important;background:#20b46a!important;display:inline-block!important;box-shadow:0 0 0 3px #e7f8ef!important;} #sei-modal .sei-details-polished .sei-details-main input,#sei-modal .sei-details-polished .sei-details-main select{min-height:38px!important;border-radius:9px!important;border:1px solid #d6e1ee!important;padding:8px 10px!important;background:#fff!important;color:#18345c!important;box-sizing:border-box!important;} #sei-modal .sei-details-polished .sei-details-description{display:flex!important;align-items:stretch!important;} #sei-modal .sei-details-polished .sei-details-description>label{display:flex!important;flex-direction:column!important;gap:7px!important;width:100%!important;position:relative!important;} #sei-modal .sei-details-polished .sei-details-description textarea{width:100%!important;min-height:145px!important;resize:vertical!important;border:1px solid #d6e1ee!important;border-radius:11px!important;padding:12px!important;box-sizing:border-box!important;font-size:12px!important;color:#18345c!important;background:#fff!important;} #sei-modal .sei-description-count{display:block!important;text-align:right!important;color:#8799b0!important;font-size:10px!important;margin-top:-3px!important;} @media(max-width:900px){#sei-modal .sei-details-polished{grid-template-columns:1fr!important;}#sei-modal .sei-details-polished .sei-details-main{grid-template-columns:1fr 1fr!important;}#sei-modal .sei-details-polished .sei-details-main>label:nth-of-type(6),#sei-modal .sei-details-polished .sei-details-main>label:nth-of-type(7),#sei-modal .sei-details-polished .sei-details-main>label:nth-of-type(8){grid-column:auto!important;}} /* StockFlow v2.3.188 - Product Details final visual correction */ #sei-modal.sei-product-modal-open .sei-section-details .sei-section-head, #sei-modal.sei-product-modal-open .sei-section-details .sei-section-title{ display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:flex-start!important; text-align:left!important; margin:0!important; width:100%!important; box-sizing:border-box!important; } #sei-modal.sei-product-modal-open .sei-section-details .sei-section-head{padding:14px 18px!important;} #sei-modal.sei-product-modal-open .sei-section-details .sei-section-title>div{display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:left!important;flex:0 1 auto!important;} #sei-modal.sei-product-modal-open .sei-section-details .sei-section-title strong, #sei-modal.sei-product-modal-open .sei-section-details .sei-section-title small{display:block!important;text-align:left!important;margin:0!important;} #sei-modal.sei-product-modal-open .sei-section-details .sei-details-polished{grid-template-columns:minmax(0,2fr) minmax(360px,1fr)!important;gap:16px!important;} #sei-modal.sei-product-modal-open .sei-section-details .sei-details-main{min-width:0!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;} #sei-modal.sei-product-modal-open .sei-section-details .sei-product-type-options{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;} #sei-modal.sei-product-modal-open .sei-section-details .sei-product-type-options>label{min-width:0!important;width:100%!important;overflow:hidden!important;} #sei-modal.sei-product-modal-open .sei-section-details .sei-product-type-options>label>input{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important;margin:0!important;pointer-events:none!important;} #sei-modal.sei-product-modal-open .sei-section-details .sei-type-radio{flex:0 0 17px!important;} #sei-modal.sei-product-modal-open .sei-section-details .sei-type-icon{flex:0 0 30px!important;} #sei-modal.sei-product-modal-open .sei-section-details .sei-type-copy{flex:1 1 auto!important;min-width:0!important;white-space:normal!important;overflow:visible!important;} #sei-modal.sei-product-modal-open .sei-section-details .sei-type-copy b{display:block!important;white-space:nowrap!important;line-height:1.25!important;} #sei-modal.sei-product-modal-open .sei-section-details .sei-type-copy small{display:block!important;white-space:normal!important;line-height:1.3!important;max-width:none!important;} #sei-modal.sei-product-modal-open .sei-section-details .sei-details-description textarea{min-height:120px!important;} #sei-modal.sei-product-modal-open .sei-section-details .sei-details-main>label:nth-of-type(6){grid-column:1/span 1!important;} #sei-modal.sei-product-modal-open .sei-section-details .sei-details-main>label:nth-of-type(7){grid-column:2/span 1!important;} #sei-modal.sei-product-modal-open .sei-section-details .sei-details-main>label:nth-of-type(8){grid-column:3/span 1!important;} @media(max-width:900px){ #sei-modal.sei-product-modal-open .sei-section-details .sei-details-polished{grid-template-columns:1fr!important;} #sei-modal.sei-product-modal-open .sei-section-details .sei-details-main{grid-template-columns:1fr 1fr!important;} #sei-modal.sei-product-modal-open .sei-section-details .sei-details-main>label:nth-of-type(6),#sei-modal.sei-product-modal-open .sei-section-details .sei-details-main>label:nth-of-type(7),#sei-modal.sei-product-modal-open .sei-section-details .sei-details-main>label:nth-of-type(8){grid-column:auto!important;} } /* StockFlow v2.3.189 - FINAL PRODUCT DETAILS CLEAN OVERRIDES */ #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151{ position:relative!important; overflow:auto!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 > .sei-modal-close{ display:none!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-editor-head{ position:relative!important; top:auto!important;right:auto!important;bottom:auto!important;left:auto!important; inset:auto!important; display:flex!important; align-items:flex-start!important; justify-content:space-between!important; z-index:1!important; transform:none!important; box-shadow:none!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-details .sei-section-head{ display:flex!important; align-items:center!important; justify-content:flex-start!important; width:100%!important; padding:14px 18px!important; box-sizing:border-box!important; text-align:left!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-details .sei-section-title{ display:flex!important; flex-direction:row!important; align-items:center!important; justify-content:flex-start!important; gap:11px!important; width:auto!important; margin:0!important; text-align:left!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-details .sei-section-title>div{ display:flex!important; flex-direction:column!important; align-items:flex-start!important; justify-content:center!important; margin:0!important; text-align:left!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-details .sei-section-title strong, #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-details .sei-section-title small{ display:block!important; margin:0!important; text-align:left!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-details .sei-details-horizontal{ display:grid!important; grid-template-columns:minmax(0,2fr) minmax(320px,1fr)!important; gap:16px!important; padding:16px!important; box-sizing:border-box!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-details .sei-details-main{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:10px!important; align-items:start!important; min-width:0!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-details .sei-product-type-box{ grid-column:1/-1!important; padding:10px 12px!important; box-sizing:border-box!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-details .sei-product-type-options{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:10px!important; margin-top:7px!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-details .sei-product-type-options>label{ position:relative!important; display:flex!important; flex-direction:row!important; align-items:center!important; gap:10px!important; min-width:0!important; min-height:66px!important; width:100%!important; padding:10px 14px!important; box-sizing:border-box!important; overflow:hidden!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-details .sei-product-type-options>label>input{ position:absolute!important; opacity:0!important; width:1px!important;height:1px!important; pointer-events:none!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-details .sei-type-radio{ flex:0 0 17px!important; width:17px!important;height:17px!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-details .sei-type-icon{ flex:0 0 30px!important; width:30px!important;height:30px!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-details .sei-type-copy{ display:flex!important; flex:1 1 auto!important; flex-direction:column!important; align-items:flex-start!important; justify-content:center!important; gap:2px!important; min-width:0!important; overflow:visible!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-details .sei-type-copy b{ display:block!important; font-size:13px!important; line-height:1.25!important; white-space:nowrap!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-details .sei-type-copy small{ display:block!important; font-size:10px!important; line-height:1.3!important; white-space:normal!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-details .sei-details-main>label{ display:flex!important; flex-direction:column!important; min-width:0!important; gap:5px!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-details .sei-details-main>label:nth-of-type(1){grid-column:1/-1!important;} #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-details .sei-details-main>label:nth-of-type(6){grid-column:1/span 1!important;} #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-details .sei-details-main>label:nth-of-type(7){grid-column:2/span 1!important;} #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-details .sei-details-main>label:nth-of-type(8){grid-column:3/span 1!important;} #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-details .sei-details-description textarea{ min-height:120px!important; height:120px!important; resize:vertical!important; } @media(max-width:900px){ #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-details .sei-details-horizontal{grid-template-columns:1fr!important;} #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-details .sei-details-main{grid-template-columns:1fr 1fr!important;} #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-details .sei-details-main>label:nth-of-type(6), #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-details .sei-details-main>label:nth-of-type(7), #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-details .sei-details-main>label:nth-of-type(8){grid-column:auto!important;} } /* StockFlow v2.3.190 - Product Type card alignment hard fix */ #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-details .sei-product-type-options{ display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; gap:12px!important; width:100%!important; align-items:stretch!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-details .sei-product-type-options>label{ display:grid!important; grid-template-columns:20px 36px minmax(0,1fr)!important; align-items:center!important; column-gap:10px!important; min-height:74px!important; height:74px!important; padding:10px 14px!important; margin:0!important; width:100%!important; min-width:0!important; overflow:hidden!important; box-sizing:border-box!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-details .sei-product-type-options>label>input{ position:absolute!important; width:1px!important; height:1px!important; opacity:0!important; pointer-events:none!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-details .sei-product-type-options .sei-type-radio{ grid-column:1!important; width:18px!important; height:18px!important; min-width:18px!important; max-width:18px!important; margin:0!important; flex:none!important; box-sizing:border-box!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-details .sei-product-type-options .sei-type-icon{ grid-column:2!important; width:34px!important; height:34px!important; min-width:34px!important; max-width:34px!important; margin:0!important; flex:none!important; border-radius:9px!important; display:flex!important; align-items:center!important; justify-content:center!important; font-size:17px!important; line-height:1!important; box-sizing:border-box!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-details .sei-product-type-options .sei-type-copy{ grid-column:3!important; display:flex!important; flex-direction:column!important; align-items:flex-start!important; justify-content:center!important; gap:3px!important; width:100%!important; min-width:0!important; max-width:none!important; margin:0!important; padding:0!important; overflow:hidden!important; white-space:normal!important; box-sizing:border-box!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-details .sei-product-type-options .sei-type-copy b{ display:block!important; width:100%!important; margin:0!important; padding:0!important; font-size:13px!important; line-height:18px!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-details .sei-product-type-options .sei-type-copy small{ display:block!important; width:100%!important; margin:0!important; padding:0!important; font-size:10.5px!important; line-height:14px!important; white-space:normal!important; overflow:hidden!important; text-overflow:ellipsis!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-details .sei-field-label{ min-height:16px!important; line-height:16px!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-details .sei-field-icon{ width:16px!important; min-width:16px!important; font-size:12px!important; line-height:1!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-details .sei-status-dot{ width:8px!important; min-width:8px!important; height:8px!important; } @media(max-width:900px){ #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-section-details .sei-product-type-options>label{ min-height:70px!important;height:70px!important; } } /* StockFlow v2.3.191 - Product type cards definitive layout fix */ #sei-modal .sei-details-polished .sei-product-type-options, #sei-modal.sei-product-modal-open .sei-details-polished .sei-product-type-options{ display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; gap:12px!important; width:100%!important; align-items:stretch!important; } #sei-modal .sei-details-polished .sei-product-type-options > label, #sei-modal.sei-product-modal-open .sei-details-polished .sei-product-type-options > label{ position:relative!important; display:grid!important; grid-template-columns:20px 38px minmax(0,1fr)!important; grid-template-rows:1fr!important; align-items:center!important; column-gap:10px!important; width:100%!important; min-width:0!important; min-height:78px!important; height:78px!important; margin:0!important; padding:10px 14px!important; box-sizing:border-box!important; overflow:hidden!important; border:1px solid #d6e0ed!important; border-radius:10px!important; background:#fff!important; cursor:pointer!important; } #sei-modal .sei-details-polished .sei-product-type-options > label:has(input:checked), #sei-modal.sei-product-modal-open .sei-details-polished .sei-product-type-options > label:has(input:checked){ border-color:#2877f5!important; background:#f2f7ff!important; box-shadow:0 0 0 2px rgba(40,119,245,.08)!important; } #sei-modal .sei-details-polished .sei-product-type-options > label > input{ position:absolute!important; inset:auto!important; width:1px!important; height:1px!important; margin:0!important; padding:0!important; opacity:0!important; pointer-events:none!important; } #sei-modal .sei-details-polished .sei-product-type-options .sei-type-radio{ position:static!important; grid-column:1!important; grid-row:1!important; display:flex!important; align-items:center!important; justify-content:center!important; width:18px!important; height:18px!important; min-width:18px!important; max-width:18px!important; margin:0!important; padding:0!important; flex:none!important; box-sizing:border-box!important; } #sei-modal .sei-details-polished .sei-product-type-options .sei-type-icon{ position:static!important; grid-column:2!important; grid-row:1!important; display:flex!important; align-items:center!important; justify-content:center!important; width:36px!important; height:36px!important; min-width:36px!important; max-width:36px!important; margin:0!important; padding:0!important; flex:none!important; box-sizing:border-box!important; } #sei-modal .sei-details-polished .sei-product-type-options .sei-type-copy{ position:static!important; grid-column:3!important; grid-row:1!important; display:flex!important; flex-direction:column!important; align-items:flex-start!important; justify-content:center!important; gap:3px!important; width:auto!important; min-width:0!important; max-width:none!important; margin:0!important; padding:0!important; flex:none!important; overflow:hidden!important; box-sizing:border-box!important; } #sei-modal .sei-details-polished .sei-product-type-options .sei-type-copy b{ position:static!important; display:block!important; width:100%!important; margin:0!important; padding:0!important; color:#18345c!important; font-size:13px!important; line-height:18px!important; font-weight:700!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #sei-modal .sei-details-polished .sei-product-type-options .sei-type-copy small{ position:static!important; display:block!important; width:100%!important; margin:0!important; padding:0!important; color:#7890ad!important; font-size:10.5px!important; line-height:14px!important; white-space:normal!important; overflow:hidden!important; text-overflow:ellipsis!important; } @media(max-width:700px){ #sei-modal .sei-details-polished .sei-product-type-options{grid-template-columns:1fr!important;} #sei-modal .sei-details-polished .sei-product-type-options > label{min-height:74px!important;height:74px!important;} } /* StockFlow v2.3.192 - isolated Product Type cards */ #sei-modal .sf-product-type-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;width:100%!important;align-items:stretch!important;} #sei-modal .sf-product-type-cards .sf-type-card{position:relative!important;display:grid!important;grid-template-columns:20px 38px minmax(0,1fr)!important;align-items:center!important;column-gap:10px!important;height:82px!important;min-height:82px!important;width:100%!important;min-width:0!important;margin:0!important;padding:12px 14px!important;box-sizing:border-box!important;overflow:hidden!important;border:1px solid #d6e0ed!important;border-radius:10px!important;background:#fff!important;cursor:pointer!important;} #sei-modal .sf-product-type-cards .sf-type-card:has(input:checked){border-color:#2877f5!important;background:#f2f7ff!important;box-shadow:0 0 0 2px rgba(40,119,245,.08)!important;} #sei-modal .sf-product-type-cards .sf-type-card>input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;margin:0!important;} #sei-modal .sf-product-type-cards .sf-type-radio{display:block!important;width:18px!important;height:18px!important;min-width:18px!important;border:1.5px solid #9aaac0!important;border-radius:50%!important;box-sizing:border-box!important;position:relative!important;margin:0!important;} #sei-modal .sf-product-type-cards .sf-type-card:has(input:checked) .sf-type-radio{border-color:#2877f5!important;} #sei-modal .sf-product-type-cards .sf-type-card:has(input:checked) .sf-type-radio:after{content:""!important;position:absolute!important;left:4px!important;top:4px!important;width:7px!important;height:7px!important;border-radius:50%!important;background:#2877f5!important;} #sei-modal .sf-product-type-cards .sf-type-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;min-width:36px!important;border-radius:9px!important;background:#eef5ff!important;color:#1769ff!important;font-size:17px!important;line-height:1!important;box-sizing:border-box!important;margin:0!important;} #sei-modal .sf-product-type-cards .sf-type-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:3px!important;min-width:0!important;width:100%!important;margin:0!important;padding:0!important;box-sizing:border-box!important;} #sei-modal .sf-product-type-cards .sf-type-copy b{display:block!important;width:100%!important;margin:0!important;padding:0!important;color:#18345c!important;font-size:13px!important;line-height:18px!important;font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;} #sei-modal .sf-product-type-cards .sf-type-copy small{display:block!important;width:100%!important;margin:0!important;padding:0!important;color:#7890ad!important;font-size:10.5px!important;line-height:14px!important;font-weight:500!important;white-space:normal!important;overflow:visible!important;} @media(max-width:700px){#sei-modal .sf-product-type-cards{grid-template-columns:1fr!important;}#sei-modal .sf-product-type-cards .sf-type-card{height:78px!important;min-height:78px!important;}} /* StockFlow v2.3.193 - Product Type cards final alignment */ #sei-modal .sf-product-type-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;align-items:stretch!important;} #sei-modal .sf-product-type-cards .sf-type-card{position:relative!important;display:grid!important;grid-template-columns:20px 38px minmax(0,1fr)!important;align-items:center!important;column-gap:10px!important;height:70px!important;min-height:70px!important;width:100%!important;min-width:0!important;margin:0!important;padding:10px 14px!important;box-sizing:border-box!important;overflow:hidden!important;border:1px solid #d6e0ed!important;border-radius:10px!important;background:#fff!important;cursor:pointer!important;} #sei-modal .sf-product-type-cards .sf-type-card:has(input:checked){border-color:#2877f5!important;background:#f2f7ff!important;box-shadow:0 0 0 2px rgba(40,119,245,.08)!important;} #sei-modal .sf-product-type-cards .sf-type-card>input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;margin:0!important;} #sei-modal .sf-product-type-cards .sf-type-radio{display:block!important;width:18px!important;height:18px!important;min-width:18px!important;border:1.5px solid #9aaac0!important;border-radius:50%!important;box-sizing:border-box!important;position:relative!important;margin:0!important;} #sei-modal .sf-product-type-cards .sf-type-card:has(input:checked) .sf-type-radio{border-color:#2877f5!important;} #sei-modal .sf-product-type-cards .sf-type-card:has(input:checked) .sf-type-radio:after{content:""!important;position:absolute!important;left:4px!important;top:4px!important;width:7px!important;height:7px!important;border-radius:50%!important;background:#2877f5!important;} #sei-modal .sf-product-type-cards .sf-type-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;min-width:36px!important;border-radius:9px!important;background:#eef5ff!important;color:#1769ff!important;font-size:17px!important;line-height:1!important;box-sizing:border-box!important;margin:0!important;} #sei-modal .sf-product-type-cards .sf-type-copy{display:flex!important;align-items:center!important;justify-content:flex-start!important;min-width:0!important;width:100%!important;margin:0!important;padding:0!important;box-sizing:border-box!important;} #sei-modal .sf-product-type-cards .sf-type-copy b{display:block!important;width:100%!important;margin:0!important;padding:0!important;color:#18345c!important;font-size:13px!important;line-height:18px!important;font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;} @media(max-width:700px){#sei-modal .sf-product-type-cards{grid-template-columns:1fr!important;}#sei-modal .sf-product-type-cards .sf-type-card{height:64px!important;min-height:64px!important;}} /* StockFlow v2.3.194 - restore Product Type supporting text cleanly */ #sei-modal .sf-product-type-cards .sf-type-card{height:78px!important;min-height:78px!important;} #sei-modal .sf-product-type-cards .sf-type-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:2px!important;min-width:0!important;} #sei-modal .sf-product-type-cards .sf-type-copy b{white-space:nowrap!important;line-height:18px!important;} #sei-modal .sf-product-type-cards .sf-type-copy small{display:block!important;width:100%!important;margin:0!important;padding:0!important;color:#7890ad!important;font-size:10.5px!important;line-height:14px!important;font-weight:500!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;} @media(max-width:700px){#sei-modal .sf-product-type-cards .sf-type-card{height:72px!important;min-height:72px!important;}} /* StockFlow v2.3.195 - Product Type card clean structure */ #sei-modal .sf-product-type-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;width:100%!important;align-items:stretch!important;} #sei-modal .sf-product-type-cards .sf-type-card{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;height:78px!important;min-height:78px!important;width:100%!important;min-width:0!important;padding:10px 14px!important;margin:0!important;box-sizing:border-box!important;overflow:hidden!important;} #sei-modal .sf-product-type-cards .sf-type-card>input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;margin:0!important;} #sei-modal .sf-product-type-cards .sf-type-leading{display:flex!important;align-items:center!important;gap:9px!important;flex:0 0 auto!important;width:63px!important;min-width:63px!important;} #sei-modal .sf-product-type-cards .sf-type-radio{display:block!important;flex:0 0 18px!important;width:18px!important;height:18px!important;margin:0!important;box-sizing:border-box!important;border:1.5px solid #9aaac0!important;border-radius:50%!important;position:relative!important;} #sei-modal .sf-product-type-cards .sf-type-card:has(input:checked) .sf-type-radio{border-color:#2877f5!important;} #sei-modal .sf-product-type-cards .sf-type-card:has(input:checked) .sf-type-radio:after{content:""!important;position:absolute!important;left:4px!important;top:4px!important;width:7px!important;height:7px!important;border-radius:50%!important;background:#2877f5!important;} #sei-modal .sf-product-type-cards .sf-type-icon{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 36px!important;width:36px!important;height:36px!important;margin:0!important;border-radius:9px!important;background:#eef5ff!important;color:#1769ff!important;font-size:17px!important;line-height:1!important;box-sizing:border-box!important;} #sei-modal .sf-product-type-cards .sf-type-copy{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:2px!important;min-width:0!important;width:auto!important;margin:0!important;padding:0!important;box-sizing:border-box!important;} #sei-modal .sf-product-type-cards .sf-type-copy b{display:block!important;width:100%!important;margin:0!important;padding:0!important;color:#18345c!important;font-size:13px!important;line-height:18px!important;font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;} #sei-modal .sf-product-type-cards .sf-type-copy small{display:block!important;width:100%!important;margin:0!important;padding:0!important;color:#7890ad!important;font-size:10.5px!important;line-height:14px!important;font-weight:500!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;} @media(max-width:700px){#sei-modal .sf-product-type-cards{grid-template-columns:1fr!important;}#sei-modal .sf-product-type-cards .sf-type-card{height:72px!important;min-height:72px!important;} } /* StockFlow v2.3.196 - Product Type final horizontal alignment */ #sei-modal .sf-product-type-cards .sf-type-card.sf-type-card-v196, #sei-modal.sei-product-modal-open .sf-product-type-cards .sf-type-card.sf-type-card-v196{ position:relative!important; display:grid!important; grid-template-columns:18px 36px minmax(0,1fr)!important; grid-template-rows:1fr!important; align-items:center!important; column-gap:10px!important; height:78px!important; min-height:78px!important; width:100%!important; min-width:0!important; margin:0!important; padding:10px 14px!important; box-sizing:border-box!important; overflow:hidden!important; } #sei-modal .sf-product-type-cards .sf-type-card.sf-type-card-v196 > input{ position:absolute!important; width:1px!important;height:1px!important; margin:0!important;padding:0!important; opacity:0!important;pointer-events:none!important; } #sei-modal .sf-product-type-cards .sf-type-card.sf-type-card-v196 > .sf-type-radio{ grid-column:1!important;grid-row:1!important; display:block!important; width:18px!important;height:18px!important; min-width:18px!important;max-width:18px!important; margin:0!important;padding:0!important; border:1.5px solid #9aaac0!important;border-radius:50%!important; box-sizing:border-box!important; position:relative!important; } #sei-modal .sf-product-type-cards .sf-type-card.sf-type-card-v196:has(input:checked) > .sf-type-radio{ border-color:#2877f5!important; } #sei-modal .sf-product-type-cards .sf-type-card.sf-type-card-v196:has(input:checked) > .sf-type-radio:after{ content:""!important;position:absolute!important; left:4px!important;top:4px!important; width:7px!important;height:7px!important; border-radius:50%!important;background:#2877f5!important; } #sei-modal .sf-product-type-cards .sf-type-card.sf-type-card-v196 > .sf-type-icon{ grid-column:2!important;grid-row:1!important; display:flex!important;align-items:center!important;justify-content:center!important; width:32px!important;height:32px!important; min-width:32px!important;max-width:32px!important; margin:0!important;padding:0!important; border-radius:8px!important;background:#eef5ff!important;color:#1769ff!important; font-size:16px!important;line-height:1!important; box-sizing:border-box!important; } #sei-modal .sf-product-type-cards .sf-type-card.sf-type-card-v196 > .sf-type-copy{ grid-column:3!important;grid-row:1!important; display:flex!important;flex-direction:column!important; align-items:flex-start!important;justify-content:center!important; gap:2px!important;width:auto!important;min-width:0!important; margin:0!important;padding:0!important; box-sizing:border-box!important;overflow:hidden!important; } #sei-modal .sf-product-type-cards .sf-type-card.sf-type-card-v196 > .sf-type-copy b{ display:block!important;width:100%!important; margin:0!important;padding:0!important; color:#18345c!important;font-size:13px!important;line-height:18px!important; font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important; } #sei-modal .sf-product-type-cards .sf-type-card.sf-type-card-v196 > .sf-type-copy small{ display:block!important;width:100%!important; margin:0!important;padding:0!important; color:#7890ad!important;font-size:10.5px!important;line-height:14px!important; font-weight:500!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important; } @media(max-width:700px){ #sei-modal .sf-product-type-cards .sf-type-card.sf-type-card-v196{ height:72px!important;min-height:72px!important; grid-template-columns:18px 32px minmax(0,1fr)!important; column-gap:9px!important; } } /* StockFlow v2.3.197 - Product Details polish: stable type cards, compact fields, consistent icons */ #sei-modal .sf-product-type-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;width:100%!important;align-items:stretch!important;} #sei-modal .sf-product-type-cards .sf-type-card.sf-type-card-v197{position:relative!important;display:flex!important;align-items:center!important;gap:12px!important;height:72px!important;min-height:72px!important;width:100%!important;margin:0!important;padding:10px 14px!important;box-sizing:border-box!important;overflow:hidden!important;border:1px solid #d6e0ed!important;border-radius:10px!important;background:#fff!important;cursor:pointer!important;} #sei-modal .sf-product-type-cards .sf-type-card.sf-type-card-v197:has(input:checked){border-color:#2877f5!important;background:#f2f7ff!important;box-shadow:0 0 0 2px rgba(40,119,245,.08)!important;} #sei-modal .sf-product-type-cards .sf-type-card.sf-type-card-v197>input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;margin:0!important;padding:0!important;} #sei-modal .sf-product-type-cards .sf-type-card.sf-type-card-v197>.sf-type-leading{display:flex!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important;width:62px!important;min-width:62px!important;height:36px!important;margin:0!important;padding:0!important;} #sei-modal .sf-product-type-cards .sf-type-card.sf-type-card-v197 .sf-type-radio{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 18px!important;width:18px!important;height:18px!important;margin:0!important;padding:0!important;border:1.5px solid #9aaac0!important;border-radius:50%!important;box-sizing:border-box!important;position:relative!important;} #sei-modal .sf-product-type-cards .sf-type-card.sf-type-card-v197:has(input:checked) .sf-type-radio{border-color:#2877f5!important;} #sei-modal .sf-product-type-cards .sf-type-card.sf-type-card-v197:has(input:checked) .sf-type-radio:after{content:""!important;width:7px!important;height:7px!important;border-radius:50%!important;background:#2877f5!important;} #sei-modal .sf-product-type-cards .sf-type-card.sf-type-card-v197 .sf-type-icon{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 32px!important;width:32px!important;height:32px!important;margin:0!important;padding:0!important;border-radius:8px!important;background:#eef5ff!important;color:#1769ff!important;font-size:16px!important;line-height:1!important;box-sizing:border-box!important;} #sei-modal .sf-product-type-cards .sf-type-card.sf-type-card-v197 .sf-type-copy{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:2px!important;min-width:0!important;width:auto!important;margin:0!important;padding:0!important;box-sizing:border-box!important;} #sei-modal .sf-product-type-cards .sf-type-card.sf-type-card-v197 .sf-type-copy b{display:block!important;width:100%!important;margin:0!important;padding:0!important;color:#18345c!important;font-size:13px!important;line-height:18px!important;font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;} #sei-modal .sf-product-type-cards .sf-type-card.sf-type-card-v197 .sf-type-copy small{display:block!important;width:100%!important;margin:0!important;padding:0!important;color:#7890ad!important;font-size:10.5px!important;line-height:14px!important;font-weight:500!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;} #sei-modal .sei-details-polished .sei-field-icon{font-style:normal!important;color:#347cf5!important;font-size:13px!important;width:16px!important;min-width:16px!important;text-align:center!important;line-height:1!important;} #sei-modal .sei-details-polished .sei-field-label{display:flex!important;align-items:center!important;gap:6px!important;line-height:16px!important;} #sei-modal .sei-details-polished .sei-details-main>label{gap:4px!important;} #sei-modal .sei-details-polished .sei-details-main input,#sei-modal .sei-details-polished .sei-details-main select{min-height:38px!important;} #sei-modal .sei-details-polished .sei-details-main select[name="status"]{appearance:auto!important;-webkit-appearance:auto!important;padding-right:28px!important;} #sei-modal .sei-details-polished .sei-status-dot{flex:0 0 8px!important;width:8px!important;height:8px!important;} @media(max-width:700px){#sei-modal .sf-product-type-cards{grid-template-columns:1fr!important;}#sei-modal .sf-product-type-cards .sf-type-card.sf-type-card-v197{height:68px!important;min-height:68px!important;}} /* StockFlow v2.3.198 - New Product Type card, isolated replacement */ #sei-modal .sf-product-type-v198 .sf-product-type-cards-v198, #sei-modal.sei-product-modal-open .sf-product-type-v198 .sf-product-type-cards-v198{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:24px!important; width:100%!important; align-items:stretch!important; } #sei-modal .sf-product-type-v198 .sf-type-card-v198, #sei-modal.sei-product-modal-open .sf-product-type-v198 .sf-type-card-v198{ position:relative!important; display:grid!important; grid-template-columns:42px 64px minmax(0,1fr)!important; align-items:center!important; column-gap:18px!important; min-width:0!important; height:122px!important; min-height:122px!important; margin:0!important; padding:18px 22px!important; border:1.5px solid #d4e0ef!important; border-radius:16px!important; background:#fff!important; box-sizing:border-box!important; cursor:pointer!important; overflow:hidden!important; transition:border-color .18s ease,background .18s ease,box-shadow .18s ease!important; } #sei-modal .sf-product-type-v198 .sf-type-card-v198:hover{ border-color:#8fb8ff!important; } #sei-modal .sf-product-type-v198 .sf-type-card-v198:has(input:checked){ border-color:#1976ff!important; background:#f2f7ff!important; box-shadow:0 0 0 1px rgba(25,118,255,.06)!important; } #sei-modal .sf-product-type-v198 .sf-type-card-v198>input{ position:absolute!important; width:1px!important; height:1px!important; margin:0!important; padding:0!important; opacity:0!important; pointer-events:none!important; } #sei-modal .sf-product-type-v198 .sf-type-radio-v198{ grid-column:1!important; width:30px!important; height:30px!important; min-width:30px!important; border:2px solid #afc1d8!important; border-radius:50%!important; position:relative!important; box-sizing:border-box!important; } #sei-modal .sf-product-type-v198 .sf-type-card-v198:has(input:checked) .sf-type-radio-v198{ border-color:#1976ff!important; } #sei-modal .sf-product-type-v198 .sf-type-card-v198:has(input:checked) .sf-type-radio-v198:after{ content:""!important; position:absolute!important; width:14px!important; height:14px!important; left:6px!important; top:6px!important; border-radius:50%!important; background:#1976ff!important; } #sei-modal .sf-product-type-v198 .sf-type-icon-v198{ grid-column:2!important; display:flex!important; align-items:center!important; justify-content:center!important; width:64px!important; height:64px!important; min-width:64px!important; border-radius:13px!important; background:#eaf3ff!important; color:#1976ff!important; font-size:30px!important; line-height:1!important; box-sizing:border-box!important; } #sei-modal .sf-product-type-v198 .sf-type-copy-v198{ grid-column:3!important; min-width:0!important; display:flex!important; flex-direction:column!important; align-items:flex-start!important; justify-content:center!important; gap:7px!important; overflow:hidden!important; } #sei-modal .sf-product-type-v198 .sf-type-copy-v198 b{ display:block!important; margin:0!important; padding:0!important; color:#18375f!important; font-size:20px!important; line-height:1.2!important; font-weight:700!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #sei-modal .sf-product-type-v198 .sf-type-copy-v198 small{ display:block!important; margin:0!important; padding:0!important; color:#6f87a5!important; font-size:15px!important; line-height:1.25!important; font-weight:500!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } @media(max-width:900px){ #sei-modal .sf-product-type-v198 .sf-product-type-cards-v198{gap:12px!important;} #sei-modal .sf-product-type-v198 .sf-type-card-v198{grid-template-columns:34px 48px minmax(0,1fr)!important;column-gap:12px!important;height:96px!important;min-height:96px!important;padding:14px!important;} #sei-modal .sf-product-type-v198 .sf-type-radio-v198{width:24px!important;height:24px!important;min-width:24px!important;} #sei-modal .sf-product-type-v198 .sf-type-card-v198:has(input:checked) .sf-type-radio-v198:after{width:10px!important;height:10px!important;left:5px!important;top:5px!important;} #sei-modal .sf-product-type-v198 .sf-type-icon-v198{width:48px!important;height:48px!important;min-width:48px!important;font-size:22px!important;} #sei-modal .sf-product-type-v198 .sf-type-copy-v198 b{font-size:16px!important;} #sei-modal .sf-product-type-v198 .sf-type-copy-v198 small{font-size:12px!important;} } @media(max-width:650px){ #sei-modal .sf-product-type-v198 .sf-product-type-cards-v198{grid-template-columns:1fr!important;} } /* StockFlow v2.3.199 - Product Details rebuilt from reference layout. */ #sei-modal .sf-details-v199{display:block!important;width:100%!important;padding:16px 18px 20px!important;box-sizing:border-box!important;background:#fff!important;} #sei-modal .sf-details-top-v199{display:grid!important;grid-template-columns:minmax(0,2fr) minmax(300px,1fr)!important;gap:18px!important;align-items:start!important;width:100%!important;} #sei-modal .sf-product-type-box-v199{min-width:0!important;padding:14px 16px!important;border:1px solid #dce7f4!important;border-radius:14px!important;background:#fbfdff!important;box-sizing:border-box!important;} #sei-modal .sf-product-type-box-v199>.sei-field-title{display:block!important;margin:0 0 10px!important;color:#304a6d!important;font-size:12px!important;line-height:16px!important;font-weight:700!important;} #sei-modal .sf-product-type-cards-v199{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;width:100%!important;} #sei-modal .sf-type-card-v199{position:relative!important;display:grid!important;grid-template-columns:22px 52px minmax(0,1fr)!important;align-items:center!important;column-gap:12px!important;height:92px!important;min-height:92px!important;width:100%!important;margin:0!important;padding:14px 16px!important;border:1.5px solid #d5e1ef!important;border-radius:13px!important;background:#fff!important;box-sizing:border-box!important;cursor:pointer!important;overflow:hidden!important;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease!important;} #sei-modal .sf-type-card-v199:hover{border-color:#8db7ff!important;} #sei-modal .sf-type-card-v199:has(input:checked){border-color:#1976ff!important;background:#f1f6ff!important;box-shadow:0 0 0 1px rgba(25,118,255,.06)!important;} #sei-modal .sf-type-card-v199>input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;margin:0!important;padding:0!important;} #sei-modal .sf-type-radio-v199{display:flex!important;align-items:center!important;justify-content:center!important;width:20px!important;height:20px!important;min-width:20px!important;border:1.6px solid #a9bad0!important;border-radius:50%!important;box-sizing:border-box!important;position:relative!important;} #sei-modal .sf-type-card-v199:has(input:checked) .sf-type-radio-v199{border-color:#1976ff!important;} #sei-modal .sf-type-card-v199:has(input:checked) .sf-type-radio-v199:after{content:""!important;width:10px!important;height:10px!important;border-radius:50%!important;background:#1976ff!important;} #sei-modal .sf-type-icon-v199{display:flex!important;align-items:center!important;justify-content:center!important;width:52px!important;height:52px!important;min-width:52px!important;border-radius:12px!important;background:#eaf3ff!important;color:#1976ff!important;font-size:23px!important;line-height:1!important;box-sizing:border-box!important;} #sei-modal .sf-type-copy-v199{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:5px!important;min-width:0!important;overflow:hidden!important;} #sei-modal .sf-type-copy-v199 b{display:block!important;margin:0!important;padding:0!important;color:#18375f!important;font-size:17px!important;line-height:22px!important;font-weight:700!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;} #sei-modal .sf-type-copy-v199 small{display:block!important;margin:0!important;padding:0!important;color:#6f87a5!important;font-size:12px!important;line-height:16px!important;font-weight:500!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;} #sei-modal .sf-description-v199{min-width:0!important;box-sizing:border-box!important;} #sei-modal .sf-description-v199>label{display:block!important;width:100%!important;position:relative!important;} #sei-modal .sf-description-v199 textarea{display:block!important;width:100%!important;height:128px!important;min-height:128px!important;resize:vertical!important;border:1px solid #d6e1ee!important;border-radius:11px!important;padding:13px!important;box-sizing:border-box!important;background:#fff!important;color:#18345c!important;font-size:13px!important;line-height:1.45!important;outline:none!important;} #sei-modal .sf-description-v199 textarea:focus{border-color:#1976ff!important;box-shadow:0 0 0 3px rgba(25,118,255,.08)!important;} #sei-modal .sf-details-fields-v199{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:13px 16px!important;width:100%!important;margin-top:18px!important;box-sizing:border-box!important;align-items:start!important;} #sei-modal .sf-details-fields-v199>label{display:flex!important;flex-direction:column!important;gap:7px!important;min-width:0!important;margin:0!important;box-sizing:border-box!important;} #sei-modal .sf-details-fields-v199>.sf-field-name-v199{grid-column:1/-1!important;} #sei-modal .sf-details-fields-v199>.sf-field-category-v199{grid-column:1/span 1!important;} #sei-modal .sf-details-fields-v199>.sf-field-subcategory-v199{grid-column:2/span 1!important;} #sei-modal .sf-details-fields-v199>.sf-field-status-v199{grid-column:3/span 1!important;} #sei-modal .sf-details-fields-v199 .sei-field-label{display:flex!important;align-items:center!important;gap:7px!important;min-height:16px!important;margin:0!important;color:#344b6b!important;font-size:11px!important;line-height:16px!important;font-weight:650!important;} #sei-modal .sf-details-fields-v199 .sei-field-icon{font-style:normal!important;color:#1976ff!important;font-size:13px!important;width:17px!important;min-width:17px!important;text-align:center!important;line-height:1!important;} #sei-modal .sf-details-fields-v199 .sei-status-dot{width:8px!important;height:8px!important;min-width:8px!important;border-radius:50%!important;background:#20b46a!important;display:inline-block!important;box-shadow:0 0 0 3px #e7f8ef!important;} #sei-modal .sf-details-fields-v199 input,#sei-modal .sf-details-fields-v199 select{width:100%!important;height:42px!important;min-height:42px!important;border:1px solid #d4e0ee!important;border-radius:10px!important;background:#fff!important;color:#18345c!important;font-size:13px!important;padding:0 12px!important;box-sizing:border-box!important;outline:none!important;} #sei-modal .sf-details-fields-v199 input:focus,#sei-modal .sf-details-fields-v199 select:focus{border-color:#1976ff!important;box-shadow:0 0 0 3px rgba(25,118,255,.08)!important;} #sei-modal .sf-details-fields-v199 select{appearance:auto!important;-webkit-appearance:auto!important;padding-right:30px!important;} #sei-modal .sf-details-fields-v199>.sf-field-category-v199 select,#sei-modal .sf-details-fields-v199>.sf-field-subcategory-v199 select,#sei-modal .sf-details-fields-v199>.sf-field-status-v199 select{height:42px!important;} @media(max-width:900px){ #sei-modal .sf-details-top-v199{grid-template-columns:1fr!important;} #sei-modal .sf-details-fields-v199{grid-template-columns:repeat(2,minmax(0,1fr))!important;} #sei-modal .sf-details-fields-v199>.sf-field-name-v199{grid-column:1/-1!important;} #sei-modal .sf-details-fields-v199>.sf-field-category-v199,#sei-modal .sf-details-fields-v199>.sf-field-subcategory-v199,#sei-modal .sf-details-fields-v199>.sf-field-status-v199{grid-column:auto!important;} } @media(max-width:620px){ #sei-modal .sf-product-type-cards-v199{grid-template-columns:1fr!important;} #sei-modal .sf-type-card-v199{height:82px!important;min-height:82px!important;} #sei-modal .sf-details-fields-v199{grid-template-columns:1fr!important;} #sei-modal .sf-details-fields-v199>.sf-field-name-v199,#sei-modal .sf-details-fields-v199>.sf-field-category-v199,#sei-modal .sf-details-fields-v199>.sf-field-subcategory-v199,#sei-modal .sf-details-fields-v199>.sf-field-status-v199{grid-column:1!important;} } /* StockFlow v2.3.200 - Product Type reference card final polish */ #sei-modal .sf-details-top-v199{grid-template-columns:minmax(0,2fr) minmax(360px,1fr)!important;align-items:stretch!important;} #sei-modal .sf-product-type-box-v199{height:128px!important;min-height:128px!important;padding:12px 16px!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;} #sei-modal .sf-description-v199{height:128px!important;min-height:128px!important;display:flex!important;flex-direction:column!important;} #sei-modal .sf-description-v199>label{height:100%!important;display:flex!important;flex-direction:column!important;} #sei-modal .sf-description-v199 textarea{height:100%!important;min-height:0!important;} #sei-modal .sf-product-type-cards-v199{flex:1 1 auto!important;min-height:0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;} #sei-modal .sf-type-card-v199{height:82px!important;min-height:82px!important;padding:10px 14px!important;grid-template-columns:22px 46px minmax(0,1fr)!important;column-gap:10px!important;overflow:visible!important;} #sei-modal .sf-type-radio-v199{width:19px!important;height:19px!important;min-width:19px!important;max-width:19px!important;} #sei-modal .sf-type-icon-v199{width:46px!important;height:46px!important;min-width:46px!important;max-width:46px!important;border-radius:11px!important;font-size:20px!important;} #sei-modal .sf-type-copy-v199{display:flex!important;visibility:visible!important;opacity:1!important;position:relative!important;z-index:2!important;min-width:0!important;max-width:none!important;overflow:visible!important;} #sei-modal .sf-type-copy-v199 b{display:block!important;visibility:visible!important;opacity:1!important;color:#18375f!important;font-size:16px!important;line-height:20px!important;font-weight:700!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;} #sei-modal .sf-type-copy-v199 small{display:block!important;visibility:visible!important;opacity:1!important;color:#6f87a5!important;font-size:11px!important;line-height:15px!important;font-weight:500!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;} @media(max-width:900px){ #sei-modal .sf-details-top-v199{grid-template-columns:1fr!important;} #sei-modal .sf-product-type-box-v199,#sei-modal .sf-description-v199{height:auto!important;min-height:0!important;} #sei-modal .sf-product-type-cards-v199{flex:none!important;} #sei-modal .sf-type-card-v199{height:82px!important;min-height:82px!important;} } /* StockFlow v2.3.201 - Product Type cards rebuilt with explicit grid placement. */ #sei-modal .sf-details-top-v199{grid-template-columns:minmax(0,2fr) minmax(360px,1fr)!important;gap:18px!important;align-items:stretch!important;} #sei-modal .sf-product-type-box-v201{ width:100%!important;height:128px!important;min-height:128px!important; padding:12px 16px!important;border:1px solid #dce7f4!important;border-radius:14px!important; background:#fbfdff!important;box-sizing:border-box!important;display:flex!important; flex-direction:column!important;justify-content:flex-start!important;overflow:visible!important; } #sei-modal .sf-product-type-box-v201>.sei-field-title{ display:block!important;margin:0 0 10px!important;color:#304a6d!important; font-size:12px!important;line-height:16px!important;font-weight:700!important; } #sei-modal .sf-product-type-cards-v201{ display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:12px!important;width:100%!important;flex:1 1 auto!important;min-height:0!important; align-items:stretch!important; } #sei-modal .sf-type-card-v201{ position:relative!important;display:grid!important; grid-template-columns:22px 46px minmax(0,1fr)!important; grid-template-rows:1fr!important; grid-column:auto!important;grid-row:auto!important; align-items:center!important;justify-items:start!important; column-gap:10px!important;width:100%!important;height:82px!important;min-height:82px!important; margin:0!important;padding:10px 14px!important;border:1.5px solid #d5e1ef!important; border-radius:13px!important;background:#fff!important;box-sizing:border-box!important; cursor:pointer!important;overflow:hidden!important;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease!important; } #sei-modal .sf-type-card-v201:hover{border-color:#8db7ff!important;} #sei-modal .sf-type-card-v201:has(input:checked){ border-color:#1976ff!important;background:#f1f6ff!important; box-shadow:0 0 0 1px rgba(25,118,255,.06)!important; } #sei-modal .sf-type-card-v201>input{ position:absolute!important;inset:auto!important;width:1px!important;height:1px!important; opacity:0!important;pointer-events:none!important;margin:0!important;padding:0!important; } #sei-modal .sf-type-radio-v201{ grid-column:1!important;grid-row:1!important;align-self:center!important;justify-self:start!important; display:flex!important;align-items:center!important;justify-content:center!important; width:20px!important;height:20px!important;min-width:20px!important;max-width:20px!important; border:1.6px solid #a9bad0!important;border-radius:50%!important;box-sizing:border-box!important;position:relative!important; } #sei-modal .sf-type-card-v201:has(input:checked) .sf-type-radio-v201{border-color:#1976ff!important;} #sei-modal .sf-type-card-v201:has(input:checked) .sf-type-radio-v201:after{ content:""!important;width:10px!important;height:10px!important;border-radius:50%!important;background:#1976ff!important; } #sei-modal .sf-type-icon-v201{ grid-column:2!important;grid-row:1!important;align-self:center!important;justify-self:start!important; display:flex!important;align-items:center!important;justify-content:center!important; width:46px!important;height:46px!important;min-width:46px!important;max-width:46px!important; border-radius:11px!important;background:#eaf3ff!important;color:#1976ff!important; font-size:20px!important;line-height:1!important;box-sizing:border-box!important; } #sei-modal .sf-type-copy-v201{ grid-column:3!important;grid-row:1!important;align-self:center!important;justify-self:stretch!important; min-width:0!important;width:100%!important;display:flex!important;flex-direction:column!important; align-items:flex-start!important;justify-content:center!important;gap:4px!important; margin:0!important;padding:0!important;overflow:hidden!important;visibility:visible!important;opacity:1!important; } #sei-modal .sf-type-copy-v201 b{ display:block!important;margin:0!important;padding:0!important;color:#18375f!important; font-size:16px!important;line-height:20px!important;font-weight:700!important; white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important; } #sei-modal .sf-type-copy-v201 small{ display:block!important;margin:0!important;padding:0!important;color:#6f87a5!important; font-size:11px!important;line-height:15px!important;font-weight:500!important; white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important; } #sei-modal .sf-description-v199{height:128px!important;min-height:128px!important;display:flex!important;flex-direction:column!important;} #sei-modal .sf-description-v199>label{height:100%!important;display:flex!important;flex-direction:column!important;} #sei-modal .sf-description-v199 textarea{height:100%!important;min-height:0!important;} @media(max-width:900px){ #sei-modal .sf-details-top-v199{grid-template-columns:1fr!important;} #sei-modal .sf-product-type-box-v201,#sei-modal .sf-description-v199{height:auto!important;min-height:0!important;} } @media(max-width:620px){ #sei-modal .sf-product-type-cards-v201{grid-template-columns:1fr!important;} #sei-modal .sf-type-card-v201{height:82px!important;min-height:82px!important;} } /* StockFlow v2.3.202 - clean product type cards: no decorative icon */ #sei-modal.sei-product-modal-open .sf-product-type-box-v202{ width:100%!important;box-sizing:border-box!important; padding:10px 12px!important;border:1px solid #dbe5f2!important; border-radius:12px!important;background:#f8fbff!important; } #sei-modal.sei-product-modal-open .sf-product-type-box-v202 > .sei-field-title{ display:block!important;margin:0 0 8px!important; font-size:11px!important;line-height:16px!important;font-weight:600!important; color:#30435e!important; } #sei-modal.sei-product-modal-open .sf-product-type-cards-v202{ display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important; gap:10px!important;width:100%!important; } #sei-modal.sei-product-modal-open .sf-type-card-v202{ position:relative!important;display:grid!important; grid-template-columns:20px minmax(0,1fr)!important; align-items:center!important;column-gap:12px!important; min-width:0!important;width:100%!important;height:78px!important; padding:12px 16px!important;box-sizing:border-box!important; border:1px solid #d6e0ed!important;border-radius:11px!important; background:#fff!important;cursor:pointer!important; overflow:hidden!important; } #sei-modal.sei-product-modal-open .sf-type-card-v202:has(input:checked){ border-color:#2877f5!important;background:#f2f7ff!important; box-shadow:0 0 0 1px rgba(40,119,245,.08)!important; } #sei-modal.sei-product-modal-open .sf-type-card-v202 > input{ position:absolute!important;width:1px!important;height:1px!important; opacity:0!important;pointer-events:none!important;margin:0!important; } #sei-modal.sei-product-modal-open .sf-type-radio-v202{ grid-column:1!important;grid-row:1!important;width:18px!important;height:18px!important; min-width:18px!important;display:block!important;border:1.5px solid #9fb0c5!important; border-radius:50%!important;box-sizing:border-box!important; } #sei-modal.sei-product-modal-open .sf-type-card-v202:has(input:checked) .sf-type-radio-v202{ border-color:#2877f5!important;background:#2877f5!important; box-shadow:inset 0 0 0 4px #fff!important; } #sei-modal.sei-product-modal-open .sf-type-copy-v202{ grid-column:2!important;grid-row:1!important;display:flex!important; flex-direction:column!important;justify-content:center!important;align-items:flex-start!important; min-width:0!important;width:100%!important;margin:0!important;padding:0!important; gap:3px!important;overflow:visible!important; } #sei-modal.sei-product-modal-open .sf-type-copy-v202 b{ display:block!important;margin:0!important;padding:0!important;width:100%!important; font-size:14px!important;line-height:18px!important;font-weight:700!important; color:#18345c!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important; } #sei-modal.sei-product-modal-open .sf-type-copy-v202 small{ display:block!important;margin:0!important;padding:0!important;width:100%!important; font-size:11px!important;line-height:14px!important;color:#7890ad!important; white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important; } @media(max-width:700px){ #sei-modal.sei-product-modal-open .sf-product-type-cards-v202{grid-template-columns:1fr!important;} } /* StockFlow v2.3.203 - Images, Designs & Sizes reference layout */ #sei-modal .sei-product-editor-v151 .sei-section-media .sei-media-layout{ display:grid!important; grid-template-columns:minmax(245px,1.05fr) minmax(420px,2.15fr) minmax(250px,.95fr)!important; gap:14px!important; padding:14px 16px 16px!important; align-items:stretch!important; } #sei-modal .sei-product-editor-v151 .sei-section-media .sei-main-image-box, #sei-modal .sei-product-editor-v151 .sei-section-media .sei-options-box, #sei-modal .sei-product-editor-v151 .sei-section-media .sei-variation-summary{ border:1px solid #dfe8f3!important; border-radius:13px!important; background:#fff!important; padding:12px!important; box-sizing:border-box!important; min-width:0!important; } #sei-modal .sei-product-editor-v151 .sei-section-media .sei-main-image-box{ display:flex!important;flex-direction:column!important; } #sei-modal .sei-product-editor-v151 .sei-section-media .sei-subhead{ display:flex!important;align-items:baseline!important;gap:8px!important; margin:0 0 10px!important;padding:0!important; } #sei-modal .sei-product-editor-v151 .sei-section-media .sei-subhead strong{ font-size:13px!important;color:#19345f!important;font-weight:800!important; } #sei-modal .sei-product-editor-v151 .sei-section-media .sei-subhead small{ font-size:9px!important;color:#8a9ab0!important; } #sei-modal .sei-product-editor-v151 .sei-section-media .sei-main-image-row{ display:grid!important;grid-template-columns:minmax(0,1fr) 116px!important; gap:10px!important;padding:0!important;align-items:stretch!important; } #sei-modal .sei-product-editor-v151 .sei-section-media .sei-main-image-preview{ height:190px!important;min-height:190px!important;margin:0!important; border:1px solid #dfe7f1!important;border-radius:11px!important; background:linear-gradient(180deg,#fcfdff,#f5f8fc)!important; display:flex!important;align-items:center!important;justify-content:center!important; overflow:hidden!important;position:relative!important; } #sei-modal .sei-product-editor-v151 .sei-section-media .sei-main-image-preview .sei-upload-preview{ width:100%!important;height:100%!important;object-fit:contain!important; } #sei-modal .sei-product-editor-v151 .sei-section-media .sei-product-upload{ height:190px!important;min-height:190px!important;padding:10px!important; border:1.5px dashed #9fc0ff!important;border-radius:11px!important; background:#f7fbff!important;display:flex!important;flex-direction:column!important; align-items:center!important;justify-content:center!important;gap:6px!important; text-align:center!important;cursor:pointer!important;box-sizing:border-box!important; } #sei-modal .sei-product-editor-v151 .sei-section-media .sei-product-upload .sei-upload-icon{ width:38px!important;height:38px!important;border-radius:11px!important; background:#e8f1ff!important;color:#1769ff!important;font-size:20px!important; display:flex!important;align-items:center!important;justify-content:center!important; } #sei-modal .sei-product-editor-v151 .sei-section-media .sei-product-upload strong{ color:#1769ff!important;font-size:11px!important;font-weight:800!important; } #sei-modal .sei-product-editor-v151 .sei-section-media .sei-product-upload small{ color:#7e90a9!important;font-size:8px!important; } #sei-modal .sei-product-editor-v151 .sei-section-media .sei-options-box{ padding:12px!important;background:#fff!important; } #sei-modal .sei-product-editor-v151 .sei-section-media .sei-variable-options{ display:flex!important;flex-direction:column!important;gap:12px!important;padding:0!important; } #sei-modal .sei-product-editor-v151 .sei-section-media .sei-variable-section{ margin:0!important;border:1px solid #e2e8f1!important;border-radius:12px!important; padding:10px!important;background:#fff!important;min-width:0!important; } #sei-modal .sei-product-editor-v151 .sei-section-media .sei-variable-section-head{ display:flex!important;align-items:center!important;justify-content:space-between!important; gap:10px!important;margin:0 0 9px!important; } #sei-modal .sei-product-editor-v151 .sei-section-media .sei-variable-section-head strong{ display:block!important;font-size:12px!important;line-height:16px!important; color:#19345f!important;font-weight:800!important; } #sei-modal .sei-product-editor-v151 .sei-section-media .sei-variable-section-head small{ display:block!important;margin-top:2px!important;font-size:8px!important; line-height:12px!important;color:#8a99ad!important; } #sei-modal .sei-product-editor-v151 .sei-section-media .sei-add-variation{ flex:0 0 auto!important;height:34px!important;padding:0 12px!important; border:1px solid #7668ff!important;border-radius:9px!important;background:#fff!important; color:#5146df!important;font-size:9px!important;font-weight:800!important;cursor:pointer!important; } #sei-modal .sei-product-editor-v151 .sei-section-media .sei-add-variation:hover{background:#f4f2ff!important} #sei-modal .sei-product-editor-v151 .sei-section-media .sei-design-list, #sei-modal .sei-product-editor-v151 .sei-section-media .sei-size-list{ display:flex!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important; padding:2px 1px 7px!important;scrollbar-width:thin!important; } #sei-modal .sei-product-editor-v151 .sei-section-media .sei-design-list::-webkit-scrollbar, #sei-modal .sei-product-editor-v151 .sei-section-media .sei-size-list::-webkit-scrollbar{height:5px!important} #sei-modal .sei-product-editor-v151 .sei-section-media .sei-design-list::-webkit-scrollbar-thumb, #sei-modal .sei-product-editor-v151 .sei-section-media .sei-size-list::-webkit-scrollbar-thumb{background:#c1cddd!important;border-radius:10px!important} #sei-modal .sei-product-editor-v151 .sei-section-media .sei-design-card{ flex:0 0 112px!important;width:112px!important;min-width:112px!important; padding:7px!important;border:1px solid #e0e7f0!important;border-radius:10px!important; background:#fff!important;box-sizing:border-box!important; } #sei-modal .sei-product-editor-v151 .sei-section-media .sei-design-card:has(input[name="design_choice"]:checked){ border-color:#1769ff!important;box-shadow:0 0 0 1px rgba(23,105,255,.12)!important;background:#fbfdff!important; } #sei-modal .sei-product-editor-v151 .sei-section-media .sei-design-card-top{ display:flex!important;align-items:center!important;gap:5px!important;margin:0 0 6px!important;min-width:0!important; } #sei-modal .sei-product-editor-v151 .sei-section-media .sei-design-name{ flex:1 1 auto!important;min-width:0!important;height:27px!important;border:0!important; background:transparent!important;padding:0 2px!important;font-size:10px!important;font-weight:800!important; color:#263c5c!important;outline:none!important; } #sei-modal .sei-product-editor-v151 .sei-section-media .sei-design-preview{ height:108px!important;margin:0 0 6px!important;border-radius:8px!important; background:#f6f8fb!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important; } #sei-modal .sei-product-editor-v151 .sei-section-media .sei-design-thumb{ width:100%!important;height:100%!important;object-fit:contain!important; } #sei-modal .sei-product-editor-v151 .sei-section-media .sei-design-empty{ font-size:8px!important;color:#9aa9bb!important; } #sei-modal .sei-product-editor-v151 .sei-section-media .sei-design-upload{ height:29px!important;border-radius:7px!important;background:#edf4ff!important;color:#1769ff!important; font-size:9px!important;font-weight:800!important;display:flex!important;align-items:center!important; justify-content:center!important;gap:4px!important;cursor:pointer!important; } #sei-modal .sei-product-editor-v151 .sei-section-media .sei-design-upload svg{width:12px!important;height:12px!important} #sei-modal .sei-product-editor-v151 .sei-section-media .sei-size-card{ flex:0 0 82px!important;width:82px!important;min-width:82px!important;min-height:62px!important; padding:7px!important;border:1px solid #e0e7f0!important;border-radius:9px!important; background:#fff!important;display:grid!important;grid-template-columns:18px 1fr 14px!important; grid-template-rows:20px 28px!important;gap:4px!important;align-items:center!important;box-sizing:border-box!important; } #sei-modal .sei-product-editor-v151 .sei-section-media .sei-size-card:has(input[name="size_choice"]:checked){ border-color:#1769ff!important;box-shadow:0 0 0 1px rgba(23,105,255,.12)!important;background:#fbfdff!important; } #sei-modal .sei-product-editor-v151 .sei-section-media .sei-size-name{ grid-column:2!important;grid-row:1!important;width:100%!important;min-width:0!important; height:20px!important;border:0!important;background:transparent!important;text-align:center!important; font-size:10px!important;font-weight:800!important;color:#263c5c!important;padding:0!important; } #sei-modal .sei-product-editor-v151 .sei-section-media .sei-size-preview{ grid-column:1/-1!important;grid-row:2!important;display:flex!important;align-items:center!important; justify-content:center!important;margin:0!important;height:28px!important;border-radius:6px!important; background:#f5f7fb!important;font-size:11px!important;font-weight:800!important;color:#243650!important; } #sei-modal .sei-product-editor-v151 .sei-section-media .sei-variation-summary{ margin:0!important;padding:12px!important;border-color:#dcefe4!important; background:linear-gradient(180deg,#f7fff9,#effaf3)!important;display:flex!important;flex-direction:column!important; } #sei-modal .sei-product-editor-v151 .sei-section-media .sei-summary-title{ margin:0 0 10px!important;font-size:12px!important;line-height:16px!important;color:#16814b!important;font-weight:900!important; } #sei-modal .sei-product-editor-v151 .sei-section-media .sei-summary-cards{ display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important; } #sei-modal .sei-product-editor-v151 .sei-section-media .sei-summary-cards>div{ min-height:76px!important;padding:10px 6px!important;text-align:center!important;border-radius:10px!important; background:#fff!important;border:1px solid #e1eee7!important;display:flex!important;flex-direction:column!important; justify-content:center!important; } #sei-modal .sei-product-editor-v151 .sei-section-media .sei-summary-cards span{ display:block!important;font-size:8px!important;color:#7b8b83!important;font-weight:600!important; } #sei-modal .sei-product-editor-v151 .sei-section-media .sei-summary-cards strong{ display:block!important;margin-top:4px!important;font-size:22px!important;line-height:24px!important;color:#1769ff!important; } #sei-modal .sei-product-editor-v151 .sei-section-media .sei-summary-total{ margin-top:9px!important;padding:10px!important;border-radius:9px!important;background:#edf5ff!important; text-align:center!important;font-size:9px!important;color:#1769ff!important;font-weight:800!important; } @media(max-width:1050px){ #sei-modal .sei-product-editor-v151 .sei-section-media .sei-media-layout{grid-template-columns:1fr 1.6fr!important} #sei-modal .sei-product-editor-v151 .sei-section-media .sei-variation-summary{grid-column:1/-1!important} } @media(max-width:760px){ #sei-modal .sei-product-editor-v151 .sei-section-media .sei-media-layout{grid-template-columns:1fr!important} #sei-modal .sei-product-editor-v151 .sei-section-media .sei-variation-summary{grid-column:auto!important} #sei-modal .sei-product-editor-v151 .sei-section-media .sei-main-image-row{grid-template-columns:1fr!important} #sei-modal .sei-product-editor-v151 .sei-section-media .sei-product-upload{height:82px!important;min-height:82px!important} #sei-modal .sei-product-editor-v151 .sei-section-media .sei-main-image-preview{height:220px!important;min-height:220px!important} } /* StockFlow v2.3.205 - Design labels use Image 1, Image 2, etc. */ #sei-modal .sei-product-editor-v151 .sei-section-media .sf-variation-disabled-v204 .sei-variable-section{ position:relative!important; } #sei-modal .sei-product-editor-v151 .sei-section-media .sf-option-disabled-v204{ opacity:.72!important; background:#f7f9fc!important; border-color:#e3e9f1!important; } #sei-modal .sei-product-editor-v151 .sei-section-media .sf-option-disabled-v204 .sei-variable-section-head strong, #sei-modal .sei-product-editor-v151 .sei-section-media .sf-option-disabled-v204 .sei-variable-section-head small{ color:#8b99aa!important; } #sei-modal .sei-product-editor-v151 .sei-section-media .sf-option-disabled-v204 .sei-add-variation{ color:#9aa7b7!important; border-color:#d7e0ea!important; background:#eef2f6!important; cursor:not-allowed!important; } #sei-modal .sei-product-editor-v151 .sei-section-media .sf-disabled-message-v204{ min-height:84px!important; width:100%!important; border:1px dashed #d8e1eb!important; border-radius:9px!important; background:#f8fafc!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; text-align:center!important; gap:4px!important; padding:10px!important; color:#8998aa!important; box-sizing:border-box!important; } #sei-modal .sei-product-editor-v151 .sei-section-media .sf-disabled-message-v204 strong{ font-size:10px!important; font-weight:800!important; color:#7c8da2!important; } #sei-modal .sei-product-editor-v151 .sei-section-media .sf-disabled-message-v204 span{ font-size:8px!important; color:#9aa8b8!important; } .sei-product-editor-v151 .sei-pricing-tabs button:disabled{background:#f3f6fa!important;color:#a7b3c3!important;cursor:not-allowed!important;opacity:.62!important}.sei-product-editor-v151 .sei-pricing-tabs button.active{box-shadow:inset 0 0 0 1px rgba(23,105,255,.08)!important}.sei-product-editor-v151 #sei-general-pricing.sf-pricing-disabled{opacity:.55!important;pointer-events:none!important} /* StockFlow 2.3.207 - Pricing & Variations modern compact UI */ #sei-modal .sei-product-editor-v151 .sei-section-pricing{ background:#fff!important; border:1px solid #dce6f2!important; border-radius:14px!important; overflow:hidden!important; box-shadow:0 2px 10px rgba(23,55,91,.035)!important; } #sei-modal .sei-product-editor-v151 .sei-section-pricing .sei-section-head{ padding:14px 18px!important; min-height:58px!important; background:linear-gradient(180deg,#fbfdff,#f7faff)!important; border-bottom:1px solid #e1e8f1!important; } #sei-modal .sei-product-editor-v151 .sei-section-pricing .sei-section-title strong{ font-size:15px!important; color:#17365f!important; letter-spacing:.1px!important; } #sei-modal .sei-product-editor-v151 .sei-section-pricing .sei-section-title small{ font-size:9px!important; color:#9aaac0!important; } #sei-modal .sei-product-editor-v151 .sei-pricing-tabs{ display:grid!important; grid-template-columns:1fr 1fr!important; gap:10px!important; margin:12px 16px 14px!important; border:0!important; overflow:visible!important; } #sei-modal .sei-product-editor-v151 .sei-pricing-tabs button{ height:58px!important; min-width:0!important; padding:9px 14px!important; display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:11px!important; text-align:left!important; border:1px solid #d9e4f0!important; border-radius:11px!important; background:#fff!important; color:#566b86!important; cursor:pointer!important; transition:all .18s ease!important; box-shadow:none!important; } #sei-modal .sei-product-editor-v151 .sei-pricing-tabs button:hover:not(:disabled){ border-color:#a9c8f8!important; background:#f8fbff!important; } #sei-modal .sei-product-editor-v151 .sei-pricing-tabs button.active{ border-color:#1769ff!important; background:#f1f6ff!important; color:#174f9d!important; box-shadow:0 0 0 1px rgba(23,105,255,.06)!important; } #sei-modal .sei-product-editor-v151 .sei-pricing-tabs button:disabled{ background:#f7f9fc!important; border-color:#e2e8f0!important; color:#9aa8ba!important; cursor:not-allowed!important; opacity:1!important; } #sei-modal .sei-product-editor-v151 .sei-pricing-tabs button > span:last-child{ min-width:0!important; display:flex!important; flex-direction:column!important; gap:3px!important; } #sei-modal .sei-product-editor-v151 .sei-pricing-tabs button b{ display:block!important; font-size:11px!important; line-height:1.2!important; font-weight:800!important; } #sei-modal .sei-product-editor-v151 .sei-pricing-tabs button small{ display:block!important; font-size:8px!important; line-height:1.2!important; color:#91a2b8!important; font-weight:500!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #sei-modal .sei-product-editor-v151 .sei-pricing-tabs button.active small{ color:#5d7ca7!important; } #sei-modal .sei-product-editor-v151 .sf-price-tab-icon{ width:34px!important; height:34px!important; flex:0 0 34px!important; border-radius:9px!important; display:flex!important; align-items:center!important; justify-content:center!important; background:#edf4ff!important; color:#1769ff!important; font-size:14px!important; line-height:1!important; } #sei-modal .sei-product-editor-v151 .sei-pricing-tabs button:disabled .sf-price-tab-icon{ background:#eef2f6!important; color:#9eacbd!important; } #sei-modal .sei-product-editor-v151 #sei-general-pricing{ padding:0 16px 15px!important; opacity:1!important; pointer-events:auto!important; } #sei-modal .sei-product-editor-v151 #sei-general-pricing.sf-pricing-disabled{ opacity:.55!important; pointer-events:none!important; } #sei-modal .sei-product-editor-v151 .sei-product-price-grid{ display:grid!important; grid-template-columns:1fr 1fr!important; gap:11px 12px!important; } #sei-modal .sei-product-editor-v151 .sei-product-price-grid > label, #sei-modal .sei-product-editor-v151 #sei-simple-stock-fields > label{ display:block!important; min-width:0!important; margin:0!important; font-size:9px!important; line-height:1.2!important; font-weight:700!important; color:#506784!important; } #sei-modal .sei-product-editor-v151 .sei-product-price-grid > label::before, #sei-modal .sei-product-editor-v151 #sei-simple-stock-fields > label::before{ content:""; display:inline-block!important; width:7px!important; height:7px!important; margin-right:6px!important; border-radius:50%!important; background:#1769ff!important; vertical-align:middle!important; transform:translateY(-1px)!important; } #sei-modal .sei-product-editor-v151 .sei-price-input{ display:flex!important; height:40px!important; margin-top:6px!important; } #sei-modal .sei-product-editor-v151 .sei-price-input span{ height:40px!important; min-width:43px!important; padding:0 9px!important; display:flex!important; align-items:center!important; justify-content:center!important; background:#f4f7fb!important; border:1px solid #d8e3ef!important; border-right:0!important; border-radius:9px 0 0 9px!important; color:#647791!important; font-size:9px!important; font-weight:700!important; } #sei-modal .sei-product-editor-v151 .sei-price-input input{ height:40px!important; min-width:0!important; flex:1!important; border:1px solid #d8e3ef!important; border-radius:0 9px 9px 0!important; font-size:11px!important; color:#1e3a5f!important; background:#fff!important; } #sei-modal .sei-product-editor-v151 #sei-simple-stock-fields{ grid-column:1 / -1!important; display:grid!important; grid-template-columns:1fr 1fr!important; gap:12px!important; } #sei-modal .sei-product-editor-v151 #sei-simple-stock-fields input{ width:100%!important; height:40px!important; margin-top:6px!important; border:1px solid #d8e3ef!important; border-radius:9px!important; font-size:11px!important; color:#1e3a5f!important; } #sei-modal .sei-product-editor-v151 .sei-variation-pricing{ padding:0 16px 15px!important; } #sei-modal .sei-product-editor-v151 .sei-variation-toolbar{ display:flex!important; align-items:center!important; justify-content:space-between!important; gap:10px!important; padding:9px 10px!important; margin-bottom:9px!important; border:1px solid #dbe8f4!important; border-radius:9px!important; background:#f5faff!important; } #sei-modal .sei-product-editor-v151 .sei-variation-info{ margin:0!important; padding:0!important; background:transparent!important; color:#58708e!important; font-size:9px!important; } #sei-modal .sei-product-editor-v151 .sei-autofill-prices{ height:30px!important; padding:0 11px!important; border:1px solid #1769ff!important; border-radius:7px!important; background:#fff!important; color:#1769ff!important; font-size:9px!important; font-weight:800!important; } #sei-modal .sei-product-editor-v151 .sei-variation-table-wrap{ border:1px solid #dce5ef!important; border-radius:10px!important; overflow:auto!important; max-height:300px!important; } #sei-modal .sei-product-editor-v151 #sei-variation-table th{ background:#f5f8fc!important; color:#5d718b!important; font-size:8px!important; font-weight:800!important; padding:8px 6px!important; } #sei-modal .sei-product-editor-v151 #sei-variation-table td{ padding:5px!important; font-size:8px!important; } @media(max-width:700px){ #sei-modal .sei-product-editor-v151 .sei-pricing-tabs{grid-template-columns:1fr!important} #sei-modal .sei-product-editor-v151 .sei-product-price-grid{grid-template-columns:1fr!important} #sei-modal .sei-product-editor-v151 #sei-simple-stock-fields{grid-template-columns:1fr!important} #sei-modal .sei-product-editor-v151 .sei-variation-toolbar{align-items:stretch!important;flex-direction:column!important} } /* StockFlow v2.3.208 - Compact modern product action bar */ #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-action-bar{ display:flex!important; align-items:center!important; justify-content:flex-end!important; gap:8px!important; padding:9px 12px!important; min-height:56px!important; box-sizing:border-box!important; background:rgba(255,255,255,.98)!important; border-top:1px solid #e5ebf3!important; box-shadow:0 -4px 14px rgba(15,23,42,.06)!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-action-bar .sei-secondary, #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-action-bar .sei-primary{ flex:0 0 auto!important; width:auto!important; min-width:0!important; height:38px!important; min-height:38px!important; padding:0 15px!important; border-radius:8px!important; font-size:11px!important; font-weight:700!important; letter-spacing:.1px!important; line-height:1!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:6px!important; box-sizing:border-box!important; cursor:pointer!important; transition:all .16s ease!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-action-bar .sei-secondary{ min-width:82px!important; background:#fff!important; border:1px solid #d7e1ee!important; color:#475a73!important; box-shadow:none!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-action-bar .sei-secondary:hover{ background:#f7f9fc!important; border-color:#c5d3e3!important; color:#203957!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-action-bar .sei-primary{ min-width:142px!important; background:#1769ff!important; border:1px solid #1769ff!important; color:#fff!important; box-shadow:0 3px 9px rgba(23,105,255,.16)!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-action-bar .sei-primary:hover{ background:#0f5de5!important; border-color:#0f5de5!important; box-shadow:0 4px 12px rgba(23,105,255,.22)!important; transform:translateY(-1px)!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-action-bar .sei-primary span{ margin:0!important; font-size:12px!important; line-height:1!important; } @media(max-width:600px){ #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-action-bar{ justify-content:stretch!important; } #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-action-bar .sei-secondary, #sei-modal.sei-product-modal-open .sei-modal-card.sei-product-modal-card.sei-product-editor-v151 .sei-product-action-bar .sei-primary{ flex:1 1 0!important; min-width:0!important; } } /* StockFlow v2.3.209 - Variation pricing design thumbnails */ #sei-modal .sei-product-editor-v151 #sei-variation-table .sei-var-design-cell{ display:flex!important; align-items:center!important; gap:7px!important; min-width:150px!important; } #sei-modal .sei-product-editor-v151 #sei-variation-table .sei-var-design-thumb{ width:38px!important; height:38px!important; object-fit:contain!important; border:1px solid #dbe5ef!important; border-radius:7px!important; background:#f7f9fc!important; flex:0 0 38px!important; } #sei-modal .sei-product-editor-v151 #sei-variation-table .sei-var-design-placeholder{ width:38px!important; height:38px!important; display:flex!important; align-items:center!important; justify-content:center!important; border:1px dashed #d5dfeb!important; border-radius:7px!important; background:#f8fafc!important; color:#94a3b8!important; font-size:7px!important; flex:0 0 38px!important; } #sei-modal .sei-product-editor-v151 #sei-variation-table .sei-var-design-name{ display:block!important; max-width:90px!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:nowrap!important; color:#243b5d!important; font-size:9px!important; font-weight:800!important; } #sei-modal .sei-product-editor-v151 #sei-variation-table th:first-child{min-width:160px!important} /* StockFlow v2.3.213 - Retail / Wholesale pricing */ #sei-modal .sei-product-editor-v151 #sei-variation-table{min-width:1060px!important} #sei-modal .sei-product-editor-v151 #sei-variation-table th:nth-child(5){min-width:125px!important} #sei-modal .sei-product-editor-v151 #sei-variation-table .sei-var-money input{min-width:88px!important} .sei-customer-type-switch{display:flex;align-items:center;gap:5px;padding:5px;border:1px solid #dce5f0;border-radius:10px;background:#f6f9fc;margin-left:auto} .sei-customer-type-switch>span{font-size:10px;font-weight:800;color:#667085;padding:0 5px;white-space:nowrap} .sei-customer-type-switch button{border:0;background:transparent;color:#64748b;border-radius:7px;padding:7px 12px;font-size:11px;font-weight:800;cursor:pointer} .sei-customer-type-switch button.active{background:#1769ff;color:#fff;box-shadow:0 2px 6px rgba(23,105,255,.18)} .sei-pos-product em{font-style:normal;font-weight:800} @media(max-width:900px){.sei-customer-type-switch{margin-left:0}.sei-customer-type-switch>span{display:none}} /* Variable product POS picker */ .sei-pos-variation-picker{width:min(760px,calc(100vw - 40px));background:#fff;border:1px solid #e4e9f1;border-radius:18px;overflow:hidden;box-shadow:0 24px 70px rgba(20,35,60,.18)} .sei-pos-picker-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid #edf1f6;background:#fbfcfe} .sei-pos-picker-head h2{margin:2px 0 3px;font-size:20px;color:#152238}.sei-pos-picker-head small{color:#7b8798}.sei-picker-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#1769ff} .sei-picker-close{width:34px;height:34px;border:1px solid #e0e6ef;background:#fff;border-radius:9px;font-size:22px;line-height:1;cursor:pointer;color:#667085} .sei-picker-step{padding:18px 22px;border-bottom:1px solid #edf1f6}.sei-picker-step-title{display:flex;gap:11px;align-items:center;margin-bottom:13px}.sei-picker-step-title>span{width:27px;height:27px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#1769ff;color:#fff;font-weight:800;font-size:12px}.sei-picker-step-title strong{display:block;font-size:13px;color:#172033}.sei-picker-step-title small{display:block;color:#8490a1;margin-top:2px;font-size:11px} .sei-picker-designs{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:10px}.sei-picker-design{border:1px solid #dfe5ee;background:#fff;border-radius:11px;padding:7px;cursor:pointer;text-align:left}.sei-picker-design.active{border:2px solid #1769ff;padding:6px;background:#f7fbff}.sei-picker-design img,.sei-picker-no-image{display:block;width:100%;height:82px;object-fit:cover;border-radius:7px;background:#f1f4f8}.sei-picker-no-image{display:flex;align-items:center;justify-content:center;color:#98a2b3;font-size:10px;font-weight:800}.sei-picker-design>span:last-child{display:block;margin:7px 2px 2px;font-weight:700;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .sei-picker-sizes{display:flex;flex-wrap:wrap;gap:9px}.sei-picker-size{min-width:78px;border:1px solid #dfe5ee;background:#fff;border-radius:9px;padding:9px 12px;cursor:pointer;text-align:center}.sei-picker-size.active{border:2px solid #1769ff;padding:8px 11px;background:#f7fbff}.sei-picker-size:disabled{opacity:.45;cursor:not-allowed;background:#f7f8fa}.sei-picker-size strong{display:block;font-size:12px}.sei-picker-size small{display:block;color:#8792a2;font-size:9px;margin-top:3px} .sei-picker-selected{padding:13px 22px;background:#f8fbff;min-height:48px}.sei-picker-selected:empty{display:none}.sei-picker-selected span{font-size:9px;text-transform:uppercase;color:#1769ff;font-weight:800;display:block}.sei-picker-selected strong{display:block;font-size:13px;margin-top:2px}.sei-picker-selected small{display:block;color:#667085;margin-top:3px}.sei-picker-actions{display:flex;justify-content:flex-end;gap:9px;padding:14px 22px;background:#fff} @media(max-width:600px){.sei-pos-variation-picker{width:calc(100vw - 20px)}.sei-picker-designs{grid-template-columns:repeat(3,1fr)}.sei-picker-design img,.sei-picker-no-image{height:70px}.sei-picker-step,.sei-pos-picker-head{padding-left:15px;padding-right:15px}.sei-picker-actions,.sei-picker-selected{padding-left:15px;padding-right:15px}} /* StockFlow v2.3.214 - Compact variable POS picker: no horizontal scrolling */ #sei-modal .sei-modal-card.sei-variable-picker-modal-card{ width:min(760px,calc(100vw - 28px))!important; max-width:760px!important; max-height:calc(100vh - 28px)!important; min-width:0!important; padding:0!important; box-sizing:border-box!important; overflow:hidden!important; border-radius:16px!important; } #sei-modal .sei-modal-card.sei-variable-picker-modal-card #sei-modal-content{ width:100%!important; max-width:100%!important; min-width:0!important; min-height:0!important; max-height:calc(100vh - 28px)!important; overflow-y:auto!important; overflow-x:hidden!important; box-sizing:border-box!important; } #sei-modal .sei-modal-card.sei-variable-picker-modal-card .sei-pos-variation-picker{ width:100%!important; max-width:none!important; min-width:0!important; box-sizing:border-box!important; border:0!important; border-radius:0!important; box-shadow:none!important; overflow:hidden!important; } #sei-modal .sei-modal-card.sei-variable-picker-modal-card .sei-pos-picker-head{ padding:12px 16px!important; } #sei-modal .sei-modal-card.sei-variable-picker-modal-card .sei-pos-picker-head h2{ font-size:18px!important; line-height:1.15!important; } #sei-modal .sei-modal-card.sei-variable-picker-modal-card .sei-pos-picker-head small{font-size:10px!important} #sei-modal .sei-modal-card.sei-variable-picker-modal-card .sei-picker-kicker{font-size:8px!important} #sei-modal .sei-modal-card.sei-variable-picker-modal-card .sei-picker-close{ width:30px!important;height:30px!important;font-size:19px!important; } #sei-modal .sei-modal-card.sei-variable-picker-modal-card .sei-picker-step{ padding:11px 16px!important; } #sei-modal .sei-modal-card.sei-variable-picker-modal-card .sei-picker-step-title{ gap:8px!important;margin-bottom:8px!important; } #sei-modal .sei-modal-card.sei-variable-picker-modal-card .sei-picker-step-title>span{ width:23px!important;height:23px!important;flex:0 0 23px!important;font-size:10px!important; } #sei-modal .sei-modal-card.sei-variable-picker-modal-card .sei-picker-step-title strong{font-size:11px!important} #sei-modal .sei-modal-card.sei-variable-picker-modal-card .sei-picker-step-title small{font-size:9px!important;margin-top:1px!important} #sei-modal .sei-modal-card.sei-variable-picker-modal-card .sei-picker-designs{ display:grid!important; grid-template-columns:repeat(auto-fit,minmax(82px,1fr))!important; gap:6px!important; width:100%!important; max-width:100%!important; overflow:visible!important; box-sizing:border-box!important; } #sei-modal .sei-modal-card.sei-variable-picker-modal-card .sei-picker-design{ min-width:0!important; width:100%!important; box-sizing:border-box!important; padding:4px!important; border-radius:8px!important; text-align:center!important; } #sei-modal .sei-modal-card.sei-variable-picker-modal-card .sei-picker-design.active{padding:3px!important} #sei-modal .sei-modal-card.sei-variable-picker-modal-card .sei-picker-design img, #sei-modal .sei-modal-card.sei-variable-picker-modal-card .sei-picker-no-image{ width:100%!important;height:60px!important;object-fit:contain!important;border-radius:6px!important; } #sei-modal .sei-modal-card.sei-variable-picker-modal-card .sei-picker-design>span:last-child{ margin:4px 1px 1px!important;font-size:9px!important;line-height:1.15!important; } #sei-modal .sei-modal-card.sei-variable-picker-modal-card .sei-picker-sizes{ display:flex!important;flex-wrap:wrap!important;gap:6px!important;width:100%!important;min-width:0!important; } #sei-modal .sei-modal-card.sei-variable-picker-modal-card .sei-picker-size{ min-width:64px!important;flex:0 1 auto!important;padding:6px 8px!important;border-radius:7px!important; box-sizing:border-box!important; } #sei-modal .sei-modal-card.sei-variable-picker-modal-card .sei-picker-size.active{padding:5px 7px!important} #sei-modal .sei-modal-card.sei-variable-picker-modal-card .sei-picker-size strong{font-size:10px!important} #sei-modal .sei-modal-card.sei-variable-picker-modal-card .sei-picker-size small{font-size:8px!important;margin-top:2px!important} #sei-modal .sei-modal-card.sei-variable-picker-modal-card .sei-picker-selected{ padding:8px 16px!important;min-height:0!important;box-sizing:border-box!important; } #sei-modal .sei-modal-card.sei-variable-picker-modal-card .sei-picker-selected span{font-size:7px!important} #sei-modal .sei-modal-card.sei-variable-picker-modal-card .sei-picker-selected strong{font-size:11px!important;margin-top:1px!important} #sei-modal .sei-modal-card.sei-variable-picker-modal-card .sei-picker-selected small{font-size:9px!important;margin-top:2px!important} #sei-modal .sei-modal-card.sei-variable-picker-modal-card .sei-picker-actions{ padding:9px 16px!important;gap:7px!important;box-sizing:border-box!important; } #sei-modal .sei-modal-card.sei-variable-picker-modal-card .sei-picker-actions button{ min-height:32px!important;padding:6px 11px!important;font-size:10px!important; } @media(max-width:600px){ #sei-modal .sei-modal-card.sei-variable-picker-modal-card{width:calc(100vw - 14px)!important;max-height:calc(100vh - 14px)!important} #sei-modal .sei-modal-card.sei-variable-picker-modal-card #sei-modal-content{max-height:calc(100vh - 14px)!important} #sei-modal .sei-modal-card.sei-variable-picker-modal-card .sei-picker-step, #sei-modal .sei-modal-card.sei-variable-picker-modal-card .sei-pos-picker-head, #sei-modal .sei-modal-card.sei-variable-picker-modal-card .sei-picker-actions, #sei-modal .sei-modal-card.sei-variable-picker-modal-card .sei-picker-selected{padding-left:12px!important;padding-right:12px!important} #sei-modal .sei-modal-card.sei-variable-picker-modal-card .sei-picker-designs{grid-template-columns:repeat(3,minmax(0,1fr))!important} } /* StockFlow v2.3.215 - Variable picker footer + design label refinement */ #sei-modal .sei-modal-card.sei-variable-picker-modal-card .sei-picker-design{ display:flex!important; flex-direction:column!important; align-items:stretch!important; justify-content:flex-start!important; } #sei-modal .sei-modal-card.sei-variable-picker-modal-card .sei-picker-design img, #sei-modal .sei-modal-card.sei-variable-picker-modal-card .sei-picker-design .sei-picker-no-image{ display:block!important; flex:0 0 auto!important; width:100%!important; height:58px!important; object-fit:contain!important; margin:0!important; } #sei-modal .sei-modal-card.sei-variable-picker-modal-card .sei-picker-design>span:last-child{ display:block!important; width:100%!important; box-sizing:border-box!important; margin:5px 0 1px!important; text-align:center!important; font-size:9px!important; line-height:1.15!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } #sei-modal .sei-modal-card.sei-variable-picker-modal-card .sei-picker-actions{ display:flex!important; justify-content:flex-end!important; align-items:center!important; padding:8px 16px!important; border-top:1px solid #edf1f6!important; } #sei-modal .sei-modal-card.sei-variable-picker-modal-card #sei-picker-add{ width:auto!important; min-width:118px!important; max-width:150px!important; min-height:32px!important; height:32px!important; padding:0 16px!important; font-size:10px!important; border-radius:7px!important; } @media(max-width:600px){ #sei-modal .sei-modal-card.sei-variable-picker-modal-card .sei-picker-actions{padding:7px 12px!important} #sei-modal .sei-modal-card.sei-variable-picker-modal-card #sei-picker-add{min-width:108px!important;max-width:130px!important;height:31px!important;min-height:31px!important} } /* StockFlow 2.3.218 release polish */ .sei-app, .sei-app *{box-sizing:border-box} .sei-app button, .sei-app input, .sei-app select, .sei-app textarea{font-family:inherit} .sei-app img{max-width:100%;height:auto} .sei-view{min-width:0} .sei-box,.sei-panel,.sei-pos-panel,.sei-modal-card{min-width:0} .sei-table-wrap{-webkit-overflow-scrolling:touch} @media(max-width:700px){ .sei-app{border-radius:10px} .sei-view{padding:14px} .sei-heading{gap:10px;flex-wrap:wrap} } /* v2.3.224 - Modern compact Users & Permissions */ #sei-view-users{padding:28px 30px;background:#f7f9fc} #sei-view-users .sei-users-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px} #sei-view-users .sei-users-title{display:flex;align-items:center;gap:14px;min-width:0} #sei-view-users .sei-users-title-icon{width:48px;height:48px;border-radius:13px;background:linear-gradient(135deg,#1769ff,#2f80ff);display:flex;align-items:center;justify-content:center;box-shadow:0 7px 18px rgba(23,105,255,.18);flex:none} #sei-view-users .sei-users-title-icon svg{width:25px;height:25px;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} #sei-view-users .sei-users-title h1{font-size:27px;line-height:1.1;margin:0 0 5px;color:#17233d;letter-spacing:-.4px} #sei-view-users .sei-users-title p{margin:0;color:#71809a;font-size:13px} #sei-view-users .sei-users-add{width:auto;min-height:44px;padding:0 18px;gap:8px;border-radius:10px;box-shadow:0 5px 14px rgba(23,105,255,.16)} #sei-view-users .sei-btn-plus{font-size:22px;font-weight:400;line-height:1} #sei-view-users .sei-users-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px} #sei-view-users .sei-users-stat{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e6ebf3;border-radius:12px;padding:15px 16px;min-width:0;box-shadow:0 3px 12px rgba(24,32,42,.025)} #sei-view-users .sei-users-stat-icon{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none} #sei-view-users .sei-users-stat-icon svg{width:21px;height:21px;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} #sei-view-users .sei-users-stat-icon.blue{background:#e8f0ff;color:#1769ff}.sei-users-stat-icon.green{background:#e8f8ef;color:#16a36a}.sei-users-stat-icon.orange{background:#fff2df;color:#ef8b00}.sei-users-stat-icon.purple{background:#f1eaff;color:#7542e5} #sei-view-users .sei-users-stat-icon svg{stroke:currentColor} #sei-view-users .sei-users-stat small{display:block;color:#6e7c94;font-size:11px;margin-bottom:2px}.sei-users-stat strong{display:block;color:#15213a;font-size:23px;line-height:1.05} #sei-view-users .sei-users-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 180px 160px;gap:10px;margin-bottom:12px} #sei-view-users .sei-users-search,#sei-view-users .sei-users-toolbar select{height:42px;box-sizing:border-box;border:1px solid #dfe5ee;border-radius:9px;background:#fff} #sei-view-users .sei-users-search{display:flex;align-items:center;padding:0 12px;gap:9px}.sei-users-search svg{width:18px;height:18px;stroke:#6d7b93;stroke-width:2;stroke-linecap:round}.sei-users-search input{border:0;outline:0;width:100%;font-size:13px;color:#17233d;background:transparent}.sei-users-search input::placeholder{color:#9aa6b8} #sei-view-users .sei-users-toolbar select{padding:0 11px;color:#25324a;font-size:13px;outline:0} #sei-view-users .sei-users-box{padding:0;margin:0;border-radius:13px;overflow:hidden;box-shadow:0 4px 16px rgba(24,32,42,.025)} #sei-view-users .sei-users-box .sei-table-wrap{overflow-x:auto} #sei-view-users #sei-users-table{min-width:900px;font-size:13px} #sei-view-users #sei-users-table th{padding:12px 14px;background:#fbfcfe;color:#71809a;text-transform:uppercase;font-size:10px;letter-spacing:.35px;font-weight:700;border-bottom:1px solid #e8edf4} #sei-view-users #sei-users-table td{padding:12px 14px;border-bottom:1px solid #edf1f6;vertical-align:middle} #sei-view-users #sei-users-table tbody tr:last-child td{border-bottom:0} #sei-view-users .sei-user-cell{display:flex;align-items:center;gap:10px;min-width:175px}.sei-user-avatar{width:34px;height:34px;border-radius:50%;background:#e9f0ff;color:#1769ff;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;flex:none}.sei-user-cell strong{display:block;color:#17233d;font-size:13px}.sei-user-cell small{display:block;color:#8a96a8;font-size:10px;margin-top:2px} #sei-view-users .sei-user-email{display:inline-flex;align-items:center;gap:7px;color:#35435b;white-space:nowrap}.sei-user-email svg{width:15px;height:15px;stroke:#71809a;stroke-width:1.8;stroke-linejoin:round} #sei-view-users .sei-role-pill{display:inline-flex;align-items:center;padding:5px 9px;border-radius:7px;background:#edf3ff;color:#1769ff;font-weight:700;font-size:11px;white-space:nowrap} #sei-view-users .sei-permission-count{display:block;color:#273650;font-weight:600;font-size:12px}.sei-permission-link{display:inline-block;margin-top:3px;color:#1769ff;font-size:11px;text-decoration:none} #sei-view-users .sei-status-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:18px;background:#eaf8f0;color:#15945d;font-size:11px;font-weight:700;white-space:nowrap}.sei-status-pill i{width:7px;height:7px;border-radius:50%;background:#19b66d} #sei-view-users .sei-current-pill{display:block;width:max-content;margin-top:4px;padding:3px 7px;border-radius:6px;background:#f1f4f8;color:#75839a;font-size:9px} #sei-view-users .sei-user-actions{display:flex;align-items:center;gap:6px}.sei-icon-action{width:34px;height:34px;padding:0;border:1px solid #dce4ef;border-radius:8px;background:#fff;color:#1769ff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.15s}.sei-icon-action:hover{border-color:#b9d0ff;background:#f2f6ff}.sei-icon-action svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.sei-icon-action.danger{color:#e04444;border-color:#f0d5d5}.sei-icon-action.danger:hover{background:#fff2f2;border-color:#efbcbc} #sei-view-users .sei-users-footer{padding:11px 14px;border-top:1px solid #edf1f6;color:#8490a2;font-size:11px;background:#fff}.sei-users-footer strong{color:#39465e}.sei-users-empty{display:none;padding:24px;text-align:center;color:#8490a2;font-size:12px} @media(max-width:1000px){#sei-view-users .sei-users-stats{grid-template-columns:repeat(2,minmax(0,1fr))}#sei-view-users .sei-users-toolbar{grid-template-columns:1fr 160px 140px}} @media(max-width:700px){#sei-view-users{padding:18px 14px}#sei-view-users .sei-users-head{align-items:flex-start}#sei-view-users .sei-users-title h1{font-size:22px}#sei-view-users .sei-users-title p{font-size:11px}#sei-view-users .sei-users-title-icon{width:42px;height:42px}#sei-view-users .sei-users-add{padding:0 12px;font-size:12px}#sei-view-users .sei-users-toolbar{grid-template-columns:1fr}#sei-view-users .sei-users-stats{gap:9px}#sei-view-users .sei-users-stat{padding:12px}#sei-view-users .sei-users-stat-icon{width:36px;height:36px}#sei-view-users .sei-users-stat strong{font-size:19px}} /* StockFlow v2.3.226 — modern compact Suppliers page */ #sei-view-suppliers .sei-supplier-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px} #sei-view-suppliers .sei-supplier-title{display:flex;align-items:center;gap:14px;min-width:0} #sei-view-suppliers .sei-supplier-title h1{margin:0;font-size:28px;line-height:1.1;color:#14213d;font-weight:800;letter-spacing:-.5px} #sei-view-suppliers .sei-supplier-title p{margin:5px 0 0;color:#6b7a96;font-size:13px} #sei-view-suppliers .sei-supplier-title-icon{width:52px;height:52px;border-radius:14px;background:#eaf2ff;display:flex;align-items:center;justify-content:center;color:#1769ff;flex:0 0 52px} #sei-view-suppliers .sei-supplier-title-icon svg{width:26px;height:26px} #sei-view-suppliers .sei-supplier-title-icon .sei-receipt-paper{fill:#1769ff}.sei-supplier-title-icon .sei-receipt-line{stroke:#fff}.sei-supplier-title-icon .sei-receipt-dot{fill:#fff} #sei-view-suppliers .sei-supplier-head .sei-primary{height:46px;padding:0 22px;border-radius:11px;font-weight:700;white-space:nowrap} #sei-view-suppliers .sei-btn-plus{font-size:22px;vertical-align:-1px;margin-right:6px} #sei-view-suppliers .sei-supplier-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px} #sei-view-suppliers .sei-supplier-stats>div{background:#fff;border:1px solid #edf1f7;border-radius:14px;padding:16px 18px;box-shadow:0 5px 18px rgba(31,55,90,.045);min-width:0} #sei-view-suppliers .sei-supplier-stats span{display:block;color:#71809c;font-size:12px;margin-bottom:5px}.sei-supplier-stats strong{display:block;color:#15223d;font-size:21px;line-height:1.15} #sei-view-suppliers .sei-supplier-filters{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:12px;margin-bottom:14px} #sei-view-suppliers .sei-supplier-search{height:46px;border:1px solid #dfe6f0;background:#fff;border-radius:11px;display:flex;align-items:center;padding:0 13px;gap:9px;box-sizing:border-box} #sei-view-suppliers .sei-supplier-search span{font-size:25px;color:#61718d;line-height:1;transform:rotate(-20deg)} #sei-view-suppliers .sei-supplier-search input{border:0!important;outline:0!important;background:transparent!important;width:100%;height:100%;font-size:13px;color:#1f2f4b;padding:0!important} #sei-view-suppliers .sei-supplier-filters select{height:46px;border:1px solid #dfe6f0;border-radius:11px;background:#fff;padding:0 12px;color:#23324d;font-size:13px;outline:0} #sei-view-suppliers .sei-supplier-box{padding:0;overflow:hidden} #sei-view-suppliers .sei-supplier-table{min-width:980px;border-collapse:collapse} #sei-view-suppliers .sei-supplier-table th{font-size:11px;color:#687791;font-weight:800;text-transform:uppercase;letter-spacing:.2px;padding:15px 12px;border-bottom:1px solid #edf1f6;white-space:nowrap} #sei-view-suppliers .sei-supplier-table td{padding:13px 12px;border-bottom:1px solid #eef2f7;color:#24324c;font-size:12px;vertical-align:middle} #sei-view-suppliers .sei-supplier-table tbody tr:last-child td{border-bottom:0} #sei-view-suppliers .sei-supplier-table tbody tr:hover{background:#fbfdff} #sei-view-suppliers .sei-supplier-table input[type=checkbox]{width:17px;height:17px;accent-color:#1769ff} #sei-view-suppliers .sei-supplier-name{display:flex;align-items:center;gap:10px;min-width:170px}.sei-supplier-avatar{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#e7f0ff;color:#1769ff;font-size:16px;font-weight:800;flex:0 0 40px} #sei-view-suppliers .sei-supplier-name strong{display:block;color:#17233c;font-size:13px}.sei-supplier-name small{display:block;margin-top:3px;color:#7b879b;font-size:10px} #sei-view-suppliers .sei-address-cell{max-width:230px;white-space:normal;line-height:1.35} #sei-view-suppliers .sei-supplier-balance{display:inline-flex;padding:8px 11px;border-radius:10px;background:#edf4ff;color:#174ea6;font-size:12px;white-space:nowrap} #sei-view-suppliers .sei-supplier-status{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#eaf9f0;color:#079455;font-size:11px;font-weight:700;white-space:nowrap}.sei-supplier-status i{width:7px;height:7px;border-radius:50%;background:#12b76a} #sei-view-suppliers .sei-supplier-actions{white-space:nowrap}.sei-supplier-actions .sei-icon-action{width:40px;height:40px;border-radius:10px;border:1px solid #e2e9f3;background:#fff;display:inline-flex;align-items:center;justify-content:center;margin-right:5px;cursor:pointer;vertical-align:middle}.sei-supplier-actions .sei-icon-action:hover{background:#f5f8ff;border-color:#cddafa}.sei-supplier-actions .sei-icon-action.danger{background:#fff1f2;border-color:#ffd9dc}.sei-supplier-actions .sei-color-icon-svg{width:20px;height:20px}.sei-supplier-pay-icon{font-size:18px;color:#1769ff;font-weight:800}.sei-supplier-delete-icon{font-size:21px;color:#e11d48;line-height:1;transform:rotate(45deg);display:inline-block} #sei-view-suppliers .sei-supplier-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px;border-top:1px solid #edf1f6;color:#71809a;font-size:11px}.sei-supplier-pagination{display:flex;gap:7px}.sei-supplier-pagination button{width:36px;height:36px;border:1px solid #dfe6f0;border-radius:9px;background:#fff;color:#72819b;font-size:18px}.sei-supplier-pagination button.active{background:#1769ff;color:#fff;border-color:#1769ff;font-weight:700}.sei-supplier-pagination button:disabled{opacity:.55} @media(max-width:900px){#sei-view-suppliers .sei-supplier-stats{grid-template-columns:repeat(2,minmax(0,1fr))}#sei-view-suppliers .sei-supplier-filters{grid-template-columns:1fr}.sei-supplier-table{min-width:900px!important}} @media(max-width:600px){#sei-view-suppliers .sei-supplier-head{align-items:flex-start;flex-direction:column}#sei-view-suppliers .sei-supplier-head .sei-primary{width:100%}#sei-view-suppliers .sei-supplier-stats{grid-template-columns:1fr 1fr}.sei-supplier-footer{display:block!important}.sei-supplier-pagination{margin-top:10px}} /* StockFlow v2.3.229 — Compact Add Expense: desktop one-viewport layout */ #sei-modal .sei-modal-card.sei-expense-modal-card{width:min(820px,calc(100vw - 28px))!important;max-width:820px!important;max-height:calc(100vh - 20px)!important;overflow:hidden!important;border-radius:16px!important} #sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-modal{padding:18px 20px 14px!important;max-height:calc(100vh - 20px)!important;box-sizing:border-box!important;overflow:hidden!important} #sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-modal-head{gap:11px!important;padding:0 36px 12px 0!important} #sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-modal-icon{width:42px!important;height:42px!important;flex-basis:42px!important;border-radius:12px!important} #sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-modal-icon svg{width:21px!important;height:21px!important} #sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-modal-kicker{font-size:8.5px!important;margin-bottom:1px!important} #sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-modal-head h2{font-size:21px!important} #sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-modal-head p{font-size:10.5px!important;margin-top:3px!important} #sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-modal-close{right:10px!important;top:10px!important;width:30px!important;height:30px!important;font-size:20px!important;line-height:27px!important} #sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-form-section{padding:10px 0 2px!important} #sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-form-grid{gap:7px 10px!important} #sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-form-grid label{padding:7px 9px 8px!important;border-radius:10px!important;box-shadow:none!important} #sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-field-head{gap:6px!important;min-height:21px!important;margin-bottom:4px!important} #sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-field-head>span{font-size:10.5px!important} #sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-field-icon{width:27px!important;height:27px!important;flex-basis:27px!important} #sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-field-icon svg{width:14px!important;height:14px!important} #sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-form-grid input, #sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-form-grid select{height:34px!important;font-size:10.5px!important;padding:0 9px!important;border-radius:8px!important} #sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-form-grid textarea{min-height:42px!important;height:42px!important;padding:7px 9px!important;font-size:10.5px!important;border-radius:8px!important;resize:none!important} #sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-money input{padding-right:48px!important} #sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-money em{height:34px!important;min-width:46px!important;padding:0 8px!important;font-size:10px!important;border-radius:0 8px 8px 0!important} #sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-form-footer{gap:7px!important;padding:9px 0 0!important;margin-top:5px!important} #sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-form-footer .sei-primary{min-width:135px!important;min-height:38px!important;height:38px!important;border-radius:9px!important;font-size:11px!important} #sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-form-footer .sei-person-cancel{min-width:88px!important;height:38px!important;border-radius:9px!important;font-size:11px!important} #sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-btn-icon{font-size:14px!important} @media(max-width:650px){#sei-modal .sei-modal-card.sei-expense-modal-card{max-height:calc(100vh - 12px)!important}#sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-modal{padding:14px 12px 10px!important;overflow-y:auto!important}#sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-form-grid{grid-template-columns:1fr!important}.sei-expense-form-grid label.sei-expense-full{grid-column:auto!important}} /* StockFlow v2.3.230 — Add Expense footer always visible in one desktop viewport */ #sei-modal .sei-modal-card.sei-expense-modal-card{ height:calc(100vh - 16px)!important; max-height:calc(100vh - 16px)!important; overflow:hidden!important; } #sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-modal{ height:100%!important; max-height:none!important; padding:12px 18px 10px!important; box-sizing:border-box!important; display:flex!important; flex-direction:column!important; overflow:hidden!important; } #sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-modal-head{ flex:0 0 auto!important; gap:9px!important; padding:0 34px 8px 0!important; } #sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-modal-icon{width:38px!important;height:38px!important;flex-basis:38px!important;border-radius:10px!important} #sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-modal-icon svg{width:19px!important;height:19px!important} #sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-modal-kicker{font-size:8px!important;margin-bottom:0!important} #sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-modal-head h2{font-size:19px!important;line-height:1.05!important} #sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-modal-head p{font-size:9.5px!important;margin-top:2px!important} #sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-modal-close{right:7px!important;top:7px!important;width:27px!important;height:27px!important;font-size:18px!important;line-height:24px!important} #sei-modal .sei-modal-card.sei-expense-modal-card #sei-expense-form{ min-height:0!important; flex:1 1 auto!important; display:flex!important; flex-direction:column!important; overflow:hidden!important; } #sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-form-section{ flex:1 1 auto!important; min-height:0!important; padding:6px 0 2px!important; } #sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-form-grid{gap:5px 9px!important} #sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-form-grid label{padding:5px 8px 6px!important;border-radius:9px!important} #sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-field-head{gap:5px!important;min-height:18px!important;margin-bottom:2px!important} #sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-field-head>span{font-size:9.5px!important} #sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-field-icon{width:23px!important;height:23px!important;flex-basis:23px!important} #sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-field-icon svg{width:12px!important;height:12px!important} #sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-form-grid input, #sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-form-grid select{height:30px!important;font-size:9.5px!important;padding:0 8px!important;border-radius:7px!important} #sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-form-grid textarea{min-height:34px!important;height:34px!important;padding:6px 8px!important;font-size:9.5px!important;border-radius:7px!important;resize:none!important} #sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-money input{padding-right:43px!important} #sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-money em{height:30px!important;min-width:41px!important;padding:0 6px!important;font-size:9px!important;border-radius:0 7px 7px 0!important} #sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-form-footer{ flex:0 0 auto!important; gap:6px!important; padding:7px 0 0!important; margin-top:3px!important; background:#f8fafc!important; position:relative!important; z-index:2!important; } #sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-form-footer .sei-primary{min-width:124px!important;min-height:32px!important;height:32px!important;border-radius:8px!important;font-size:10px!important} #sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-form-footer .sei-person-cancel{min-width:76px!important;height:32px!important;border-radius:8px!important;font-size:10px!important} #sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-btn-icon{font-size:12px!important} @media(max-width:650px){ #sei-modal .sei-modal-card.sei-expense-modal-card{height:auto!important;max-height:calc(100vh - 12px)!important} #sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-modal{height:auto!important;min-height:0!important;padding:14px 12px 10px!important;overflow-y:auto!important;display:block!important} #sei-modal .sei-modal-card.sei-expense-modal-card #sei-expense-form{display:block!important;overflow:visible!important} #sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-form-section{padding:7px 0 2px!important} #sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-form-grid{grid-template-columns:1fr!important} #sei-modal .sei-modal-card.sei-expense-modal-card .sei-expense-form-grid label.sei-expense-full{grid-column:auto!important} } /* StockFlow v2.3.231 — Modern Expenses dashboard */ #sei-view-expenses{padding-bottom:20px!important} #sei-view-expenses .sei-expense-heading{margin-bottom:18px!important;align-items:center!important} #sei-view-expenses .sei-expense-heading h1{font-size:28px!important;letter-spacing:-.7px!important;color:#102044!important;margin-bottom:4px!important} #sei-view-expenses .sei-expense-heading p{font-size:12.5px!important;color:#71809a!important} #sei-view-expenses .sei-expense-heading-actions{gap:10px!important} #sei-view-expenses .sei-expense-report-btn{height:42px!important;min-width:96px!important;border-radius:10px!important;font-size:12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important} #sei-view-expenses .sei-expense-report-btn:before{content:'◔';font-size:15px;color:#53647d} #sei-view-expenses .sei-expense-add-btn{height:42px!important;min-height:42px!important;border-radius:10px!important;padding:0 17px!important;font-size:12px!important;font-weight:800!important} #sei-view-expenses .sei-expense-stats{gap:14px!important;margin-bottom:16px!important} #sei-view-expenses .sei-expense-stat{position:relative;display:flex;align-items:center;gap:12px;min-height:100px;box-sizing:border-box;padding:15px 17px!important;border:1px solid #e3e9f1!important;border-radius:14px!important;overflow:hidden;box-shadow:0 4px 14px rgba(30,52,84,.035)!important} #sei-view-expenses .sei-expense-stat-icon{width:48px;height:48px;flex:0 0 48px;border-radius:50%;display:flex;align-items:center;justify-content:center} #sei-view-expenses .sei-expense-stat-icon svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #sei-view-expenses .sei-expense-stat-icon.red{background:#ffe8ec;color:#ef4444}.sei-expense-stat-icon.green{background:#e4faee;color:#16a34a}.sei-expense-stat-icon.blue{background:#e7f0ff;color:#1769ff}.sei-expense-stat-icon.purple{background:#f0e8ff;color:#8b5cf6} #sei-view-expenses .sei-expense-stat div{min-width:0;position:relative;z-index:2} #sei-view-expenses .sei-expense-stat span:not(.sei-expense-stat-spark){font-size:12px!important;color:#65758e!important;margin:0 0 7px!important;font-weight:700!important;white-space:nowrap} #sei-view-expenses .sei-expense-stat strong{font-size:21px!important;letter-spacing:-.4px!important;color:#17294a!important} #sei-view-expenses .sei-expense-stat-spark{position:absolute!important;right:13px;bottom:16px;color:#78a9ff!important;font-size:34px!important;line-height:20px!important;opacity:.25} #sei-view-expenses .sei-expense-stat.total .sei-expense-stat-spark{color:#ef7777!important}.sei-expense-stat.today .sei-expense-stat-spark{color:#3dcc83!important}.sei-expense-stat.cats .sei-expense-stat-spark{color:#a06cff!important} #sei-view-expenses .sei-expense-filters{display:grid;grid-template-columns:minmax(220px,1.6fr) repeat(3,minmax(150px,.75fr)) auto;gap:10px;align-items:center;background:#fff;border:1px solid #e3e9f1;border-radius:14px;padding:12px;margin:0 0 16px;box-shadow:0 4px 14px rgba(30,52,84,.03)} #sei-view-expenses .sei-expense-search,#sei-view-expenses .sei-expense-filter{height:44px;box-sizing:border-box;border:1px solid #dce4ef;border-radius:10px;background:#fff;display:flex;align-items:center;gap:9px;padding:0 12px;color:#65758e} #sei-view-expenses .sei-expense-search svg,#sei-view-expenses .sei-expense-filter svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 19px} #sei-view-expenses .sei-expense-search input{border:0!important;outline:0!important;box-shadow:none!important;width:100%;height:100%;padding:0!important;font-size:12px!important;color:#243754!important;background:transparent!important} #sei-view-expenses .sei-expense-filter select{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;width:100%;height:100%;padding:0!important;font-size:12px!important;color:#263754!important;cursor:pointer} #sei-view-expenses .sei-expense-reset{height:44px;border:1px solid #dce4ef;border-radius:10px;background:#fff;color:#53647d;padding:0 15px;font-size:12px;font-weight:800;display:flex;align-items:center;gap:7px;cursor:pointer} #sei-view-expenses .sei-expense-reset:hover{background:#f5f8fc;border-color:#cbd7e7} #sei-view-expenses .sei-expense-reset svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} #sei-view-expenses .sei-expense-box{border:1px solid #e2e8f0!important;border-radius:14px!important;background:#fff!important;box-shadow:0 4px 14px rgba(30,52,84,.03)!important} #sei-view-expenses .sei-expense-table{min-width:900px!important;border-collapse:separate!important;border-spacing:0!important} #sei-view-expenses .sei-expense-table thead th{height:48px!important;padding:0 12px!important;background:#fbfcfe!important;color:#687890!important;font-size:11px!important;font-weight:800!important;letter-spacing:.35px!important;border-bottom:1px solid #e7ecf3!important} #sei-view-expenses .sei-expense-table tbody td{height:62px!important;padding:0 12px!important;font-size:12px!important;color:#263754!important;border-bottom:1px solid #edf1f6!important} #sei-view-expenses .sei-expense-table tbody tr:last-child td{border-bottom:0!important} #sei-view-expenses .sei-expense-category{gap:7px!important;padding:6px 10px!important;border-radius:999px!important;background:#edf4ff!important;color:#1769ff!important;font-size:11px!important;font-weight:800!important;white-space:nowrap} #sei-view-expenses .sei-expense-category i,#sei-view-expenses .sei-payment-pill i{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center} #sei-view-expenses .sei-expense-category i svg,#sei-view-expenses .sei-payment-pill i svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} #sei-view-expenses .sei-payment-pill{gap:6px!important;padding:6px 10px!important;background:#e9f8ef!important;color:#16a34a!important;font-size:11px!important;font-weight:800!important} #sei-view-expenses .sei-expense-table td:nth-child(5) strong{color:#17294a!important;font-size:12px!important} #sei-view-expenses .sei-expense-actions{display:flex;align-items:center;gap:6px} #sei-view-expenses .sei-expense-actions .sei-icon-action{width:36px!important;height:36px!important;padding:0!important;border:0!important;border-radius:9px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#fff4f5!important;color:#ef4444!important;cursor:pointer!important} #sei-view-expenses .sei-expense-actions .sei-icon-action:hover{background:#ffe3e7!important} #sei-view-expenses .sei-expense-actions .sei-icon-action svg{width:17px!important;height:17px!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important} #sei-view-expenses .sei-expense-no-results{display:none;text-align:center;padding:28px;color:#7c899d;font-size:12px;font-weight:700} #sei-view-expenses .sei-expense-table-footer{display:flex;justify-content:flex-start;padding:13px 16px;color:#74839a;font-size:11.5px;font-weight:600;border-top:1px solid #edf1f6} @media(max-width:1050px){#sei-view-expenses .sei-expense-filters{grid-template-columns:1fr 1fr}.sei-expense-search{grid-column:1/-1}.sei-expense-reset{justify-content:center}} @media(max-width:700px){#sei-view-expenses .sei-expense-stats{grid-template-columns:1fr!important}.sei-expense-filters{grid-template-columns:1fr!important}.sei-expense-search{grid-column:auto!important}.sei-expense-reset{justify-content:center}.sei-expense-heading{align-items:flex-start!important}.sei-expense-heading-actions{width:100%}.sei-expense-report-btn,.sei-expense-add-btn{flex:1}} /* StockFlow v2.3.232 — Modern compact Suppliers: no horizontal scroll */ #sei-view-suppliers .sei-supplier-stats{display:none!important} #sei-view-suppliers .sei-supplier-filters-modern{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:10px;margin-bottom:14px} #sei-view-suppliers .sei-supplier-reset{height:44px;border:1px solid #dfe6f0;border-radius:10px;background:#fff;color:#253550;font-size:12px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px} #sei-view-suppliers .sei-supplier-reset:hover{background:#f6f9ff;border-color:#cbd9ef} #sei-view-suppliers .sei-supplier-reset span{font-size:17px;line-height:1;color:#66768f} #sei-view-suppliers .sei-supplier-box{overflow:hidden;border-radius:14px} #sei-view-suppliers .sei-supplier-table{width:100%!important;min-width:0!important;table-layout:fixed;border-collapse:collapse} #sei-view-suppliers .sei-supplier-table th{padding:12px 10px;font-size:10px;letter-spacing:.35px;white-space:nowrap} #sei-view-suppliers .sei-supplier-table td{padding:10px 10px;font-size:11px;vertical-align:middle;overflow:hidden} #sei-view-suppliers .sei-supplier-table th:nth-child(1),#sei-view-suppliers .sei-supplier-table td:nth-child(1){width:20%} #sei-view-suppliers .sei-supplier-table th:nth-child(2),#sei-view-suppliers .sei-supplier-table td:nth-child(2){width:14%} #sei-view-suppliers .sei-supplier-table th:nth-child(3),#sei-view-suppliers .sei-supplier-table td:nth-child(3){width:18%} #sei-view-suppliers .sei-supplier-table th:nth-child(4),#sei-view-suppliers .sei-supplier-table td:nth-child(4){width:18%} #sei-view-suppliers .sei-supplier-table th:nth-child(5),#sei-view-suppliers .sei-supplier-table td:nth-child(5){width:12%} #sei-view-suppliers .sei-supplier-table th:nth-child(6),#sei-view-suppliers .sei-supplier-table td:nth-child(6){width:18%} #sei-view-suppliers .sei-supplier-name{gap:8px;min-width:0} #sei-view-suppliers .sei-supplier-avatar{width:34px;height:34px;flex:0 0 34px;font-size:14px} #sei-view-suppliers .sei-supplier-name strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #sei-view-suppliers .sei-supplier-name small{font-size:9px} #sei-view-suppliers .sei-supplier-contact,#sei-view-suppliers .sei-supplier-address{display:flex;align-items:center;gap:5px;min-width:0;color:#34445e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #sei-view-suppliers .sei-supplier-contact i,#sei-view-suppliers .sei-supplier-address i{width:22px;height:22px;flex:0 0 22px;border-radius:7px;background:#edf4ff;color:#1769ff;display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:11px;font-weight:800} #sei-view-suppliers .sei-supplier-address i{background:#fff4e8;color:#c56a00} #sei-view-suppliers .sei-address-cell{max-width:none;line-height:1.25} #sei-view-suppliers .sei-supplier-balance{padding:6px 8px;border-radius:8px;font-size:10.5px} #sei-view-suppliers .sei-supplier-actions{white-space:nowrap;display:table-cell} #sei-view-suppliers .sei-supplier-actions .sei-icon-action{width:29px;height:29px;margin-right:2px;border-radius:8px;padding:0;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle} #sei-view-suppliers .sei-supplier-actions .sei-color-icon-svg{width:15px;height:15px} #sei-view-suppliers .sei-supplier-pay-icon,#sei-view-suppliers .sei-supplier-delete-icon{display:inline-flex;align-items:center;justify-content:center} #sei-view-suppliers .sei-supplier-pay-icon svg{width:14px;height:14px;stroke:#1769ff;stroke-width:1.8} #sei-view-suppliers .sei-supplier-delete-icon svg{width:14px;height:14px;stroke:#e74b62;stroke-width:1.8} #sei-view-suppliers .sei-supplier-footer{padding:10px 14px;font-size:10.5px} #sei-view-suppliers .sei-supplier-pagination button{width:32px;height:32px;font-size:16px} @media(max-width:900px){#sei-view-suppliers .sei-supplier-table{font-size:10px!important}#sei-view-suppliers .sei-supplier-table th,#sei-view-suppliers .sei-supplier-table td{padding:8px 6px}#sei-view-suppliers .sei-supplier-actions .sei-icon-action{width:27px;height:27px;margin-right:1px}} @media(max-width:700px){#sei-view-suppliers .sei-supplier-filters-modern{grid-template-columns:1fr 92px}#sei-view-suppliers .sei-supplier-table th:nth-child(3),#sei-view-suppliers .sei-supplier-table td:nth-child(3){display:none}#sei-view-suppliers .sei-supplier-table th:nth-child(1),#sei-view-suppliers .sei-supplier-table td:nth-child(1){width:29%}#sei-view-suppliers .sei-supplier-table th:nth-child(2),#sei-view-suppliers .sei-supplier-table td:nth-child(2){width:17%}#sei-view-suppliers .sei-supplier-table th:nth-child(4),#sei-view-suppliers .sei-supplier-table td:nth-child(4){width:24%}#sei-view-suppliers .sei-supplier-table th:nth-child(5),#sei-view-suppliers .sei-supplier-table td:nth-child(5){width:17%}#sei-view-suppliers .sei-supplier-table th:nth-child(6),#sei-view-suppliers .sei-supplier-table td:nth-child(6){width:13%}#sei-view-suppliers .sei-supplier-name small{display:none}#sei-view-suppliers .sei-supplier-actions .sei-supplier-pay{display:none}} /* StockFlow v2.3.233 — supplier actions functional and fully visible */ #sei-view-suppliers .sei-supplier-actions{width:18%;text-align:right} #sei-view-suppliers .sei-supplier-actions .sei-supplier-pay{background:#eef5ff;border-color:#d7e5ff} #sei-view-suppliers .sei-supplier-actions .sei-supplier-edit{background:#fff7e9;border-color:#f3dfb5} #sei-view-suppliers .sei-supplier-actions .sei-delete-person{background:#fff0f2;border-color:#ffd5da} #sei-view-suppliers .sei-supplier-actions .sei-supplier-view{background:#f0f7ff;border-color:#d8e7ff} @media(max-width:900px){#sei-view-suppliers .sei-supplier-actions .sei-icon-action{width:27px;height:27px;margin-right:1px}} /* StockFlow v2.3.234 — Supplier table responsiveness and action feedback */ #sei-view-suppliers .sei-supplier-box .sei-table-wrap{overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin} #sei-view-suppliers .sei-supplier-table{min-width:1080px!important;width:1080px!important;table-layout:fixed!important} #sei-view-suppliers .sei-supplier-table th,#sei-view-suppliers .sei-supplier-table td{white-space:nowrap!important} #sei-view-suppliers .sei-supplier-table th:nth-child(1),#sei-view-suppliers .sei-supplier-table td:nth-child(1){width:210px!important} #sei-view-suppliers .sei-supplier-table th:nth-child(2),#sei-view-suppliers .sei-supplier-table td:nth-child(2){width:150px!important} #sei-view-suppliers .sei-supplier-table th:nth-child(3),#sei-view-suppliers .sei-supplier-table td:nth-child(3){width:245px!important} #sei-view-suppliers .sei-supplier-table th:nth-child(4),#sei-view-suppliers .sei-supplier-table td:nth-child(4){width:145px!important} #sei-view-suppliers .sei-supplier-table th:nth-child(5),#sei-view-suppliers .sei-supplier-table td:nth-child(5){width:180px!important} #sei-view-suppliers .sei-supplier-table th:nth-child(6),#sei-view-suppliers .sei-supplier-table td:nth-child(6){width:210px!important} #sei-view-suppliers .sei-supplier-table .sei-address-cell{white-space:normal!important;overflow:visible!important} #sei-view-suppliers .sei-supplier-actions{white-space:nowrap!important} #sei-view-suppliers .sei-supplier-actions .sei-icon-action{position:relative;transition:opacity .15s ease,transform .15s ease} #sei-view-suppliers .sei-supplier-actions .sei-icon-action.is-loading{opacity:.6!important;cursor:wait!important;transform:none!important} #sei-view-suppliers .sei-supplier-actions .sei-icon-action.is-loading:after{content:"";position:absolute;width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:seiSupplierSpin .7s linear infinite} #sei-view-suppliers .sei-supplier-actions .sei-icon-action.is-loading>*{opacity:.18} @keyframes seiSupplierSpin{to{transform:rotate(360deg)}} @media(max-width:900px){#sei-view-suppliers .sei-supplier-box .sei-table-wrap{overflow-x:auto!important}#sei-view-suppliers .sei-supplier-table{min-width:1080px!important}} /* StockFlow v2.3.235 — modern compact Customers page */ #sei-view-customers .sei-people-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin-bottom:14px!important} #sei-view-customers .sei-people-title-wrap{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important} #sei-view-customers .sei-people-page-icon{width:48px!important;height:48px!important;border-radius:14px!important;background:#eef5ff!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 48px!important} #sei-view-customers .sei-people-page-icon svg{width:25px!important;height:25px!important;color:#1769ff!important} #sei-view-customers .sei-person-add-btn{white-space:nowrap!important;min-height:42px!important;padding:0 18px!important} #sei-view-customers .sei-btn-plus{font-size:19px!important;line-height:1!important;margin-right:5px!important} #sei-view-customers .sei-customers-box{padding:14px 18px 10px!important;border-radius:14px!important;overflow:hidden!important} #sei-view-customers .sei-people-toolbar{display:flex!important;gap:10px!important;align-items:center!important;margin-bottom:12px!important} #sei-view-customers .sei-people-search{display:flex!important;align-items:center!important;gap:8px!important;flex:1!important;height:40px!important;border:1px solid #dce4ef!important;border-radius:10px!important;background:#fff!important;padding:0 11px!important;box-sizing:border-box!important} #sei-view-customers .sei-people-search>span{display:inline-flex!important;width:20px!important;height:20px!important;align-items:center!important;justify-content:center!important;flex:0 0 20px!important} #sei-view-customers .sei-people-search svg{width:17px!important;height:17px!important;color:#64748b!important} #sei-view-customers .sei-people-search input{border:0!important;outline:0!important;box-shadow:none!important;width:100%!important;height:36px!important;padding:0!important;background:transparent!important;font-size:12px!important;color:#24324a!important} #sei-view-customers .sei-people-reset{height:40px!important;padding:0 14px!important} #sei-view-customers .sei-people-scroll{overflow-x:auto!important;overflow-y:hidden!important;max-width:100%!important} #sei-view-customers .sei-customers-table{min-width:1040px!important;width:100%!important;table-layout:fixed!important;border-collapse:collapse!important} #sei-view-customers .sei-customers-table th{background:#f5f8fd!important;color:#66758a!important;font-size:10px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.04em!important;padding:11px 10px!important;white-space:nowrap!important;border-bottom:1px solid #e8edf4!important} #sei-view-customers .sei-customers-table td{height:58px!important;padding:8px 10px!important;font-size:11.5px!important;color:#344054!important;border-bottom:1px solid #edf1f5!important;vertical-align:middle!important} #sei-view-customers .sei-customers-table th:nth-child(1){width:42px!important}#sei-view-customers .sei-customers-table th:nth-child(2){width:185px!important}#sei-view-customers .sei-customers-table th:nth-child(3){width:145px!important}#sei-view-customers .sei-customers-table th:nth-child(4){width:205px!important}#sei-view-customers .sei-customers-table th:nth-child(5){width:270px!important}#sei-view-customers .sei-customers-table th:nth-child(6){width:135px!important}#sei-view-customers .sei-customers-table th:nth-child(7){width:145px!important} #sei-view-customers .sei-row-number{color:#64748b;font-weight:700;text-align:center} #sei-view-customers .sei-person-name-cell{display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important} #sei-view-customers .sei-person-avatar{width:38px!important;height:38px!important;border-radius:50%!important;background:#eaf2ff!important;color:#1769ff!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:14px!important;font-weight:800!important;flex:0 0 38px!important} #sei-view-customers .sei-person-name-cell strong{font-size:12px!important;color:#172033!important;line-height:1.3!important;white-space:normal!important} #sei-view-customers .sei-contact-cell{display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important;white-space:nowrap!important} #sei-view-customers .sei-mini-icon{width:26px!important;height:26px!important;border-radius:8px!important;background:#eef5ff!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 26px!important;color:#1769ff!important} #sei-view-customers .sei-mini-icon.address{background:#fff5e9!important;color:#d97706!important} #sei-view-customers .sei-mini-icon svg{width:13px!important;height:13px!important} #sei-view-customers .sei-address-cell{white-space:normal!important;line-height:1.35!important;color:#667085!important} #sei-view-customers .sei-balance-pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:112px!important;padding:7px 10px!important;border-radius:9px!important;background:#edf4ff!important;color:#1769ff!important;font-weight:800!important;white-space:nowrap!important} #sei-view-customers .sei-people-actions{display:flex!important;align-items:center!important;gap:6px!important;white-space:nowrap!important} #sei-view-customers .sei-people-actions .sei-icon-action{width:36px!important;height:36px!important;border-radius:9px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid #dbe5f2!important;background:#f7faff!important;color:#1769ff!important;cursor:pointer!important;transition:all .15s ease!important} #sei-view-customers .sei-people-actions .sei-icon-action:hover{transform:translateY(-1px)!important;box-shadow:0 4px 10px rgba(23,105,255,.12)!important;background:#eef5ff!important} #sei-view-customers .sei-people-actions .sei-icon-action.danger{background:#fff1f2!important;border-color:#ffd5d9!important;color:#e11d48!important} #sei-view-customers .sei-people-actions .sei-icon-action svg{width:16px!important;height:16px!important} #sei-view-customers .sei-customer-no-results td{text-align:center!important;color:#8a94a6!important;padding:28px!important} #sei-view-customers .sei-people-footer{display:flex!important;justify-content:space-between!important;align-items:center!important;min-height:42px!important;padding:8px 2px 0!important;color:#718096!important;font-size:11px!important} #sei-view-customers .sei-people-scroll::-webkit-scrollbar{height:8px!important}#sei-view-customers .sei-people-scroll::-webkit-scrollbar-thumb{background:#9aa5b5!important;border-radius:10px!important} @media(max-width:800px){#sei-view-customers .sei-people-heading{align-items:flex-start!important}.sei-people-title-wrap{align-items:flex-start!important}#sei-view-customers .sei-person-add-btn{min-height:38px!important}.sei-people-toolbar{margin-top:8px!important}} /* StockFlow v2.3.239 — Customers table column alignment and action layout fix */ #sei-view-customers .sei-customers-modern-box{overflow:hidden!important} #sei-view-customers .sei-people-scroll{width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important} #sei-view-customers .sei-customers-modern-table{width:1413px!important;min-width:1413px!important;max-width:none!important;table-layout:fixed!important;border-collapse:separate!important;border-spacing:0!important} #sei-view-customers .sei-customers-modern-table th,#sei-view-customers .sei-customers-modern-table td{box-sizing:border-box!important;overflow:hidden!important} #sei-view-customers .sei-customers-modern-table th:nth-child(1),#sei-view-customers .sei-customers-modern-table td:nth-child(1){width:45px!important;text-align:center!important} #sei-view-customers .sei-customers-modern-table th:nth-child(2),#sei-view-customers .sei-customers-modern-table td:nth-child(2){width:180px!important} #sei-view-customers .sei-customers-modern-table th:nth-child(3),#sei-view-customers .sei-customers-modern-table td:nth-child(3){width:125px!important} #sei-view-customers .sei-customers-modern-table th:nth-child(4),#sei-view-customers .sei-customers-modern-table td:nth-child(4){width:195px!important} #sei-view-customers .sei-customers-modern-table th:nth-child(5),#sei-view-customers .sei-customers-modern-table td:nth-child(5){width:240px!important} #sei-view-customers .sei-customers-modern-table th:nth-child(6),#sei-view-customers .sei-customers-modern-table td:nth-child(6){width:125px!important;text-align:right!important} #sei-view-customers .sei-customers-modern-table th:nth-child(7),#sei-view-customers .sei-customers-modern-table td:nth-child(7){width:125px!important;text-align:right!important} #sei-view-customers .sei-customers-modern-table th:nth-child(8),#sei-view-customers .sei-customers-modern-table td:nth-child(8){width:120px!important;text-align:right!important} #sei-view-customers .sei-customers-modern-table th:nth-child(9),#sei-view-customers .sei-customers-modern-table td:nth-child(9){width:90px!important;text-align:center!important} #sei-view-customers .sei-customers-modern-table th:nth-child(10),#sei-view-customers .sei-customers-modern-table td:nth-child(10){width:168px!important;text-align:center!important} #sei-view-customers .sei-customers-modern-table th:nth-child(6),#sei-view-customers .sei-customers-modern-table th:nth-child(7),#sei-view-customers .sei-customers-modern-table th:nth-child(8){white-space:nowrap!important} #sei-view-customers .sei-customers-modern-table td:nth-child(3) .sei-contact-cell,#sei-view-customers .sei-customers-modern-table td:nth-child(4) .sei-contact-cell{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;width:100%!important} #sei-view-customers .sei-customers-modern-table td:nth-child(5) .sei-contact-cell{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;width:100%!important} #sei-view-customers .sei-customers-modern-table .sei-person-name-cell{overflow:hidden!important} #sei-view-customers .sei-customers-modern-table .sei-person-name-cell strong{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;display:block!important;min-width:0!important} #sei-view-customers .sei-customers-modern-table .sei-customer-money{display:inline-block!important;white-space:nowrap!important} #sei-view-customers .sei-customers-modern-table .sei-balance-pill{min-width:104px!important;max-width:112px!important;margin-left:auto!important} #sei-view-customers .sei-customers-modern-table .sei-customer-modern-actions{width:100%!important;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important;gap:6px!important;white-space:nowrap!important} #sei-view-customers .sei-customers-modern-table .sei-customer-modern-actions .sei-icon-action{width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;flex:0 0 34px!important} #sei-view-customers .sei-customers-modern-table .sei-customer-modern-actions .sei-icon-action .sei-action-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important} #sei-view-customers .sei-customers-modern-table .sei-customer-modern-actions .sei-icon-action svg{width:16px!important;height:16px!important;display:block!important} #sei-view-customers .sei-customers-modern-table thead th:last-child{position:sticky!important;right:0!important;z-index:3!important;background:#f4f7fb!important;box-shadow:-5px 0 10px rgba(20,42,76,.05)!important} #sei-view-customers .sei-customers-modern-table tbody td:last-child{position:sticky!important;right:0!important;z-index:2!important;background:#fff!important;box-shadow:-5px 0 10px rgba(20,42,76,.04)!important} #sei-view-customers .sei-customers-modern-table tbody tr:hover td:last-child{background:#f9fbfe!important} @media(max-width:700px){#sei-view-customers .sei-customers-modern-table{width:1413px!important;min-width:1413px!important}#sei-view-customers .sei-customers-modern-table th:nth-child(10),#sei-view-customers .sei-customers-modern-table td:nth-child(10){width:160px!important}.sei-customers-modern-table .sei-customer-modern-actions{gap:5px!important}} /* StockFlow v2.3.238 — Customers dashboard mockup / modern compact UI */ #sei-view-customers .sei-customers-heading{margin-bottom:18px!important} #sei-view-customers .sei-customers-heading h1{font-size:30px!important;font-weight:800!important;letter-spacing:-.6px!important;color:#13233f!important} #sei-view-customers .sei-customers-heading p{font-size:13px!important;color:#748096!important;margin-top:5px!important} #sei-view-customers .sei-customer-summary-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 16px} #sei-view-customers .sei-customer-summary-card{min-height:82px;background:#fff;border:1px solid #e5ebf3;border-radius:14px;padding:14px 16px;display:flex;align-items:center;gap:13px;box-shadow:0 5px 18px rgba(20,42,76,.05)} #sei-view-customers .sei-summary-icon{width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px} #sei-view-customers .sei-summary-icon svg{width:22px;height:22px} #sei-view-customers .sei-summary-icon.blue{background:#e7f0ff}.sei-summary-icon.blue svg{color:#1677ff} #sei-view-customers .sei-summary-icon.green{background:#e8f8ec}.sei-summary-icon.green svg{color:#16a05d} #sei-view-customers .sei-summary-icon.orange{background:#fff1df}.sei-summary-icon.orange svg{color:#f28a19} #sei-view-customers .sei-summary-icon.red{background:#ffe8ea}.sei-summary-icon.red svg{color:#e84a57} #sei-view-customers .sei-customer-summary-card small{display:block;color:#69768b;font-size:12px;margin-bottom:3px}.sei-customer-summary-card strong{display:block;color:#13233f;font-size:19px;line-height:1.2} #sei-view-customers .sei-customers-modern-box{border:1px solid #e2e9f2!important;border-radius:15px!important;overflow:hidden} #sei-view-customers .sei-customers-toolbar{padding:13px 14px!important;background:#fff;border-bottom:1px solid #e8edf4} #sei-view-customers .sei-people-search{height:42px!important;border:1px solid #d8e1ee!important;border-radius:10px!important;background:#fff!important} #sei-view-customers .sei-people-search input{font-size:13px!important} #sei-view-customers .sei-people-reset{height:42px!important;min-width:72px!important;border-radius:10px!important;font-weight:700!important;letter-spacing:.2px} #sei-view-customers .sei-customers-modern-table{min-width:1180px!important} #sei-view-customers .sei-customers-modern-table thead th{background:#f4f7fb!important;color:#506079!important;font-size:11px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.35px!important;height:48px!important;white-space:nowrap} #sei-view-customers .sei-customers-modern-table tbody td{height:57px!important;padding:9px 12px!important;border-bottom:1px solid #edf1f6!important;font-size:12.5px!important;color:#26364f!important;vertical-align:middle!important} #sei-view-customers .sei-customers-modern-table tbody tr:hover{background:#f9fbfe!important} #sei-view-customers .sei-person-name-cell{gap:9px!important}.sei-person-name-cell strong{font-weight:700!important;color:#172943!important} #sei-view-customers .sei-person-avatar{width:32px!important;height:32px!important;border-radius:10px!important;background:#eaf2ff!important;color:#176fe8!important;font-weight:800!important;font-size:12px!important} #sei-view-customers .sei-customer-money{font-size:12px!important;color:#26364f!important;white-space:nowrap}.sei-customer-money.paid{color:#197a4a!important} #sei-view-customers .sei-balance-pill{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:104px!important;padding:7px 12px!important;border-radius:10px!important;background:#eaf2ff!important;color:#1168df!important;font-weight:800!important;white-space:nowrap!important} #sei-view-customers .sei-balance-pill.due{color:#e33f4b!important;background:#fff0f1!important} #sei-view-customers .sei-customer-status{display:inline-flex!important;padding:6px 10px!important;border-radius:999px!important;font-size:11px!important;font-weight:800!important}.sei-customer-status.active{background:#dcf8e7;color:#11834d}.sei-customer-status.has-due{background:#fff0d9;color:#c36b08} #sei-view-customers .sei-customer-modern-actions{display:flex!important;gap:7px!important;align-items:center!important;justify-content:flex-start!important} #sei-view-customers .sei-customer-modern-actions .sei-icon-action{width:36px!important;height:36px!important;border-radius:9px!important;border:0!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-shadow:none!important;background:#eef4ff!important} #sei-view-customers .sei-customer-modern-actions .sei-icon-action svg{width:17px!important;height:17px!important} #sei-view-customers .sei-customer-modern-actions .sei-icon-action:nth-child(1){background:#eaf2ff!important;color:#1677ff!important} #sei-view-customers .sei-customer-modern-actions .sei-icon-action:nth-child(2){background:#e7f8ed!important;color:#129653!important} #sei-view-customers .sei-customer-modern-actions .sei-icon-action:nth-child(3){background:#fff0dc!important;color:#e88912!important} #sei-view-customers .sei-customer-modern-actions .sei-icon-action:nth-child(4){background:#ffe9eb!important;color:#e44854!important} #sei-view-customers .sei-customer-modern-actions .sei-icon-action:hover{transform:translateY(-1px);filter:brightness(.97)} #sei-view-customers .sei-people-footer{padding:12px 14px!important;color:#6f7d91!important;font-size:12px!important} @media(max-width:1050px){#sei-view-customers .sei-customer-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:650px){#sei-view-customers .sei-customer-summary-grid{grid-template-columns:1fr 1fr;gap:9px}#sei-view-customers .sei-customer-summary-card{padding:11px;min-height:70px}.sei-customer-summary-card strong{font-size:15px}.sei-summary-icon{width:36px!important;height:36px!important;flex-basis:36px!important}.sei-summary-icon svg{width:18px!important;height:18px!important}} /* StockFlow v2.3.240 — Customers final visibility + action icon fix */ #sei-view-customers .sei-customers-modern-box{overflow:hidden!important} #sei-view-customers .sei-customers-modern-box .sei-people-scroll{display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important;padding-bottom:4px!important} #sei-view-customers .sei-customers-modern-table{width:1280px!important;min-width:1280px!important;max-width:none!important;table-layout:fixed!important;border-collapse:separate!important;border-spacing:0!important} #sei-view-customers .sei-customers-modern-table th,#sei-view-customers .sei-customers-modern-table td{box-sizing:border-box!important} #sei-view-customers .sei-customers-modern-table th:nth-child(1),#sei-view-customers .sei-customers-modern-table td:nth-child(1){width:42px!important;text-align:center!important} #sei-view-customers .sei-customers-modern-table th:nth-child(2),#sei-view-customers .sei-customers-modern-table td:nth-child(2){width:165px!important} #sei-view-customers .sei-customers-modern-table th:nth-child(3),#sei-view-customers .sei-customers-modern-table td:nth-child(3){width:125px!important} #sei-view-customers .sei-customers-modern-table th:nth-child(4),#sei-view-customers .sei-customers-modern-table td:nth-child(4){width:185px!important} #sei-view-customers .sei-customers-modern-table th:nth-child(5),#sei-view-customers .sei-customers-modern-table td:nth-child(5){width:220px!important} #sei-view-customers .sei-customers-modern-table th:nth-child(6),#sei-view-customers .sei-customers-modern-table td:nth-child(6){width:125px!important;text-align:right!important} #sei-view-customers .sei-customers-modern-table th:nth-child(7),#sei-view-customers .sei-customers-modern-table td:nth-child(7){width:125px!important;text-align:right!important} #sei-view-customers .sei-customers-modern-table th:nth-child(8),#sei-view-customers .sei-customers-modern-table td:nth-child(8){width:115px!important;text-align:right!important} #sei-view-customers .sei-customers-modern-table th:nth-child(9),#sei-view-customers .sei-customers-modern-table td:nth-child(9){width:85px!important;text-align:center!important} #sei-view-customers .sei-customers-modern-table th:nth-child(10),#sei-view-customers .sei-customers-modern-table td:nth-child(10){width:98px!important;text-align:center!important} #sei-view-customers .sei-customers-modern-table thead th:last-child,#sei-view-customers .sei-customers-modern-table tbody td:last-child{position:static!important;right:auto!important;z-index:auto!important;box-shadow:none!important} #sei-view-customers .sei-customers-modern-table .sei-customer-modern-actions{width:auto!important;display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:center!important;gap:5px!important;white-space:nowrap!important} #sei-view-customers .sei-customers-modern-table .sei-customer-modern-actions .sei-icon-action{width:30px!important;height:30px!important;min-width:30px!important;max-width:30px!important;flex:0 0 30px!important;padding:0!important} #sei-view-customers .sei-customers-modern-table .sei-customer-modern-actions .sei-action-icon{display:inline-flex!important;width:100%!important;height:100%!important;align-items:center!important;justify-content:center!important} #sei-view-customers .sei-customers-modern-table .sei-customer-modern-actions .sei-action-icon svg{width:15px!important;height:15px!important;display:block!important} #sei-view-customers .sei-customers-modern-table td:nth-child(3) .sei-contact-cell,#sei-view-customers .sei-customers-modern-table td:nth-child(4) .sei-contact-cell,#sei-view-customers .sei-customers-modern-table td:nth-child(5) .sei-contact-cell{display:flex!important;align-items:center!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;width:100%!important} #sei-view-customers .sei-customers-modern-table .sei-customer-money{display:inline-block!important;white-space:nowrap!important;font-size:12px!important} #sei-view-customers .sei-customers-modern-table .sei-balance-pill{min-width:104px!important;max-width:108px!important;margin-left:auto!important} #sei-view-customers .sei-people-scroll::-webkit-scrollbar{height:9px!important} #sei-view-customers .sei-people-scroll::-webkit-scrollbar-track{background:#eef2f7!important;border-radius:10px!important} #sei-view-customers .sei-people-scroll::-webkit-scrollbar-thumb{background:#9aa8ba!important;border-radius:10px!important} @media(max-width:900px){#sei-view-customers .sei-customers-modern-table{width:1280px!important;min-width:1280px!important}} /* StockFlow v2.3.242 — Customers actions column width only * The customer table may be horizontally scrolled by design. Keep the existing * table layout/scroll behavior unchanged and give the Actions column enough * room for all four buttons without clipping or overlap. */ #sei-view-customers .sei-customers-modern-table th:nth-child(10), #sei-view-customers .sei-customers-modern-table td:nth-child(10){ width:150px!important; min-width:150px!important; max-width:150px!important; text-align:center!important; overflow:visible!important; } #sei-view-customers .sei-customers-modern-table .sei-customer-modern-actions{ width:100%!important; min-width:0!important; display:flex!important; flex-wrap:nowrap!important; align-items:center!important; justify-content:center!important; gap:6px!important; white-space:nowrap!important; } #sei-view-customers .sei-customers-modern-table .sei-customer-modern-actions .sei-icon-action{ width:30px!important; height:30px!important; min-width:30px!important; max-width:30px!important; flex:0 0 30px!important; margin:0!important; } #sei-view-customers .sei-customers-modern-table .sei-customer-modern-actions .sei-action-icon{ width:100%!important; height:100%!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; } #sei-view-customers .sei-customers-modern-table .sei-customer-modern-actions .sei-action-icon svg{ width:15px!important; height:15px!important; display:block!important; } @media(max-width:700px){ #sei-view-customers .sei-customers-modern-table th:nth-child(10), #sei-view-customers .sei-customers-modern-table td:nth-child(10){ width:150px!important; min-width:150px!important; max-width:150px!important; } } /* StockFlow v2.3.243 — Customer action reliability states */ #sei-view-customers .sei-customer-modern-actions .sei-icon-action{position:relative} #sei-view-customers .sei-customer-modern-actions .sei-icon-action.is-loading{opacity:.62!important;cursor:wait!important;transform:none!important;box-shadow:none!important} #sei-view-customers .sei-customer-modern-actions .sei-icon-action.is-loading .sei-action-icon{opacity:.12!important} #sei-view-customers .sei-customer-modern-actions .sei-icon-action.is-loading:after{content:"";position:absolute;width:13px;height:13px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:seiCustomerActionSpin .7s linear infinite} @keyframes seiCustomerActionSpin{to{transform:rotate(360deg)}} /* StockFlow 2.3.244 - Modern Settings UI */ .sf-settings-modern .sf-settings-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 26px;margin:0 0 16px;background:linear-gradient(135deg,#f8fbff,#eef5ff);border:1px solid #e1e9f5;border-radius:18px;box-shadow:0 8px 24px rgba(20,44,80,.06)} .sf-settings-modern .sf-settings-title{display:flex;align-items:center;gap:16px}.sf-settings-modern .sf-settings-title h1{margin:0;color:#14213d;font-size:30px;line-height:1.15}.sf-settings-modern .sf-settings-title p{margin:6px 0 0;color:#64748b;font-size:13px}.sf-settings-hero-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1677ff,#3f5efb);color:#fff;font-size:25px;box-shadow:0 8px 18px rgba(37,99,235,.22)} .sf-settings-modern .sf-settings-save-top{margin:0;white-space:nowrap;min-height:44px;border-radius:11px;padding:0 20px}.sf-settings-modern .sf-settings-tabs{display:flex;align-items:stretch;gap:2px;overflow:auto;padding:5px;background:#eef2f8;border:1px solid #e0e7f0;border-radius:14px;margin-bottom:18px}.sf-settings-modern .sf-settings-tab{appearance:none;border:0;background:transparent;color:#475569;font-weight:600;font-size:12px;padding:12px 14px;border-radius:10px;white-space:nowrap;cursor:pointer}.sf-settings-modern .sf-settings-tab:hover{background:#fff;color:#2563eb}.sf-settings-modern .sf-settings-tab.active{background:#fff;color:#1769d0;box-shadow:0 2px 8px rgba(15,23,42,.08)} .sf-settings-modern .sei-settings-section{margin:0!important;padding:0!important;border:0!important;display:none}.sf-settings-modern .sei-settings-section.sf-settings-visible{display:block}.sf-settings-modern .sei-settings-section h3{font-size:18px;margin:0 0 16px}.sf-settings-modern .sei-settings-section:before{content:'';display:block}.sf-settings-modern .sei-settings-section{background:#fff;border:1px solid #e1e8f2!important;border-radius:16px!important;padding:22px!important;box-shadow:0 6px 20px rgba(20,44,80,.05)} .sf-settings-modern .sei-settings-section h3{display:flex;align-items:center;gap:10px;color:#172b4d}.sf-settings-modern .sei-settings-section h3:before{content:'◆';display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:#edf4ff;color:#2474df;font-size:12px}.sf-settings-modern .sei-settings-section:nth-of-type(2) h3:before{background:#ecfdf3;color:#16a34a}.sf-settings-modern .sei-settings-section:nth-of-type(3) h3:before{background:#f3eefe;color:#7c3aed}.sf-settings-modern .sei-settings-section:nth-of-type(4) h3:before{background:#fff5e9;color:#f59e0b}.sf-settings-modern .sei-settings-section:nth-of-type(5) h3:before{background:#fff0f2;color:#ef4444} .sf-settings-modern .sei-settings-section .sei-form-grid{gap:16px}.sf-settings-modern .sei-settings-section label{font-size:12px;font-weight:600;color:#344054}.sf-settings-modern .sei-settings-section input,.sf-settings-modern .sei-settings-section select,.sf-settings-modern .sei-settings-section textarea{border:1px solid #d9e2ef!important;border-radius:10px!important;background:#fbfdff!important;box-shadow:none!important;padding:11px 13px!important}.sf-settings-modern .sei-settings-section input:focus,.sf-settings-modern .sei-settings-section select:focus,.sf-settings-modern .sei-settings-section textarea:focus{border-color:#4d8df7!important;box-shadow:0 0 0 3px rgba(37,99,235,.09)!important}.sf-settings-modern .sei-settings-section small{color:#7a8799}.sf-settings-modern .sei-commercial-grid{gap:16px}.sf-settings-modern .sei-commercial-grid>div{background:#f9fbfe;border:1px solid #e4eaf2;border-radius:14px;padding:18px}.sf-settings-modern .sei-small{border-radius:9px}.sf-settings-modern .sei-login-logo-preview-box{border:1px solid #e4eaf2!important;border-radius:14px!important;background:#f9fbfe!important;padding:16px!important}.sf-settings-modern .sei-invoice-footer-preview{border-radius:12px!important;min-height:80px}.sf-settings-modern #sei-settings-message{margin-top:14px;padding:10px 12px;border-radius:9px;color:#166534;background:#f0fdf4} @media(max-width:900px){.sf-settings-modern .sf-settings-hero{align-items:flex-start;flex-direction:column}.sf-settings-modern .sf-settings-save-top{width:100%}.sf-settings-modern .sei-settings-section{padding:16px!important}.sf-settings-modern .sei-form-grid{grid-template-columns:1fr!important}.sf-settings-modern .sei-form-grid label[style*="grid-column"]{grid-column:1!important}} /* StockFlow 2.3.249 — Complete Professional Settings UI */ .sf-settings-complete{background:#f5f7fb!important;padding:0!important}.sf-settings-complete .sf-settings-hero{margin:0 0 16px;padding:22px 24px;background:linear-gradient(135deg,#ffffff,#f5f8ff);border:1px solid #e4eaf3;border-radius:18px;box-shadow:0 8px 30px rgba(15,23,42,.06)}.sf-settings-complete .sf-settings-title h1{font-size:28px}.sf-settings-complete .sf-settings-tabs{margin-bottom:16px;padding:5px;gap:3px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 4px 14px rgba(15,23,42,.04)}.sf-settings-complete .sf-settings-tab{padding:11px 13px;font-size:12px;border-radius:9px}.sf-settings-complete .sf-settings-tab.active{background:#1769d0;color:#fff;box-shadow:0 5px 12px rgba(23,105,208,.2)}.sf-settings-content{min-height:500px}.sf-settings-complete .sf-settings-panel{display:none!important;background:#fff!important;border:1px solid #e1e8f2!important;border-radius:16px!important;padding:22px!important;box-shadow:0 7px 24px rgba(15,23,42,.05)!important}.sf-settings-complete .sf-settings-panel.sf-settings-visible{display:block!important}.sf-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #edf1f6}.sf-panel-head h3{margin:0!important;font-size:19px!important;color:#172b4d!important}.sf-panel-head p{margin:5px 0 0;color:#7a8799;font-size:12px}.sf-panel-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:7px 10px;border-radius:999px;background:#edf4ff;color:#1769d0;white-space:nowrap}.sf-setting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.sf-setting-grid label,.sf-full-label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:650;color:#344054}.sf-setting-grid label.sf-full,.sf-full-label{grid-column:1/-1}.sf-setting-grid input,.sf-setting-grid select,.sf-setting-grid textarea,.sf-full-label textarea{width:100%;box-sizing:border-box;border:1px solid #d8e1ec!important;background:#fbfdff!important;border-radius:10px!important;padding:11px 12px!important;min-height:42px;box-shadow:none!important}.sf-setting-grid textarea,.sf-full-label textarea{resize:vertical}.sf-setting-grid input[type=color]{padding:4px!important;height:44px}.sf-setting-grid input:focus,.sf-setting-grid select:focus,.sf-setting-grid textarea:focus,.sf-full-label textarea:focus{border-color:#4b8df8!important;box-shadow:0 0 0 3px rgba(37,99,235,.08)!important}.sf-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.sf-setting-toggle{display:flex!important;align-items:center;justify-content:space-between;gap:15px;padding:13px 14px;border:1px solid #e5eaf1;border-radius:12px;background:#fbfcfe;cursor:pointer}.sf-setting-toggle:hover{border-color:#cbd8ea;background:#f8fbff}.sf-setting-toggle span{display:flex;flex-direction:column;gap:3px}.sf-setting-toggle b{font-size:12px;color:#26364d}.sf-setting-toggle small{font-size:10px;font-weight:400;color:#8491a5}.sf-setting-toggle input{display:none}.sf-setting-toggle i{width:39px;height:22px;border-radius:999px;background:#cbd5e1;position:relative;flex:none;transition:.2s}.sf-setting-toggle i:after{content:'';position:absolute;width:16px;height:16px;top:3px;left:3px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:.2s}.sf-setting-toggle input:checked+i{background:#1769d0}.sf-setting-toggle input:checked+i:after{transform:translateX(17px)}.sf-setting-toggle-inline{display:inline-flex;align-items:center;gap:8px;margin-top:12px;font-size:12px;color:#475569}.sf-setting-toggle-inline input{width:16px;height:16px}.sf-company-layout{display:grid;grid-template-columns:180px 1fr;gap:20px}.sf-logo-card{border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc;padding:13px;text-align:center}.sf-logo-preview{height:125px;border-radius:11px;background:#fff;border:1px dashed #cbd5e1;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:10px;color:#94a3b8;font-weight:800}.sf-logo-preview img{max-width:100%;max-height:100%;object-fit:contain}.sf-logo-card input{width:100%;font-size:10px}.sf-logo-card small{display:block;margin-top:6px;color:#94a3b8;font-size:10px}.sf-card-divider{margin:24px 0 15px;padding-top:18px;border-top:1px solid #edf1f6;color:#243b5a;font-size:13px}.sf-color-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:15px}.sf-color-grid label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:650;color:#475569}.sf-color-grid input{width:100%;height:40px;border:1px solid #d8e1ec;border-radius:9px;padding:3px}.sf-info-card{margin-top:18px;padding:14px 16px;border-radius:12px;background:#f6f9fd;border:1px solid #e1e8f2;color:#64748b;font-size:11px}.sf-info-card b{color:#243b5a}.sf-info-card p{margin:5px 0 0;line-height:1.55}.sf-action-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sf-action-cards>div{border:1px solid #e1e8f2;border-radius:14px;padding:18px;background:#fbfcfe}.sf-action-cards b{font-size:14px;color:#243b5a}.sf-action-cards p{font-size:11px;color:#7a8799;min-height:34px}.sf-action-cards input[type=file]{display:block;width:100%;margin:10px 0;font-size:11px}.sf-login-branding{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center}.sf-login-branding>div:first-child{height:110px;border:1px dashed #cbd5e1;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.sf-login-branding img{max-width:100%;max-height:100%;object-fit:contain}.sf-license-actions{display:flex;gap:10px;margin-top:18px}.sf-license-status{margin-top:15px;padding:12px 14px;border-radius:10px;background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;font-size:12px}.sf-settings-message{display:none;margin-top:14px;padding:12px 14px;border-radius:10px;background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;font-size:12px;font-weight:600}.sf-settings-message.error{background:#fff1f2;border-color:#fecdd3;color:#be123c}.sf-settings-save-top.is-saving{opacity:.7;pointer-events:none}.sf-settings-complete .danger{background:#fff1f2!important;color:#dc2626!important;border-color:#fecaca!important}@media(max-width:1000px){.sf-company-layout{grid-template-columns:1fr}.sf-color-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sf-setting-grid,.sf-toggle-grid,.sf-action-cards{grid-template-columns:1fr}.sf-settings-complete .sf-settings-hero{padding:18px}.sf-settings-complete .sf-settings-tab{padding:10px 11px}.sf-login-branding{grid-template-columns:1fr}.sf-settings-complete .sf-settings-panel{padding:16px!important}} /* StockFlow v2.3.250 — Modern compact Categories manager */ #sei-view-categories .sei-category-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px} #sei-view-categories .sei-category-title-wrap{display:flex;align-items:center;gap:14px;min-width:0} #sei-view-categories .sei-category-page-icon{width:52px;height:52px;border-radius:14px;background:#eaf1ff;color:#1769ff;display:inline-flex;align-items:center;justify-content:center;flex:0 0 52px} #sei-view-categories .sei-category-page-icon svg{width:25px;height:25px;stroke:currentColor;stroke-width:1.8} #sei-view-categories .sei-category-heading h1{margin:0 0 4px;font-size:27px;line-height:1.15;letter-spacing:-.45px;font-weight:750;color:#172033} #sei-view-categories .sei-category-heading p{margin:0;color:#778196;font-size:13px} #sei-view-categories .sei-category-add-btn{width:auto;min-width:190px;min-height:44px;gap:8px;border-radius:9px;box-shadow:0 6px 16px rgba(23,105,255,.16)} #sei-view-categories .sei-category-add-btn svg{width:17px;height:17px;stroke:currentColor;stroke-width:2;} #sei-view-categories .sei-category-manager{padding:0;overflow:hidden;border:1px solid #e6ebf2;box-shadow:0 5px 20px rgba(22,32,51,.04)} #sei-view-categories .sei-category-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 220px auto auto;gap:10px;padding:16px;border-bottom:1px solid #edf1f5;align-items:center} #sei-view-categories .sei-category-search,#sei-view-categories .sei-category-filter{height:42px;display:flex;align-items:center;gap:9px;border:1px solid #dfe5ed;border-radius:9px;background:#fff;padding:0 12px;box-sizing:border-box} #sei-view-categories .sei-category-search svg,#sei-view-categories .sei-category-filter svg{width:18px;height:18px;stroke:#718096;stroke-width:1.8;flex:0 0 18px} #sei-view-categories .sei-category-search input,#sei-view-categories .sei-category-filter select{border:0;outline:0;background:transparent;width:100%;height:40px;font-size:13px;color:#24324a;margin:0;padding:0} #sei-view-categories .sei-category-view-toggle{height:42px;display:flex;border:1px solid #dfe5ed;border-radius:9px;overflow:hidden;background:#fff} #sei-view-categories .sei-category-view-toggle button{width:42px;border:0;background:#fff;color:#738096;cursor:pointer;display:inline-flex;align-items:center;justify-content:center} #sei-view-categories .sei-category-view-toggle button+button{border-left:1px solid #e7ebf0} #sei-view-categories .sei-category-view-toggle button.active{background:#1769ff;color:#fff} #sei-view-categories .sei-category-view-toggle svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.8} #sei-view-categories .sei-category-total{height:42px;min-width:72px;padding:0 12px;border-radius:9px;background:#f3f6fb;display:flex;align-items:center;justify-content:center;gap:6px;color:#25344d} #sei-view-categories .sei-category-total span{font-size:15px;font-weight:800}.sei-category-total small{font-size:11px;color:#78849a} #sei-view-categories .sei-category-table-wrap{margin:0} #sei-view-categories .sei-category-table{width:100%;border-collapse:separate;border-spacing:0;min-width:850px} #sei-view-categories .sei-category-table th{height:48px;background:#f7f9fc;color:#647189;font-size:11px;text-transform:uppercase;letter-spacing:.35px;font-weight:750;border-bottom:1px solid #e8edf3;text-align:left;padding:0 12px;white-space:nowrap} #sei-view-categories .sei-category-table td{height:68px;padding:0 12px;border-bottom:1px solid #edf1f5;color:#2b3950;font-size:13px;vertical-align:middle} #sei-view-categories .sei-category-table tbody tr:last-child td{border-bottom:0} #sei-view-categories .sei-category-table tbody tr:hover td{background:#fbfcfe} #sei-view-categories .sei-category-table .check-col{width:38px;text-align:center;padding-left:16px;padding-right:4px} #sei-view-categories .sei-category-table input[type=checkbox]{width:16px;height:16px;accent-color:#1769ff} #sei-view-categories .category-index{color:#8994a6;font-weight:700;width:32px} #sei-view-categories .sei-category-name-cell{display:flex;align-items:center;gap:11px;min-width:190px} #sei-view-categories .sei-category-icon{width:42px;height:42px;border-radius:11px;background:#eaf1ff;color:#1769ff;display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px} #sei-view-categories .sei-category-icon.sub{background:#edf8f4;color:#1a9a67} #sei-view-categories .sei-category-icon svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.8} #sei-view-categories .sei-category-name-cell strong{display:block;font-size:14px;color:#1d2a40;line-height:1.25} #sei-view-categories .sei-category-name-cell small{display:block;margin-top:3px;color:#8994a6;font-size:11px} #sei-view-categories .sei-category-parent-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:7px;background:#f3f6fb;color:#4e5c72;font-size:11px;font-weight:650;white-space:nowrap} #sei-view-categories .sei-category-parent-pill svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.8} #sei-view-categories .sei-category-muted{color:#a1aab8} #sei-view-categories .sei-category-product-count{display:inline-flex;min-width:34px;height:28px;padding:0 8px;box-sizing:border-box;align-items:center;justify-content:center;border-radius:8px;background:#eef4ff;color:#245fce;font-weight:750;font-size:12px} #sei-view-categories .sei-category-status-wrap{display:flex;align-items:center;gap:8px} #sei-view-categories .sei-category-switch{width:38px;height:22px;padding:2px;border:0;border-radius:20px;background:#cbd3df;cursor:pointer;transition:.18s;display:inline-flex;align-items:center} #sei-view-categories .sei-category-switch span{width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.18);transform:translateX(0);transition:.18s} #sei-view-categories .sei-category-switch.on{background:#1769ff}.sei-category-switch.on span{transform:translateX(16px)} #sei-view-categories .sei-category-status{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700}.sei-category-status i{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block}.sei-category-status.active{color:#14945f}.sei-category-status.inactive{color:#8b95a5} #sei-view-categories .sei-category-actions{display:flex;align-items:center;gap:7px;white-space:nowrap} #sei-view-categories .sei-category-action{width:38px;height:38px;border:0;border-radius:9px;background:#f3f6fa;color:#5e6b80;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.16s} #sei-view-categories .sei-category-action:hover{background:#e9eff8;color:#1769ff;transform:translateY(-1px)} #sei-view-categories .sei-category-action.edit{background:#eef4ff;color:#1769ff}.sei-category-action.danger{background:#fff0f0;color:#e54848}.sei-category-action.danger:hover{background:#ffe4e4;color:#d42f2f} #sei-view-categories .sei-category-action svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.8} #sei-view-categories .sei-category-empty td{height:180px;text-align:center}.sei-category-empty div{display:flex;flex-direction:column;gap:6px;color:#7c8799}.sei-category-empty strong{font-size:14px;color:#2a3850}.sei-category-empty span{font-size:12px} #sei-view-categories .sei-category-grid-view{padding:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} #sei-view-categories .sei-category-card{border:1px solid #e6ebf2;border-radius:12px;padding:15px;background:#fff;box-shadow:0 3px 12px rgba(20,32,50,.035)} #sei-view-categories .sei-category-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.sei-category-card>strong{display:block;font-size:15px;color:#1d2a40}.sei-category-card>small{display:block;margin-top:4px;color:#8994a6;font-size:11px}.sei-category-card-stats{margin:14px 0;border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5;padding:10px 0;color:#7b8799;font-size:11px}.sei-category-card-stats b{color:#23324a;font-size:14px;margin-right:4px}.sei-category-card .sei-category-actions{justify-content:flex-end} #sei-view-categories .sei-category-modal{padding:2px}.sei-category-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:20px}.sei-category-modal-kicker{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#1769ff;font-weight:800}.sei-category-modal-head h2{margin:4px 0 5px;font-size:21px;color:#1b2940}.sei-category-modal-head p{margin:0;color:#7b8798;font-size:12px}.sei-category-modal-icon{width:48px;height:48px;border-radius:13px;background:#eaf1ff;color:#1769ff;display:inline-flex;align-items:center;justify-content:center}.sei-category-modal-icon svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.8}.sei-category-modal #sei-category-form label{display:block;font-size:12px;font-weight:700;color:#526077}.sei-category-modal #sei-category-form label>span{display:block;margin-bottom:6px}.sei-category-modal #sei-category-form input,.sei-category-modal #sei-category-form select{width:100%;box-sizing:border-box;min-height:44px;border:1px solid #dce3ec;border-radius:8px;padding:0 11px;background:#fff}.sei-category-modal-note{margin:-4px 0 15px;padding:10px 12px;background:#f6f8fb;border-radius:8px;color:#788499;font-size:11px;line-height:1.5}.sei-category-status-field{max-width:220px}.sei-category-modal .sei-person-form-footer{margin-top:20px}.sei-category-view-details{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.sei-category-view-details>div{padding:13px;border:1px solid #e7ebf1;border-radius:9px;background:#fafbfd}.sei-category-view-details span{display:block;color:#8a95a7;font-size:10px;text-transform:uppercase;letter-spacing:.4px}.sei-category-view-details strong{display:block;margin-top:5px;color:#24334b;font-size:14px}.sei-category-view-details strong.ok{color:#14945f}.sei-category-view-details strong.muted{color:#8b95a5} @media(max-width:900px){#sei-view-categories .sei-category-toolbar{grid-template-columns:1fr 1fr}.sei-category-total{justify-self:start}.sei-category-grid-view{grid-template-columns:repeat(2,minmax(0,1fr))!important}} @media(max-width:650px){#sei-view-categories .sei-category-heading{align-items:stretch;flex-direction:column}.sei-category-add-btn{width:100%!important}.sei-category-toolbar{grid-template-columns:1fr!important}.sei-category-view-toggle{width:max-content}.sei-category-grid-view{grid-template-columns:1fr!important}.sei-category-view-details{grid-template-columns:1fr}.sei-category-modal #sei-category-form .sei-form-grid{grid-template-columns:1fr}.sei-category-page-icon{width:44px!important;height:44px!important;flex-basis:44px!important}} /* v2.3.251 Categories final polish: reliable icon rendering, single-view toggle, compact controls. */ #sei-view-categories .sei-category-grid-view[hidden]{display:none !important;} #sei-view-categories .sei-category-list-view{display:block;} #sei-view-categories .sei-category-action{width:34px;height:34px;min-width:34px;padding:0 !important;line-height:0;box-sizing:border-box;border:1px solid #e7ecf3;} #sei-view-categories .sei-category-action svg{display:block;width:17px !important;height:17px !important;fill:none !important;stroke:currentColor !important;stroke-width:1.9 !important;stroke-linecap:round;stroke-linejoin:round;} #sei-view-categories .sei-category-action.view{color:#516176;background:#f5f7fa;} #sei-view-categories .sei-category-action.edit{color:#1769ff;background:#eef4ff;} #sei-view-categories .sei-category-action.danger{color:#e54848;background:#fff1f1;} #sei-view-categories .sei-category-action:hover{transform:translateY(-1px);box-shadow:0 3px 8px rgba(24,42,72,.08);} #sei-view-categories .sei-category-actions{gap:6px;min-width:114px;justify-content:flex-start;} #sei-view-categories .sei-category-switch{width:34px !important;height:20px !important;min-width:34px !important;padding:2px !important;box-sizing:border-box !important;} #sei-view-categories .sei-category-switch span{width:16px !important;height:16px !important;} #sei-view-categories .sei-category-switch.on span{transform:translateX(14px) !important;} #sei-view-categories .sei-category-table td{height:60px;} #sei-view-categories .sei-category-table th:last-child,#sei-view-categories .sei-category-table td:last-child{width:132px;} #sei-view-categories .sei-category-card .sei-category-actions{min-width:0;} /* v2.3.252 Categories: reliable List/Grid view icons across themes. */ #sei-view-categories .sei-category-view-toggle{gap:0;align-items:stretch;} #sei-view-categories .sei-category-view-toggle button{height:40px;min-width:46px;padding:0 10px!important;gap:6px;font-size:10px;font-weight:750;line-height:1;} #sei-view-categories .sei-category-view-toggle button svg{display:block!important;width:18px!important;height:18px!important;min-width:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;opacity:1!important;visibility:visible!important;} #sei-view-categories .sei-category-view-toggle button svg *{fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;opacity:1!important;visibility:visible!important;} #sei-view-categories .sei-category-view-toggle button.active svg{color:#fff!important;stroke:#fff!important;} #sei-view-categories .sei-category-view-toggle button:not(.active) svg{color:#66758c!important;stroke:#66758c!important;} #sei-view-categories .sei-category-view-toggle .sei-category-view-label{display:inline-block!important;line-height:1!important;} @media(max-width:650px){#sei-view-categories .sei-category-view-toggle button{min-width:44px;padding:0 9px!important;}#sei-view-categories .sei-category-view-toggle .sei-category-view-label{display:none!important;}} /* StockFlow v2.3.253 — Categories final polish */ #sei-view-categories .sei-category-summary-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 12px} #sei-view-categories .sei-category-summary-item{min-height:58px;padding:10px 13px;border:1px solid #e5eaf1;border-radius:11px;background:#fff;display:flex;align-items:center;gap:10px;box-shadow:0 3px 12px rgba(20,32,50,.025)} #sei-view-categories .sei-category-summary-icon{width:34px;height:34px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px} #sei-view-categories .sei-category-summary-icon.main{background:#eaf1ff;color:#1769ff}.sei-category-summary-icon.sub{background:#edf8f4;color:#14945f}.sei-category-summary-icon.products{background:#fff4e8;color:#e68a18} #sei-view-categories .sei-category-summary-icon svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} #sei-view-categories .sei-category-summary-item strong{display:block;font-size:16px;line-height:1.1;color:#1d2a40}.sei-category-summary-item small{display:block;margin-top:3px;font-size:10px;color:#8490a2} #sei-view-categories .sei-category-toolbar{grid-template-columns:minmax(260px,1fr) 220px auto auto;position:relative} #sei-view-categories .sei-category-search{position:relative;padding-right:38px} #sei-view-categories .sei-category-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:24px;height:24px;border:0;border-radius:6px;background:#f0f3f7;color:#7b8798;font-size:17px;line-height:20px;display:none;align-items:center;justify-content:center;cursor:pointer;padding:0} #sei-view-categories .sei-category-search-clear:hover{background:#e7edf6;color:#1769ff} #sei-view-categories .sei-category-view-toggle{height:40px;border-radius:9px;background:#f5f7fa;padding:2px;gap:2px;border:1px solid #dfe5ed} #sei-view-categories .sei-category-view-toggle button{height:34px;min-width:76px;width:auto;padding:0 10px;border-radius:7px;gap:6px;font-size:10px;font-weight:800;letter-spacing:.1px;color:#69768a;background:transparent} #sei-view-categories .sei-category-view-toggle button+button{border-left:0} #sei-view-categories .sei-category-view-toggle button.active{background:#1769ff;color:#fff;box-shadow:0 2px 7px rgba(23,105,255,.2)} #sei-view-categories .sei-category-view-toggle button svg{width:16px!important;height:16px!important;stroke:currentColor!important;fill:none!important;stroke-linecap:round!important;stroke-linejoin:round!important} #sei-view-categories .sei-category-result-count{grid-column:1/-1;font-size:10px;color:#8490a2;padding:0 2px 2px;display:block} #sei-view-categories .sei-category-result-count strong{color:#2a3850;font-weight:800} #sei-view-categories .sei-category-switch{width:34px!important;height:20px!important;min-width:34px!important;padding:2px!important;border-radius:20px!important;background:#cbd3df!important;box-sizing:border-box!important} #sei-view-categories .sei-category-switch span{width:16px!important;height:16px!important;transform:translateX(0)!important} #sei-view-categories .sei-category-switch.on{background:#1769ff!important} #sei-view-categories .sei-category-switch.on span{transform:translateX(14px)!important} #sei-view-categories .sei-category-action{width:32px!important;height:32px!important;min-width:32px!important;border-radius:8px!important;padding:0!important} #sei-view-categories .sei-category-action svg{width:16px!important;height:16px!important;stroke-width:1.9!important;stroke:currentColor!important;fill:none!important;stroke-linecap:round!important;stroke-linejoin:round!important} #sei-view-categories .sei-category-actions{gap:6px!important} #sei-view-categories .sei-category-parent-field em{font-style:normal;color:#e54848} #sei-view-categories .sei-category-modal #sei-category-form .sei-form-grid{grid-template-columns:1.2fr .8fr 1fr} @media(max-width:900px){#sei-view-categories .sei-category-summary-strip{grid-template-columns:repeat(3,minmax(0,1fr))}#sei-view-categories .sei-category-toolbar{grid-template-columns:minmax(0,1fr) 190px auto auto}.sei-category-result-count{grid-column:1/-1!important}} @media(max-width:650px){#sei-view-categories .sei-category-summary-strip{grid-template-columns:1fr}.sei-category-summary-item{min-height:50px!important}.sei-category-toolbar{grid-template-columns:1fr!important}.sei-category-view-toggle{width:max-content}.sei-category-view-toggle button{min-width:42px!important;padding:0 9px!important}.sei-category-view-label{display:none!important}#sei-view-categories .sei-category-modal #sei-category-form .sei-form-grid{grid-template-columns:1fr}.sei-category-result-count{grid-column:1!important}} /* StockFlow v2.3.254 — Categories production polish */ #sei-view-categories .sei-category-summary-item{min-height:54px;padding:9px 12px;gap:9px} #sei-view-categories .sei-category-summary-item strong{font-size:17px;line-height:1.05} #sei-view-categories .sei-category-summary-item small{font-size:10px;letter-spacing:.05px} #sei-view-categories .sei-category-toolbar{grid-template-columns:minmax(240px,1fr) 200px auto auto;gap:8px;align-items:center} #sei-view-categories .sei-category-search{min-width:0} #sei-view-categories .sei-category-filter{min-width:0} #sei-view-categories .sei-category-view-toggle{height:38px;padding:2px;border-radius:9px} #sei-view-categories .sei-category-view-toggle button{height:32px;min-width:70px;padding:0 9px!important} #sei-view-categories .sei-category-total{height:38px;min-width:68px;padding:0 11px;border-radius:9px} #sei-view-categories .sei-category-table th{height:44px;font-family:inherit;font-size:11px;text-transform:none;letter-spacing:.1px;font-weight:750;color:#657289} #sei-view-categories .sei-category-table td{height:58px;font-family:inherit} #sei-view-categories .sei-category-icon{width:38px;height:38px;flex-basis:38px;border-radius:10px} #sei-view-categories .sei-category-icon svg{width:19px;height:19px} #sei-view-categories .sei-category-status-wrap{gap:7px} #sei-view-categories .sei-category-switch{width:34px!important;height:20px!important;min-width:34px!important} #sei-view-categories .sei-category-status{font-size:10px} #sei-view-categories .sei-category-action{width:32px!important;height:32px!important;min-width:32px!important} #sei-view-categories .sei-category-actions{gap:5px!important;min-width:106px} #sei-view-categories .sei-category-table-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-top:1px solid #edf1f5;background:#fff} #sei-view-categories .sei-category-table-footer .sei-category-result-count{font-size:10px;color:#8490a2;padding:0;display:block;grid-column:auto} #sei-view-categories .sei-category-pagination{display:flex;align-items:center;gap:5px} #sei-view-categories .sei-category-pagination button{width:30px;height:30px;border:1px solid #e2e8f0;border-radius:7px;background:#fff;color:#657289;font-size:15px;display:inline-flex;align-items:center;justify-content:center} #sei-view-categories .sei-category-pagination button.active{background:#1769ff;border-color:#1769ff;color:#fff;font-weight:750} #sei-view-categories .sei-category-pagination button:disabled{opacity:.45;cursor:not-allowed} @media(max-width:900px){#sei-view-categories .sei-category-toolbar{grid-template-columns:minmax(0,1fr) 180px auto auto}} @media(max-width:650px){#sei-view-categories .sei-category-toolbar{grid-template-columns:1fr!important}.sei-category-table-footer{flex-direction:column;align-items:flex-start!important}.sei-category-view-toggle{width:max-content}.sei-category-total{justify-self:start}} /* StockFlow v2.3.255 — Categories actual final override */ #sei-view-categories .sei-category-manager{border-radius:14px!important;background:#fff!important;} #sei-view-categories .sei-category-toolbar{grid-template-columns:minmax(0,1fr) 190px 160px 76px!important;gap:8px!important;padding:14px!important;} #sei-view-categories .sei-category-view-toggle{height:38px!important;padding:2px!important;display:flex!important;} #sei-view-categories .sei-category-view-toggle button{height:32px!important;min-width:76px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;} #sei-view-categories .sei-category-switch{display:inline-flex!important;width:32px!important;height:18px!important;min-width:32px!important;border-radius:999px!important;padding:2px!important;background:#cbd5e1!important;box-shadow:none!important;} #sei-view-categories .sei-category-switch span{display:block!important;width:14px!important;height:14px!important;min-width:14px!important;background:#fff!important;border-radius:50%!important;transform:translateX(0)!important;} #sei-view-categories .sei-category-switch.on{background:#1769ff!important;} #sei-view-categories .sei-category-switch.on span{transform:translateX(14px)!important;} #sei-view-categories .sei-category-status-wrap{display:flex!important;align-items:center!important;gap:6px!important;} #sei-view-categories .sei-category-status{font-size:10px!important;font-weight:700!important;} #sei-view-categories .sei-category-action{width:30px!important;height:30px!important;min-width:30px!important;border-radius:8px!important;} #sei-view-categories .sei-category-action svg{width:15px!important;height:15px!important;} #sei-view-categories .sei-category-actions{gap:5px!important;min-width:100px!important;} #sei-view-categories .sei-category-table th{font-family:Arial,sans-serif!important;font-size:10px!important;font-weight:700!important;text-transform:none!important;} #sei-view-categories .sei-category-table td{height:56px!important;} #sei-view-categories .sei-category-table-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:10px 14px!important;} #sei-view-categories .sei-category-table-footer .sei-category-result-count{display:block!important;grid-column:auto!important;font-size:10px!important;padding:0!important;} @media(max-width:800px){#sei-view-categories .sei-category-toolbar{grid-template-columns:1fr 1fr!important;}#sei-view-categories .sei-category-view-toggle,#sei-view-categories .sei-category-total{justify-self:start!important;}} /* StockFlow v2.3.256 — Categories hard toggle normalization */ #sei-view-categories .sei-category-table .sei-category-switch[type="button"]{appearance:none!important;-webkit-appearance:none!important;width:32px!important;height:18px!important;min-width:32px!important;max-width:32px!important;padding:2px!important;margin:0!important;border:0!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;box-sizing:border-box!important;overflow:hidden!important;line-height:0!important;background:#cbd5e1!important;box-shadow:none!important;vertical-align:middle!important;} #sei-view-categories .sei-category-table .sei-category-switch[type="button"].on{background:#1769ff!important;} #sei-view-categories .sei-category-table .sei-category-switch[type="button"] > span{display:block!important;position:static!important;flex:0 0 14px!important;width:14px!important;height:14px!important;min-width:14px!important;max-width:14px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:#fff!important;box-shadow:0 1px 2px rgba(0,0,0,.16)!important;transform:translateX(0)!important;transition:transform .16s ease!important;} #sei-view-categories .sei-category-table .sei-category-switch[type="button"].on > span{transform:translateX(14px)!important;} #sei-view-categories .sei-category-table .sei-category-status-wrap{height:22px!important;min-height:22px!important;display:flex!important;align-items:center!important;gap:6px!important;white-space:nowrap!important;} #sei-view-categories .sei-category-table .sei-category-status{line-height:18px!important;height:18px!important;display:inline-flex!important;align-items:center!important;} /* StockFlow v2.3.257 — Categories: status is display-only; change via Edit */ #sei-view-categories .sei-category-table .sei-category-status-wrap{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:0!important;min-height:24px!important;} #sei-view-categories .sei-category-table .sei-category-status{display:inline-flex!important;align-items:center!important;gap:5px!important;height:24px!important;padding:0 9px!important;border-radius:999px!important;font-size:10px!important;font-weight:700!important;line-height:1!important;white-space:nowrap!important;background:#eaf8f0!important;color:#14945f!important;} #sei-view-categories .sei-category-table .sei-category-status i{width:6px!important;height:6px!important;min-width:6px!important;border-radius:50%!important;background:currentColor!important;display:inline-block!important;} #sei-view-categories .sei-category-table .sei-category-status.inactive{background:#f1f3f6!important;color:#7b8798!important;} #sei-view-categories .sei-category-table .sei-category-status.inactive i{background:currentColor!important;} /* StockFlow v2.3.258 — POS Customer Details heading/subheading refinement */ #sei-view-pos .sei-customer-section .sei-section-title-with-icon{flex:0 0 155px!important;min-width:155px!important;max-width:155px!important;gap:9px!important} #sei-view-pos .sei-customer-section .sei-section-title-with-icon h3{white-space:nowrap!important;font-size:16px!important;line-height:1.2!important;margin:0 0 3px!important;letter-spacing:-.1px!important} #sei-view-pos .sei-customer-section .sei-section-title-with-icon small{font-size:10.5px!important;line-height:1.35!important;display:block!important;max-width:145px!important} #sei-view-pos .sei-customer-section .sei-section-icon{width:38px!important;height:38px!important;flex:0 0 38px!important;border-radius:10px!important} @media(max-width:1100px){#sei-view-pos .sei-customer-section .sei-section-title-with-icon{flex:0 0 145px!important;min-width:145px!important;max-width:145px!important}} @media(max-width:760px){#sei-view-pos .sei-customer-section .sei-section-title-with-icon{flex:1 1 100%!important;min-width:0!important;max-width:none!important}.sei-customer-section .sei-section-title-with-icon h3{white-space:normal!important}} /* StockFlow v2.3.259 — POS Customer Details final horizontal polish */ #sei-view-pos .sei-customer-section .sei-section-header-row{ display:grid!important; grid-template-columns:minmax(220px,235px) minmax(300px,1fr) auto auto!important; align-items:center!important; gap:12px!important; margin-bottom:12px!important; } #sei-view-pos .sei-customer-section .sei-section-title-with-icon{ width:auto!important; min-width:0!important; max-width:none!important; flex:none!important; display:flex!important; align-items:center!important; gap:9px!important; } #sei-view-pos .sei-customer-section .sei-section-title-with-icon h3{ white-space:nowrap!important; font-size:17px!important; line-height:1.2!important; margin:0 0 3px!important; letter-spacing:-.15px!important; } #sei-view-pos .sei-customer-section .sei-section-title-with-icon small{ display:block!important; max-width:185px!important; font-size:10.5px!important; line-height:1.32!important; } #sei-view-pos .sei-customer-section .sei-section-icon{ width:38px!important; height:38px!important; flex:0 0 38px!important; border-radius:10px!important; } #sei-view-pos .sei-customer-section .sei-customer-picker-wrap{ width:auto!important; max-width:none!important; min-width:0!important; flex:1 1 auto!important; } #sei-view-pos .sei-customer-section .sei-customer-picker{ width:100%!important; } #sei-view-pos .sei-customer-section .sei-add-customer-btn{ width:176px!important; min-width:176px!important; height:42px!important; padding:0 12px!important; font-size:11px!important; } #sei-view-pos .sei-customer-section .sei-customer-type-switch{ margin-left:0!important; min-width:220px!important; justify-content:center!important; box-sizing:border-box!important; } #sei-view-pos .sei-customer-section .sei-customer-form-row{ margin-top:2px!important; } @media(max-width:1050px){ #sei-view-pos .sei-customer-section .sei-section-header-row{ grid-template-columns:minmax(205px,220px) minmax(260px,1fr) auto!important; } #sei-view-pos .sei-customer-section .sei-customer-type-switch{ grid-column:3!important; grid-row:2!important; justify-self:end!important; } #sei-view-pos .sei-customer-section .sei-add-customer-btn{ grid-column:3!important; grid-row:1!important; } } @media(max-width:760px){ #sei-view-pos .sei-customer-section .sei-section-header-row{ display:flex!important; flex-wrap:wrap!important; align-items:stretch!important; } #sei-view-pos .sei-customer-section .sei-section-title-with-icon{ flex:1 1 100%!important; } #sei-view-pos .sei-customer-section .sei-customer-picker-wrap{ flex:1 1 100%!important; width:100%!important; order:3!important; } #sei-view-pos .sei-customer-section .sei-add-customer-btn{ width:auto!important; min-width:0!important; flex:1 1 48%!important; order:4!important; } #sei-view-pos .sei-customer-section .sei-customer-type-switch{ min-width:0!important; flex:1 1 48%!important; order:5!important; } } /* StockFlow v2.3.262 — definitive client logo containment */ body:has(.sei-app) .sei-topbar.sei-pos-topbar-final{ height:68px!important; min-height:68px!important; max-height:68px!important; display:flex!important; flex-wrap:nowrap!important; align-items:center!important; gap:14px!important; overflow:visible!important; box-sizing:border-box!important; } body:has(.sei-app) .sei-topbar.sei-pos-topbar-final .sei-client-logo-topbar{ width:44px!important; height:44px!important; min-width:44px!important; max-width:44px!important; min-height:44px!important; max-height:44px!important; flex:0 0 44px!important; display:flex!important; align-items:center!important; justify-content:center!important; position:relative!important; overflow:hidden!important; isolation:isolate!important; contain:paint!important; box-sizing:border-box!important; padding:5px!important; margin:0!important; line-height:0!important; } body:has(.sei-app) .sei-topbar.sei-pos-topbar-final .sei-client-logo-topbar img, body:has(.sei-app) .sei-topbar.sei-pos-topbar-final .sei-client-logo-topbar > img{ display:block!important; width:100%!important; height:100%!important; min-width:0!important; min-height:0!important; max-width:100%!important; max-height:100%!important; object-fit:contain!important; object-position:center!important; margin:0!important; padding:0!important; position:relative!important; box-sizing:border-box!important; transform:none!important; } body:has(.sei-app) .sei-topbar.sei-pos-topbar-final .sei-global-search{min-width:0!important;flex:1 1 auto!important;} @media(max-width:760px){ body:has(.sei-app) .sei-topbar.sei-pos-topbar-final{height:54px!important;min-height:54px!important;max-height:54px!important;gap:10px!important;} body:has(.sei-app) .sei-topbar.sei-pos-topbar-final .sei-client-logo-topbar{width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;min-height:36px!important;max-height:36px!important;flex-basis:36px!important;padding:4px!important;} } /* StockFlow 3-tier plan badge */ .sei-plan-badge{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 11px;border:1px solid #dbe3ee;border-radius:999px;background:#fff;color:#344054;font-size:12px;font-weight:700;white-space:nowrap;box-sizing:border-box}.sei-plan-dot{width:7px;height:7px;border-radius:50%;background:#16a34a;display:inline-block}.sei-app[data-plan=starter] .sei-plan-dot{background:#64748b}.sei-app[data-plan=professional] .sei-plan-dot{background:#2563eb}.sei-app[data-plan=business] .sei-plan-dot{background:#7c3aed}