/* Mark: balcão de suprimentos. Escopo restrito à loja.
   Layout do balcão, cores do UI Kit "vidro azul" (css/ui-kit.css): navy + fio ciano;
   dourado só para dinheiro (saldo e preço). */
#janela[data-aba="loja"]{background:var(--mi-vidro);border:1px solid var(--mi-fio);border-radius:var(--mi-r-janela);box-shadow:var(--mi-sombra),inset 0 1px 0 var(--mi-luz)}
#janela[data-aba="loja"] .janela-cab{background:linear-gradient(180deg,rgba(21,67,115,.8),rgba(15,53,89,.6));border-bottom:1px solid var(--mi-fio);box-shadow:0 1px 0 rgba(34,211,238,.35)}
#janela[data-aba="loja"] .janela-corpo{background:radial-gradient(ellipse at top right,rgba(34,211,238,.08),transparent 65%);padding:18px}
#loja .mark-boas-vindas{display:flex;align-items:center;gap:16px;padding:20px;margin-bottom:18px;border:1px solid var(--mi-fio);border-radius:var(--mi-r-card);background:linear-gradient(110deg,rgba(21,67,115,.85),rgba(10,33,64,.85));box-shadow:inset 0 1px 0 var(--mi-luz)}
#loja .mark-boas-vindas small{font-size:10px;font-weight:800;letter-spacing:1.5px;color:var(--mi-rotulo)}
#loja .mark-boas-vindas h3{font-size:20px;color:var(--mi-txt);margin:6px 0}
#loja .mark-boas-vindas p{font-size:12px;color:var(--mi-txt2);margin:0;line-height:1.6}
#loja .mark-emblema{position:relative;flex:none;width:48px;height:48px;border:3px solid var(--mi-navy3);border-radius:50%;background:linear-gradient(#d55c53 0 44%,#0a2140 44% 56%,#e3e5cb 56%);box-shadow:0 0 0 2px var(--mi-ciano),0 0 14px rgba(34,211,238,.35)}
#loja .mark-emblema:after{content:"";position:absolute;inset:15px;border:3px solid #0a2140;background:#f6efcb;border-radius:50%}
#loja .mark-saldo{margin-left:auto;flex:none;padding:12px 18px;background:var(--mi-navy3);border:1px solid var(--mi-fio);border-radius:var(--mi-r);text-align:right;box-shadow:inset 0 2px 6px rgba(0,0,0,.35)}
#loja .mark-saldo small{color:var(--mi-rotulo)}
#loja .mark-saldo b{display:block;color:var(--mi-ouro);font-size:23px;margin-top:3px;font-variant-numeric:tabular-nums}
#loja .mark-abas{gap:8px;border-bottom:1px solid var(--mi-fio);padding-bottom:12px;margin-bottom:20px}
#loja .mark-aba{min-width:140px;border:1px solid var(--mi-fio);background:linear-gradient(180deg,#154373,#0f3559);color:var(--mi-txt2);border-radius:var(--mi-r);box-shadow:inset 0 1px 0 var(--mi-luz);font-size:12px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}
#loja .mark-aba.on{color:var(--mi-ciano-escuro);background:linear-gradient(180deg,#67e8f9,#22d3ee);border-color:#67e8f9;box-shadow:var(--mi-brilho),inset 0 1px 0 rgba(255,255,255,.55)}
#loja .mark-secao{margin:0 0 22px}
#loja .loja-sec{display:flex;align-items:center;gap:10px;margin:0 0 12px;color:var(--mi-rotulo);letter-spacing:1.6px;font-size:11px}
#loja .loja-sec:before{content:"";width:6px;height:6px;background:var(--mi-ciano);transform:rotate(45deg);box-shadow:0 0 6px var(--mi-ciano)}
#loja .loja-sec:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,var(--mi-ciano),transparent);opacity:.5}
#loja .mark-grade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#loja .loja-item{min-width:0;margin:0;padding:14px;background:var(--mi-vidro2);border:1px solid var(--mi-fio);border-radius:var(--mi-r-card);box-shadow:inset 0 1px 0 var(--mi-luz)}
#loja .mark-produto{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center}
#loja .mark-item-icone{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid var(--mi-fio-luz);border-radius:9px;background:radial-gradient(#1a5189,#0a2140);box-shadow:inset 0 1px 0 var(--mi-luz)}
#loja .mark-item-icone img{image-rendering:pixelated}
#loja .mark-item-info b{color:var(--mi-txt);font-size:14px}
#loja .mark-item-info small{display:block;line-height:1.5;margin-top:4px;font-size:11px;color:var(--mi-txt2)}
#loja .loja-tem{font-size:10px;color:var(--mi-rotulo);text-align:right}
#loja .loja-tem b{display:block;color:var(--mi-txt);font-size:14px;margin-top:4px}
#loja .mark-compra{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid rgba(30,77,122,.6);padding-top:12px}
#loja .loja-preco{color:var(--mi-ouro);white-space:nowrap;font-size:14px}
#loja .loja-preco small{font-size:10px;font-weight:400;color:var(--mi-txt2)}
#loja .mark-quantidades{display:flex;gap:5px}
#loja .mark-quantidades button{padding:7px 9px;min-width:34px;border-radius:8px;background:linear-gradient(180deg,#154373,#0f3559);border:1px solid var(--mi-fio);color:var(--mi-rotulo-on);font-size:11px;font-weight:800;box-shadow:inset 0 1px 0 var(--mi-luz)}
#loja .mark-quantidades button:hover:not(:disabled){border-color:var(--mi-ciano);color:var(--mi-ciano2);box-shadow:var(--mi-brilho)}
#loja button:hover:not(:disabled){filter:brightness(1.16)}
#loja button:focus-visible{outline:2px solid var(--mi-ciano);outline-offset:3px}
#loja .mark-quantidades button:disabled{opacity:.38;cursor:not-allowed;filter:grayscale(.6)}
#loja .mark-grade>.vazio{grid-column:1/-1;font-size:12px;line-height:1.7;margin:0;padding:12px 14px;border-left:3px solid var(--mi-ciano);background:rgba(10,33,64,.55)}
#loja .destaque{margin-bottom:20px;border-color:var(--mi-fio-luz)}
#loja .embreve{opacity:.55;font-size:12px}
#loja .vd-card,#loja .vd-dir{background:var(--mi-vidro2);border-color:var(--mi-fio)}
@media(min-width:701px){#loja .mark-grade>.loja-item:not(.mark-produto):not(.embreve){grid-column:1/-1}}
@media(max-width:700px){#loja .mark-grade{grid-template-columns:1fr}#loja .mark-boas-vindas{padding:14px;gap:12px;flex-wrap:wrap}#loja .mark-boas-vindas h3{font-size:16px}#loja .mark-saldo{width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 12px}#loja .mark-saldo b{font-size:18px;margin:0}#loja .mark-emblema{display:none}#loja .mark-aba{flex:1;min-width:0}#loja .mark-compra{flex-wrap:wrap}#loja .loja-item:not(.mark-produto){flex-wrap:wrap}#janela[data-aba="loja"] .janela-corpo{padding:12px}}