/* ============================================================
   NUTRIMETRIC — LOGIN / CADASTRO / SENHA (visual da landing page)
   Off-white, cartão com borda escura e sombra dura verde,
   campos de 1,5px, botões em pílula, rótulos em fonte mono.
   Só no modo claro; o modo escuro mantém o estilo base.
   ============================================================ */

body.body-login {
    --g: #059669;
    --g-deep: #047857;
    --g-text: #059669;
    --ink: #0f172a;
    --on-ink: #fff;
    --paper: #f6f6f1;
    --card: #fff;
    --input-bg: #fff;
    --muted: #64748b;
    --edge-color: #0f172a;
    --edge-w: 1.5px;
    --line-2: rgba(15, 23, 42, .2);
    --line-3: rgba(15, 23, 42, .45);
    --mono: 'JetBrains Mono', ui-monospace, monospace;
}
body.body-login:not(.light-mode) {
    --g: #10b981;
    --g-deep: #34d399;
    --g-text: #6ee7b7;
    --ink: #f5f5f5;
    --on-ink: #050505;
    --paper: #050505;
    --card: #111111;
    --input-bg: #050505;
    --muted: #a3a3a3;
    --edge-color: rgba(245, 245, 245, .75);
    --edge-w: 1px;
    --line-2: rgba(255, 255, 255, .22);
    --line-3: rgba(255, 255, 255, .5);
}
body.body-login[class] {
    background: var(--paper) !important;
    background-image: none !important;
}

/* cartão */
body.body-login[class] .login-card {
    background: var(--card) !important;
    border: var(--edge-w) solid var(--edge-color) !important;
    border-radius: 26px;
    box-shadow: 8px 8px 0 var(--g) !important;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

/* logo: quadrado verde sólido, sem brilho pulsante */
body.body-login[class] .logo-box-login {
    background: linear-gradient(135deg, #0ea371 0%, #047857 100%);
    border: var(--edge-w) solid var(--edge-color);
    border-radius: 24px;
    box-shadow: 4px 4px 0 var(--edge-color);
    animation: none;
}

/* títulos */
body.body-login[class] .login-card h2 {
    font-weight: 800;
    letter-spacing: -.04em !important;
    color: var(--ink);
}
body.body-login[class] .text-muted-custom { color: var(--muted) !important; }

/* rótulos em fonte mono */
body.body-login[class] .label-field {
    font-family: var(--mono);
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: .12em;
    color: var(--muted);
}

/* campos */
body.body-login[class] .input-group-custom {
    background: var(--input-bg);
    border: var(--edge-w) solid var(--line-2);
    border-radius: 14px;
    padding: 13px 15px;
    transition: border-color .15s, box-shadow .15s;
}
body.body-login[class] .input-group-custom:hover { border-color: var(--line-3); }
body.body-login[class] .input-group-custom:focus-within {
    border-color: var(--edge-color) !important;
    box-shadow: 3px 3px 0 var(--g) !important;
}
body.body-login[class] .input-group-custom i { color: var(--muted); }
body.body-login[class] .input-group-custom:focus-within i { color: var(--g); }
body.body-login[class] .input-group-custom input { font-size: 15px; color: var(--ink); }

/* botão principal: pílula verde, sombra dura escura no hover */
body.body-login[class] .btn-nutri-dark {
    background: var(--g);
    border: 1.5px solid var(--g);
    border-radius: 999px;
    padding: 14px;
    font-size: 15px;
    font-weight: 700;
    box-shadow: none;
    transition: transform .15s ease, box-shadow .15s ease;
}
body.body-login[class] .btn-nutri-dark::after { display: none; }
body.body-login[class] .btn-nutri-dark:hover {
    background: var(--g);
    transform: translate(-2px, -2px);
    box-shadow: 4px 4px 0 var(--edge-color);
}
body.body-login[class] .btn-nutri-dark:active { transform: none; box-shadow: none; }

/* seletor Paciente / Nutricionista (cadastro) */
body.body-login[class] .btn-type-selector {
    background: var(--card);
    border: var(--edge-w) solid var(--line-2);
    border-radius: 999px;
    color: var(--ink);
    font-weight: 700;
    transition: transform .15s ease, box-shadow .15s ease, background .15s, border-color .15s;
}
body.body-login[class] .btn-type-selector:hover {
    border-color: var(--edge-color);
    background: var(--card);
    color: var(--ink);
}
body.body-login[class] .btn-check:checked + .btn-type-selector {
    background: var(--ink) !important;
    border-color: var(--ink) !important;
    color: var(--on-ink) !important;
    box-shadow: 3px 3px 0 var(--g) !important;
}

/* links e avisos */
body.body-login[class] .text-success-custom { color: var(--g) !important; font-weight: 700; }
body.body-login[class] .text-success-custom:hover { color: var(--g-deep) !important; }
body.body-login[class] .nm-alert {
    border-radius: 14px;
    border-width: 1.5px;
    font-weight: 600;
}

/* botão de tema */
body.body-login[class] .theme-btn {
    background: var(--card);
    border: var(--edge-w) solid var(--edge-color);
    box-shadow: 3px 3px 0 var(--g);
}

@media (max-width: 576px) {
    body.body-login[class] .login-card { box-shadow: 5px 5px 0 var(--g) !important; }
}