/* =========================
 * BLOCK: Base
 * ========================= */
.cert-row{ margin-left: -9px; margin-right: -9px; }
.cert-row > .col{ padding-left: 9px; padding-right: 9px; }
/* =========================
 * END BLOCK: Base
 * ========================= */

/* =========================
 * BLOCK: Card
 * ========================= */
.cert-card{
  border:1px solid rgba(0,0,0,.08);
  border-radius:14px;
  padding:18px 18px 16px;
  background:#fff;
  box-shadow:0 6px 18px rgba(0,0,0,.06);
  height:100%;
}

.cert-card h4{
  margin:10px 0 8px;
  font-size:16px;
  line-height:1.25;
}

.cert-logos{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:10px;
}

.cert-logo-link{ display:inline-flex; }
.cert-logo-link img{
  height:46px;
  width:auto;
  max-width:220px;
  object-fit:contain;
  display:block;
  cursor:zoom-in;
}

.badge-new{
  display:inline-flex;
  align-items:center;
  padding:6px 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.02em;
  background:#111;
  color:#fff;
}

.cert-desc{ margin:0 0 10px; }

.status-ok{
  margin:10px 0 12px;
  font-weight:600;
  color:#1a7f37;
}

.status-attention{
  margin:10px 0 12px;
  font-weight:600;
  color:#b45309;
}

.status-warning{
  margin:10px 0 12px;
  font-weight:600;
  color:#b91c1c;
}

.cert-doc-link{
  display:inline-flex;
  align-items:center;
  text-decoration:none;
  font-weight:700;
  padding:10px 12px;
  border-radius:10px;
  border:1px solid rgba(0,0,0,.12);
}

.cert-doc-link:hover{ border-color:rgba(0,0,0,.28); }

.cert-logo-missing,
.cert-doc-missing{
  display:inline-block;
  font-size:12px;
  opacity:.7;
}
/* =========================
 * END BLOCK: Card
 * ========================= */