/* ═══════════════════════════════════════════════════════════════════════
   panel5b.css — FASE 5B  (EXTENSIÓN, se anexa a panel.css)
   Ruta: /var/www/lic_control/panel/public/assets/panel5b.css
   Todo con prefijo .p5b- para no colisionar con lo existente.
   ═══════════════════════════════════════════════════════════════════════ */

.p5b-cards { display: flex; flex-wrap: wrap; gap: 12px; margin: 12px 0; }
.p5b-card {
  flex: 1 1 140px; min-width: 140px;
  background: #fff; border: 1px solid #e3e6ea; border-radius: 10px;
  padding: 14px; text-align: center; box-shadow: 0 1px 3px rgba(0,0,0,.06);
}
.p5b-card .p5b-num { display: block; font-size: 1.9rem; font-weight: 700; line-height: 1.1; }
.p5b-card .p5b-lbl { display: block; font-size: .8rem; color: #566; margin-top: 4px; }
.p5b-card .p5b-lbl small { color: #99a; font-size: .72rem; }
.p5b-card.p5b-vivo { border-color: #2e7d32; background: #f2fbf3; }
.p5b-card.p5b-vivo .p5b-num { color: #2e7d32; }
.p5b-card.p5b-ref { border-style: dashed; background: #fafafa; }
.p5b-card.p5b-ref .p5b-num { color: #8a8a8a; }

.p5b-acciones { display: flex; gap: 8px; margin: 10px 0; flex-wrap: wrap; }
.p5b-btn {
  display: inline-block; padding: 8px 14px; border-radius: 8px;
  border: 1px solid #cdd3d9; background: #f6f8fa; color: #223;
  cursor: pointer; text-decoration: none; font-size: .9rem;
}
.p5b-btn:hover { background: #eef1f4; }
.p5b-btn-write { background: #1565c0; color: #fff; border-color: #1565c0; }
.p5b-btn-write:hover { background: #0d47a1; }
.p5b-mini { font-size: .75rem; margin-left: 8px; color: #1565c0; text-decoration: none; }

.p5b-tabla { width: 100%; border-collapse: collapse; margin: 8px 0 18px; font-size: .86rem; }
.p5b-tabla th, .p5b-tabla td { border-bottom: 1px solid #edeff2; padding: 6px 8px; text-align: left; }
.p5b-tabla th { background: #f4f6f8; font-weight: 600; }

.p5b-pill { background: #1565c0; color: #fff; border-radius: 999px; padding: 1px 9px; font-size: .78rem; }
.p5b-buscar { margin: 8px 0; }
.p5b-buscar input, .p5b-compra input {
  padding: 7px 10px; border: 1px solid #cdd3d9; border-radius: 8px; margin: 4px 6px 4px 0;
}
.p5b-card-ficha { background: #f8fafc; border: 1px solid #e3e6ea; border-radius: 8px; padding: 10px; margin: 8px 0; }
.p5b-cargando { color: #789; }
.p5b-error { color: #c62828; }
.p5b-ok { color: #2e7d32; font-weight: 600; }

/* ── Vista imprimible ───────────────────────────────────────────────── */
@media print {
  body * { visibility: hidden; }
  .p5b-tabla, .p5b-tabla *,
  .p5b-cards, .p5b-cards *,
  .p5b-card-ficha, .p5b-card-ficha *,
  .p5b-print-area, .p5b-print-area * { visibility: visible; }
  .p5b-acciones, .p5b-btn, .p5b-mini, .p5b-buscar, .p5b-compra { display: none !important; }
  .p5b-tabla { font-size: 11px; }
  .p5b-card { box-shadow: none; border: 1px solid #999; }
}