/* ALTCOM Login UI v1.2.0 — wp-login.php com o design do Portal de Cliente ALTCOM (tokens de altcom-portal/ui/portal.css).
   Todas as cores/fontes/raios são --alu-*; o PHP pode substituí-las por tokens (filtro altcom_login_ui_tokens). Escuro por defeito, claro com prefers-color-scheme. */
@font-face{font-family:"Geist";src:url("fonts/geist-var.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Geist Mono";src:url("fonts/geist-mono-var.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Syne";src:url("fonts/syne-800.woff2") format("woff2");font-weight:800;font-display:swap}

body.login.alu{
  color-scheme:dark;
  --alu-bg:#06071A; --alu-surface:#11142E; --alu-surface-2:#171B3A;
  --alu-line:rgba(185,188,214,.12); --alu-input-border:#6B6F94;
  --alu-text:#F4F5F9; --alu-text-2:#B9BCD6; --alu-muted:#8A8DA6;
  --alu-accent:#5AD0E6; --alu-on-accent:#0C0E24; --alu-accent-text:#5AD0E6; --alu-focus:#5AD0E6;
  --alu-dot:#5AD0E6; --alu-gradient:linear-gradient(90deg,#8061F8 0%,#5AD0E6 100%);
  --alu-glow:0 0 0 1px rgba(90,208,230,.35),0 0 32px rgba(90,208,230,.25);
  --alu-ok:#3DDC97; --alu-ok-bg:rgba(61,220,151,.12); --alu-warn:#F5B942; --alu-warn-bg:rgba(245,185,66,.12);
  --alu-info:#A592FF; --alu-info-bg:rgba(128,97,248,.16); --alu-down:#FF6B73; --alu-down-bg:rgba(229,72,77,.16);
  --alu-mesh-a:rgba(128,97,248,.16); --alu-mesh-b:rgba(90,208,230,.10); --alu-grid:rgba(185,188,214,.035);
  --alu-shadow:0 1px 0 rgba(255,255,255,.04) inset,0 10px 30px rgba(0,0,0,.35);
  --alu-font-display:"Syne","Geist",system-ui,sans-serif;
  --alu-font-sans:"Geist",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --alu-font-mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --alu-r-sm:10px; --alu-r-md:16px; --alu-r-lg:24px; --alu-r-pill:999px;
  --alu-card-w:420px; --alu-gutter:clamp(16px,3vw,40px);
  --alu-logo:none; --alu-logo-w:119px; --alu-logo-h:26px;
}
/* Modo claro: forçado (scheme light) ou do sistema (scheme auto) */
body.login.alu.alu-scheme-light{
    color-scheme:light;
    --alu-bg:#F4F5F9; --alu-surface:#FFFFFF; --alu-surface-2:#FFFFFF;
    --alu-line:rgba(12,14,36,.10); --alu-input-border:#7A7F9C;
    --alu-text:#0C0E24; --alu-text-2:#2A2D4F; --alu-muted:#4A4E6A;
    --alu-accent-text:#5B3FD9; --alu-focus:#5B3FD9;
    --alu-ok:#0B7A54; --alu-ok-bg:rgba(11,122,84,.10); --alu-warn:#7F5200; --alu-warn-bg:rgba(245,185,66,.18);
    --alu-info:#5B3FD9; --alu-info-bg:rgba(128,97,248,.12); --alu-down:#C42B33; --alu-down-bg:rgba(229,72,77,.10);
    --alu-mesh-a:rgba(128,97,248,.10); --alu-mesh-b:rgba(90,208,230,.14); --alu-grid:rgba(12,14,36,.035);
    --alu-shadow:0 10px 30px rgba(12,14,36,.06);
}
@media (prefers-color-scheme:light){body.login.alu.alu-scheme-auto{
    color-scheme:light;
    --alu-bg:#F4F5F9; --alu-surface:#FFFFFF; --alu-surface-2:#FFFFFF;
    --alu-line:rgba(12,14,36,.10); --alu-input-border:#7A7F9C;
    --alu-text:#0C0E24; --alu-text-2:#2A2D4F; --alu-muted:#4A4E6A;
    --alu-accent-text:#5B3FD9; --alu-focus:#5B3FD9;
    --alu-ok:#0B7A54; --alu-ok-bg:rgba(11,122,84,.10); --alu-warn:#7F5200; --alu-warn-bg:rgba(245,185,66,.18);
    --alu-info:#5B3FD9; --alu-info-bg:rgba(128,97,248,.12); --alu-down:#C42B33; --alu-down-bg:rgba(229,72,77,.10);
    --alu-mesh-a:rgba(128,97,248,.10); --alu-mesh-b:rgba(90,208,230,.14); --alu-grid:rgba(12,14,36,.035);
    --alu-shadow:0 10px 30px rgba(12,14,36,.06);
}}

/* Base */
html:has(body.login.alu){background:var(--alu-bg)}
body.login.alu{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--alu-gutter);box-sizing:border-box;
  background:var(--alu-bg);color:var(--alu-text);font:400 16px/1.6 var(--alu-font-sans);-webkit-font-smoothing:antialiased}
body.login.alu::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(40vw 30vw at 85% -5%,var(--alu-mesh-a),transparent 70%),radial-gradient(35vw 30vw at 0% 100%,var(--alu-mesh-b),transparent 70%),
    linear-gradient(var(--alu-grid) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,var(--alu-grid) 1px,transparent 1px) 0 0/48px 48px;
  -webkit-mask-image:radial-gradient(ellipse at 60% 0%,#000 30%,transparent 85%);mask-image:radial-gradient(ellipse at 60% 0%,#000 30%,transparent 85%)}
body.login.alu *,body.login.alu *::before,body.login.alu *::after{box-sizing:border-box}
body.login.alu a{color:var(--alu-accent-text);text-underline-offset:3px;transition:none}
body.login.alu a:hover,body.login.alu a:active{color:var(--alu-accent-text);text-decoration-thickness:2px}
body.login.alu :focus{box-shadow:none}
body.login.alu :focus-visible,body.login.alu a:focus,body.login.alu .button:focus,body.login.alu input:focus-visible{outline:2px solid var(--alu-focus)!important;outline-offset:3px;box-shadow:none!important}
body.login.alu ::selection{background:rgba(90,208,230,.3)}

/* Cartão */
.login.alu #login{width:min(100%,var(--alu-card-w));padding:32px;margin:0;display:flex;flex-direction:column;gap:20px;
  background:var(--alu-surface);border:1px solid var(--alu-line);border-radius:var(--alu-r-lg);box-shadow:var(--alu-shadow)}
.login.alu h1.wp-login-logo{margin:0}
.login.alu h1.wp-login-logo a{display:block;width:var(--alu-logo-w);height:var(--alu-logo-h);min-height:24px;margin:0;padding:0;
  background:var(--alu-logo) no-repeat left center/contain;text-indent:-9999px;overflow:hidden;border-radius:4px}

/* Cabeçalho (eyebrow + título limpo + ponto) */
.login.alu .alu-head{display:flex;flex-direction:column;gap:12px}
.login.alu .alu-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0;font:500 12px/1 var(--alu-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--alu-muted)}
.login.alu .alu-eyebrow::before{content:"";width:24px;height:2px;border-radius:2px;background:var(--alu-accent-text)}
.login.alu .alu-title{margin:0;font:800 clamp(28px,3.2vw,36px)/1.1 var(--alu-font-display);letter-spacing:-.01em;color:var(--alu-text);text-wrap:balance}
.login.alu .alu-nowrap{white-space:nowrap}
body.login.alu #login-main{display:flex;flex-direction:column;align-items:center;width:100%;margin:0}
.login.alu .alu-dot{display:inline-block;width:.2em;height:.2em;margin-left:.04em;border-radius:50%;background:var(--alu-dot)}
.login.alu .alu-lead{margin:0;color:var(--alu-muted);font-size:15px}

