/* Câmara do Tesouro dos Sennin (camara.js). Mockup: docs/mockups/eventos/camara-tesouro-sennin.html.
   As peças comuns (card, evx-entrada, evx-contador, evx-gaveta) vêm de recursos-ui.css / styles.css. */
.cm-duas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}
@media (max-width:860px){.cm-duas{grid-template-columns:1fr}}
.cm-chip{font:600 15px var(--mono);letter-spacing:.04em;border:1px solid var(--border);color:var(--t-mid);border-radius:6px;padding:2px 7px;margin-left:6px;white-space:nowrap}
.cm-modo button{min-width:0}
.cm-linha{display:grid;grid-template-columns:minmax(0,1fr) auto 64px;gap:10px;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--border);font-size:15px}
.cm-linha span:first-child{overflow-wrap:anywhere}
.cm-linha small{color:var(--t-low);font-size:15px}
.cm-q{font:500 15px var(--mono);color:var(--t-mid);text-align:right}
.cm-v{font:700 15px var(--mono);text-align:right;font-variant-numeric:tabular-nums}
.cm-total{display:flex;justify-content:space-between;gap:10px;align-items:baseline;padding-top:10px;font-weight:700}
.cm-total span:last-child{color:var(--live,#38d6a0);font-variant-numeric:tabular-nums}
.cm-total small{color:var(--t-low);font-weight:500;margin-left:4px}
.cm-nota{font-size:15px;color:var(--t-low);margin:10px 0 0}
.cm-bar{display:grid;grid-template-columns:120px minmax(0,1fr) 72px;gap:10px;align-items:center;padding:6px 0;font-size:15px}
.cm-trilho{height:8px;border-radius:4px;background:var(--s-700);overflow:hidden}
.cm-trilho i{display:block;height:100%;background:var(--or)}
.cm-p{font:600 15px var(--mono);color:var(--t-mid);text-align:right}
@media (max-width:420px){.cm-bar{grid-template-columns:96px minmax(0,1fr) 64px}}
.cm-veredito{margin-top:12px;border:1px solid rgba(56,214,160,.35);background:rgba(56,214,160,.08);border-radius:10px;padding:10px 12px;display:grid;gap:2px;font-size:15px}
.cm-veredito b{color:var(--live,#38d6a0)}
.cm-tab{overflow-x:auto;border:1px solid var(--border);border-radius:10px;margin-top:8px}
.cm-tab table{border-collapse:collapse;width:100%;min-width:520px;font-size:15px}
.cm-tab th,.cm-tab td{padding:7px 10px;border-bottom:1px solid var(--border);text-align:left}
.cm-tab th{font:600 15px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--t-low)}
.cm-tab td.num{text-align:right;font-variant-numeric:tabular-nums}
.cm-tab tr:last-child td{border-bottom:0}

/* Loja da Câmara como simulador (bloco 2.2; mockup: docs/mockups/eventos/camara-loja-simulador.html). Cards e − / + de loja-pontos.css. */
.cm-n{font:600 15px var(--mono);opacity:.75}
.cm-loja{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}
@media (max-width:980px){.cm-loja{grid-template-columns:1fr}}
.cm-filtros{display:grid;gap:10px;min-width:0}
.cm-busca{display:flex;gap:10px;flex-wrap:wrap}
.cm-busca input{flex:1 1 240px;min-width:0}
.cm-busca select{flex:0 0 auto}
.cm-cats button small{font:600 15px var(--mono);opacity:.7;margin-left:3px}
.cm-linha-f{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.cm-rot{font:600 15px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--t-low)}
.cm-nota0{font-size:15px;color:var(--t-low)}
.cm-grade{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.cm-card{grid-template-rows:1fr auto auto auto}
.cm-card.cm-roupa{background:linear-gradient(180deg,rgba(227,179,65,.07),transparent 60%),var(--s-900,#0c0f16)}
.cm-card.cm-no-carrinho{border-color:var(--cyan);box-shadow:inset 0 0 0 1px rgba(79,209,224,.35)}
.cm-semmax{color:var(--or-300,#ff9a52)}
/* régua de desconto: os degraus do jogo; acima do máximo do item fica apagado, o selo (data-selo, traduzido) marca o maior já visto */
.cm-regua{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;width:100%;padding-top:6px}
.cm-regua button{position:relative;border:1px solid var(--border);background:var(--s-850,#0f131c);color:var(--t-mid);border-radius:6px;font:600 15px var(--mono);padding:5px 0;cursor:pointer;font-variant-numeric:tabular-nums;min-width:0}
.cm-regua button.cm-max::after{content:attr(data-selo);position:absolute;left:50%;top:-8px;transform:translateX(-50%);font:700 8.5px var(--mono);background:#e3b341;color:#2a1c00;border-radius:4px;padding:0 3px;line-height:12px}
.cm-regua button:disabled{opacity:.28;border-style:dashed;cursor:not-allowed}
.cm-regua button[aria-pressed="true"]{background:var(--cyan);border-color:var(--cyan);color:#062a33}
.cm-regua button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.cm-precos{display:grid;justify-items:center;gap:1px;font-variant-numeric:tabular-nums}
.cm-precos s{font-size:15px;color:var(--t-low)}
.cm-precos b{font:800 19px var(--display);color:var(--t-hi)}
.cm-precos small{font-size:15px;color:var(--t-low)}
.cm-precos small.cm-eco{color:var(--live,#38d6a0)}
.cm-vazio{grid-column:1/-1}
.cm-carrinho{position:sticky;top:12px;border:1px solid rgba(79,209,224,.4);background:var(--s-850,#0f131c);border-radius:14px;padding:16px;display:grid;gap:10px}
.cm-carrinho h3{margin:0;font:800 16px var(--display);display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.cm-carrinho h3 small{font:600 15px var(--mono);color:var(--t-low)}
.cm-cl{display:grid;gap:6px;max-height:320px;overflow:auto}
.cm-cl-item{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:8px;align-items:center;font-size:15px}
.cm-cl-item small{display:block;color:var(--t-low);font-size:15px}
.cm-cl-item b{font-variant-numeric:tabular-nums}
.lp-ic.cm-ic-mini{width:30px;height:30px;padding:2px;border-radius:7px;font-size:15px}
.cm-paga{font:900 20px var(--display);color:var(--cyan)!important}
.cm-busca input,.cm-busca select{border:1px solid var(--border);border-radius:10px;background:var(--s-900,#0c0f16);color:var(--t-hi);padding:9px 12px;font:500 15px var(--body)}
.cm-busca input::placeholder{color:var(--t-low)}
.cm-busca input:focus-visible,.cm-busca select:focus-visible{outline:2px solid var(--cyan);outline-offset:1px}