/* Certificate surfaces: admin approval/re-issue fields, participant certificate card, public verification. */

/* Admin dialogs */
.dialog.dialog-wide{width:min(760px,calc(100% - 30px));max-height:calc(100dvh - 32px);overflow:auto}
.cert-fields{display:grid;gap:14px;margin:4px 0 0;padding:16px 18px 18px;border:1px solid var(--line);border-radius:16px;background:var(--ice)}
.cert-fields[hidden],.cert-preview[hidden]{display:none}
.cert-fields legend{padding:0 6px;color:var(--violet);font-weight:700;font-size:.92rem}
.cert-fields .field{margin:0}
.cert-preview{margin:0;display:grid;gap:8px}
.cert-preview img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow-sm)}
.cert-preview figcaption{color:var(--muted);font-size:.82rem;line-height:1.6}
.cert-preview-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.cert-preview-actions .form-status{margin:0}
.cert-summary{display:grid;gap:4px;margin-block:10px;padding:10px 14px;border-inline-start:3px solid var(--violet);border-radius:10px;background:var(--ice);color:var(--navy);font-size:.88rem}
.cert-summary p{margin:0}
.cert-summary code{direction:ltr;unicode-bidi:isolate;font-family:ui-monospace,Consolas,monospace;font-size:.84rem}

/* Participant account */
.certificate-mini{display:grid;gap:12px;justify-items:center;padding:28px 24px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#fff,var(--ice));text-align:center}
.certificate-mini img{width:130px;height:auto}
.certificate-mini h3{margin:0;color:var(--violet);font-size:1.45rem}
.certificate-mini-mark{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:999px;background:var(--success-bg);color:var(--navy);font-size:.82rem;font-weight:700}
.certificate-mini.is-revoked .certificate-mini-mark{background:var(--danger-bg)}
.certificate-mini.is-revoked h3{color:var(--muted)}
.certificate-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;margin:4px 0 0}
.certificate-facts div{padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fff;text-align:start}
.certificate-facts dt{color:var(--muted);font-size:.78rem}
.certificate-facts dd{margin:3px 0 0;color:var(--navy);font-weight:700;overflow-wrap:anywhere}
.certificate-note{margin:0;color:var(--muted);font-size:.84rem}
.certificate-actions{display:flex;flex-wrap:wrap;gap:10px;margin-block-start:16px}

/* Public verification */
.verify-card-body .certificate-overline{margin:0;color:var(--violet);font-weight:700}
.verify-card-body .certificate-copy{max-width:62ch;margin:0;color:var(--muted);font-size:1.05rem;line-height:1.9}
.verify-superseded{display:grid;gap:8px;justify-items:start;margin-block:0 26px}
.verify-superseded p{margin:0}
.verified-project{display:grid;gap:14px;padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--ice)}
.verified-project h2{margin:4px 0 6px;font-size:1.3rem}
.verified-project p{margin:0;color:var(--muted)}
.verified-project-label{color:var(--violet);font-size:.82rem;font-weight:700}
.certificate-record{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:16px;margin-block-start:26px;padding-block-start:22px;border-top:1px solid var(--line)}
.certificate-record span{display:block;color:var(--muted);font-size:.8rem}
.certificate-record .certificate-actions{margin:0}

@media (max-width:620px){
  .certificate-facts{grid-template-columns:1fr}
  .certificate-actions .btn{width:100%}
  .cert-fields{padding:14px}
}
@media print{.verify-superseded .btn,.certificate-actions{display:none!important}}