/* Avisos e erros */
.login.alu .message,.login.alu .notice,.login.alu #login_error,.login.alu .success{margin:0;padding:14px 16px;border:1px solid color-mix(in srgb,var(--c,var(--alu-info)) 32%,transparent);border-left:4px solid var(--c,var(--alu-info));
  border-radius:var(--alu-r-md);background:var(--cb,var(--alu-info-bg));color:var(--alu-text);font-size:14px;box-shadow:none}
.login.alu .notice p,.login.alu .message p,.login.alu #login_error p{margin:0;color:var(--alu-text)}
.login.alu #login_error,.login.alu .notice-error{--c:var(--alu-down);--cb:var(--alu-down-bg)}
.login.alu .success,.login.alu .notice-success{--c:var(--alu-ok);--cb:var(--alu-ok-bg)}
.login.alu .notice-warning{--c:var(--alu-warn);--cb:var(--alu-warn-bg)}

/* Formulário */
.login.alu form{margin:0;padding:0;background:none;border:0;box-shadow:none;overflow:visible;display:flex;flex-direction:column;gap:16px}
.login.alu form p{margin:0}
.login.alu form .user-pass-wrap,.login.alu form .user-pass1-wrap,.login.alu form .user-pass2-wrap{margin:0}
.login.alu label{display:block;margin:0 0 8px;font-size:14px;font-weight:600;line-height:1.4;color:var(--alu-text)}
.login.alu form .input,.login.alu input[type=text],.login.alu input[type=email],.login.alu input[type=password]{width:100%;min-height:48px;margin:0;padding:12px 14px;
  border:1px solid var(--alu-input-border);border-radius:var(--alu-r-sm);background:var(--alu-surface-2);color:var(--alu-text);font:400 16px/1.4 var(--alu-font-sans);box-shadow:none}
