/* Hide breadcrumb header on registration pages */
.rp-reg ~ .page-header,
body.page-register .page-header,
body:has(.rp-reg) .page-header {
    display: none !important;
}

.rp-reg{max-width:860px;margin:0 auto}
.rp-head{margin:0 0 12px}
.rp-banner{position:relative;overflow:hidden;border-radius:12px}
.rp-banner img{width:100%;height:auto;display:block}
.rp-banner-overlay{position:absolute;inset:0;pointer-events:none}
.rp-desc{margin-top:10px}
.rp-reg .rp-form-container{overflow:hidden;display:flow-root}
.rp-note{background:#fff3cd;border:1px solid #ffe69c;padding:10px;border-radius:8px;margin-bottom:12px}

/* Constrain banner height on registration pages to prevent oversized banners */
.rp-group-banner-wrap {
    max-height: 400px;
    overflow: hidden;
    margin-bottom: 1.5rem;
}
.rp-group-banner-wrap img {
    width: 100%;
    height: auto;
    max-height: 400px;
    object-fit: cover;
    object-position: center;
}

.rp-form .rp-actions{display:flex;align-items:center;gap:12px;margin-top:10px}
.rp-form button[type=submit]{background:#2271b1;border:1px solid #2271b1;border-radius:4px;color:#fff;padding:.65rem 1rem;cursor:pointer;font-weight:600;transition:background .2s ease}
.rp-form button[type=submit]:hover{background:#135e96}
.rp-form button[type=submit]:active{background:#0a4b78}
.rp-form button.is-busy{opacity:.6;pointer-events:none}
.rp-form .rp-login{font-size:.95em}

.rp-grid{display:grid;grid-template-columns:1fr;gap:12px}
.rp-form[data-cols="2"] .rp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:768px){
    .rp-form[data-cols="2"] .rp-grid{grid-template-columns:1fr}
    .rp-reg .hide-on-mobile{display:none}
}

.rp-field{display:flex;flex-direction:column}
.rp-field>span{font-weight:600;margin-bottom:4px}
.rp-field input, .rp-field select{border:1px solid #c7ccd1;padding:.55rem .65rem}
.rp-check{display:flex;align-items:center;gap:8px;margin:.25rem 0}
.rp-check input{transform:translateY(1px)}

.rp-err{color:#b42318;font-size:.85em;min-height:1.1em;margin-top:3px}
.has-err input, .has-err select{border-color:#b42318}

.rp-msg{margin-top:12px}
.rp-msg.good{color:#166534}
.rp-msg.bad{color:#b42318}