/* Fase 13 · Venta offline y sincronización */
.offline-sale-status{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px;padding:14px 18px;border:1px solid #cbd8f0;border-radius:18px;background:linear-gradient(135deg,#fff,#f5fbff);box-shadow:0 8px 24px rgba(52,72,130,.07)}
.offline-sale-status-main{display:flex;align-items:center;gap:12px;min-width:0}.offline-sale-status-main>div{display:grid;gap:2px}.offline-sale-status-main strong{color:#30479b;font-size:.96rem}.offline-sale-status-main small{color:#6d79a8;line-height:1.35}.offline-status-dot{width:11px;height:11px;border-radius:999px;background:#15b8a6;box-shadow:0 0 0 5px rgba(21,184,166,.12);flex:0 0 auto}.offline-sale-status.is-offline{border-color:#f1c66c;background:linear-gradient(135deg,#fffdf7,#fff6d8)}.offline-sale-status.is-offline .offline-status-dot{background:#f0a51e;box-shadow:0 0 0 5px rgba(240,165,30,.14)}.offline-sale-status.has-conflicts{border-color:#efaab3;background:linear-gradient(135deg,#fff,#fff3f5)}.offline-sale-status.has-conflicts .offline-status-dot{background:#ee4c68;box-shadow:0 0 0 5px rgba(238,76,104,.12)}
.offline-sale-status-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.offline-pending-pill{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:6px 11px;border-radius:999px;background:#eef3ff;border:1px solid #d5def8;color:#42549c;font-size:.78rem;font-weight:800;white-space:nowrap}.offline-pending-pill.has-pending{background:#fff3d8;border-color:#f3d184;color:#9a6500}.offline-pending-pill.has-conflict{background:#ffedf0;border-color:#f2bac3;color:#a72a42}
.offline-floating-chip{position:fixed;right:18px;bottom:18px;z-index:80;display:none;align-items:center;gap:9px;max-width:min(390px,calc(100vw - 36px));padding:10px 14px;border:1px solid #efc66f;border-radius:999px;background:#fff8df;color:#8d620b;box-shadow:0 12px 30px rgba(38,51,94,.18);font-size:.82rem;font-weight:800}.offline-floating-chip.is-visible{display:flex}.offline-floating-chip.is-conflict{border-color:#efacb6;background:#fff1f3;color:#a52a40}
.offline-queue-dialog,.offline-receipt-dialog{width:min(760px,calc(100vw - 28px));max-height:88vh;border:0;border-radius:24px;padding:0;background:#fff;color:#26336e;box-shadow:0 30px 80px rgba(21,36,91,.28)}.offline-queue-dialog::backdrop,.offline-receipt-dialog::backdrop{background:rgba(22,31,69,.45);backdrop-filter:blur(3px)}.offline-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:22px 24px 16px;border-bottom:1px solid #e3e9f5}.offline-dialog-head h2{margin:2px 0 0;color:#30479b}.offline-dialog-head small{color:#6d79a8}.offline-dialog-close{width:36px;height:36px;border:1px solid #d9e1f1;border-radius:12px;background:#fff;color:#4d5d9b;font-size:1.2rem;cursor:pointer}.offline-queue-list{display:grid;gap:12px;padding:18px 24px 24px;overflow:auto}.offline-queue-empty{padding:28px;text-align:center;border:1px dashed #ccd8ee;border-radius:18px;color:#7280aa}.offline-queue-item{display:grid;grid-template-columns:1fr auto;gap:12px;padding:15px 16px;border:1px solid #dce5f3;border-radius:16px;background:#fbfdff}.offline-queue-item.is-conflict{border-color:#f0bbc3;background:#fff8f9}.offline-queue-item strong{display:block;color:#30479b}.offline-queue-item small{display:block;margin-top:4px;color:#7280aa}.offline-queue-item .offline-error{margin-top:7px;color:#b1314a;font-weight:700}.offline-queue-item-actions{display:flex;align-items:center}.offline-queue-footer{display:flex;justify-content:flex-end;gap:10px;padding:0 24px 22px}
.offline-receipt-body{padding:24px}.offline-receipt-warning{display:grid;gap:4px;margin-bottom:18px;padding:12px 14px;border:1px solid #f1cb75;border-radius:14px;background:#fff8df;color:#8c620c}.offline-receipt-title{text-align:center;margin-bottom:18px}.offline-receipt-title h2{margin:0;color:#30479b}.offline-receipt-title strong{display:block;margin-top:5px;color:#14a995}.offline-receipt-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin-bottom:16px;padding:12px 0;border-top:1px dashed #cbd6ea;border-bottom:1px dashed #cbd6ea;font-size:.86rem}.offline-receipt-meta span{color:#7380a8}.offline-receipt-meta b{float:right;color:#30479b}.offline-receipt-lines{display:grid;gap:9px}.offline-receipt-line{display:grid;grid-template-columns:1fr auto;gap:12px;padding-bottom:8px;border-bottom:1px solid #eef2f8}.offline-receipt-line small{display:block;color:#7582a8;margin-top:2px}.offline-receipt-total{display:flex;justify-content:space-between;align-items:end;margin-top:18px;padding-top:14px;border-top:2px solid #dbe4f3}.offline-receipt-total span{color:#7280aa}.offline-receipt-total strong{font-size:1.5rem;color:#30479b}.offline-receipt-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.offline-synced-badge{margin:8px auto 12px;padding:7px 11px;border:1px solid #bfe8df;border-radius:999px;background:#ecfbf7;color:#148878;font-size:.76rem;font-weight:800;text-align:center;max-width:max-content}
body.printing-offline-ticket>*:not(dialog[open]){display:none!important}body.printing-offline-ticket dialog.offline-receipt-dialog[open]{position:static!important;display:block!important;width:76mm!important;max-height:none!important;margin:0!important;border:0!important;box-shadow:none!important}.printing-offline-ticket .offline-receipt-warning,.printing-offline-ticket .offline-receipt-actions,.printing-offline-ticket .offline-dialog-head button{display:none!important}.printing-offline-ticket .offline-dialog-head,.printing-offline-ticket .offline-receipt-body{padding:8px!important}
@media(max-width:760px){.offline-sale-status{align-items:flex-start;flex-direction:column;padding:14px}.offline-sale-status-actions{justify-content:flex-start;width:100%}.offline-sale-status-actions .btn{flex:1}.offline-queue-item{grid-template-columns:1fr}.offline-receipt-meta{grid-template-columns:1fr}.offline-dialog-head,.offline-queue-list,.offline-receipt-body{padding-left:16px;padding-right:16px}.offline-queue-footer{padding-left:16px;padding-right:16px}.offline-floating-chip{right:12px;bottom:12px;max-width:calc(100vw - 24px)}}