/* Demonstração local do PDV, sem conexão com a conta do lojista. */
.showcase-pos{background:#f4f7fc}
.showcase-pos-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:22px;align-items:stretch}
.showcase-pos-shelf{min-width:0}
.showcase-pos-instruction{display:flex;gap:11px;align-items:center;margin:3px 0 21px}
.showcase-pos-instruction>span{display:grid;place-items:center;flex:none;width:32px;height:32px;background:#e5ecff;border-radius:50%;font-size:11px;font-weight:700;color:var(--blue)}
.showcase-pos-instruction strong{font-size:14px;font-weight:650;line-height:1.5}
.showcase-pos-instruction p{font-size:11px;color:var(--muted);margin-top:3px}
.showcase-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.showcase-product{min-width:0;background:#fff;border:1px solid #dfe7f4;border-radius:12px;overflow:hidden}
.showcase-product-photo{aspect-ratio:1.18;overflow:hidden;background:#fff}
.showcase-product-photo img{display:block;width:100%;height:100%;object-fit:cover}
.showcase-product-copy{padding:13px}
.showcase-product h4{font-size:13px;font-weight:650;line-height:1.4;letter-spacing:-.02em;margin:0;min-height:37px}
.showcase-product p{font-size:10px;color:var(--muted);margin:2px 0 12px}
.showcase-product strong{display:block;font-size:18px;font-weight:700;letter-spacing:-.025em;font-variant-numeric:tabular-nums}
.showcase-product button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;width:100%;margin-top:15px;border:1px solid #d7e2ff;border-radius:7px;background:#eef3ff;color:var(--blue);font-size:11px;font-weight:650;transition:background .15s}
.showcase-product button>span{font-size:20px;font-weight:400;line-height:1}
.showcase-product button:hover{background:var(--blue);border-color:var(--blue);color:#fff}
.showcase-product button:disabled{opacity:.5;cursor:default}
.showcase-pos-hint{display:flex;align-items:flex-start;gap:8px;margin-top:18px;color:var(--text);font-size:11px;line-height:1.65;max-width:440px}
.showcase-pos-hint>.icon{flex:none;width:17px;height:17px;color:var(--blue);margin-top:2px}
.showcase-pos-cart{min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid #d8e3f9;border-radius:12px;box-shadow:0 12px 24px -22px #1747e7;overflow:hidden}
.showcase-pos-cart-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:19px 20px;border-bottom:1px solid #e6edf9}
.showcase-pos-cart-heading>span:first-child{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:650}
.showcase-pos-cart-heading .icon{color:var(--blue);width:18px;height:18px}
.showcase-pos-cart-heading>span:last-child{font-size:10px;color:var(--blue);background:#eef3ff;padding:4px 8px;border-radius:5px;white-space:nowrap}
.showcase-pos-items{padding:0 18px;margin:0;list-style:none}
.showcase-pos-item{display:grid;grid-template-columns:45px minmax(0,1fr) 32px;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid #eef1f8}
.showcase-pos-item>img{width:45px;height:45px;object-fit:cover;border-radius:5px}
.showcase-pos-item strong{display:block;font-size:11px;line-height:1.5;font-weight:650}
.showcase-pos-item small{display:block;font-size:9px;line-height:1.5;color:var(--muted);margin-top:3px}
.showcase-pos-remove{width:32px;height:36px;border:0;border-radius:5px;color:var(--muted);background:#f3f6fc;font-size:20px}
.showcase-pos-remove:hover{background:#e6edff;color:var(--blue)}
.showcase-pos-empty{padding:24px 20px;font-size:12px;line-height:1.7;color:var(--muted)}
.showcase-pos-checkout{padding:20px 20px 0;margin-top:auto}
/* Cobranca e formas de pagamento: espelha o EtapaPagamento do app
   (src/components/admin/venda/EtapaPagamento.jsx + Venda.css). */
.pos-cobrar{padding:6px 0 2px;text-align:center}
.pos-cobrar small{display:block;color:var(--muted);font-size:13px;font-weight:600}
.pos-cobrar-valor{display:flex;align-items:flex-start;justify-content:center;gap:6px;margin-top:2px;color:var(--ink);font-variant-numeric:tabular-nums}
.pos-cobrar-valor span{margin-top:9px;color:var(--muted);font-size:18px;font-weight:600}
.pos-cobrar-valor strong{font-size:46px;font-weight:700;line-height:1.05;letter-spacing:-.04em}
.pos-fiado{display:inline-flex;align-items:center;gap:8px;height:42px;margin-top:14px;padding:0 18px;border:1.5px solid var(--line-strong);border-radius:12px;background:#fff;color:var(--ink);font-size:14px;font-weight:650;transition:border-color .15s,background-color .15s,color .15s,transform .12s}
.pos-fiado>.icon{flex:none;width:17px;height:17px;color:var(--blue)}
.pos-fiado:hover{border-color:var(--blue)}
.pos-fiado:active{transform:scale(.97)}
.pos-fiado[aria-pressed=true]{border-color:var(--blue);background:var(--blue);color:#fff}
.pos-fiado[aria-pressed=true]>.icon{color:#fff}
.pos-formas-titulo{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:22px 2px 10px;color:var(--ink);font-size:13px;font-weight:700}
.pos-formas-titulo span{font-weight:500;color:var(--muted)}
.pos-formas-titulo span[hidden]{display:none}
.pos-formas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.pos-forma{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:86px;padding:12px 6px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);font-size:12.5px;font-weight:650;line-height:1.2;text-align:center;transition:border-color .15s,background-color .15s,color .15s,transform .12s}
.pos-forma>span{max-width:100%;hyphens:auto;overflow-wrap:break-word}
.pos-forma>.icon{flex:none;width:26px;height:26px;color:var(--muted);transition:color .15s}
.pos-forma:hover{border-color:var(--line-strong)}
.pos-forma:active{transform:scale(.97)}
.pos-forma[aria-pressed=true]{border-color:var(--blue);background:var(--blue);color:#fff;box-shadow:0 8px 18px -8px #1747e780}
.pos-forma[aria-pressed=true]>.icon{color:#fff}
.pos-detalhe{margin-top:12px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fbfcff}
.pos-detalhe[hidden]{display:none}
.pos-detalhe-titulo{margin:0 0 10px;color:var(--ink);font-size:13.5px;font-weight:700}
.pos-chips{display:flex;flex-wrap:wrap;gap:8px}
.pos-chips.is-rolagem{flex-wrap:nowrap;margin:0 -14px;padding:2px 14px;overflow-x:auto;scrollbar-width:none}
.pos-chips.is-rolagem::-webkit-scrollbar{display:none}
.pos-chip{flex:none;height:36px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-size:13px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums;transition:border-color .15s,background-color .15s,color .15s}
.pos-chip:hover{border-color:var(--line-strong)}
.pos-chip[aria-pressed=true]{border-color:var(--blue);background:var(--blue);color:#fff}
.pos-troco{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;padding:12px 14px;border-radius:12px;background:#e9f9f2;color:#047857;font-size:14px;font-weight:700}
.pos-troco strong{font-size:18px;font-variant-numeric:tabular-nums}
.pos-nota{margin-top:10px;color:var(--text);font-size:11.5px;line-height:1.65}
.pos-nota b{color:var(--ink);font-weight:650}
.showcase-pos-finish,.showcase-pos-success button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;margin-top:13px;border:0;border-radius:7px;background:var(--blue);color:#fff;padding:11px 14px;font-size:12px;font-weight:650}
.showcase-pos-finish>.icon,.showcase-pos-success button>.icon{width:17px;height:17px;flex:none}
.showcase-pos-finish:hover,.showcase-pos-success button:hover{background:var(--blue-deep)}
.showcase-pos-finish:disabled{background:#e8edf7;color:#62728e;cursor:default}
.showcase-pos-status{font-size:9px;line-height:1.6;color:var(--muted);text-align:center;min-height:55px;padding:13px 17px}
.showcase-pos-success{order:1;margin:auto;padding:26px 22px;text-align:center;width:100%}
.showcase-pos-success>span{display:grid;place-items:center;background:#edf3ff;color:var(--blue);width:58px;height:58px;border-radius:50%;margin:0 auto 18px}
.showcase-pos-success h4{font-size:24px;line-height:1.2;letter-spacing:-.03em}
.showcase-pos-success p{font-size:13px;line-height:1.75;color:var(--text);margin:15px 0 24px}
.showcase-pos-cart:has(.showcase-pos-success:not([hidden])) .showcase-pos-status{order:2;margin-top:auto}
@media(max-width:1050px){.showcase-pos-layout{grid-template-columns:minmax(0,1.35fr) minmax(270px,1fr);gap:16px}.showcase-products{gap:8px}.showcase-product-copy{padding:11px 9px}.showcase-product h4{font-size:12px}.showcase-product strong{font-size:16px}}
@media(max-width:800px){.showcase-pos-layout{grid-template-columns:1fr;gap:22px}.showcase-product-photo{aspect-ratio:1.3}.showcase-product-copy{padding:14px}.showcase-product h4{font-size:14px;min-height:39px}.showcase-product strong{font-size:19px}.showcase-product button{font-size:12px;min-height:44px}.showcase-pos-item{grid-template-columns:48px minmax(0,1fr) 40px}.showcase-pos-item strong{font-size:13px}.showcase-pos-item small{font-size:11px}.showcase-pos-remove{width:40px;height:40px}.pos-cobrar-valor strong{font-size:44px}.showcase-pos-status{font-size:10px}}
@media(max-width:480px){.pos-forma{font-size:11.5px;padding:12px 4px}.pos-cobrar small{font-size:12px}.pos-fiado{font-size:13px}.showcase-pos-instruction{gap:9px;margin-bottom:15px}.showcase-pos-instruction strong{font-size:12px}.showcase-pos-instruction p{font-size:10px}.showcase-products{grid-template-columns:1fr;gap:9px}.showcase-product{display:grid;grid-template-columns:98px minmax(0,1fr);align-items:center}.showcase-product-photo{aspect-ratio:1}.showcase-product-copy{padding:12px 11px 12px 0}.showcase-product h4{min-height:0;font-size:13px}.showcase-product p{margin:2px 0 7px}.showcase-product strong{font-size:17px}.showcase-product button{margin-top:9px;min-height:40px;font-size:11px}.showcase-pos-hint{font-size:10px;margin-top:12px}.showcase-pos-cart-heading{padding:16px}.showcase-pos-items{padding:0 12px}.showcase-pos-item{grid-template-columns:40px minmax(0,1fr) 34px;gap:6px}.showcase-pos-item>img{width:40px;height:40px}.showcase-pos-item strong{font-size:11px}.showcase-pos-item small{font-size:9px}.showcase-pos-remove{width:34px;height:40px}.showcase-pos-checkout{padding:16px 14px 0}.showcase-pos-status{font-size:9px}.pos-cobrar-valor strong{font-size:40px}.showcase-pos-instruction>span{width:28px;height:28px}}
@media(prefers-reduced-motion:reduce){.showcase-product button{transition:none}}