@charset "UTF-8";
/* GBS v21 - Şifre Hatırlatma Sayfası Modern Tasarım */

.password-reminder-page {
    min-height: 100vh;
    margin: 0;
    background:
        radial-gradient(circle at 10% 8%, rgba(13, 94, 166, .14), transparent 26rem),
        radial-gradient(circle at 92% 12%, rgba(198, 40, 40, .08), transparent 20rem),
        linear-gradient(180deg, #F8FAFC 0%, var(--surface, #F5F7FA) 100%);
}

.password-reminder-shell {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(16px, 3.5vw, 44px);
}

.password-card {
    width: min(100%, 620px);
    border: 1px solid var(--border, #D9E2EC);
    border-radius: var(--radius-xl, 28px);
    background: rgba(255, 255, 255, .98);
    box-shadow: var(--shadow-lg, 0 22px 64px rgba(11,31,58,.16));
    overflow: hidden;
}

.password-card-stripe {
    height: 7px;
    background: linear-gradient(90deg, var(--gov-red, #C62828), var(--gov-blue, #0D5EA6));
}

.password-hero {
    display: grid;
    grid-template-columns: 82px minmax(0, 1fr);
    gap: 18px;
    align-items: center;
    padding: clamp(20px, 3.2vw, 30px) clamp(18px, 3.2vw, 34px) 18px;
    border-bottom: 1px solid var(--border, #D9E2EC);
    background:
        radial-gradient(circle at top right, rgba(13, 94, 166, .10), transparent 18rem),
        linear-gradient(180deg, #FFFFFF 0%, #F9FBFD 100%);
}

.password-logo-wrap {
    width: 74px;
    height: 74px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(13, 94, 166, .20);
    border-radius: 22px;
    background: #FFFFFF;
    box-shadow: var(--shadow-sm, 0 1px 2px rgba(16,24,40,.06));
    overflow: hidden;
}

.password-logo {
    width: 58px !important;
    height: 58px !important;
    object-fit: contain !important;
    display: block !important;
    filter: none !important;
    opacity: 1 !important;
}

.password-kicker {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 10px;
    border: 1px solid #CFE0F5;
    border-radius: 999px;
    background: #F7FBFF;
    color: var(--gov-blue, #0D5EA6);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.password-title {
    margin: 10px 0 7px;
    color: var(--gov-navy, #0B1F3A);
    font-size: clamp(22px, 3vw, 30px);
    line-height: 1.15;
    font-weight: 900;
    letter-spacing: -.035em;
}

.password-lead {
    margin: 0;
    color: var(--text-soft, #475569);
    font-size: 13.5px;
    line-height: 1.65;
}

.password-notice {
    margin: 16px clamp(18px, 3.2vw, 34px) 0 !important;
}

.password-form-card {
    margin: 16px clamp(18px, 3.2vw, 34px) 0;
    border: 1px solid var(--border, #D9E2EC);
    border-radius: 20px;
    background: #FFFFFF;
    box-shadow: var(--shadow-sm, 0 1px 2px rgba(16,24,40,.06));
    overflow: hidden;
}

.password-section-heading {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    padding: 15px 17px;
    border-bottom: 1px solid var(--border, #D9E2EC);
    background: linear-gradient(180deg, #FFFFFF 0%, #F9FBFD 100%);
}

.password-section-icon {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #CFE8FF;
    border-radius: 14px;
    background: #EDF6FF;
    color: var(--gov-blue, #0D5EA6);
}

.password-section-icon svg {
    width: 20px !important;
    height: 20px !important;
}

.password-section-heading h2 {
    margin: 0;
    color: var(--gov-navy, #0B1F3A);
    font-size: 16px;
    line-height: 1.25;
    font-weight: 900;
}

.password-section-heading p {
    margin: 3px 0 0;
    color: var(--text-muted, #667085);
    font-size: 12.5px;
    line-height: 1.5;
}

.password-form {
    display: flex;
    flex-direction: column;
    gap: 13px;
    padding: 17px;
}

.password-field {
    display: flex;
    flex-direction: column;
    gap: 7px;
    width: 100%;
}

.password-field .field-label {
    padding-top: 0 !important;
    color: #344054;
    font-size: 13px;
    font-weight: 850;
}

.password-input,
.password-input table,
.password-form .gbs-field-wide,
.password-form .gbs-field-wide table {
    width: 100% !important;
    max-width: none !important;
}

.password-recaptcha-box {
    width: 100%;
    min-height: 84px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 12px;
    border: 1px solid var(--border-strong, #B9C7D8);
    border-radius: 14px;
    background: linear-gradient(180deg, #FFFFFF 0%, #F9FBFD 100%);
    overflow: hidden;
}

.password-actions {
    width: 100%;
    margin-top: 2px;
}

.password-primary-button,
.password-primary-button table,
.password-actions .dxbButton,
.password-actions .dxbButton_Moderno,
#btnEpostaGonder,
#btnEpostaGonder_CD {
    width: 100% !important;
    min-height: 44px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
}

.password-actions .dxb,
#btnEpostaGonder_CD {
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 18px !important;
}

.password-actions .dx-vam {
    color: #FFFFFF !important;
    font-size: 13.5px !important;
    font-weight: 900 !important;
}

.password-result-message {
    margin-top: 2px !important;
}

.password-footer-links {
    display: flex;
    justify-content: center;
    padding: 16px clamp(18px, 3.2vw, 34px) 22px;
}

.password-footer-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 14px;
    border: 1px solid var(--border-strong, #B9C7D8);
    border-radius: 12px;
    background: #FFFFFF;
    color: var(--gov-navy, #0B1F3A);
    font-size: 13px;
    font-weight: 850;
    text-decoration: none;
}

.password-footer-links a:hover {
    background: var(--surface-2, #EEF3F8);
    text-decoration: none;
}

/* Compact message classes; global and independent from .gbs-app wrapper */
span.exam-message,
label.exam-message,
.exam-message,
.compact-alert {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: fit-content !important;
    max-width: min(100%, 760px) !important;
    min-height: 32px !important;
    padding: 6px 10px !important;
    border-radius: 11px !important;
    font-family: var(--font, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .05) !important;
}

span.exam-message::before,
label.exam-message::before,
.exam-message::before,
.compact-alert::before {
    content: "!";
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

.exam-message-danger {
    border: 1px solid var(--danger-border, #FDA29B) !important;
    background: var(--danger-bg, #FEF3F2) !important;
    color: #B42318 !important;
}

.exam-message-danger::before {
    background: #FEE4E2 !important;
    color: #B42318 !important;
}

.exam-message-info {
    border: 1px solid var(--info-border, #B8DDFB) !important;
    background: var(--info-bg, #EAF4FF) !important;
    color: var(--gov-navy, #0B1F3A) !important;
}

.exam-message-info::before {
    background: #D1E9FF !important;
    color: var(--gov-blue, #0D5EA6) !important;
}

.exam-message-success {
    border: 1px solid var(--success-border, #ABEFC6) !important;
    background: var(--success-bg, #ECFDF3) !important;
    color: #067647 !important;
}

.exam-message-success::before {
    content: "✓";
    background: #DCFAE6 !important;
    color: #067647 !important;
}

@media (max-width: 560px) {
    .password-reminder-shell {
        align-items: flex-start;
        padding: 14px;
    }

    .password-hero {
        grid-template-columns: 1fr;
        gap: 12px;
        text-align: center;
        justify-items: center;
    }

    .password-logo-wrap {
        width: 68px;
        height: 68px;
        border-radius: 20px;
    }

    .password-logo {
        width: 52px !important;
        height: 52px !important;
    }

    .password-recaptcha-box {
        padding: 10px;
        justify-content: center;
    }

    .password-recaptcha-box .g-recaptcha {
        transform: scale(.88);
        transform-origin: center center;
        margin: -5px 0;
    }
}