/* BrotasPay — overrides pra aumentar logo + opções no portal (/register, /login)
   Sobrescreve o build `index-0-jWbbPJ.css` (classes portal-*).
   Carregado DEPOIS do bundle no index.html então vence por ordem. */

/* ============ LOGO (maior + mais destaque) ============
   Estrutura real no build:
   <div class="portal-login-logo">
     <img src="/logo.png" alt="BrotasPay" style="height: 56px">
   </div>
   Uso !important pra vencer o inline style de 56px do JSX. */
.portal-login-logo {
    gap: 14px !important;
    margin-bottom: 48px !important;
    justify-content: center !important;
}
.portal-login-logo img,
.portal-login-logo > img,
div.portal-login-logo img[alt="BrotasPay"] {
    height: auto !important;
    width: auto !important;
    max-width: 280px !important;
    max-height: 140px !important;
    object-fit: contain !important;
    filter: drop-shadow(0 4px 16px rgba(34,197,94,0.25));
}
/* Se em alguma tela usarem o mark + text (estrutura do login antigo) */
.portal-login-logo-mark {
    width: 80px !important;
    height: 80px !important;
    border-radius: 20px !important;
    box-shadow: 0 8px 32px rgba(34,197,94,0.45) !important;
}
.portal-login-logo-mark svg,
.portal-login-logo-mark img {
    width: 48px !important;
    height: 48px !important;
}
.portal-login-logo-text {
    font-size: 34px !important;
    letter-spacing: -0.035em !important;
}

/* ============ CONTAINER MAIS LARGO pra acomodar opções maiores ============ */
.portal-login-container {
    max-width: 520px !important;
    padding: 40px 24px !important;
}

/* ============ CARD (mais espaço interno) ============ */
.portal-login-card {
    padding: 36px 32px !important;
}
@media (max-width: 640px) {
    .portal-login-card {
        padding: 28px 22px !important;
    }
}

/* ============ HEADING maior ============ */
.portal-login-heading {
    margin-bottom: 40px !important;
}
.portal-login-heading h1,
.portal-login-heading h2 {
    font-size: 28px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
}
.portal-login-heading p {
    font-size: 15px !important;
    margin-top: 6px !important;
}

/* ============ LABELS ============ */
.portal-login-label {
    font-size: 15px !important;
    font-weight: 600 !important;
}

/* ============ INPUTS maiores ============ */
.portal-login-input,
.portal-login-input-wrap input,
input.portal-login-input {
    height: 56px !important;
    font-size: 16px !important;
    padding: 0 18px !important;
    border-radius: 12px !important;
}
.portal-login-input-password {
    padding-right: 56px !important;
}
.portal-login-toggle-pw {
    width: 40px !important;
    height: 40px !important;
}

/* ============ SELECTS (as "opções" principais) ============ */
.portal-select,
select.portal-select {
    height: 58px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 0 48px 0 20px !important;
    border-radius: 12px !important;
    border-width: 2px !important;
    background-size: 20px 20px !important;
    background-position: right 16px center !important;
}
.portal-select:hover {
    border-color: var(--portal-green, #22c55e) !important;
}

/* ============ FORM — mais respiro ============ */
.portal-login-form {
    gap: 22px !important;
}
.portal-login-field {
    gap: 8px !important;
}

/* ============ BOTÃO SUBMIT maior ============ */
.portal-login-submit {
    height: 58px !important;
    font-size: 17px !important;
    border-radius: 12px !important;
    margin-top: 12px !important;
    letter-spacing: -0.015em !important;
}

/* ============ Botões/cards de escolha (PF / PJ) — caso existam com classes genéricas ============ */
button[type="button"][class*="option"],
button[type="button"][class*="choice"],
button[type="button"][class*="type"],
.portal-login-card button[type="button"]:not(.portal-login-submit):not(.portal-login-toggle-pw) {
    min-height: 64px !important;
    font-size: 16px !important;
    padding: 14px 20px !important;
    border-radius: 12px !important;
    font-weight: 600 !important;
}

/* ============ FOOTER (link "já tem conta") ============ */
.portal-login-footer {
    font-size: 15px !important;
    margin-top: 28px !important;
}
.portal-login-footer a {
    font-weight: 600 !important;
}