/* pos-cart-identity.css */
/* Latest cashier presentation. Existing prices, permissions and mutations remain active. */
body.oys-white-pos{--sidebar:246px;--teal:#6254eb;--teal-dark:#5344d7;--pos-ink:#17233d;--pos-muted:#76839c;--pos-line:#e6ebf4;background:#f7f8fc!important;color:var(--pos-ink)}
.oys-white-pos .icon{stroke-width:1.8;filter:none!important}
.oys-white-pos .icon-tone{display:none}
.oys-white-pos .sidebar,.oys-white-pos .topbar{background:#fff!important;border:1px solid #e7ebf3!important;box-shadow:0 3px 14px #22335304!important}
.oys-white-pos .sidebar{border-radius:18px;inset:10px auto 10px 10px;width:calc(var(--sidebar) - 10px)}
.oys-white-pos .sidebar-brand{height:74px;padding:12px 15px;background:#fff;border-bottom:1px solid #eff1f7}
.oys-white-pos .sidebar-brand img{width:46px;height:46px;box-shadow:none}
.oys-white-pos .sidebar-brand strong{font-size:18px;letter-spacing:-.6px}
.oys-white-pos .sidebar nav{padding:12px 10px 18px;scrollbar-color:#dce2f0 transparent}
.oys-white-pos .nav-group-label{color:#728099;letter-spacing:.07em;font-size:10px}
.oys-white-pos .nav-link{min-height:46px;padding:7px 9px;gap:10px;border:1px solid transparent!important;border-radius:12px;background:transparent!important;font-size:12px;color:#4c5b75;box-shadow:none!important}
.oys-white-pos .nav-link>.icon{width:20px;height:20px;box-sizing:content-box;padding:8px;border:1px solid #e7ebf4;border-radius:10px;background:#f8faff;color:#667894;box-shadow:none!important}
.oys-white-pos .nav-link.active{background:#f3f1ff!important;color:#6254eb}
.oys-white-pos .nav-link.active>.icon{background:#6254eb!important;color:#fff;border-color:#6254eb;box-shadow:none!important}
.oys-white-pos .nav-link[data-page="shifts"]>.icon,.oys-white-pos .nav-link[data-page="customers"]>.icon{background:#fffaf0;color:#cd8a27;border-color:#faeac8}
.oys-white-pos .nav-link[data-page="transactions"]>.icon{background:#f1fcf8;color:#079878;border-color:#dcf4eb}
.oys-white-pos .nav-link.active>.icon{background:#6254eb!important;color:#fff!important;border-color:#6254eb!important}
.oys-white-pos .sidebar-footer{margin:8px 10px 10px;padding:11px 9px;border:1px solid #e8ecf6;border-radius:13px;background:#fff!important;box-shadow:none!important;color:#6254eb;overflow:visible}
.oys-white-pos .sidebar-footer:before,.oys-white-pos .sidebar-footer:after{display:none}
.oys-white-pos .sidebar-footer-mark{background:#f4f2ff!important;color:#6254eb!important;box-shadow:none!important}
.oys-white-pos .sidebar-footer-copy strong{color:#6254eb;font-size:11px}.oys-white-pos .sidebar-footer-copy small{color:#8490a6}
.oys-white-pos .sidebar-footer>button{background:#fff!important;box-shadow:none!important;border:0;color:#6254eb}
.oys-white-pos .topbar{left:calc(var(--sidebar) + 10px);top:10px;right:12px;height:62px;border-radius:17px;padding:10px 14px}
.oys-white-pos .topbar .menu-btn,.oys-white-pos .account-btn{border:1px solid #e7ebf5;background:#fff;box-shadow:none!important;border-radius:11px}
.oys-white-pos .topbar-actions{gap:12px}.oys-white-pos .avatar{background:#6254eb!important;box-shadow:none!important}
.fresh-ready-state{display:flex;align-items:center;gap:7px;padding:8px 12px;border-radius:20px;font-size:11px;font-weight:700;white-space:nowrap;background:#f0fcf8;color:#0a9475}
.fresh-ready-state i{width:7px;height:7px;border-radius:50%;background:currentColor}.fresh-ready-state.needs-shift{background:#fff9ed;color:#a67b28}
.oys-white-pos .main.pos-main{margin-left:var(--sidebar);height:100dvh;min-height:0;padding:86px 12px 14px 18px;overflow:hidden;background:transparent}
.oys-white-pos .pos-layout{height:100%;min-height:0;grid-template-columns:minmax(0,1fr) clamp(350px,25vw,430px);gap:14px}
.oys-white-pos .pos-main .pos-catalog{display:flex;flex-direction:column;min-height:0;padding:17px 16px 0;background:#fff!important;border:1px solid var(--pos-line);border-radius:18px;box-shadow:0 3px 14px #24335403}
.oys-white-pos .pos-catalog-heading{flex:none;margin:0 0 18px;gap:12px;align-items:flex-start}
.oys-white-pos .pos-eyebrow{font-size:10px;color:#74839d;letter-spacing:.1em}
.oys-white-pos .pos-catalog-heading h2{font-size:25px;line-height:1.2;color:#18223a;letter-spacing:-.8px;margin:5px 0 6px}
.oys-white-pos .pos-catalog-heading p{font-size:12px;color:#8290a7;margin:0}
.oys-white-pos .pos-heading-actions{gap:8px;flex-wrap:wrap}
.oys-white-pos .pos-heading-actions .btn{height:38px;padding:8px 11px;font-size:10px;border-radius:10px;box-shadow:none!important;font-weight:650}
.oys-white-pos .pos-heading-actions .amber{background:#fffbf2;color:#ac781d;border:1px solid #f8e9c8}
.oys-white-pos .pos-heading-actions .green{background:#f2fcf9;color:#0d9076;border:1px solid #d7f2e8}
.oys-white-pos .pos-heading-actions .soft{background:#f8f7ff;color:#6254eb;border:1px solid #e3dfff}
.oys-white-pos .pos-main .fresh-pos-tools{display:grid;grid-template-columns:150px minmax(0,1fr) 44px auto;gap:9px;align-items:center;padding:0;margin:0 0 17px;flex:none;min-height:44px;background:transparent;border:0}
.oys-white-pos .fresh-pos-tools>select{width:100%;height:44px;border:1px solid #e2e7f2;background:#fff;color:#30405d;font-size:11px;padding:0 11px;border-radius:11px}
.oys-white-pos .fresh-pos-search{height:44px;width:100%;min-width:0;margin:0;border:1px solid #e2e7f2;border-radius:11px;display:flex;align-items:center;position:relative;box-shadow:none!important;background:#fff}
.oys-white-pos .fresh-pos-search:focus-within{border-color:#9a91ef;box-shadow:0 0 0 3px #6254eb0b!important}
.oys-white-pos .fresh-pos-search>.icon{width:18px;height:18px;position:absolute;left:13px;top:12px;color:#8e9bb1}
.oys-white-pos .fresh-pos-search input{width:100%;min-width:0;height:42px;min-height:42px;border:0;background:transparent!important;box-shadow:none!important;border-radius:11px;padding:0 42px 0 40px;font-size:12px;color:#30405d}
.oys-white-pos .fresh-pos-search input::placeholder{color:#929db1;opacity:1}
.fresh-barcode-mark{position:absolute;right:11px;top:11px;color:#8b98b0;height:22px;border-left:1px solid #edf0f6;padding-left:8px;pointer-events:none}
.fresh-barcode-mark .icon{width:20px;height:20px;position:static!important;display:block}
.oys-white-pos .fresh-pos-tools>.btn{padding:0;width:44px;height:44px;background:#faf9ff;color:#6254eb;border:1px solid #e4e0fb;border-radius:11px}
.oys-white-pos .fresh-pos-tools>.btn .icon{width:20px;height:20px}
.oys-white-pos .fresh-pos-tools .view-toggle{height:44px;padding:3px;border:1px solid #e7eaf5;border-radius:11px;background:#fff;margin:0;gap:3px}
.oys-white-pos .fresh-pos-tools .view-toggle button{width:36px;height:36px;min-height:36px;border-radius:8px;padding:8px;background:#fff;color:#8290a9}
.oys-white-pos .fresh-pos-tools .view-toggle button.active{background:#6254eb!important;color:#fff;box-shadow:none}
.oys-white-pos .pos-main .pos-products{flex:1;min-height:0;margin:0;padding:0 2px 12px 0;overflow:auto;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#d8def0 transparent}
.oys-white-pos .pos-main .pos-products .product-grid:not(.list-view){grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;align-items:stretch;grid-auto-rows:auto}
.oys-white-pos .pos-main .pos-products .product-grid:not(.list-view) .marketplace-card{display:flex;flex-direction:column;min-height:0;height:auto;border:1px solid #e7ebf3;border-radius:15px;background:#fff!important;box-shadow:0 2px 8px #21345302!important;transform:none!important;overflow:hidden;align-self:stretch;padding:0}
.oys-white-pos .pos-main .pos-products .product-grid:not(.list-view) .marketplace-card:hover{border-color:#c3bdef;box-shadow:0 4px 13px #6254eb08!important;transform:none!important}
.oys-white-pos .pos-main .pos-products .product-grid:not(.list-view) .marketplace-media{margin:10px 10px 0;border-radius:10px;height:178px;min-height:178px;aspect-ratio:auto;background:#f8f9fc!important}
.oys-white-pos .pos-main .pos-products .product-grid:not(.list-view) .marketplace-media .product-image,.oys-white-pos .pos-main .pos-products .product-grid:not(.list-view) .marketplace-media .product-placeholder{height:178px;min-height:178px;border-radius:10px;object-fit:contain;background:#f8f9fc!important;transform:none!important}
.oys-white-pos .pos-main .pos-products .product-grid:not(.list-view) .marketplace-content{display:flex;flex-direction:column;flex:1;padding:11px 10px 12px;min-height:0;background:#fff!important}
.oys-white-pos .pos-main .pos-products .marketplace-card .product-brand-row{margin:0 0 5px;min-height:23px;gap:7px}
.oys-white-pos .pos-main .pos-products .marketplace-card .product-brand{font-size:9px;color:#718099;background:#f3f5fa;border-radius:5px;padding:3px 6px;max-width:calc(100% - 60px)}
.oys-white-pos .pos-main .pos-products .marketplace-card .spec-btn{font-size:10px;color:#7f8da5;padding:3px 0;background:transparent;border:0;box-shadow:none}
.oys-white-pos .pos-main .pos-products .product-grid:not(.list-view) .marketplace-card h4{font-size:12px;line-height:1.45;font-weight:750;color:#1f2b42;letter-spacing:-.18px;height:35px;min-height:35px;max-height:35px;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.oys-white-pos .pos-main .pos-sale-unit-list{margin-top:0!important;padding:0;border:0;gap:7px}
.oys-white-pos .pos-main .pos-sale-unit-list>.sale-unit-option{padding:8px;border:1px solid #e7eaf5;border-radius:10px;background:#fcfcff;color:#43536e;box-shadow:none}
.oys-white-pos .pos-main .sale-unit-option .sale-unit-main{grid-template-columns:minmax(0,1fr) auto 22px;gap:6px}
.oys-white-pos .pos-main .sale-unit-main>strong{color:#3b368f;font-size:12px;font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:-.15px}
.oys-white-pos .pos-main .sale-unit-label>b{font-size:10px;color:#465572}.oys-white-pos .pos-main .sale-unit-label>small{font-size:9px;color:#8b98ac}
.oys-white-pos .pos-main .sale-unit-add{width:22px;height:24px;background:#f2efff;color:#6254eb;border-radius:7px;font-size:19px;display:grid}
.oys-white-pos .pos-main .sale-unit-option .sale-unit-wholesale{margin-top:7px;padding-top:6px;border-color:#edf0f7;font-size:9px;line-height:1.5;color:#629285;gap:4px}
.oys-white-pos .pos-main .sale-unit-wholesale b{color:#058e72}.oys-white-pos .pos-main .sale-unit-wholesale em{font-size:8px;background:#ebfbf5;color:#087f68;border-radius:5px;white-space:normal;text-align:right}
.oys-white-pos .pos-main .marketplace-card .stock-badge{background:#ffffffed;border:1px solid #dcebe5;color:#138f74;font-size:10px;padding:5px 7px;border-radius:16px;box-shadow:0 2px 5px #23413406;top:7px;right:7px}
.oys-white-pos .pos-main .marketplace-card .stock-badge.low{background:#fffaf0;color:#ba882c;border-color:#f4e8c8}
.oys-white-pos .pos-main .marketplace-card .marketplace-promo{font-size:8px;background:#f1efff;color:#6254eb;padding:4px 6px;border-radius:5px;left:6px;bottom:6px;border:1px solid #e5e0ff}
.oys-white-pos .pos-main .marketplace-price-panel{display:none}
.oys-white-pos .pos-catalog .pagination{flex:none;border-top:1px solid #e9edf5;background:#fff!important;margin:0;padding:11px 0;min-height:52px;font-size:10px;gap:8px}
.oys-white-pos .pos-catalog .pagination .actions{gap:6px}.oys-white-pos .pos-catalog .pagination .btn,.oys-white-pos .pos-catalog .pagination select{border:1px solid #e4e9f3;background:#fff;box-shadow:none;min-height:32px;border-radius:9px;color:#71819a}
.oys-white-pos .pos-main .cart{display:flex;flex-direction:column;min-height:0;height:100%;border:1px solid #e6ebf4;border-radius:18px;overflow:hidden;background:#fff!important;box-shadow:0 3px 14px #22335304!important}
.oys-white-pos .pos-main .cart-header{flex:none;min-height:72px;display:flex;gap:10px;padding:15px 16px;background:#fff!important;border-bottom:1px solid #edf0f6;color:#1e2b43}
.oys-white-pos .pos-main .cart-header>.icon{box-sizing:content-box;width:22px;height:22px;padding:9px;border-radius:11px;background:#f3f1ff;color:#6254eb;box-shadow:none}
.oys-white-pos .cart-heading-copy{font-size:17px;line-height:1.3;font-weight:800;color:#1d2940;letter-spacing:-.45px}
.oys-white-pos .cart-heading-copy small{font-size:10px;color:#8b97ab;font-weight:500;letter-spacing:0}
.oys-white-pos .pos-main .cart-header>.badge{margin-left:auto;background:#f3f5fa;color:#77859e;border-radius:20px;font-size:9px;padding:5px 8px}
.oys-white-pos .pos-main .cart-controls{flex:none;padding:7px 12px;background:#fff;border-bottom:1px solid #eef1f7;gap:5px}
.oys-white-pos .pos-main .cart-controls .auto-price-note{font-size:9px;color:#789184;line-height:1.4}
.oys-white-pos .pos-main .cart-controls button{min-height:26px;padding:4px 6px;font-size:9px;border:1px solid #e7ecf4;border-radius:7px;background:#fff;color:#8190a4;box-shadow:none}
.oys-white-pos .pos-main .cart-controls button .icon{width:12px;height:12px}
.oys-white-pos .pos-main .cart-items{flex:1;min-height:80px;max-height:none;padding:10px 12px;overflow:auto;background:#fff!important;scrollbar-gutter:stable;scrollbar-color:#dce1ee transparent}
.oys-white-pos .pos-main .cart-row{padding:12px;margin-bottom:10px;background:#fff;border:1px solid #e9edf5;border-radius:13px;box-shadow:none}
.oys-white-pos .pos-main .cart-row-main{display:grid;grid-template-columns:57px minmax(0,1fr);gap:10px}
.oys-white-pos .pos-main .cart-product-thumb{width:57px;height:67px;border-radius:8px;background:#f8f9fc;box-shadow:none}
.oys-white-pos .cart-product-thumb img{object-fit:contain;max-width:100%;height:100%}
.oys-white-pos .pos-main .cart-row-title strong{font-size:12px;font-weight:750;color:#27354d;line-height:1.4}
.oys-white-pos .pos-main .cart-row-title button{width:23px;height:23px;min-height:23px;background:transparent;color:#98a4b7;box-shadow:none;border:0}
.oys-white-pos .pos-main .cart-row-info>small{font-size:9px;line-height:1.4;color:#919cb0;margin:3px 0 0}
.fresh-cart-composition{display:flex;flex-direction:column;gap:4px;margin-top:7px}
.fresh-cart-composition>strong{font-size:14px;font-weight:800;color:#6254eb;line-height:1.4}.fresh-cart-composition>small{font-size:9px;color:#8390a5;line-height:1.5}
.oys-white-pos .pos-main .cart-row .price-tier{display:block;background:transparent;border:0;padding:0;margin:11px 0 0;color:#63728c;border-radius:0}
.oys-white-pos .pos-main .cart-price-parts{display:flex;flex-direction:column;gap:6px;font-size:10px;line-height:1.5}
.fresh-price-part{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;font-variant-numeric:tabular-nums}
.fresh-price-part>span{min-width:0;overflow-wrap:anywhere}.fresh-price-part>strong{font-size:10px;font-weight:700;white-space:nowrap;color:#475676}
.oys-white-pos .pos-main .cart-price-parts>.fresh-grosir-hint{display:flex;align-items:flex-start;gap:5px;padding:5px 7px;margin:1px 0 0;border-radius:6px;background:#fff8e9;color:#a07b35;font-size:9px;line-height:1.5}
.fresh-grosir-hint>.icon{width:12px;height:12px;flex:none;margin-top:1px}
.oys-white-pos .pos-main .fresh-unit-composer{border:0;border-top:1px solid #edf0f6;padding:10px 0 0;margin:10px 0 0;background:transparent;border-radius:0}
.fresh-unit-composer h5{font-size:10px;color:#405170;font-weight:700;margin:0 0 7px}
.oys-white-pos .pos-main .fresh-unit-composer .cart-unit-parts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0;margin:0}
.oys-white-pos .pos-main .cart-unit-parts .fresh-unit-part{display:flex;flex-direction:column;gap:5px;background:#fcfcff;border:1px solid #e8ecf5;border-radius:9px;padding:7px;margin:0;min-width:0}
.oys-white-pos .pos-main .cart-unit-parts .fresh-unit-part>span{font-size:10px;font-weight:650;color:#66748f}
.fresh-unit-stepper{display:grid;grid-template-columns:27px minmax(0,1fr) 27px;align-items:center;gap:2px}
.oys-white-pos .pos-main .cart-unit-parts .fresh-unit-stepper>button{display:grid;place-items:center;min-width:0;min-height:28px;height:28px;padding:0;border:1px solid #e9e5fc;border-radius:7px;background:#f4f2ff;color:#6254eb;font-size:19px;font-weight:500;box-shadow:none}
.oys-white-pos .pos-main .cart-unit-parts .fresh-unit-stepper>input{width:100%;min-width:0;min-height:28px;height:28px;padding:2px;text-align:center;border:0;border-radius:0;background:transparent;color:#24304b;font-size:13px;font-weight:750;appearance:textfield;box-shadow:none}
.fresh-unit-stepper input::-webkit-inner-spin-button,.fresh-unit-stepper input::-webkit-outer-spin-button{appearance:none;margin:0}
.oys-white-pos .fresh-has-packs .cart-row-bottom{display:none}
.oys-white-pos .pos-main .cart-bottom{flex:none;max-height:calc(100% - 155px);overflow:auto;padding:11px 13px 13px;background:#fff!important;border-top:1px solid #e9edf5;scrollbar-width:thin}
.oys-white-pos .pos-main .customer-box{padding:9px 10px;margin:0 0 8px;background:#fff;border:1px solid #e7ecf5;border-radius:11px}
.oys-white-pos .customer-box-head{margin-bottom:5px}.oys-white-pos .customer-box-label{font-size:9px;color:#8090a9}.oys-white-pos .customer-mode{font-size:8px;color:#8a98ac;background:#f5f6fa}
.oys-white-pos .customer-summary-copy strong{font-size:11px;color:#32425d}.oys-white-pos .customer-summary-copy small{font-size:9px;color:#8d98aa;line-height:1.4}
.oys-white-pos .customer-summary-actions{gap:5px}.oys-white-pos .customer-summary-actions .customer-select-button{height:29px;min-height:29px;padding:5px 7px;font-size:9px;border-radius:7px;background:#faf9ff;border:1px solid #e6e1ff;color:#6254eb;box-shadow:none}
.oys-white-pos .customer-quick-add{min-width:28px;width:28px;height:29px;min-height:29px;padding:5px;background:#6254eb;color:#fff;border-radius:7px;border:0;box-shadow:none}
.oys-white-pos .pos-main .cart-details{margin:4px 0 8px;font-size:9px;color:#8a96ab}.oys-white-pos .pos-main .cart-details summary{padding:3px 0}
.oys-white-pos .pos-main .pos-extra-controls{margin:7px 0 8px;padding:9px;background:#fff;border:1px solid #e7ecf5;border-radius:11px;gap:5px}
.oys-white-pos .pos-extra-controls label{font-size:10px;color:#53647f;gap:5px}.oys-white-pos .pos-extra-controls select{min-height:33px;height:33px;font-size:10px;padding:0 8px;border-color:#e1e7f1;border-radius:8px}
.oys-white-pos .pos-extra-controls small{font-size:9px}
.oys-white-pos .pos-main .bill{min-height:66px;margin:0 0 8px;padding:10px 11px;border:1px solid #e8e4fc;border-radius:12px;background:#f7f5ff!important;gap:9px}
.oys-white-pos .pos-main .bill label{font-size:9px;font-weight:700;color:#8b8aa3}.oys-white-pos .pos-main .bill small{font-size:9px;color:#989cb0;line-height:1.5}
.oys-white-pos .pos-main .bill strong{font-size:29px;color:#6254eb;font-weight:800;letter-spacing:-1px;font-variant-numeric:tabular-nums;white-space:nowrap}
.oys-white-pos .pos-main .payment-row{gap:7px}.oys-white-pos .pos-main .payment-row input,.oys-white-pos .pos-main .payment-row select{height:37px;min-height:37px;border:1px solid #e4e9f2;background:#fff;color:#455471;border-radius:9px;font-size:10px;padding:8px}
.oys-white-pos .pos-main .change-row{min-height:28px;margin:5px 0;font-size:9px;color:#8b97ab}.oys-white-pos .pos-main .change-row button{min-height:26px;padding:5px 7px;font-size:9px;background:#f5f3ff;border-radius:7px;color:#6254eb}
.oys-white-pos .pos-main .pay-btn{height:46px;min-height:46px;border:0;border-radius:11px;background:#6254eb!important;color:#fff;box-shadow:0 4px 10px #6254eb12;font-size:12px;font-weight:750}
.oys-white-pos .pos-main .pay-btn .icon{width:19px;height:19px}.fresh-payment-note{font-size:9px;margin-bottom:8px;line-height:1.5}
.oys-white-pos :is(button,a,input,select){transition:background-color 160ms ease,border-color 160ms ease,box-shadow 160ms ease}
.oys-white-pos :is(button,a,input,select):focus-visible{outline:2px solid #8e83ef;outline-offset:2px}
.oys-white-pos .fresh-unit-stepper button:disabled{opacity:.5;cursor:default}
.oys-white-pos .nav-link .nav-label{white-space:normal;text-overflow:clip;line-height:1.4;font-size:12px}
.oys-white-pos .nav-link>.badge{font-size:8px;padding:3px 6px}
.oys-white-pos .pos-main .pos-products .product-grid:not(.list-view) .marketplace-card h4{font-size:13px;height:38px;min-height:38px;max-height:38px}
.oys-white-pos .pos-main .sale-unit-main>strong{font-size:13px}
body.oys-white-pos.collapsed{--sidebar:76px}
.oys-white-pos.collapsed .sidebar nav{padding-inline:5px}
.oys-white-pos.collapsed .nav-link{padding-inline:5px;justify-content:center}
.oys-white-pos.collapsed .sidebar-brand{padding-inline:8px;justify-content:center}
.oys-white-pos.collapsed .sidebar-footer{padding:6px;margin-inline:5px;justify-content:center}
.oys-white-pos.collapsed .sidebar-footer-copy,.oys-white-pos.collapsed .sidebar-footer-mark{display:none}
@media(min-width:761px){
 .oys-white-pos .pos-main .cart-controls{padding-block:6px}
 .oys-white-pos .pos-main .cart-controls button{height:24px;min-height:24px;padding:3px 5px}
 .oys-white-pos .pos-main .cart-controls .auto-price-note{height:auto;min-height:0}
 .oys-white-pos .pos-main .cart-row-info>small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
 .oys-white-pos .pos-main .fresh-unit-composer{padding-top:8px;margin-top:8px}
 .oys-white-pos .fresh-unit-composer h5{line-height:1.3;margin-bottom:5px}
 .oys-white-pos .pos-main .cart-unit-parts .fresh-unit-part{padding:6px;gap:4px}
 .oys-white-pos .pos-main .cart-bottom{padding:9px 12px 11px}
 .oys-white-pos .pos-main .customer-box{padding:7px 9px}
 .oys-white-pos .pos-main .bill{min-height:60px;padding:8px 10px}
}
@media(min-width:1560px){.oys-white-pos .pos-main .pos-products .product-grid:not(.list-view){grid-template-columns:repeat(4,minmax(0,1fr))}.oys-white-pos .pos-main .pos-products .product-grid:not(.list-view) .marketplace-media,.oys-white-pos .pos-main .pos-products .product-grid:not(.list-view) .marketplace-media .product-image,.oys-white-pos .pos-main .pos-products .product-grid:not(.list-view) .marketplace-media .product-placeholder{height:196px;min-height:196px}.oys-white-pos .pos-main .pos-catalog{padding:19px 19px 0}}
@media(max-width:1280px) and (min-width:761px){body.oys-white-pos{--sidebar:214px}.oys-white-pos .pos-catalog-heading{flex-wrap:wrap;margin-bottom:13px}.oys-white-pos .pos-main .fresh-pos-tools{grid-template-columns:125px minmax(0,1fr) 38px}.oys-white-pos .fresh-pos-tools .view-toggle{grid-column:3;width:max-content;justify-self:end}.oys-white-pos .fresh-pos-tools>.btn{width:38px}.oys-white-pos .fresh-pos-search{grid-column:2/4}.oys-white-pos .fresh-pos-tools>.btn{grid-row:2;grid-column:2;justify-self:end}.oys-white-pos .fresh-pos-tools .view-toggle{grid-row:2;grid-column:3}.oys-white-pos .pos-main .pos-products .product-grid:not(.list-view){grid-template-columns:repeat(2,minmax(0,1fr))}.oys-white-pos .pos-main .pos-layout{grid-template-columns:minmax(0,1fr) 330px;gap:10px}.oys-white-pos .pos-main .bill strong{font-size:26px}}
@media(max-height:800px) and (min-width:761px){.oys-white-pos .pos-main .cart-header{min-height:60px;padding:10px 13px}.oys-white-pos .pos-main .cart-controls{padding-block:5px}.oys-white-pos .pos-main .cart-bottom{padding:8px 11px 10px;max-height:calc(100% - 145px)}.oys-white-pos .pos-main .customer-box{padding:7px;margin-bottom:5px}.oys-white-pos .pos-main .pos-extra-controls{padding:7px;margin-block:5px}.oys-white-pos .pos-main .bill{min-height:58px;padding:8px 10px}.oys-white-pos .pos-main .pay-btn{height:42px;min-height:42px}}
@media(max-width:760px){body.oys-white-pos{--sidebar:0px}.oys-white-pos .sidebar{width:236px;inset:8px auto 8px 8px;z-index:40}.oys-white-pos .topbar{left:8px;right:8px;top:8px;height:56px;padding:8px 10px}.oys-white-pos .fresh-ready-state{font-size:9px;padding:6px 8px}.oys-white-pos .topbar-actions{gap:6px}.oys-white-pos .topbar .branch-select{max-width:100px;font-size:10px}.oys-white-pos .main.pos-main{margin:0;height:auto;min-height:100dvh;padding:75px 8px 12px;overflow:visible}.oys-white-pos .pos-layout{height:auto;display:flex;flex-direction:column;gap:12px}.oys-white-pos .pos-main .pos-catalog{padding:14px 12px 0;border-radius:15px}.oys-white-pos .pos-catalog-heading{flex-wrap:wrap;margin-bottom:13px}.oys-white-pos .pos-catalog-heading h2{font-size:22px}.oys-white-pos .pos-catalog-heading p{font-size:11px}.oys-white-pos .pos-heading-actions .btn{height:33px;min-height:33px;padding:7px 8px;font-size:9px}.oys-white-pos .pos-main .fresh-pos-tools{grid-template-columns:minmax(0,1fr) 40px auto;gap:7px;margin-bottom:13px}.oys-white-pos .fresh-pos-tools>select{grid-column:1;font-size:11px;height:40px}.oys-white-pos .fresh-pos-tools>.btn{grid-column:2;width:40px;height:40px}.oys-white-pos .fresh-pos-tools .view-toggle{grid-column:3;height:40px}.oys-white-pos .fresh-pos-tools .view-toggle button{width:32px;height:32px;min-height:32px}.oys-white-pos .fresh-pos-search{grid-row:2;grid-column:1/-1;height:44px}.oys-white-pos .fresh-pos-search input{font-size:12px}.oys-white-pos .pos-main .pos-products{max-height:600px;min-height:100px}.oys-white-pos .pos-main .pos-products .product-grid:not(.list-view){grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.oys-white-pos .pos-main .pos-products .product-grid:not(.list-view) .marketplace-card{display:flex;min-height:0}.oys-white-pos .pos-main .pos-products .product-grid:not(.list-view) .marketplace-media{width:auto;margin:8px 8px 0}.oys-white-pos .pos-main .pos-products .product-grid:not(.list-view) .marketplace-media,.oys-white-pos .pos-main .pos-products .product-grid:not(.list-view) .marketplace-media .product-image,.oys-white-pos .pos-main .pos-products .product-grid:not(.list-view) .marketplace-media .product-placeholder{height:135px;min-height:135px}.oys-white-pos .pos-main .pos-products .product-grid:not(.list-view) .marketplace-content{padding:9px 8px}.oys-white-pos .pos-main .pos-products .product-grid:not(.list-view) .marketplace-card h4{font-size:11px;line-height:1.45;height:33px;min-height:33px;max-height:33px;margin-bottom:8px}.oys-white-pos .pos-main .sale-unit-option .sale-unit-main{grid-template-columns:minmax(0,1fr) auto;gap:4px}.oys-white-pos .pos-main .sale-unit-add{display:none}.oys-white-pos .pos-main .sale-unit-main>strong{font-size:11px}.oys-white-pos .pos-main .sale-unit-label>b{font-size:9px}.oys-white-pos .pos-main .sale-unit-wholesale em{font-size:8px}.oys-white-pos .pos-catalog .pagination{flex-wrap:wrap}.oys-white-pos .pos-main .cart{height:auto;min-height:450px;border-radius:15px;margin:0}.oys-white-pos .pos-main .cart-items{min-height:130px;max-height:430px}.oys-white-pos .pos-main .cart-bottom{overflow:visible;max-height:none}.oys-white-pos .pos-main .cart-header{min-height:68px}.oys-white-pos .pos-main .cart-product-thumb{width:60px;height:70px}.oys-white-pos .pos-main .cart-row-main{grid-template-columns:60px minmax(0,1fr)}.oys-white-pos .pos-main .cart-row-title strong{font-size:13px}.oys-white-pos .fresh-cart-composition>strong{font-size:15px}.oys-white-pos .pos-main .cart-unit-parts .fresh-unit-stepper>button{height:36px;min-height:36px}.oys-white-pos .pos-main .cart-unit-parts .fresh-unit-stepper>input{height:36px;min-height:36px;font-size:16px}.oys-white-pos .pos-main .payment-row input,.oys-white-pos .pos-main .payment-row select{height:42px;min-height:42px;font-size:12px}.oys-white-pos .pos-main .pay-btn{height:48px;min-height:48px;font-size:13px}.oys-white-pos .pos-main .cart-empty{min-height:120px}}
@media(max-width:370px){.oys-white-pos .pos-main .pos-products .product-grid:not(.list-view){grid-template-columns:1fr}.oys-white-pos .pos-main .sale-unit-option .sale-unit-main{grid-template-columns:minmax(0,1fr) auto 22px}.oys-white-pos .pos-main .sale-unit-add{display:grid}.oys-white-pos .pos-main .bill strong{font-size:26px}}
@media(prefers-reduced-motion:reduce){.oys-white-pos *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media print{body.oys-white-pos{background:#fff!important}}

/* Product boundaries and short transitions, derived from the latest white POS. */
.oys-white-pos .pos-main .pos-products{padding-top:4px;padding-left:3px;padding-right:5px}
.oys-white-pos .pos-main .pos-products .product-grid:not(.list-view) .marketplace-media{align-self:stretch;min-width:0}
.oys-white-pos .pos-main .pos-products .product-grid .marketplace-card{
 border:1.5px solid #c9d3e3!important;
 box-shadow:0 2px 7px rgba(39,57,91,.045)!important;
 transition:border-color 180ms ease,box-shadow 180ms ease,transform 180ms cubic-bezier(.2,.7,.2,1),background-color 180ms ease!important;
}
.oys-white-pos .pos-main .pos-products .product-grid .marketplace-card:not(.out-of-stock):focus-visible{
 border-color:#7765df!important;outline:2px solid #b5a9f0;outline-offset:1px;
 box-shadow:0 4px 14px rgba(98,84,235,.12)!important;
}
.oys-white-pos .pos-main .pos-sale-unit-list>.sale-unit-option{
 border-color:#d7ddec;background:#fbfcff;
 transition:border-color 160ms ease,background-color 160ms ease,box-shadow 160ms ease!important;
}
.oys-white-pos .pos-main .pos-sale-unit-list>.sale-unit-option:not(:disabled):hover{
 border-color:#aea1ea;background:#f6f3ff;box-shadow:0 2px 6px rgba(98,84,235,.07);
}
.oys-white-pos .pos-main .pos-sale-unit-list>.sale-unit-option:not(:disabled):active{background:#ece6ff;border-color:#8e7be1}
.oys-white-pos .pos-main .fresh-pos-tools .view-toggle button{transition:background-color 160ms ease,color 160ms ease,box-shadow 160ms ease!important}
@media(hover:hover) and (pointer:fine){
 .oys-white-pos .pos-main .pos-products .product-grid .marketplace-card:not(.out-of-stock):hover{
  border-color:#a397e7!important;box-shadow:0 6px 16px rgba(69,60,133,.1)!important;transform:translateY(-2px)!important;
 }
}
@media(prefers-reduced-motion:no-preference){
 .oys-white-pos .pos-main .pos-products .product-grid{animation:oysProductCollectionEnter 220ms cubic-bezier(.2,.7,.2,1)}
 .oys-white-pos .pos-main .pos-products .empty{animation:oysProductCollectionEnter 180ms ease}
 .oys-white-pos .pos-main .pos-products .product-grid .marketplace-card:not(.out-of-stock):active{transform:translateY(0) scale(.995)!important}
}
@keyframes oysProductCollectionEnter{from{opacity:.82;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){
 .oys-white-pos .pos-main .pos-products .product-grid .marketplace-card,
 .oys-white-pos .pos-main .pos-products .product-grid .marketplace-card:not(.out-of-stock):is(:hover,:active,:focus-visible){transition:none!important;transform:none!important}
 .oys-white-pos .pos-main .pos-products .product-grid,.oys-white-pos .pos-main .pos-products .empty{animation:none!important}
 .oys-white-pos .pos-main .pos-sale-unit-list>.sale-unit-option,.oys-white-pos .pos-main .fresh-pos-tools .view-toggle button{transition:none!important}
}
@media print{
 .oys-white-pos .pos-main .pos-products .product-grid{animation:none!important}
 .oys-white-pos .pos-main .pos-products .product-grid .marketplace-card{transform:none!important;box-shadow:none!important}
}

/* Keep the item identity above a compact packaging editor, including while scrolling. */
.oys-white-pos .pos-main .cart-row{position:relative;overflow:visible;isolation:isolate;padding:10px;margin-bottom:10px}
.oys-white-pos .pos-main .cart-row .fresh-cart-identity{
 position:sticky;top:0;z-index:2;display:grid;grid-template-columns:46px minmax(0,1fr);gap:9px;
 padding:6px 0 9px;margin:-6px 0 0;background:#fff;border-bottom:1px solid #edf0f6;
}
.oys-white-pos .pos-main .fresh-cart-identity .cart-product-thumb{width:46px;height:55px;align-self:start;border:1px solid #edf0f6;border-radius:9px}
.oys-white-pos .pos-main .fresh-cart-identity .cart-row-info{min-width:0}
.oys-white-pos .pos-main .fresh-cart-identity .cart-row-title{display:flex;align-items:flex-start;gap:6px;min-width:0}
.oys-white-pos .pos-main .fresh-cart-identity .cart-row-title strong{
 display:block;flex:1;min-width:0;font-size:13px;line-height:1.4;white-space:normal;overflow:visible;
 text-overflow:clip;overflow-wrap:anywhere;max-height:none;-webkit-line-clamp:unset;
}
.oys-white-pos .pos-main .fresh-cart-identity .cart-row-title button{flex:0 0 23px;margin-top:-2px}
.oys-white-pos .pos-main .fresh-cart-identity .fresh-cart-composition{margin-top:4px;gap:2px}
.oys-white-pos .pos-main .fresh-cart-identity .fresh-cart-composition>strong{font-size:12px;line-height:1.35}
.oys-white-pos .pos-main .fresh-cart-identity .fresh-cart-composition>small{font-size:9px;line-height:1.4}
.oys-white-pos .pos-main .cart-row .fresh-unit-composer{margin:8px 0 0;padding:8px;border:1px solid #e3e7f4;background:#f9faff;border-radius:10px}
.oys-white-pos .pos-main .fresh-unit-composer h5{margin:0 0 7px;font-size:10px;line-height:1.4;color:#5c6881}
.oys-white-pos .pos-main .fresh-unit-composer .cart-unit-parts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.oys-white-pos .pos-main .fresh-unit-composer .cart-unit-parts .fresh-unit-part{padding:0;border:0;background:transparent;gap:5px}
.oys-white-pos .pos-main .fresh-unit-composer .fresh-unit-stepper{display:grid;grid-template-columns:30px minmax(0,1fr) 30px;gap:3px;align-items:center;padding:3px;border:1px solid #e0e5f2;background:#fff;border-radius:9px;min-width:0}
.oys-white-pos .pos-main .fresh-unit-composer .fresh-unit-stepper>button{width:30px;min-width:0;height:30px;min-height:30px;margin:0;display:grid;place-items:center;border:1px solid #e7e1fa;background:#f3efff;color:#6554dc;border-radius:7px;font-size:19px;line-height:1;padding:0;box-shadow:none}
.oys-white-pos .pos-main .fresh-unit-composer .fresh-unit-stepper>input{width:100%;min-width:0;height:30px;min-height:30px;padding:2px;text-align:center;border:0;background:#fff;font-size:13px;font-weight:750;box-shadow:none;border-radius:0;color:#24304b}
.oys-white-pos .pos-main .cart-row .price-tier{margin:8px 0 0}
.oys-white-pos .pos-main .cart-price-parts{gap:4px}
.oys-white-pos .pos-main .cart-items{scroll-padding-top:6px}
@media(min-width:761px){
 .oys-white-pos .pos-main .cart-items{min-height:110px}
 .oys-white-pos .pos-main .cart-bottom{max-height:calc(100% - 210px)}
}
@media(max-width:760px){
 .oys-white-pos .pos-main .fresh-unit-composer .fresh-unit-stepper{grid-template-columns:36px minmax(0,1fr) 36px}
 .oys-white-pos .pos-main .fresh-unit-composer .fresh-unit-stepper>button{width:36px;height:36px;min-height:36px}
 .oys-white-pos .pos-main .fresh-unit-composer .fresh-unit-stepper>input{height:36px;min-height:36px;font-size:16px}
}
@media print{.oys-white-pos .pos-main .cart-row .fresh-cart-identity{position:static}}

/* server-backups-panel.css */
.server-backups{max-width:1100px}.backup-status{padding:24px;border:1px solid #bbdfd2;border-radius:18px;background:linear-gradient(120deg,#effaf5,#f6f8ff)}.backup-status h3{margin:12px 0 6px}.backup-status p{color:#526578}.backup-actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.backup-history{display:grid;gap:12px}.backup-history article{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;border:1px solid #d7dfef;border-radius:16px;background:#fff}.backup-history small{display:block;margin-top:6px;color:#6b778e}.backup-error{color:#ad263c}.backup-confirm{border:1px solid #edc5cb;background:#fff8f9;padding:22px;border-radius:18px;margin-top:18px}.backup-confirm input{display:block;width:100%;margin:10px 0 18px}.backup-confirm button{margin-right:8px}@media(max-width:600px){.backup-history article{align-items:flex-start}.backup-status{padding:18px}}

/* sales-profit-modern.css */
.profit-modern{--profit-ink:#29263d;--profit-muted:#868297;--profit-purple:#6a5ae0;--profit-border:#e7e5ef;max-width:1500px;width:100%;margin:0 auto;padding:8px 0 24px;color:var(--profit-ink);animation:profit-modern-enter .25s ease both}
.profit-modern,.profit-modern *{box-sizing:border-box}
.profit-modern svg{width:19px;height:19px;flex:none}
.profit-modern-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;margin-bottom:18px;background:linear-gradient(120deg,#fff,#faf9ff);border:1px solid var(--profit-border);border-radius:20px;box-shadow:0 5px 20px #40365b04}
.profit-modern-title-group{display:flex;align-items:center;gap:16px;min-width:0}
.profit-modern-page-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#efecff;color:var(--profit-purple);flex:none;border:1px solid #e4ddff}
.profit-modern-page-icon svg{width:26px;height:26px}
.profit-modern-eyebrow{font-size:10px;font-weight:800;letter-spacing:1.3px;color:#9085ae}
.profit-modern h1{margin:5px 0 6px;font-size:24px;line-height:1.25;letter-spacing:-.65px;font-weight:800;color:var(--profit-ink)}
.profit-modern-heading p{margin:0;color:var(--profit-muted);font-size:12px;line-height:1.6}
.profit-modern .profit-modern-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px solid #dfdbf1;border-radius:12px;background:#f8f7ff;color:#6655cb;padding:10px 16px;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;box-shadow:none;transition:background .18s ease,box-shadow .18s ease,transform .18s ease}
.profit-modern .profit-modern-button:hover:not(:disabled){background:#f0edff;box-shadow:0 4px 10px #6352c415;transform:translateY(-1px)}
.profit-modern .profit-modern-button:disabled{opacity:.5;cursor:default}
.profit-modern .profit-modern-primary{background:linear-gradient(110deg,#6857e3,#7865e5);border-color:#6a58df;color:#fff;box-shadow:0 4px 12px #6a58df22}
.profit-modern .profit-modern-primary:hover:not(:disabled){background:#6251d5;color:#fff}
.profit-modern-filter-card{border:1px solid var(--profit-border);border-radius:18px;padding:18px 20px;background:#fff;box-shadow:0 4px 18px #40365b03}
.profit-modern-filter-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;border-bottom:1px solid #f0edf5}
.profit-modern-filter-label{display:flex;align-items:center;gap:10px;flex:none}
.profit-modern-small-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid #eae5fa;border-radius:12px;background:#f5f2ff;color:#7862df}
.profit-modern-filter-label strong{display:block;font-size:13px;font-weight:750}
.profit-modern-filter-label small{display:block;margin-top:3px;font-size:11px;color:var(--profit-muted)}
.profit-modern-presets{display:flex;flex-wrap:wrap;gap:5px;padding:4px;border:1px solid #eeebf5;border-radius:12px;background:#f7f6fc}
.profit-modern-presets button{appearance:none;border:1px solid transparent;border-radius:9px;background:transparent;color:#807992;font:600 12px/1.4 inherit;font-family:inherit;font-size:12px;font-weight:600;min-height:34px;padding:7px 13px;cursor:pointer;transition:background .18s ease,color .18s ease,box-shadow .18s ease}
.profit-modern-presets button:hover{background:#eeeaf9;color:#6251c7}
.profit-modern-presets button.active{border-color:#e9e3fb;background:#fff;color:#6551d0;box-shadow:0 2px 6px #59478d0c}
.profit-modern form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:14px;align-items:end;padding-top:16px;margin:0}
.profit-modern form label{display:grid;gap:7px;min-width:0;color:#777183;font-size:11px;font-weight:600}
.profit-modern form input[type=date]{display:block;width:100%;min-width:0;min-height:44px;padding:10px 13px;border:1px solid #e3e1ed;border-radius:11px;color:#3c374c;background:#fcfcff;font-family:inherit;font-size:13px;box-shadow:none;transition:border-color .18s ease,box-shadow .18s ease}
.profit-modern form input:focus{border-color:#a698ec;outline:0;box-shadow:0 0 0 3px #7865e510}
.profit-modern .profit-modern-button:focus-visible,.profit-modern-presets button:focus-visible,.profit-modern summary:focus-visible,.profit-modern-table-scroll:focus-visible{outline:3px solid #b9adf2;outline-offset:3px}
.profit-modern-period{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 3px 0;font-size:11px;color:#827b91}
.profit-modern-period>span,.profit-modern-period small{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.profit-modern-period strong{color:#615473;font-weight:700}
.profit-modern-period svg{width:14px;height:14px;color:#9c8eb7}
.profit-modern-period small{font-size:10px;color:#8a8299}
.profit-modern-period small svg{color:#329b88}
.profit-modern [hidden]{display:none!important}
.profit-modern-status{font-size:12px;line-height:1.7;color:var(--profit-muted);margin:12px 3px}
.profit-modern-status:empty{display:none}
.profit-modern-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0 20px}
.profit-modern-stat{display:flex;flex-direction:column;gap:13px;padding:18px 18px 17px;background:#fff;border:1px solid var(--profit-border);border-radius:17px;box-shadow:0 5px 18px #42375504;min-width:0;transition:border-color .18s ease,box-shadow .18s ease}
.profit-modern-stat:hover{border-color:#d5cee7;box-shadow:0 7px 20px #42375508}
.profit-modern-stat-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;font-weight:700;color:#82778c;line-height:1.5}
.profit-modern-stat-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid #eeebf6;border-radius:10px;color:#8c7cc2;background:#f8f6fe;flex:none}
.profit-modern-stat-icon svg{width:17px;height:17px}
.profit-modern-stat>strong{font-size:clamp(20px,1.65vw,27px);letter-spacing:-.7px;font-weight:800;line-height:1.4;overflow-wrap:anywhere;color:#342c48}
.profit-modern-stat>small{font-size:10px;line-height:1.6;color:#9a91a5}
.profit-modern-gain{border-color:#d0e9df;background:linear-gradient(125deg,#fff,#f0faf5)}
.profit-modern-gain>strong{color:#16856a}
.profit-modern-gain .profit-modern-stat-icon{background:#e7f6ee;border-color:#d7efe2;color:#238a6d}
.profit-modern-loss{border-color:#f0d4db;background:linear-gradient(125deg,#fff,#fff2f5)}
.profit-modern-loss>strong,.profit-modern-negative{color:#bb4a61}
.profit-modern-loss .profit-modern-stat-icon{color:#bb4a61;background:#fce9ed;border-color:#f5d8df}
.profit-modern-positive{color:#16866c}
.profit-modern-table-card{border:1px solid var(--profit-border);border-radius:19px;background:#fff;overflow:hidden;box-shadow:0 5px 20px #40365b04}
.profit-modern-table-card>header{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:19px 22px;border-bottom:1px solid #eeeaf4}
.profit-modern h2{margin:0 0 5px;font-size:14px;font-weight:750;color:#40364e}
.profit-modern-table-card header p{margin:0;font-size:11px;line-height:1.6;color:#9991a4}
.profit-modern-day-count{padding:6px 9px;border:1px solid #ece7f6;border-radius:9px;background:#f8f6fd;color:#8978a8;font-size:10px;white-space:nowrap}
.profit-modern-table-scroll{overflow-x:auto;max-width:100%;scrollbar-width:thin}
.profit-modern table{width:100%;min-width:640px;border-collapse:collapse;border-spacing:0;background:#fff;table-layout:auto;box-shadow:none;border-radius:0;margin:0;font-size:12px}
.profit-modern table th,.profit-modern table td{border:0;white-space:nowrap;padding:17px 22px;text-align:right;line-height:1.6}
.profit-modern table th:first-child,.profit-modern table td:first-child{text-align:left}
.profit-modern table thead th{font-size:10px;color:#8a819a;font-weight:700;background:#faf9fd;border-bottom:1px solid #eeebf5}
.profit-modern table tbody td{color:#676073;border-bottom:1px solid #f0edf5}
.profit-modern table tbody tr{transition:background .18s ease}
.profit-modern table tbody tr:hover{background:#fcfbff}
.profit-modern table .profit-modern-positive{color:#16866c}
.profit-modern table .profit-modern-negative{color:#bb4a61}
.profit-modern table tfoot th,.profit-modern table tfoot td{font-size:12px;font-weight:750;background:#f6f3fe;color:#66538a;border-top:1px solid #e9e1f8}
.profit-modern-count{display:inline-block;min-width:30px;padding:3px 8px;border-radius:7px;background:#f5f2fb;color:#8c7aab;text-align:center;font-size:11px}
.profit-modern-explanation{margin-top:17px;border:1px solid var(--profit-border);border-radius:14px;background:#fcfbff;overflow:hidden}
.profit-modern-explanation summary{display:flex;justify-content:space-between;align-items:center;gap:10px;list-style:none;cursor:pointer;padding:14px 18px;color:#8b7c9d;font-size:11px;font-weight:600}
.profit-modern-explanation summary::-webkit-details-marker{display:none}
.profit-modern-explanation summary span{display:flex;align-items:center;gap:8px}
.profit-modern-explanation summary svg{width:16px;height:16px}
.profit-modern-explanation summary>svg{transition:transform .18s ease}
.profit-modern-explanation[open] summary>svg{transform:rotate(90deg)}
.profit-modern-explanation>div{padding:0 18px 14px;font-size:11px;color:#93889f;line-height:1.8}
.profit-modern-explanation p{margin:0 0 8px}
.profit-modern-formula{display:flex;gap:8px;flex-wrap:wrap;padding:11px 13px;border-radius:10px;border:1px solid #eae3f7;background:#f6f2fd;color:#796297;font-weight:600}
.profit-modern-formula span{color:#b2a1c6}
.profit-modern-empty{display:flex;align-items:center;flex-direction:column;gap:10px;white-space:normal;padding:26px 0 30px;text-align:center}
.profit-modern-empty svg{width:38px;height:38px;color:#b4a8d2}
.profit-modern-empty strong{color:#857796;font-size:13px}
.profit-modern-empty span{color:#a097ad;font-size:11px}
.profit-modern-error{display:flex;gap:13px;align-items:center;flex-wrap:wrap;border:1px solid #eadcf1;border-radius:16px;background:#fffbff;padding:22px;margin:16px 0;color:#9b749f}
.profit-modern-error>div{flex:1;min-width:160px}
.profit-modern-error strong{font-size:13px;color:#73557b}
.profit-modern-error p{margin:6px 0 0;font-size:12px;line-height:1.6}
.profit-modern-skeleton i{display:block;height:14px;border-radius:8px;background:linear-gradient(90deg,#f5f2fa,#eeebf5,#f5f2fa);background-size:200% 100%;animation:profit-modern-shimmer 1.5s linear infinite}
.profit-modern-skeleton i:nth-child(2){height:28px;width:72%}
.profit-modern-skeleton i:nth-child(3){width:88%}
.profit-modern-table-card.profit-modern-skeleton{display:grid;gap:20px;padding:24px;min-height:210px}
@keyframes profit-modern-shimmer{to{background-position:-200% 0}}
@keyframes profit-modern-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.profit-modern-filter-top{flex-wrap:wrap}.profit-modern-stat{padding:16px 14px}.profit-modern-stat-top{font-size:10px}}
@media(max-width:800px){.profit-modern-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.profit-modern-stat>strong{font-size:25px}.profit-modern h1{font-size:21px}.profit-modern-period{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.profit-modern{padding-top:0}.profit-modern-heading{padding:16px;gap:14px;align-items:flex-start;flex-wrap:wrap;border-radius:16px}.profit-modern-title-group{gap:10px}.profit-modern-page-icon{width:42px;height:42px;border-radius:12px}.profit-modern-page-icon svg{width:22px;height:22px}.profit-modern h1{font-size:19px}.profit-modern-heading p{font-size:11px}.profit-modern .profit-modern-export{min-height:36px;padding:8px 12px}.profit-modern-filter-card{padding:16px}.profit-modern-presets{width:100%;gap:3px}.profit-modern-presets button{flex:1;padding:7px 5px;font-size:11px}.profit-modern form{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.profit-modern form>.profit-modern-primary{grid-column:1/-1}.profit-modern form input[type=date]{font-size:12px;padding:10px 8px}.profit-modern-stats{gap:10px}.profit-modern-stat{padding:14px 12px;gap:12px;border-radius:14px}.profit-modern-stat-top{font-size:10px;align-items:flex-start}.profit-modern-stat-icon{width:28px;height:28px;border-radius:9px}.profit-modern-stat-icon svg{width:14px;height:14px}.profit-modern-stat>strong{font-size:21px}.profit-modern-stat>small{font-size:9px}.profit-modern-table-card>header{padding:16px;align-items:flex-start}.profit-modern table th,.profit-modern table td{padding:14px 16px}.profit-modern-day-count{font-size:9px}.profit-modern-explanation summary{padding:13px 14px}.profit-modern-explanation>div{padding:0 14px 12px}}
@media(prefers-reduced-motion:reduce){.profit-modern,.profit-modern *{animation:none!important;transition:none!important}}

/* member-store-structure.css */
.ms-management{--ms-ink:#27334e;--ms-muted:#718098;--ms-line:#e2e7f2;color:var(--ms-ink)}.ms-page-head{gap:16px;margin-bottom:18px}.ms-eyebrow{display:block;color:#6971a4;font-size:11px;font-weight:700;letter-spacing:1.3px;margin-bottom:7px}.ms-page-head h2{margin:0 0 6px}.ms-page-head p{margin:0}.ms-policy{background:linear-gradient(120deg,#f2efff,#f8faff);border:1px solid #e2ddfa;border-radius:20px}.ms-policy h3{margin:12px 0 8px}.ms-policy p{color:#70768d;line-height:1.6;margin:0}.ms-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.ms-stats>div{display:flex;align-items:center;gap:14px;padding:21px;border:1px solid var(--ms-line);border-radius:18px;background:#fff;box-shadow:0 3px 14px #27334e03}.ms-stat-icon,.ms-store-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#efedff;color:#6656dc;flex:none}.ms-stat-icon svg,.ms-store-icon svg{width:22px;height:22px}.ms-stats small,.ms-stats strong{display:block}.ms-stats small{color:var(--ms-muted);font-size:12px}.ms-stats strong{font-size:28px;font-weight:750;line-height:1.2;margin-top:5px}.ms-list-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.ms-list-head h3{margin:0 0 5px;font-size:18px}.ms-list-head p{margin:0;color:var(--ms-muted);font-size:12px}.ms-result{background:#f0efff;color:#6155bd;border-radius:20px;padding:7px 12px;white-space:nowrap;font-size:12px}.ms-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;padding:16px;background:#f8f9fd;border:1px solid #e8ebf4;border-radius:16px;margin-bottom:20px}.ms-filters label{min-width:0;display:block;font-size:12px;color:#59667e}.ms-filters input,.ms-filters select{width:100%;margin-top:7px;background:#fff;min-height:42px}.ms-member-card{display:flex;flex-direction:column;padding:20px;border:1px solid #dce1ee;box-shadow:0 4px 16px #27334e04;transition:border-color .2s ease,box-shadow .2s ease;min-width:0}.ms-member-card:hover{border-color:#c6bff0;box-shadow:0 7px 24px #5144a30b}.ms-member-card .member-card-head{margin-bottom:18px;align-items:flex-start}.ms-member-card .member-card-head h4{font-size:16px;margin:2px 0 5px;overflow-wrap:anywhere}.ms-member-card .member-card-head .ms-role{white-space:normal;overflow:visible;text-overflow:clip;color:#727d91;line-height:1.6}.ms-member-card .member-card-head>.badge{flex:none}.ms-store{display:flex;align-items:center;gap:13px;padding:16px;background:linear-gradient(115deg,#f5f3ff,#f4f8ff);border:1px solid #e5e2f5;border-radius:15px;min-width:0}.ms-store-body{min-width:0;flex:1}.ms-store small{color:#7c75a3;font-size:10px;letter-spacing:.8px;font-weight:700}.ms-store-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px}.ms-store h4{margin:0;color:#363356;font-size:15px;overflow-wrap:anywhere}.ms-store p{margin:7px 0 0;color:#748098;font-size:12px;line-height:1.5}.ms-id{font-size:11px;color:#6354c9;background:#fff;border:1px solid #dcd6f8;border-radius:7px;padding:4px 7px;white-space:nowrap;font-weight:650}.ms-store-pending{background:#fff9ec;border-color:#f1e6ce}.ms-team{margin-top:10px;border:1px solid #e6e9f2;border-radius:12px;background:#fff;overflow:hidden}.ms-team summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:10px;align-items:center;padding:13px 14px;color:#596780;font-size:12px}.ms-team summary::-webkit-details-marker{display:none}.ms-team summary>span{display:flex;align-items:center;gap:7px}.ms-team summary svg{height:16px;width:16px}.ms-team summary>span:last-child{color:#8a93a6;white-space:nowrap}.ms-team[open] summary{background:#fafaff;border-bottom:1px solid #edf0f7}.ms-team[open] summary>span:last-child svg{transform:rotate(180deg)}.ms-team-list{padding:0 13px;max-height:280px;overflow:auto}.ms-team-row{display:flex;align-items:center;gap:9px;padding:12px 0;border-bottom:1px solid #eef0f6}.ms-team-row:last-child{border-bottom:0}.ms-team-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;flex:none;background:#f0f3fc;color:#7683aa;font-size:12px;font-weight:700}.ms-team-row>div{flex:1;min-width:0}.ms-team-row strong{display:block;font-size:12px;overflow-wrap:anywhere}.ms-team-row small{display:block;font-size:10px;color:#8992a4;line-height:1.6;overflow-wrap:anywhere;margin-top:3px}.ms-team-row .badge{font-size:10px;flex:none}.ms-you{margin-left:7px;color:#6551c6;font-size:10px;font-weight:500}.ms-facts{background:#fff;padding:17px 0;margin:0;gap:18px 14px;flex:1}.ms-facts strong{font-weight:600;font-size:12px;line-height:1.6}.ms-facts small{font-size:11px}.ms-member-card .member-card-actions{padding-top:16px;border-top:1px solid #eef0f6;margin-top:auto;gap:8px}.ms-member-card .member-card-actions .btn{min-height:34px;border-radius:10px;font-size:11px;white-space:normal}.ms-team summary:focus-visible{outline:2px solid #7869ef;outline-offset:-3px}.ms-management .ms-member-card[hidden]{display:none!important}@media(min-width:1100px){.ms-member-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1100px){.ms-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ms-filters{grid-template-columns:1fr 1fr}.ms-filters label:first-child{grid-column:1/-1}}@media(max-width:640px){.ms-member-card{padding:16px}.ms-stats{gap:10px}.ms-stats>div{padding:14px;gap:9px}.ms-stat-icon{width:34px;height:34px;border-radius:11px}.ms-stats small{font-size:11px}.ms-stats strong{font-size:24px}.ms-member-card .member-card-head{gap:9px;flex-wrap:wrap}.ms-member-card .member-card-head>div:nth-child(2){flex-basis:calc(100% - 65px)}.ms-member-card .member-card-head>.badge{margin-left:51px}.ms-facts{grid-template-columns:1fr 1fr}.ms-filters{padding:12px;gap:10px}.ms-list-head{align-items:flex-start}.ms-store{padding:13px;align-items:flex-start}.ms-store-icon{width:36px;height:36px}.ms-page-head{align-items:flex-start}.ms-policy{padding:18px}.ms-team summary{padding:12px 10px;font-size:11px}}@media(prefers-reduced-motion:reduce){.ms-member-card,.ms-team summary svg{transition:none}}

.ms-store-names b{font-weight:600;color:#627088}.ms-team[open] .ms-team-list{animation:ms-team-in .18s ease-out}@keyframes ms-team-in{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.ms-team[open] .ms-team-list{animation:none}}
.ms-facts{align-content:start}

/* navigation-fresh-colors.css */
/* Navigation only. Each route retains its own icon color, including when active. */
.sidebar .nav-link[data-page] {
  --menu-accent:#5468ce;
  --menu-soft:#eef2ff;
  --menu-line:#dce3fa;
  min-height:46px;
  margin:4px 0;
  padding:7px 9px;
  gap:10px;
  border:1px solid transparent !important;
  border-radius:13px;
  background:transparent !important;
  color:#4d5b72;
  font-size:12px;
  font-weight:600;
  box-shadow:none !important;
  transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;
}
.sidebar .nav-link[data-page="global"]{--menu-accent:#7256d9;--menu-soft:#f1edff;--menu-line:#e1d8fb}
.sidebar .nav-link[data-page="dashboard"]{--menu-accent:#387be2;--menu-soft:#edf5ff;--menu-line:#dbe9fb}
.sidebar .nav-link[data-page="pos"]{--menu-accent:#5362e5;--menu-soft:#f0f1ff;--menu-line:#dfe2fb}
.sidebar .nav-link[data-page="shifts"]{--menu-accent:#b97b12;--menu-soft:#fff7e5;--menu-line:#f5e8c4}
.sidebar .nav-link[data-page="attendance"]{--menu-accent:#16929d;--menu-soft:#eafafb;--menu-line:#cff0f2}
.sidebar .nav-link[data-page="receivables"]{--menu-accent:#cc6183;--menu-soft:#fff0f5;--menu-line:#f6dbe5}
.sidebar .nav-link[data-page="transactions"]{--menu-accent:#159d79;--menu-soft:#eafaF3;--menu-line:#d3efe4}
.sidebar .nav-link[data-page="customers"]{--menu-accent:#c48818;--menu-soft:#fff8e9;--menu-line:#f3e5c5}
.sidebar .nav-link[data-page="categories"]{--menu-accent:#9357d6;--menu-soft:#f6efff;--menu-line:#e9daf9}
.sidebar .nav-link[data-page="units"]{--menu-accent:#5971bd;--menu-soft:#eef3ff;--menu-line:#dce5f8}
.sidebar .nav-link[data-page="products"]{--menu-accent:#2197b2;--menu-soft:#eaf8fc;--menu-line:#d3edf5}
.sidebar .nav-link[data-page="purchases"]{--menu-accent:#cf7a38;--menu-soft:#fff4e9;--menu-line:#f5e1cd}
.sidebar .nav-link[data-page="expiry-monitor"]{--menu-accent:#d46b64;--menu-soft:#fff1ef;--menu-line:#f8dfdb}
.sidebar .nav-link[data-page="stock"]{--menu-accent:#337fd1;--menu-soft:#edf5ff;--menu-line:#d9e9fc}
.sidebar .nav-link[data-page="opname"]{--menu-accent:#269b86;--menu-soft:#eaf9f4;--menu-line:#d6eee6}
.sidebar .nav-link[data-page="reports"]{--menu-accent:#b28321;--menu-soft:#fff8e8;--menu-line:#f1e6c8}
.sidebar .nav-link[data-page="stock-turnover"]{--menu-accent:#278e94;--menu-soft:#eaf8f9;--menu-line:#d3ebed}
.sidebar .nav-link[data-page="opname-reports"]{--menu-accent:#309568;--menu-soft:#edf9f1;--menu-line:#daede1}
.sidebar .nav-link[data-page="branches"]{--menu-accent:#6861d6;--menu-soft:#f1efff;--menu-line:#e0dcf8}
.sidebar .nav-link[data-page="users"]{--menu-accent:#a15dcc;--menu-soft:#f9efff;--menu-line:#ecdaf6}
.sidebar .nav-link[data-page="member-management"]{--menu-accent:#4c81bc;--menu-soft:#eef6ff;--menu-line:#dbe9f8}
.sidebar .nav-link[data-page="registrations"]{--menu-accent:#569c70;--menu-soft:#eef9f1;--menu-line:#dceee2}
.sidebar .nav-link[data-page="support-chat"]{--menu-accent:#6683d2;--menu-soft:#f0f4ff;--menu-line:#e0e7fb}
.sidebar .nav-link[data-page="order-types"]{--menu-accent:#b67a59;--menu-soft:#fff4ee;--menu-line:#f3e2d7}
.sidebar .nav-link[data-page="qris-settings"]{--menu-accent:#6d70c6;--menu-soft:#f2f1ff;--menu-line:#e2e1f7}
.sidebar .nav-link[data-page="bulk-prices"]{--menu-accent:#c75f95;--menu-soft:#fff0f8;--menu-line:#f5dceb}
.sidebar .nav-link[data-page="settings"]{--menu-accent:#8060c5;--menu-soft:#f5f0ff;--menu-line:#e7def9}
.sidebar .nav-link[data-page="whatsapp-gateway"]{--menu-accent:#269c6f;--menu-soft:#eaf9f0;--menu-line:#d4eddf}
.sidebar .nav-link[data-page="pro-reminders"]{--menu-accent:#bc8b2d;--menu-soft:#fff8e9;--menu-line:#f4e7c9}
.sidebar .nav-link[data-page="business"]{--menu-accent:#4385a9;--menu-soft:#edf7fc;--menu-line:#d8eaf4}
.sidebar .nav-link[data-page="billing"]{--menu-accent:#cb6b94;--menu-soft:#fff0f6;--menu-line:#f7dfeb}
.sidebar .nav-link[data-page="sales-profit"]{--menu-accent:#289b79;--menu-soft:#eaf9f2;--menu-line:#d4eee2}
.sidebar .nav-link[data-page="server-backups"]{--menu-accent:#4979c5;--menu-soft:#eef4ff;--menu-line:#dce7fa}
.sidebar .nav-link[data-page]>.icon {
  box-sizing:border-box;
  width:34px !important;
  min-width:34px;
  height:34px !important;
  flex:0 0 34px;
  padding:7px;
  border:1px solid var(--menu-line) !important;
  border-radius:11px;
  color:var(--menu-accent) !important;
  background:var(--menu-soft) !important;
  box-shadow:0 2px 4px #2a365204 !important;
  transition:background-color .2s ease,color .2s ease,border-color .2s ease;
}
.sidebar .nav-link[data-page]>.nav-label {
  flex:1;
  min-width:0;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  line-height:1.5;
  font-size:12px;
  overflow-wrap:break-word;
}
.sidebar .nav-link[data-page].active {
  border-color:var(--menu-line) !important;
  background:var(--menu-soft) !important;
  color:var(--menu-accent) !important;
  font-weight:700;
}
.sidebar .nav-link[data-page].active>.icon {
  background:var(--menu-accent) !important;
  border-color:var(--menu-accent) !important;
  color:#fff !important;
  box-shadow:0 3px 8px #2633580d !important;
}
.sidebar .nav-link[data-page]>.badge{flex:none;font-size:9px;padding:4px 6px;min-height:20px;box-shadow:none}
.sidebar .nav-group-label{margin:19px 9px 9px;color:#919bb0;font-size:10px;font-weight:700;letter-spacing:1px}
.sidebar nav{padding-inline:10px;scrollbar-color:#dedfeb transparent}
.sidebar nav::-webkit-scrollbar-thumb{background:#dedfeb;border:1px solid transparent;border-radius:10px}
.sidebar .nav-link[data-page]:focus-visible{outline:2px solid var(--menu-accent);outline-offset:2px}
.sidebar .sidebar-footer{background:#fbfbff !important;border:1px solid #e7e7f3;border-radius:15px;box-shadow:none;color:#6a59cb}
.sidebar .sidebar-footer::before,.sidebar .sidebar-footer::after{display:none}
.sidebar .sidebar-footer-mark{background:#eeebff !important;color:#6c5ad5 !important;box-shadow:none !important;border-radius:11px}
.sidebar .sidebar-footer-copy strong{color:#5f52b2;font-size:10px}
.sidebar .sidebar-footer-copy small{color:#949ab0;font-size:9px}
.sidebar .sidebar-footer>button{background:#eeebff !important;color:#6c5ad5;border:1px solid #e4dff8;box-shadow:none}
@media(hover:hover) and (pointer:fine){
  .sidebar .nav-link[data-page]:hover{background:var(--menu-soft) !important;border-color:var(--menu-line) !important;color:#36415b;transform:translateX(2px)}
}
@media(min-width:761px){
  .collapsed .sidebar .nav-link[data-page]{justify-content:center;padding:7px 4px;gap:0}
  .collapsed .sidebar .nav-link[data-page]>.nav-label,.collapsed .sidebar .nav-link[data-page]>.badge{display:none}
}
@media(max-width:760px){
  .sidebar .nav-link[data-page]{min-height:48px}
  .sidebar .nav-link[data-page]>.nav-label{font-size:12px}
  .sidebar.open{z-index:100}
  .sidebar.open+.backdrop{z-index:99}
}
@media(prefers-reduced-motion:reduce){.sidebar .nav-link[data-page],.sidebar .nav-link[data-page]>.icon{transition:none;transform:none !important}.sidebar nav{scroll-behavior:auto}}

/* product-catalog-fresh.css */
/* Master Produk: isolated from cashier and product-entry calculations. */
body.oys-fresh-catalog { background:radial-gradient(ellipse at 88% 6%,#eeeaff 0,transparent 42%),linear-gradient(135deg,#f2f6fb,#f8f9fc 55%,#f3f5fb); }
.oys-fresh-catalog .main { background:transparent; }
.oys-fresh-catalog .fresh-catalog-head { padding:22px 24px; margin:0 0 16px; border:1px solid #e4e9f3; border-radius:22px; background:linear-gradient(115deg,#fff,#f8faff 70%,#f4f1ff); box-shadow:0 6px 24px #273d6510; }
.oys-fresh-catalog .fresh-catalog-head .page-head { margin:0; padding:0; gap:16px; align-items:center; background:none; border:0; box-shadow:none; border-radius:0; }
.oys-fresh-catalog .fresh-catalog-head .page-head::before,.oys-fresh-catalog .fresh-catalog-head .page-head::after { content:none; }
.fresh-catalog-eyebrow { display:block; margin-bottom:7px; font-size:10px; letter-spacing:.13em; font-weight:800; color:#737f9e; }
.oys-fresh-catalog .fresh-catalog-head h2 { color:#202a46; font-size:27px; letter-spacing:-.7px; }
.oys-fresh-catalog .fresh-catalog-head .sub { color:#7a86a0; margin-top:6px; font-size:12px; }
.oys-fresh-catalog .fresh-catalog-head .actions { flex-wrap:wrap; gap:8px; }
.oys-fresh-catalog .fresh-catalog-head .btn { border-radius:11px; min-height:38px; font-size:11px; }
.oys-fresh-catalog .fresh-catalog-toolbar { padding:16px; margin-bottom:12px; border:1px solid #e2e8f3; border-radius:18px; background:#ffffffed; box-shadow:0 4px 16px #29436908; }
.oys-fresh-catalog .fresh-catalog-toolbar .toolbar { display:flex; flex-wrap:wrap; gap:10px; margin:0; padding:0; background:none; border:0; box-shadow:none; border-radius:0; }
.oys-fresh-catalog .fresh-catalog-toolbar .search-box { flex:1 1 290px; min-width:200px; }
.oys-fresh-catalog .fresh-catalog-toolbar select { flex:0 1 170px; min-width:140px; border-radius:11px; }
.fresh-catalog-summary { display:flex; justify-content:space-between; align-items:center; gap:8px; margin:12px 3px 0; font-size:11px; color:#7d879b; }
.fresh-catalog-summary b { color:#554ace; }
.oys-fresh-catalog .catalog-product-grid:not(.list-view) { display:grid; grid-template-columns:repeat(auto-fill,minmax(265px,1fr)); grid-auto-rows:auto; gap:16px; align-items:stretch; padding:3px 1px 12px; }
.oys-fresh-catalog .catalog-product-grid:not(.list-view) .fresh-catalog-card { display:flex; flex-direction:column; align-self:stretch; min-height:0; height:auto; padding:12px; border:1px solid #dce3ef; border-radius:21px; background:#fff; box-shadow:0 5px 18px #334c7110; overflow:hidden; transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.oys-fresh-catalog .catalog-product-grid:not(.list-view) .fresh-catalog-card:hover { transform:translateY(-3px); border-color:#afa8ed; box-shadow:0 13px 28px #5a55a81b; }
.oys-fresh-catalog .catalog-product-grid:not(.list-view) .catalog-list-image { position:relative; width:100%; height:175px; aspect-ratio:auto; margin:0 0 12px; flex:0 0 auto; overflow:hidden; border:1px solid #eef0f7; border-radius:14px; background:linear-gradient(135deg,#f6f8fc,#f1f3f8); }
.oys-fresh-catalog .catalog-product-grid:not(.list-view) .product-image { width:100%; height:100%; aspect-ratio:auto; object-fit:contain; border-radius:0; background:transparent; }
.oys-fresh-catalog .catalog-product-grid:not(.list-view) .product-placeholder { width:100%; height:100%; border:0; border-radius:0; }
.oys-fresh-catalog .fresh-catalog-card .catalog-select { position:absolute; top:10px; left:10px; width:19px; height:19px; margin:0; accent-color:#6554e9; cursor:pointer; z-index:2; }
.fresh-stock-badge { position:absolute; right:9px; top:9px; padding:6px 9px; border:1px solid #cdebe3; border-radius:30px; background:#ffffffed; color:#16806b; box-shadow:0 3px 10px #234c4010; font-size:10px; font-weight:750; }
.fresh-stock-badge.is-low { color:#a47518; border-color:#f1dfb9; background:#fffaf0; }
.fresh-stock-badge.is-empty { color:#b45a6b; border-color:#f0d3da; background:#fff5f7; }
.fresh-stock-badge.is-untracked { color:#727c95; border-color:#dce2ef; }
.oys-fresh-catalog .fresh-catalog-card .catalog-list-info { width:100%; padding:0; }
.oys-fresh-catalog .catalog-product-grid:not(.list-view) .catalog-list-info { min-height:116px; }
.oys-fresh-catalog .fresh-catalog-card .product-brand-row { display:flex; flex-wrap:wrap; justify-content:flex-start; gap:5px; margin:0 0 7px; }
.oys-fresh-catalog .fresh-catalog-card .product-brand,.oys-fresh-catalog .fresh-catalog-card .catalog-category { font-size:9px; line-height:1.3; padding:4px 7px; min-height:0; border-radius:6px; max-width:100%; overflow-wrap:anywhere; }
.oys-fresh-catalog .fresh-catalog-card h4 { display:block; min-height:0; margin:0 0 6px; color:#253049; font-size:13px; line-height:1.55; font-weight:800; overflow-wrap:anywhere; cursor:pointer; }
.oys-fresh-catalog .fresh-catalog-card .catalog-code { font-size:10px; color:#8992a6; }
.oys-fresh-catalog .fresh-catalog-card .unit-equation-chip { margin:10px 0 14px; padding:9px 10px; min-height:34px; border:1px solid #e1e8fc; border-radius:9px; background:#eff4ff; color:#536b9b; font-size:10px; line-height:1.5; }
.oys-fresh-catalog .fresh-catalog-card .catalog-price-cell { display:block; width:100%; min-height:0; margin:0; padding:12px; border:1px solid #eeecfa; border-radius:13px; background:linear-gradient(135deg,#f9f8ff,#f5f4fc); }
.oys-fresh-catalog .catalog-product-grid:not(.list-view) .catalog-price-cell { min-height:176px; }
.oys-fresh-catalog .fresh-catalog-card .catalog-cell-label { display:block; margin-bottom:8px; color:#9296aa; font-size:8px; font-weight:800; letter-spacing:.055em; }
.fresh-price-scroll { max-height:205px; overflow:auto; scrollbar-width:thin; scrollbar-color:#d7d1ee transparent; }
.oys-fresh-catalog .fresh-catalog-card .unit-variant-prices { padding:0; margin:0; border:0; background:none; }
.oys-fresh-catalog .fresh-catalog-card .unit-variant-prices+.unit-variant-prices { margin-top:10px; padding-top:10px; border-top:1px solid #e4e3f3; }
.oys-fresh-catalog .fresh-catalog-card .unit-variant-name { display:block; font-size:10px; color:#677391; line-height:1.5; overflow-wrap:anywhere; margin-bottom:5px; }
.oys-fresh-catalog .fresh-catalog-card .unit-price-line { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:5px 8px; padding:7px 0; border:0; min-height:0; align-items:center; }
.oys-fresh-catalog .fresh-catalog-card .unit-price-line>span { color:#7b859e; font-size:11px; }
.oys-fresh-catalog .fresh-catalog-card .unit-price-line>b { font-size:14px; color:#4659b3; white-space:nowrap; }
.oys-fresh-catalog .fresh-catalog-card .unit-price-line>b.fresh-price-unset { color:#8c91a3; font-size:10px; white-space:normal; }
.oys-fresh-catalog .fresh-catalog-card .unit-price-line small { grid-column:1/-1; font-size:9px; line-height:1.6; }
.oys-fresh-catalog .fresh-catalog-card .fresh-price-auto { color:#969bad; }
.oys-fresh-catalog .fresh-catalog-card .unit-grosir-offer { display:flex; flex-wrap:wrap; align-items:center; gap:3px; padding:5px 6px; border-radius:6px; background:#eaf8f3; color:#35776a; }
.unit-grosir-offer>span { margin-left:auto; white-space:nowrap; }
.oys-fresh-catalog .fresh-catalog-card .unit-more { width:100%; margin-top:8px; color:#6554ce; font-size:10px; padding:6px; border-radius:7px; }
.oys-fresh-catalog .fresh-catalog-card .catalog-stock-cell { display:block; width:100%; min-height:0; margin:0; padding:15px 2px 13px; border:0; background:none; }
.fresh-stock-scroll { max-height:110px; overflow:auto; scrollbar-width:thin; scrollbar-color:#d7d1ee transparent; }
.oys-fresh-catalog .fresh-catalog-card .unit-variant-stock { display:block; margin:0; padding:0; }
.oys-fresh-catalog .fresh-catalog-card .unit-variant-stock+.unit-variant-stock { padding-top:9px; margin-top:9px; border-top:1px solid #edf0f6; }
.oys-fresh-catalog .fresh-catalog-card .catalog-stock-cell strong { display:block; color:#208370; font-size:14px; line-height:1.5; }
.oys-fresh-catalog .fresh-catalog-card .catalog-stock-cell strong::before { content:none; }
.oys-fresh-catalog .fresh-catalog-card .catalog-stock-cell strong.fresh-low-stock { color:#a4792f; }
.oys-fresh-catalog .fresh-catalog-card .catalog-stock-cell small { display:block; margin-top:3px; color:#9bA3b3; font-size:9px; line-height:1.5; }
.fresh-untracked { font-size:11px; color:#8a93a7; }
.oys-fresh-catalog .catalog-product-grid:not(.list-view) .product-buttons { display:flex; width:100%; margin:auto 0 0; padding:12px 0 0; border-top:1px solid #edf0f6; gap:7px; }
.oys-fresh-catalog .fresh-catalog-card .product-buttons .btn { min-height:35px; height:35px; border-radius:10px; font-size:10px; box-shadow:none; }
.oys-fresh-catalog .fresh-catalog-card .product-buttons .catalog-detail { flex:1; justify-content:center; background:#fff; color:#61708e; border:1px solid #e2e7f1; }
.oys-fresh-catalog .fresh-catalog-card .product-buttons .icon-btn { width:35px; flex:0 0 35px; padding:8px; border:1px solid; }
.oys-fresh-catalog .fresh-catalog-card .product-buttons .green { color:#299b81; background:#edfbf6; border-color:#d6efe5; }
.oys-fresh-catalog .fresh-catalog-card .product-buttons .soft { color:#6274c3; background:#f0f3ff; border-color:#dce3f8; }
.oys-fresh-catalog .fresh-catalog-card .product-buttons .danger { color:#bc6880; background:#fff2f6; border-color:#f3dce4; }
.oys-fresh-catalog .fresh-catalog-card :focus-visible { outline:2px solid #8f83f2; outline-offset:3px; }
.oys-fresh-catalog .catalog-list-table { overflow-x:auto !important; border-color:#dce3ef; border-radius:18px; }
.oys-fresh-catalog .catalog-list-header,.oys-fresh-catalog .catalog-product-grid.list-view .fresh-catalog-card { display:grid; grid-template-columns:80px minmax(220px,1.25fr) minmax(240px,1fr) minmax(150px,.7fr) 190px; min-width:1020px; gap:16px; }
.oys-fresh-catalog .catalog-product-grid.list-view { display:block; }
.oys-fresh-catalog .catalog-product-grid.list-view .catalog-stock-cell { display:block; }
.oys-fresh-catalog .catalog-list-header span:nth-child(4) { display:block; }
.oys-fresh-catalog .catalog-list-header span:last-child { grid-column:5; }
.oys-fresh-catalog .catalog-product-grid.list-view .product-buttons { grid-column:5; grid-row:auto; flex-direction:row; }
.oys-fresh-catalog .catalog-product-grid.list-view .catalog-list-image { width:72px; height:72px; }
.oys-fresh-catalog .catalog-product-grid.list-view .product-image { object-fit:contain; }
.oys-fresh-catalog .catalog-product-grid.list-view .fresh-stock-badge { display:none; }
.oys-fresh-catalog .catalog-product-grid.list-view .unit-equation-chip { margin-bottom:0; }
.oys-fresh-catalog .catalog-product-grid.list-view .product-buttons .catalog-detail { min-width:65px; width:auto; font-size:10px; padding:8px; }
@media(min-width:1750px) { .oys-fresh-catalog .catalog-product-grid:not(.list-view) { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:760px) { .oys-fresh-catalog .fresh-catalog-head { padding:18px; } .oys-fresh-catalog .fresh-catalog-head h1 { font-size:23px; } .oys-fresh-catalog .fresh-catalog-toolbar { padding:12px; } .oys-fresh-catalog .fresh-catalog-toolbar .search-box { flex-basis:100%; min-width:0; } .oys-fresh-catalog .fresh-catalog-toolbar select { flex:1 1 140px; } .fresh-catalog-summary { align-items:flex-start; flex-direction:column; } .oys-fresh-catalog .catalog-product-grid:not(.list-view) { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } .oys-fresh-catalog .catalog-product-grid:not(.list-view) .catalog-list-image { height:155px; } .oys-fresh-catalog .fresh-catalog-card .unit-price-line { grid-template-columns:1fr; } .oys-fresh-catalog .fresh-catalog-card .unit-price-line>b { white-space:normal; } .oys-fresh-catalog .catalog-list-header { display:grid; } }
@media(max-width:540px) { .oys-fresh-catalog .catalog-product-grid:not(.list-view) { grid-template-columns:1fr; } .oys-fresh-catalog .catalog-product-grid:not(.list-view) .catalog-list-image { height:210px; } .oys-fresh-catalog .fresh-catalog-card .unit-price-line { grid-template-columns:minmax(0,1fr) auto; } }
@media(prefers-reduced-motion:reduce) { .oys-fresh-catalog .fresh-catalog-card { transition:none !important; } .oys-fresh-catalog .fresh-catalog-card:hover { transform:none !important; } }
/* Outrank the older unit-catalog layout while retaining the complete product title. */
.oys-fresh-catalog .catalog-product-grid:not(.list-view) .fresh-catalog-card .catalog-list-info { min-height:124px; }
.oys-fresh-catalog .catalog-product-grid .fresh-catalog-card .product-brand-row { min-height:18px; margin:0 0 5px; }
.oys-fresh-catalog .catalog-product-grid .fresh-catalog-card h4 { margin:0 0 5px; line-height:1.5; }
.oys-fresh-catalog .catalog-product-grid .fresh-catalog-card .unit-equation-chip { margin:8px 0 10px; min-height:30px; padding:7px 9px; }
.oys-fresh-catalog .catalog-product-grid:not(.list-view) .fresh-catalog-card .catalog-price-cell { min-height:188px; margin:0; padding:11px; }
.oys-fresh-catalog .catalog-product-grid:not(.list-view) .fresh-catalog-card .fresh-price-scroll { max-height:125px; }
.oys-fresh-catalog .catalog-product-grid .fresh-catalog-card .unit-more { margin:6px 0 0; padding:5px 0 0; min-height:0; line-height:1.5; }
.oys-fresh-catalog .catalog-product-grid .fresh-catalog-card .catalog-stock-cell { padding:12px 2px; }
.oys-fresh-catalog .catalog-product-grid:not(.list-view) .fresh-catalog-card .fresh-stock-scroll { max-height:76px; }
.oys-fresh-catalog .fresh-catalog-head { padding:17px 22px; }
@media(max-width:760px) { .oys-fresh-catalog .fresh-catalog-head h2 { font-size:23px; } }

/* catalog-input-border.css */
/* Visible input boundaries for the current Master Produk toolbar. */
.oys-fresh-catalog .fresh-catalog-toolbar .toolbar .search.product-camera-search {
  flex:1 1 280px;
  min-width:0;
  min-height:48px;
  border:1.5px solid #c5cede;
  border-radius:12px;
  background:#fff;
  box-shadow:0 1px 3px #334c7108;
  transition:border-color .18s ease,box-shadow .18s ease;
}
.oys-fresh-catalog .fresh-catalog-toolbar .toolbar .search.product-camera-search:hover {
  border-color:#a8b7d1;
}
.oys-fresh-catalog .fresh-catalog-toolbar .toolbar .search.product-camera-search:focus-within {
  border-color:#8274e8;
  box-shadow:0 0 0 3px #8274e819;
}
.oys-fresh-catalog .fresh-catalog-toolbar .toolbar .search.product-camera-search input {
  border:0;
  outline:0;
  box-shadow:none;
  border-radius:0;
  background:transparent;
  color:#34435f;
}
.oys-fresh-catalog .fresh-catalog-toolbar .toolbar .search.product-camera-search input::placeholder {
  color:#8b95a9;
  opacity:1;
}
.oys-fresh-catalog .fresh-catalog-toolbar .toolbar select {
  min-height:48px;
  border:1.5px solid #c5cede;
  border-radius:12px;
  background-color:#fff;
  transition:border-color .18s ease,box-shadow .18s ease;
}
.oys-fresh-catalog .fresh-catalog-toolbar .toolbar select:hover { border-color:#a8b7d1; }
.oys-fresh-catalog .fresh-catalog-toolbar .toolbar select:focus-visible {
  border-color:#8274e8;
  outline:0;
  box-shadow:0 0 0 3px #8274e819;
}
@media(max-width:760px) {
  .oys-fresh-catalog .fresh-catalog-toolbar .toolbar .search.product-camera-search { flex-basis:100%; }
}
@media(prefers-reduced-motion:reduce) {
  .oys-fresh-catalog .fresh-catalog-toolbar .toolbar .search.product-camera-search,
  .oys-fresh-catalog .fresh-catalog-toolbar .toolbar select { transition:none; }
}