/* Portal-only layout. Everything shared lives in pcf.css (design/pcf.css in pcf-tools). */
.auth-card { gap: var(--pcf-space-6); }
.auth-foot { text-align: center; }
.message-card { display: flex; flex-direction: column; align-items: center; gap: var(--pcf-space-3); text-align: center; }
.message-card .pcf-glyph { margin-bottom: var(--pcf-space-2); }

.section-head { display: flex; align-items: baseline; gap: var(--pcf-space-2); padding: 0 var(--pcf-space-1); }
.add-form { display: flex; flex-wrap: wrap; align-items: flex-end; gap: var(--pcf-space-4); padding: var(--pcf-space-4); border-radius: var(--pcf-radius); }
.add-form-grow { flex: 1 1 240px; }
.add-form .pcf-toggle { min-height: 44px; }
.add-form .pcf-btn { min-height: 44px; }

.register-title { font-size: var(--pcf-text-md); font-weight: 600; letter-spacing: -0.015em; }
.register-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--pcf-space-4); }
.register-wide { grid-column: 1 / -1; }
.register-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--pcf-space-3); }
@media (max-width: 600px) { .register-grid { grid-template-columns: 1fr; } }