/* NES — Alerta Clínico Inteligente de Medicamentos — v1.0 — 2026-06-27 */

/* ── Card de alerta ──────────────────────────────────────── */
.med-alert-card {
  border-radius: 10px;
  padding: 12px 14px;
  margin: 10px 0 4px;
  font-size: 0.82rem;
  line-height: 1.45;
  border-left: 4px solid transparent;
}

.med-alert-verde  { background: #f0fdf4; border-left-color: #16a34a; color: #14532d; }
.med-alert-amarelo{ background: #fffbeb; border-left-color: #d97706; color: #78350f; }
.med-alert-vermelho{ background: #fef2f2; border-left-color: #dc2626; color: #7f1d1d; }

.med-alert-header {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 8px;
}

.med-alert-badge {
  font-size: 1.25rem;
  flex-shrink: 0;
  line-height: 1.2;
}

.med-alert-titulo {
  font-weight: 700;
  font-size: 0.88rem;
  line-height: 1.3;
}

.med-alert-classe {
  font-size: 0.75rem;
  opacity: 0.75;
  margin-top: 2px;
}

.med-alert-motivo {
  font-style: italic;
  margin-bottom: 8px;
  font-size: 0.81rem;
  opacity: 0.9;
}

/* ── Seções internas ─────────────────────────────────────── */
.med-alert-section {
  margin: 5px 0;
  font-size: 0.80rem;
}

.med-alert-section strong {
  display: inline-block;
  margin-bottom: 2px;
}

.med-alert-section ul {
  margin: 3px 0 0 16px;
  padding: 0;
}

.med-alert-section li {
  margin-bottom: 2px;
}

.med-alert-encaminhamento {
  border-top: 1px dashed currentColor;
  padding-top: 6px;
  margin-top: 8px;
  opacity: 0.8;
}

/* ── Checkboxes de confirmação ───────────────────────────── */
.med-alert-confirmacoes {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: 10px;
  padding-top: 8px;
  border-top: 1px solid rgba(0,0,0,0.1);
}

.med-alert-check {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 0.79rem;
  font-weight: 500;
  cursor: pointer;
  user-select: none;
}

.med-alert-check input[type="checkbox"] {
  width: 15px;
  height: 15px;
  cursor: pointer;
  flex-shrink: 0;
  accent-color: #0f4c66;
}

/* ── Área container no modal ─────────────────────────────── */
#rx-med-alerta-container {
  margin-top: 4px;
  transition: opacity 0.2s;
}

#rx-med-alerta-container:empty {
  display: none;
}

/* ── Card ICM ────────────────────────────────────────────── */
.icm-card {
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 8px;
  padding: 8px 12px;
  margin: 6px 0;
  font-size: 0.82rem;
  font-weight: 600;
}

.icm-verde   { background: #f0fdf4; color: #14532d; border: 1px solid #86efac; }
.icm-amarelo { background: #fffbeb; color: #78350f; border: 1px solid #fcd34d; }
.icm-vermelho{ background: #fef2f2; color: #7f1d1d; border: 1px solid #fca5a5; }

.icm-label  { flex-shrink: 0; }
.icm-desc   { opacity: 0.9; }

/* ── Badge de risco na tabela de itens ───────────────────── */
.rx-risco-badge {
  display: inline-block;
  border-radius: 4px;
  padding: 1px 6px;
  font-size: 0.68rem;
  font-weight: 700;
  vertical-align: middle;
  margin-left: 4px;
  white-space: nowrap;
}

.rx-risco-verde   { background: #dcfce7; color: #166534; }
.rx-risco-amarelo { background: #fef9c3; color: #854d0e; }
.rx-risco-vermelho{ background: #fee2e2; color: #991b1b; }

/* ── ICM no cabeçalho do receituário ─────────────────────── */
#rx-icm-banner {
  margin: 4px 0 8px;
}

#rx-icm-banner:empty {
  display: none;
}

@media (max-width: 640px) {
  .med-alert-confirmacoes {
    gap: 8px;
  }
  .med-alert-check {
    font-size: 0.85rem;
  }
}