/* Kleep Dental · identidade (cor do catálogo #098479; símbolo herdado do Klinna Odonto v0) e ilustração. */
.pg-erp {
  --p: #098479; --pa: #087A70; --pa-hover: #066159; --ps: #E8F6F4; --pc: #7FCDC1;
}
.kl { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 12px; }
.kl-box { background: #fff; border: 1px solid var(--n200); border-radius: 12px; padding: 12px; }
.kl-t { display: flex; justify-content: space-between; align-items: center; font-size: 0.6875rem; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: var(--n500); margin-bottom: 10px; }
.odonto { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 4px; }
.dente { aspect-ratio: 3 / 4; border-radius: 6px 6px 10px 10px; background: var(--n50); border: 1.5px solid var(--n300); display: grid; place-items: end center; padding-bottom: 2px; font-size: 0.5625rem; font-weight: 700; color: var(--n500); }
.dente--trat { background: #CDEDE8; border-color: var(--p); color: #055C54; }
.dente--plan { background: #FDF1E3; border-color: #B45309; color: #8A3F07; }
.odonto-leg { display: flex; gap: 12px; margin-top: 10px; font-size: 0.6875rem; font-weight: 600; color: var(--n600); }
.odonto-leg i { display: inline-block; width: 10px; height: 10px; border-radius: 3px; margin-right: 4px; vertical-align: -1px; }
.orc li { list-style: none; display: flex; justify-content: space-between; gap: 8px; padding: 6px 0; border-bottom: 1px dashed var(--n200); font-size: 0.75rem; }
.orc li b { white-space: nowrap; }
.orc__total { display: flex; justify-content: space-between; margin-top: 8px; font-weight: 800; font-size: 0.875rem; }
.orc__parc { margin-top: 6px; padding: 6px 8px; border-radius: 8px; background: var(--ps); color: #055C54; font-weight: 700; font-size: 0.6875rem; }
.caixa { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) auto; gap: 10px; align-items: center; }
.caixa span small { display: block; font-size: 0.625rem; font-weight: 700; color: var(--n500); text-transform: uppercase; letter-spacing: 0.05em; }
.caixa span b { font-size: 0.9375rem; }
.caixa .ok { padding: 6px 10px; border-radius: 8px; background: var(--sucesso-suave); color: var(--sucesso); font-weight: 800; font-size: 0.75rem; white-space: nowrap; }
@media (max-width: 560px) { .kl { grid-template-columns: 1fr; } .caixa { grid-template-columns: 1fr 1fr; } }