/* my.ipwcf.org — builds on https://ipwcf.org/index.css (brand tokens, header, buttons). */

.portal-main { padding: 40px 0 72px; min-height: 60vh; }
.portal-card {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 24px;
  max-width: 560px;
  margin: 0 auto;
  box-shadow: 0 6px 18px rgba(10, 35, 66, 0.06);
}
.portal-card h1 { margin-bottom: 8px; }
.portal-card .section-intro { margin-bottom: 20px; }
.portal-actions { display: grid; gap: 10px; }
.portal-meta { display: grid; gap: 4px; margin: 16px 0 22px; font-size: 0.95rem; }
.portal-meta dt { font-weight: 700; color: var(--text-muted); font-size: 0.78rem; letter-spacing: 0.08em; text-transform: uppercase; margin-top: 10px; }
.portal-meta dd { word-break: break-all; color: var(--navy); }
.portal-status { color: var(--text-muted); }
.portal-error { color: #a3341f; font-weight: 600; margin-bottom: 16px; }
.btn-full { width: 100%; }

@media (min-width: 480px) {
  .portal-actions { grid-template-columns: auto auto; justify-content: start; }
  .btn-full { width: auto; }
}