/* Shared form shell */
.collegear-form-shell {
    max-width: 640px;
    margin: 2rem auto;
    padding: 2.25rem;
    background: #f9f9fb;
    border-radius: 28px;
    border: none;
    box-shadow: 0 25px 60px rgba(22, 29, 39, 0.06);
}

.collegear-application {
    max-width: 720px;
}

.collegear-auth-shell {
    max-width: 480px;
}

.collegear-auth-form {
    width: 100%;
}

.collegear-field {
    margin-bottom: 1.5rem;
}

.collegear-alert {
    background: #fff9e6;
    border-radius: 16px;
    padding: 1rem 1.25rem;
    margin-bottom: 1.5rem;
    color: #7a4b00;
    border: 1px solid rgba(255, 198, 109, 0.5);
    font-size: 0.95rem;
}

.collegear-form-shell label {
    display: block;
    margin-bottom: 0.35rem;
    font-size: 0.9rem;
    font-weight: 600;
    color: #475467;
}

.collegear-form-shell input[type="text"],
.collegear-form-shell input[type="email"],
.collegear-form-shell input[type="password"],
.collegear-form-shell select,
.collegear-form-shell textarea {
    width: 100%;
    border: none;
    /* border-bottom: 1px solid #d2d6e4; */
    border: 1px solid #d2d6e4;
    background: transparent;
    padding: 0.35rem 1rem;
    font-size: 1rem;
    color: #111827;
    transition: border-color 0.2s ease, color 0.2s ease;
}

.collegear-form-shell input[type="text"]:focus,
.collegear-form-shell input[type="email"]:focus,
.collegear-form-shell input[type="password"]:focus,
.collegear-form-shell select:focus,
.collegear-form-shell textarea:focus {
    outline: none;
    border-bottom-color: #271c4d;
    color: #271c4d;
}

.collegear-form-shell textarea {
    min-height: 140px;
    resize: vertical;
}

.collegear-signup-steps {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.collegear-step {
    display: none;
}

.collegear-step.active {
    display: block;
}

.collegear-beneficiary-block {
    border: 1px solid #eceef5;
    border-radius: 18px;
    padding: 1.25rem;
    margin-bottom: 1.5rem;
    background: #fff;
    box-shadow: inset 0 0 0 1px rgba(39, 28, 77, 0.03);
}

.collegear-beneficiary-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.collegear-beneficiary-pill {
    display: inline-flex;
    align-items: center;
    padding: 0.2rem 0.85rem;
    border-radius: 999px;
    font-size: 0.8rem;
    font-weight: 600;
    background: rgba(39, 28, 77, 0.08);
    color: #271c4d;
}

.collegear-btn,
.collegear-submit-btn {
    background: #271c4d;
    color: #fff;
    border: none;
    padding: 0.85rem 1.5rem;
    border-radius: 5px;
    cursor: pointer;
    font-weight: 600;
    font-size: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s ease;
    width: 100%;
}

.collegear-btn:hover,
.collegear-submit-btn:hover {
    background: #1b1233;
}

.collegear-btn.secondary {
    background: #edf2f7;
    color: #1a202c;
}

.collegear-btn.secondary:hover {
    background: #d9e2ec;
}

.collegear-form-nav {
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    margin-top: 1.5rem;
}

.collegear-auth-links {
    margin-top: 1.25rem;
    color: #4a5568;
    font-size: 0.95rem;
    text-align: center;
}

.collegear-auth-links a {
    color: #271c4d;
    font-weight: 600;
    text-decoration: none;
}

.collegear-auth-links a:hover {
    text-decoration: underline;
}

.collegear-form-actions {
    margin-top: 2rem;
}

.collegear-auth-lead {
    color: #4a5568;
    margin-bottom: 1.5rem;
}

.collegear-dashboard .collegear-submission { padding:.6rem;border-bottom:1px solid #f0f0f0;margin-bottom:.5rem }

/* Password toggle inline styling */
.collegear-password-wrap { position: relative; display: inline-block; width: 100%; }
.collegear-password-field { width: 100%; box-sizing: border-box; padding-right: 4.5rem; }
.collegear-toggle-password {
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
	border: none;
	background: transparent;
	cursor: pointer;
	padding: 4px 8px;
	font-size: 0.95rem;
	color: #333;
}
.collegear-toggle-password:focus { outline: 2px solid #2b7cff; border-radius: 4px; }

/* Show/hide SVG icons depending on aria-pressed */
.collegear-toggle-password .eye-closed { display: none; }
.collegear-toggle-password[aria-pressed="true"] .eye-open { display: none; }
.collegear-toggle-password[aria-pressed="true"] .eye-closed { display: inline-block; }

/* Keep SVGs aligned and not affecting layout */
.collegear-toggle-password .eye { vertical-align: middle; display: inline-block; }

/* SVG visibility: show eye-open when aria-pressed is false (password hidden), show eye-closed when true */
.collegear-toggle-password .eye { display: none; }
.collegear-toggle-password[aria-pressed="false"] .eye-open { display: inline-block; }
.collegear-toggle-password[aria-pressed="false"] .eye-closed { display: none; }
.collegear-toggle-password[aria-pressed="true"] .eye-open { display: none; }
.collegear-toggle-password[aria-pressed="true"] .eye-closed { display: inline-block; }

/* tighten SVG visuals */
.collegear-toggle-password .eye { width: 1.25rem; height: 1.25rem; vertical-align: middle; }
.collegear-toggle-password { padding: 6px; }