/*
 * syapp/css/logincadastro.css
 * CORREÇÃO: Estilos de notificação removidos.
 */

.auth-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem 0;
}

.auth-container {
    width: 100%;
    max-width: 400px;
    background-color: var(--cor-surface);
    border-radius: var(--raio-borda);
    box-shadow: var(--sombra-padrao);
    padding: 1.5rem;
    position: relative;
    height: 370px;
    overflow: hidden;
}

.auth-panel {
    position: absolute;
    top: 0.2rem;
    left: 1.5rem;
    right: 1.5rem;
    opacity: 1;
}

#signup-panel {
    opacity: 0;
    transform: translateX(100%);
}

.auth-panel h2 {
    text-align: center;
    color: var(--cor-primaria);
    border-bottom: none;
    margin-bottom: 0.2rem;
    font-size: 1.5rem;
}

.icon-group { position: relative; }
.input-icon { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); color: #aaa; font-size: 0.9rem; z-index: 1; }
.icon-group input { padding-left: 40px; }
.toggle-password { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); color: #aaa; font-size: 0.9rem; cursor: pointer; z-index: 2; }
.icon-group input[type="password"], .icon-group input[type="text"][name="senha"] { padding-right: 40px; }

.form-options { display: flex; justify-content: flex-start; margin-bottom: 1rem; }
.remember-me { display: flex; align-items: center; font-size: 0.9rem; cursor: pointer; }
.remember-me input[type="checkbox"] { width: auto; margin-right: 8px; accent-color: var(--cor-primaria); }

.auth-container .btn { width: 100%; margin-top: 0.5rem; position: relative; }
.auth-switch { text-align: center; margin-top: 1rem; font-size: 0.9rem; }
.auth-switch a { color: var(--cor-primaria); font-weight: bold; text-decoration: none; }
.auth-switch a:hover { text-decoration: underline; }

.spinner { display: none; width: 20px; height: 20px; border: 3px solid rgba(255, 255, 255, 0.3); border-radius: 50%; border-top-color: #fff; animation: spin 1s ease-in-out infinite; position: absolute; top: 50%; left: 50%; margin-top: -10px; margin-left: -10px; }
@keyframes spin { to { transform: rotate(360deg); } }
.form-loading .btn-text { visibility: hidden; }
.form-loading .spinner { display: block; }
.form-loading .btn { cursor: not-allowed; background-color: var(--cor-primaria-hover); }