/* Registration System Frontend Styles */
.reg-row { display: flex; gap: 1em; margin-bottom: 1em; align-items: flex-start; }
.reg-col { flex: 0 0 calc(50% - 0.5em); min-width: 120px; }
.reg-col-checkbox { flex: 0 0 auto; min-width: 0; max-width: 100%; }
.reg-section { border:1px solid #eee; padding:1em; margin-bottom:1.5em; border-radius:4px; background:#fafbfc; }
.reg-field label { font-weight: 500; margin-bottom: 0.25em; display: block; }
.reg-field input, .reg-field select { width: 100%; padding: 0.5em; border-radius: 3px; border: 1px solid #ccc; }
.toggle-password { font-size: 1.2em; user-select: none; }
.reg-col label { display: block; margin-bottom: 0.5em; font-weight: 500; }
.reg-col input, .reg-col select { width: 100%; padding: 0.5em; border-radius: 3px; border: 1px solid #ccc; } 
.reg-col input[type=checkbox] { width: 20px; }
.reg-message.reg-message-footer { margin-bottom: 20px; }

/* Thankyou page styles */
.registration-system-thankyou {
    max-width: 600px;
    margin: 2em auto;
    padding: 2em;
    text-align: center;
    background: #f9f9f9;
    border-radius: 8px;
    border: 1px solid #e0e0e0;
}

.registration-system-thankyou h2 {
    color: #28a745;
    margin-bottom: 1em;
    font-size: 1.8em;
}

.registration-system-thankyou p {
    margin-bottom: 1.5em;
    line-height: 1.6;
    color: #333;
}

.thankyou-actions {
    margin-top: 2em;
}

.thankyou-actions .button {
    display: inline-block;
    margin: 0 0.5em;
    padding: 0.75em 1.5em;
    background: #0073aa;
    color: white;
    text-decoration: none;
    border-radius: 4px;
    transition: background 0.3s ease;
}

.thankyou-actions .button:hover {
    background: #005a87;
    color: white;
    text-decoration: none;
}