.login.alu form .input:hover{border-color:var(--alu-text-2)}
.login.alu form .input:focus{border-color:var(--alu-focus)}
.login.alu .wp-pwd{position:relative;margin:0}
.login.alu .wp-pwd .input{padding-right:52px}
.login.alu .button.wp-hide-pw{position:absolute;top:4px;right:4px;width:40px;height:40px;min-width:40px;min-height:40px;padding:0;display:grid;place-items:center;
  background:transparent;border:0;border-radius:var(--alu-r-sm);color:var(--alu-text-2)}
.login.alu .button.wp-hide-pw:hover{background:var(--alu-line);color:var(--alu-text)}
.login.alu .button.wp-hide-pw .dashicons{top:0;width:20px;height:20px;font-size:20px}
.login.alu .forgetmenot{display:flex;align-items:center;gap:8px;float:none;margin:0}
.login.alu .forgetmenot label{display:inline;margin:0;font-weight:400;color:var(--alu-text-2)}
.login.alu input[type=checkbox]{width:20px;height:20px;min-width:20px;margin:2px;border:1px solid var(--alu-input-border);border-radius:5px;background:var(--alu-surface-2);box-shadow:none}
.login.alu input[type=checkbox]:checked::before{filter:none}
.login.alu input[type=checkbox]:checked{background:var(--alu-accent);border-color:var(--alu-accent)}
.login.alu .wp-tooltip__toggle,.login.alu .wp-tooltip__close{min-width:24px;min-height:24px;color:var(--alu-text-2)}
.login.alu .wp-tooltip__bubble{background:var(--alu-surface-2);color:var(--alu-text);border:1px solid var(--alu-line);border-radius:var(--alu-r-sm)}
.login.alu .submit{display:block;margin:4px 0 0;padding:0}
.login.alu .button-primary,.login.alu #wp-submit{float:none;width:100%;height:48px;min-height:48px;padding:0 20px;border:1px solid transparent;border-radius:var(--alu-r-pill);
  background:var(--alu-accent);color:var(--alu-on-accent);font:600 15px/1 var(--alu-font-sans);text-shadow:none;box-shadow:none;cursor:pointer}
.login.alu .button-primary:hover,.login.alu #wp-submit:hover{background:var(--alu-accent);color:var(--alu-on-accent);box-shadow:var(--alu-glow)}
.login.alu .button-secondary:not(.wp-hide-pw){min-height:40px;border-radius:var(--alu-r-pill);border:1px solid var(--alu-input-border);background:transparent;color:var(--alu-text)}
.login.alu .description,.login.alu .indicator-hint{margin:0;color:var(--alu-muted);font-size:13px}
.login.alu #pass-strength-result{margin:8px 0 0;width:100%;padding:8px 12px;border-radius:var(--alu-r-sm);border:1px solid var(--alu-line);background:var(--alu-surface-2);color:var(--alu-text);font-size:13px}
.login.alu #pass-strength-result.short,.login.alu #pass-strength-result.bad{border-color:var(--alu-down);background:var(--alu-down-bg)}
.login.alu #pass-strength-result.good{border-color:var(--alu-warn);background:var(--alu-warn-bg)}
.login.alu #pass-strength-result.strong{border-color:var(--alu-ok);background:var(--alu-ok-bg)}
.login.alu .pw-weak{display:none}
.login.alu .pw-weak label{display:inline;font-weight:400}
.login.alu .reset-pass-submit{display:flex;flex-wrap:wrap;gap:8px}
.login.alu .reset-pass-submit .button{flex:1}
.login.alu .admin-email__details,.login.alu .admin-email__heading{color:var(--alu-text)}

/* Ligações de rodapé */
.login.alu #nav,.login.alu #backtoblog,.login.alu .privacy-policy-page-link{margin:0;padding:0;font-size:14px;text-align:center;color:var(--alu-muted)}
.login.alu #nav a,.login.alu #backtoblog a,.login.alu .privacy-policy-page-link a{display:inline-block;min-height:24px;padding:2px 0;color:var(--alu-accent-text)}
.login.alu #nav a:hover,.login.alu #backtoblog a:hover{color:var(--alu-accent-text)}
.login.alu .privacy-policy-page-link{margin-top:16px}
.login.alu .language-switcher{display:none}
.login.alu #login_error a,.login.alu .message a{color:var(--alu-accent-text);font-weight:600}

@media (max-width:480px){.login.alu #login{padding:24px}}
@media (prefers-reduced-motion:reduce){body.login.alu *{transition:none!important;animation:none!important}}
@media (forced-colors:active){.login.alu #login{border:1px solid CanvasText}}
