.sync-status-button{min-height:38px;display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--muted);font-size:8px;font-weight:850;cursor:pointer}.sync-status-button .icon{width:16px}.sync-status-button b{min-width:17px;height:17px;display:grid;place-items:center;padding:0 4px;border-radius:9px;background:#e8f0fb;color:var(--brand);font-size:7px}.sync-status-button.offline{border-color:#efd6a5;background:#fffaf0;color:#8c5d08}.sync-status-button.pending{border-color:#bed2e8;color:var(--brand)}.sync-status-button.syncing .icon{animation:yentumi-sync-spin 1s linear infinite}.sync-status-button.synced b{display:none}.offline-sale-notice{position:fixed;z-index:70;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);width:min(520px,calc(100% - 24px));display:flex;align-items:center;gap:11px;padding:13px 15px;border-radius:15px;background:#102f59;color:#fff;box-shadow:0 18px 50px rgba(10,29,52,.28)}.offline-sale-notice .icon{color:#6ee7c8}.offline-sale-notice span{display:grid;flex:1}.offline-sale-notice strong{font-size:10px}.offline-sale-notice small{font-size:8px;color:#cbdced}.offline-sale-notice button{border:0;background:#fff;color:#153e75;padding:7px 10px;border-radius:9px;font-size:8px;font-weight:850;cursor:pointer}@keyframes yentumi-sync-spin{to{transform:rotate(360deg)}}
.offline-sale-notice.error{background:#5f2430}.offline-pending-product{border-style:dashed;background:linear-gradient(145deg,#fffaf0,#fff)}.offline-pending-product .pos-product-icon{color:#9a6508}.offline-pending-list{margin-bottom:16px;border-color:#efd6a5;background:#fffdf8}.offline-pending-rows{display:grid;gap:8px;padding:0 22px 20px}.offline-pending-rows article{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid #f0dfbd;border-radius:12px;background:#fff}.offline-pending-rows article strong{font-size:10px}.offline-pending-rows article small{font-size:8px;color:var(--muted)}
@media(max-width:680px){.sync-status-button{position:relative;width:38px;padding:0;justify-content:center}.sync-status-button span{display:none}.sync-status-button b{position:absolute;right:-4px;top:-4px;margin:0}.offline-sale-notice{bottom:calc(78px + env(safe-area-inset-bottom,0px));align-items:flex-start}.offline-sale-notice button{align-self:center}.offline-pending-rows article{align-items:flex-start;flex-direction:column;gap:3px}}@media(prefers-reduced-motion:reduce){.sync-status-button.syncing .icon{animation:none}}