/* Portal dos clientes: área da clínica e do tutor (a entrada está em portal.css) */
.laudo-cartao{display:grid;grid-template-columns:132px 1fr auto;gap:6px 22px;padding:18px 22px;border-bottom:1px solid var(--linha);align-items:start;transition:background .15s}
.laudo-cartao:hover{background:#FAFCFB}
.laudo-cartao:last-child{border-bottom:0;border-radius:0 0 var(--r) var(--r)}
.laudo-cartao.novo{box-shadow:inset 4px 0 0 var(--ambar);background:#FFFCF4}
.laudo-cartao .quando{display:grid;gap:2px}
.laudo-cartao .quando .hora{font:800 18px/1.1 var(--fonte-t);color:var(--tinta);font-variant-numeric:tabular-nums}
.laudo-cartao h3{font-size:18px}
.laudo-cartao h3 .muted{font:600 15px var(--fonte)}
.laudo-cartao .selos{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.laudo-cartao .acoes{justify-content:flex-end}
.tutor-cab{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:20px}
.tutor-rodape{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:18px;padding:18px 22px;background:var(--menta);border-radius:var(--r);color:var(--floresta)}
.tutor-rodape p{max-width:62ch;font-size:15px}
@media (max-width:760px){
  .laudo-cartao{grid-template-columns:1fr;padding:16px}
  .laudo-cartao .quando{display:flex;gap:10px;align-items:baseline}
  .laudo-cartao .acoes{justify-content:flex-start}
}
