/* ============================================================================
   Login — padrão DashKit aplicado ao cartão de acesso
   ----------------------------------------------------------------------------
   Mantém o fundo azul (#00214A, vindo de resources/css/main.css) e só
   moderniza o cartão central: usa .dk-card/.dk-form/.dk-btn (definidos em
   sidebar-modern.css) e ajusta aqui só o que é específico desta tela
   (logo, espaçamento do cartão, link "Recuperar senha").
   ============================================================================ */

.login-card {
    padding: 48px 44px !important;
}

/* main.css tem "#form1 { padding: 0 10%; }" — com o cartão já espaçoso,
   esse padding extra empurra os campos demais pra dentro. */
#form1 {
    padding: 0 !important;
}

.login-logo {
    text-align: center;
    margin-bottom: 28px;
}

.login-logo img {
    width: 200px;
    max-width: 70%;
    margin: 0 auto;
    display: inline-block;
}

.login-card .field > label {
    text-transform: none !important;
}

.login-submit {
    margin-top: 8px !important;
    letter-spacing: .2px;
}

.login-forgot {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    text-align: center;
    color: #667085 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    transition: color .15s ease;
}

.login-forgot:hover {
    color: #2e6bff !important;
}

.login-forgot i.icon {
    font-size: 13px !important;
    margin: 0 !important;
}