/* Loja: só o específico (grade, colunas, cabeçalho do vendedor). Casca, abas, botões, campos, selos, cartões, vazios e linhas vêm de ui-casca.css e ui-pecas.css. */
.supply-shop { display: flex; flex-direction: column; gap: var(--au-esp-4); color: var(--au-texto); font-family: var(--au-fonte-texto); font-size: var(--au-t-2); }
.supply-header { display: flex; align-items: center; justify-content: space-between; gap: var(--au-esp-4); padding: var(--au-esp-4) var(--au-esp-5); background: var(--au-superficie); border: 1px solid var(--au-borda); border-radius: var(--au-raio-3); }
.supply-seller { display: flex; align-items: center; gap: var(--au-esp-4); min-width: 0; }
.supply-avatar { flex: none; display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; border: 2px solid var(--au-sistema); background: var(--au-poco); color: var(--au-sistema); font: 700 var(--au-t-4) var(--au-fonte-titulo); }
.supply-header h2 { margin: 0; font: 500 var(--au-t-4) var(--au-fonte-titulo); letter-spacing: 0.06em; text-transform: uppercase; color: var(--au-texto); }
.supply-promise { margin: var(--au-esp-1) 0 0; font-size: var(--au-t-1); color: var(--au-texto-suave); }
.supply-balance { flex: none; display: flex; flex-direction: column; gap: var(--au-esp-1); text-align: right; }
.supply-balance > small { font-size: var(--au-t-1); letter-spacing: 0.12em; color: var(--au-texto-suave); }
.supply-balance > b { font: 500 var(--au-t-5) var(--au-fonte-num); color: var(--au-valor); }
.supply-stock { display: flex; flex-wrap: wrap; align-items: center; gap: var(--au-esp-2); padding: var(--au-esp-3) var(--au-esp-4); background: var(--au-superficie); border: 1px solid var(--au-perigo); border-radius: var(--au-raio-3); font-size: var(--au-t-1); }
.supply-stock > b { color: var(--au-perigo); letter-spacing: 0.08em; text-transform: uppercase; }
.supply-stock-item { display: inline-flex; align-items: center; gap: var(--au-esp-2); padding: var(--au-esp-1) var(--au-esp-1) var(--au-esp-1) var(--au-esp-3); border: 1px solid var(--au-perigo); border-radius: var(--au-raio-pilula); background: var(--au-poco); color: var(--au-texto); }
.supply-stock-item.low { border-color: var(--au-aviso); }
.supply-body { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: var(--au-esp-4); min-height: 350px; height: min(540px, calc(100dvh - 300px)); }
.supply-catalog > :not(.supply-products) { flex: none; }
.supply-catalog > .au-abas { overflow-y: hidden; padding-bottom: 2px; }
.supply-summary { overflow-y: auto; scrollbar-width: thin; }
.supply-catalog { display: flex; flex-direction: column; gap: var(--au-esp-3); min-width: 0; min-height: 0; }
.supply-tools .au-campo { width: 100%; }
.supply-sellall { display: flex; align-items: center; gap: var(--au-esp-3); flex-wrap: wrap; }
.supply-sellall > small { flex: 1; min-width: 140px; font-size: var(--au-t-1); color: var(--au-texto-suave); }
.supply-confirm-box { display: flex; align-items: center; gap: var(--au-esp-3); flex-wrap: wrap; padding: var(--au-esp-3) var(--au-esp-4); border: 1px solid var(--au-acao-b); border-radius: var(--au-raio-3); background: var(--au-superficie); }
.supply-confirm-box p { margin: 0; flex: 1; min-width: 160px; }
.supply-products { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: var(--au-esp-2); overflow: auto; min-height: 0; align-content: start; padding: 1px var(--au-esp-1) var(--au-esp-1) 1px; scrollbar-width: thin; }
.supply-product-wrap { position: relative; display: grid; min-width: 0; }
.supply-product-wrap.muted { opacity: 0.6; }
/* O cartão é um button: declara o piso para não herdar o metal de app.css. */
.supply-product.au-cartao { flex-direction: row; align-items: center; gap: var(--au-esp-3); width: 100%; min-width: 0; padding: var(--au-esp-3); text-align: left; text-transform: none; letter-spacing: normal; font: 400 var(--au-t-2) / 1.3 var(--au-fonte-texto); cursor: pointer; background: var(--au-superficie); border: 1px solid var(--au-borda); box-shadow: var(--au-sombra-cartao); color: var(--au-texto); }
.supply-product.au-cartao:hover:not(:disabled) { border-color: var(--au-sistema); }
.supply-product.au-cartao[aria-pressed="true"] { border-color: var(--au-sistema); box-shadow: var(--au-brilho-sel); }
.supply-product.au-cartao:disabled { cursor: not-allowed; border-style: dashed; }
.supply-product img { flex: none; image-rendering: pixelated; object-fit: contain; }
.supply-card-text { display: flex; flex-direction: column; align-items: flex-start; gap: var(--au-esp-1); min-width: 0; flex: 1; }
.supply-product .au-cartao__preco { flex: none; }
.supply-product .au-cartao__motivo { flex: none; max-width: 40%; text-align: right; }
.supply-selected { position: absolute; right: var(--au-esp-2); top: var(--au-esp-1); color: var(--au-sistema); font-size: var(--au-t-1); }
.supply-product-wrap > .au-botao { position: absolute; right: var(--au-esp-2); bottom: var(--au-esp-2); }
.supply-empty { grid-column: 1 / -1; }
.supply-summary { display: flex; flex-direction: column; gap: var(--au-esp-3); min-width: 0; min-height: 0; padding: var(--au-esp-4); background: var(--au-superficie); border: 1px solid var(--au-borda); border-radius: var(--au-raio-3); }
.supply-detail { display: flex; flex-direction: column; gap: var(--au-esp-2); padding-bottom: var(--au-esp-3); border-bottom: 1px solid var(--au-borda); }
.supply-detail > small { font-size: var(--au-t-1); letter-spacing: 0.14em; color: var(--au-texto-suave); }
.supply-detail p { margin: 0; line-height: 1.4; color: var(--au-texto-suave); }
.supply-detail-head { display: flex; align-items: center; gap: var(--au-esp-3); }
.supply-detail-head b { display: block; margin-bottom: var(--au-esp-1); font-size: var(--au-t-3); color: var(--au-texto); }
.supply-reason { font-style: italic; color: var(--au-aviso); }
.supply-summary-title { display: flex; align-items: center; justify-content: space-between; }
.supply-summary h3 { margin: 0; font: 500 var(--au-t-3) var(--au-fonte-titulo); color: var(--au-texto); }
.supply-summary-title small { font-size: var(--au-t-1); color: var(--au-texto-suave); }
.supply-cart { flex: 1; min-height: 130px; overflow: auto; scrollbar-width: thin; padding-right: var(--au-esp-1); }
.supply-cart-item { display: flex; flex-direction: column; gap: var(--au-esp-2); padding: var(--au-esp-3) 0; border-bottom: 1px solid var(--au-borda); }
.supply-cart-head { display: flex; align-items: center; justify-content: space-between; gap: var(--au-esp-2); }
.supply-cart-head > b { font-size: var(--au-t-2); color: var(--au-texto); min-width: 0; overflow-wrap: anywhere; }
.supply-cart-head > small { margin-right: auto; font-size: var(--au-t-1); color: var(--au-texto-suave); white-space: nowrap; }
.supply-cart-head > .au-botao { margin-left: auto; }
.supply-cart-item > small { font-size: var(--au-t-1); color: var(--au-texto-suave); }
.supply-quantity { display: flex; align-items: center; gap: var(--au-esp-2); }
.supply-quantity .au-campo--quantidade input { width: 64px; padding: 0 var(--au-esp-1); }
.supply-quantity .au-campo--quantidade input::-webkit-inner-spin-button { appearance: none; }
.supply-line-total { margin-left: auto; font: 500 var(--au-t-2) var(--au-fonte-num); color: var(--au-valor); }
.supply-rapidos { display: flex; gap: var(--au-esp-2); }
.supply-total { display: flex; align-items: center; justify-content: space-between; gap: var(--au-esp-3); padding-top: var(--au-esp-3); border-top: 1px solid var(--au-borda); }
.supply-total > span { font-size: var(--au-t-2); color: var(--au-texto-suave); }
.supply-total > b { font: 500 var(--au-t-5) var(--au-fonte-num); color: var(--au-valor); white-space: nowrap; }
.supply-feedback { margin: 0; min-height: 1.5em; font-size: var(--au-t-1); line-height: 1.5; color: var(--au-texto-suave); }
@media (max-width: 720px) {
  .supply-header { padding: var(--au-esp-3) var(--au-esp-4); }
  .supply-header h2 { font-size: var(--au-t-3); }
  .supply-avatar { width: 38px; height: 38px; font-size: var(--au-t-3); }
  .supply-promise { font-size: var(--au-t-1); }
  .supply-balance { max-width: 120px; }
  .supply-balance > b { font-size: var(--au-t-4); }
  .supply-body { grid-template-columns: minmax(0, 1fr); height: auto; min-height: 0; }
  .supply-products { grid-template-columns: minmax(0, 1fr); max-height: 320px; }
  .supply-cart { max-height: 260px; flex: none; }
  .supply-sellall .au-botao { width: 100%; }
}