/* VERSÃO DO ARQUIVO: 1.3.5 - Destaca visualmente a sessão de conta quando o plano Plus está ativo */
.fj-login-card [hidden]{display:none!important;}
.fj-login-page{padding-top:var(--spacing-xxl);padding-bottom:var(--spacing-xxl);min-height:100vh;display:flex;align-items:center;}
.fj-login-clean-layout{width:100%;max-width:980px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,470px);gap:var(--spacing-xl);align-items:stretch;}
.fj-login-logo-wrap{grid-column:1/-1;display:flex;justify-content:center;margin-bottom:calc(var(--spacing-xl) * -0.5);}
.fj-login-logo-wrap .logo a{font-size:1.8rem;text-decoration:none;display:flex;align-items:center;gap:0.5rem;color:var(--color-text);font-weight:700;font-family:var(--font-secondary);}
.fj-login-logo-wrap .logo a span{background:linear-gradient(90deg,var(--primary-green),var(--primary-blue));-webkit-background-clip:text;background-clip:text;color:transparent;}
[data-theme="dark"] .fj-login-logo-wrap .logo a span{background:linear-gradient(90deg,var(--light-green),var(--light-blue));-webkit-background-clip:text;background-clip:text;color:transparent;}
.fj-login-logo-wrap .logo img{width:48px;height:48px;}
.fj-login-bottom-actions{grid-column:1/-1;display:flex;justify-content:center;align-items:center;padding-top:var(--spacing-sm);}
.fj-login-back-home{display:inline-flex;align-items:center;justify-content:center;gap:0.45rem;min-height:46px;padding:0.7rem 1.2rem;border-radius:999px;border:1px solid var(--color-border);background:linear-gradient(135deg,rgba(0,166,81,0.12),rgba(0,114,188,0.16));color:var(--color-text);font-weight:600;line-height:1;text-decoration:none;box-shadow:var(--box-shadow-sm);transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;}
.fj-login-back-home:hover{transform:translateY(-1px);opacity:.95;color:var(--color-text);box-shadow:0 8px 20px rgba(0,0,0,0.18);}
.fj-login-back-home:focus-visible{outline:3px solid rgba(0,114,188,0.35);outline-offset:2px;}
.fj-login-intro{background:linear-gradient(135deg,rgba(0,166,81,0.1),rgba(0,114,188,0.12));border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:var(--box-shadow-sm);}
.fj-login-intro h1{margin-bottom:var(--spacing-md);font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.2;color:var(--color-text);}
.fj-login-intro p{color:var(--color-text-secondary);font-size:1rem;}
.fj-login-benefits{margin-top:var(--spacing-lg);display:grid;gap:var(--spacing-sm);}
.fj-login-benefits li{position:relative;padding-left:1.4rem;color:var(--color-text);}
.fj-login-benefits li::before{content:"";position:absolute;left:0;top:0.55rem;width:0.55rem;height:0.55rem;border-radius:999px;background:linear-gradient(135deg,var(--primary-green),var(--primary-blue));}
.fj-login-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:var(--box-shadow-sm);display:flex;flex-direction:column;gap:var(--spacing-md);min-height:430px;}
.fj-login-card h2{margin:0;font-size:1.5rem;line-height:1.2;color:var(--color-text);}
.fj-login-initial-loader{display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-height:140px;}
.fj-login-initial-loader-spinner{width:44px;height:44px;border-radius:999px;border:3px solid rgba(0,166,81,0.2);border-top-color:var(--primary-green);border-right-color:var(--primary-blue);animation:fjLoginSpinner 0.85s linear infinite;box-shadow:0 0 0 1px rgba(0,0,0,0.04) inset;}
[data-theme="dark"] .fj-login-initial-loader-spinner{border-color:rgba(255,255,255,0.18);border-top-color:var(--light-green);border-right-color:var(--light-blue);box-shadow:0 0 0 1px rgba(255,255,255,0.08) inset;}
@keyframes fjLoginSpinner{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
.fj-login-status{margin:0;font-size:0.95rem;color:var(--color-text-secondary);}
.fj-login-user{border:1px solid var(--color-border);background:rgba(0,0,0,0.02);border-radius:var(--border-radius-md);padding:var(--spacing-md);display:grid;gap:0.25rem;}
[data-theme="dark"] .fj-login-user{background:rgba(255,255,255,0.04);}
.fj-login-user.is-plus-active{border-color:rgba(0,166,81,0.4);background:linear-gradient(135deg,rgba(0,166,81,0.12),rgba(0,114,188,0.14));}
[data-theme="dark"] .fj-login-user.is-plus-active{border-color:rgba(117,240,185,0.45);background:linear-gradient(135deg,rgba(117,240,185,0.2),rgba(102,179,255,0.22));}
.fj-login-user-label{font-size:0.82rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:0.05em;}
.fj-login-user-content{display:flex;align-items:center;gap:0.75rem;}
.fj-login-user-avatar-wrap{width:42px;height:42px;border-radius:999px;overflow:hidden;flex:0 0 42px;border:1px solid var(--color-border);background:rgba(0,0,0,0.06);position:relative;}
[data-theme="dark"] .fj-login-user-avatar-wrap{background:rgba(255,255,255,0.1);}
.fj-login-user-avatar{width:100%;height:100%;object-fit:cover;display:block;}
.fj-login-user-avatar-fallback{width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:var(--color-text);}
.fj-login-user-texts{min-width:0;display:grid;gap:0.05rem;}
.fj-login-user-name{font-size:1rem;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.fj-login-user-email{font-size:0.9rem;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.fj-login-actions{display:grid;gap:var(--spacing-sm);}
.fj-login-google-btn{width:100%;min-height:48px;border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text);display:inline-flex;align-items:center;justify-content:center;gap:0.65rem;font-weight:600;padding-inline:0.85rem;min-width:0;}
/* Fallback de first paint: evita flash claro no botão antes da aplicação do data-theme. */
@media (prefers-color-scheme: dark){
html:not([data-theme]) .fj-login-google-btn{background:#2d2d2d;color:#e9ecef;border-color:#495057;}
}
.fj-login-google-btn [data-fj-login-google-label]{display:block;max-width:calc(100% - 2rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;}
.fj-login-google-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--box-shadow-sm);}
.fj-login-google-btn:focus-visible{outline:3px solid rgba(0,114,188,0.35);outline-offset:2px;}
.fj-login-google-btn:disabled,.fj-login-logout-btn:disabled{opacity:0.7;cursor:not-allowed;}
.fj-login-logout-btn,.fj-login-favorites-link{min-height:44px;display:inline-flex;align-items:center;justify-content:center;}
.fj-login-favorites-link{gap:0.5rem;background:linear-gradient(135deg,var(--primary-green),var(--primary-blue));color:#fff;font-weight:600;border:none;transition:opacity 0.2s ease,transform 0.2s ease;}
.fj-login-favorites-link:hover{opacity:0.9;transform:translateY(-1px);color:#fff;}
[data-theme="dark"] .fj-login-favorites-link{color:#ffffff;text-shadow:0 1px 2px rgba(0,0,0,0.4);}
[data-theme="dark"] .fj-login-favorites-link:hover{color:#ffffff;text-shadow:0 1px 2px rgba(0,0,0,0.4);}
.fj-login-sync-status{margin:0;font-size:0.9rem;border-radius:var(--border-radius-sm);padding:0.6rem 0.7rem;border:1px solid transparent;}
.fj-login-sync-status.is-info{color:#084298;border-color:#b6d4fe;background:#cfe2ff;}
.fj-login-sync-status.is-success{color:#0f5132;border-color:#badbcc;background:#d1e7dd;}
.fj-login-sync-status.is-warning{color:#664d03;border-color:#ffecb5;background:#fff3cd;}
.fj-login-sync-status.is-error{color:#842029;border-color:#f5c2c7;background:#f8d7da;}
[data-theme="dark"] .fj-login-sync-status.is-info{color:#a9d2ff;border-color:rgba(169,210,255,0.35);background:rgba(8,66,152,0.45);}
[data-theme="dark"] .fj-login-sync-status.is-success{color:#75f0b9;border-color:rgba(117,240,185,0.35);background:rgba(14,80,51,0.6);}
[data-theme="dark"] .fj-login-sync-status.is-warning{color:#ffe49f;border-color:rgba(255,228,159,0.35);background:rgba(102,77,3,0.5);}
[data-theme="dark"] .fj-login-sync-status.is-error{color:#ffacb3;border-color:rgba(255,172,179,0.35);background:rgba(132,32,41,0.5);}
.fj-login-note{margin:0;margin-top:auto;font-size:0.86rem;color:var(--color-text-secondary);}
.fj-login-note-icon{vertical-align:-2px;margin-right:4px;opacity:0.6;}
@media (max-width:992px){
.fj-login-page{align-items:flex-start;}
.fj-login-clean-layout{grid-template-columns:1fr;}
}
@media (max-width:576px){
.fj-login-page{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg);}
.fj-login-logo-wrap{margin-bottom:0;}
.fj-login-intro,.fj-login-card{padding:var(--spacing-lg);}
.fj-login-back-home{width:100%;max-width:420px;}
}