/* Paleta fechada: vermelho, creme e amarelo da logo + o marrom do contorno. Nada de verde ou azul. */
.kds2-est button[aria-pressed="true"] { background: var(--creme); color: var(--tinta); }
.kds2-num.bom b { color: var(--creme); }
.kds2-num.ruim { background: color-mix(in srgb, var(--brasa) 25%, transparent); border-color: color-mix(in srgb, var(--brasa) 50%, transparent); }
.kds2-num.ruim b { color: #FF8A82; }
.tk2-pronto { background: var(--brasa); color: #fff; }
.tk2-pronto small { background: rgba(255, 255, 255, .2); }
.tk2-pronto.tudo { background: var(--tinta); color: #fff; }
.tk2 li.feito .tk2-ck { background: var(--brasa); border-color: var(--brasa); }
.kds2-prontos { background: rgba(253, 244, 221, .06); border-color: rgba(253, 244, 221, .12); }
.kds2-prontos > b { color: var(--creme); }
.nav-banner { background: var(--tinta); }
.rs-seg i.ok, .rs-seg i.atual::after { background: var(--brasa); }
.rs-seg i.atual { background: color-mix(in srgb, var(--brasa) 15%, transparent); }

/* tipografia: pesos mais sóbrios */
h1, h2, h3 { font-weight: 700; letter-spacing: -.02em; }
.ab-hero h1 { font-weight: 700; letter-spacing: -.035em; }

/* PDV: cliente e observações */
.pdv-cli { display: grid; gap: 8px; }
.pdv-cli input, .pdv-obs-box input { width: 100%; min-height: 46px; padding: 0 14px; border-radius: 12px; border: 1.5px solid var(--linha-forte); background: #fff; font: 600 15px var(--f-texto); color: var(--tinta); box-sizing: border-box; }
.pdv-cli input:focus, .pdv-obs-box input:focus { outline: none; border-color: var(--brasa); }
.pdv-cli .seg { display: grid; grid-template-columns: 1fr 1fr; }
.pdv-itens li { grid-template-columns: auto 1fr auto; align-items: start; }
.pdv-itens li > span { display: grid; gap: 3px; }
.pdv-obs-txt { color: var(--brasa) !important; font-weight: 700; }
.pdv-obs-btn { justify-self: start; display: inline-flex; align-items: center; gap: 5px; padding: 4px 9px; border-radius: 8px; background: color-mix(in srgb, var(--tinta) 6%, transparent); font-size: 12px; font-weight: 700; color: var(--tinta-2); }
.pdv-obs-btn .ic { width: 13px; height: 13px; }
.pdv-obs-btn.on { background: var(--tinta); color: #fff; }
.pdv-obs-box { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 6px; padding: 10px; border-radius: 14px; background: color-mix(in srgb, var(--gema) 16%, transparent); }
.pdv-obs-box > button:not(.btn) { min-height: 38px; padding: 0 12px; border-radius: 10px; background: #fff; border: 1.5px solid var(--linha); font-weight: 700; font-size: 13px; }
.pdv-obs-box > button[aria-pressed=true] { background: var(--brasa); border-color: var(--brasa); color: #fff; }
.pdv-obs-box input { flex: 1 1 140px; min-height: 40px; }
.pdv-obs-box .btn { min-height: 40px; }
.tk2-nome { display: block; margin-top: 3px; font: 700 15px var(--f-texto); opacity: .95; }

/* moldura escura: 60% branco, 30% marrom-escuro da marca, 10% vermelho */
body { background: var(--moldura); }
.app { background: radial-gradient(120% 60% at 0% 0%, color-mix(in srgb, var(--brasa) 16%, transparent), transparent 55%), var(--moldura) !important; }
.loja-btn { background: rgba(255, 255, 255, .07); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08); }
.loja-btn .monograma { background: var(--brasa); color: #fff; }
.nav-item:hover { background: rgba(255, 255, 255, .06); }
.nav-item[aria-current=page] { color: var(--brasa); }
.nav-item[aria-current=page] .ic { color: var(--brasa); }
.nav-grupo { color: rgba(255, 255, 255, .55); }
.folha { box-shadow: 0 30px 70px -30px rgba(0, 0, 0, .6); }
.trilho-pe { border-top-color: rgba(255, 255, 255, .1); }