/* Klugwerk Praxis · demonstração: Busca ativa. Usa as variáveis de app.css e as listas de crm-relatorios.css. */
.bsc-vercomo { min-width: min(100%, 260px); }
.bsc-vercomo small { font-size: .78rem; }
.bsc-klug { border-left: 4px solid var(--px); }
.bsc-rec { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.bsc-rec li { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 8px 10px; border-radius: 6px; background: var(--bg); }
.bsc-rec li span { min-width: 0; }
.bsc-rec li.bsc-mal { background: var(--mal-s); }
.bsc-rec li.bsc-at { background: var(--at-s); }
.bsc-rec li.bsc-px { background: var(--px-suave); }
.bsc-rec .btn { flex: none; }
.bsc-dir { display: flex; align-items: center; gap: 8px; flex: none; }
@media (max-width: 520px) { .crm-li .bsc-dir { flex-direction: column; align-items: flex-end; gap: 4px; } }
.bsc-tel { font-variant-numeric: tabular-nums; user-select: all; }
.bsc-chk { display: flex; gap: 8px; align-items: center; color: var(--tinta); font-weight: 500; margin: 0; }
.bsc-atend { border: 1px solid var(--linha); border-radius: 8px; padding: 10px 14px 12px; display: flex; flex-direction: column; gap: 10px; margin: 0; min-width: 0; }
.bsc-atend legend { font-weight: 700; padding: 0 6px; }
/* Regras */
.bsc-regras { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 14px; align-items: start; }
.bsc-regra-cab { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.bsc-regra-cab h2 { margin: 0; }
.bsc-regra.off { opacity: .7; }
.bsc-regra input[type="number"] { width: 100%; }
/* Gestantes: linha do tempo de 0 a 40 semanas */
.bsc-gest td { vertical-align: middle; }
.bsc-gest td small { display: block; }
.bsc-tempo { min-width: 220px; width: 45%; }
.bsc-barra { position: relative; height: 20px; background: var(--bg); border-radius: 4px; margin: 4px 0 6px; }
.bsc-jan { position: absolute; height: 7px; border-radius: 3px; background: var(--at); }
.bsc-jan.cima { top: 2px; }
.bsc-jan.baixo { bottom: 2px; }
.bsc-jan.ok { background: var(--ok); }
.bsc-jan.mal { background: var(--mal); }
.bsc-agora { position: absolute; top: -3px; bottom: -3px; width: 3px; margin-left: -1px; background: var(--tinta); border-radius: 2px; }
.bsc-leg { display: inline-block; width: 12px; height: 10px; border-radius: 2px; vertical-align: middle; background: var(--at); }
.bsc-leg.ok { background: var(--ok); }
.bsc-leg.mal { background: var(--mal); }
@media (max-width: 640px) {
  .bsc-gest thead { display: none; }
  .bsc-gest, .bsc-gest tbody { display: block; }
  .bsc-gest tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 12px; padding: 12px; border-top: 1px solid var(--linha); }
  .bsc-gest td { display: block; padding: 0; border: 0; }
  .bsc-gest td.bsc-tempo { grid-column: 1 / -1; width: auto; min-width: 0; }
  .bsc-gest td:last-child { grid-column: 1 / -1; }
}