/*!
 * FILEHUB — login e cadastro no visual da landing (lp/novo.html).
 * Carregar DEPOIS do filehub.css. Só mexe dentro de .fh-auth: os tokens do app
 * são trocados pela paleta da LP (creme/grafite + verde-menta, botão com sombra dura),
 * então os campos e componentes compartilhados (fh-pf-campo, fh-tel…) acompanham.
 */
  .om-dark .fh-auth{
    --lp-bg:#0B0E12; --lp-bg2:#11151B; --lp-card:#151A21; --lp-ink:#F2F1EC; --lp-ink2:#B9BCC6; --lp-ink3:#8D919D;
    --lp-line:rgba(255,255,255,.09); --lp-acc:#2EE59D; --lp-acc2:#5FF0B8; --lp-edge:#000;
    --bg:var(--lp-bg); --surface:var(--lp-card); --surface-2:#10141A;
    --hover:#1C222B; --border:rgba(255,255,255,.12); --border-2:var(--lp-line); --divider:var(--lp-line); --ring:rgba(255,255,255,.22);
    --ink:var(--lp-ink); --text:var(--lp-ink2); --muted:var(--lp-ink3); --dim:#6F7480;
    --link:var(--lp-acc); --link-hover:var(--lp-acc2); --brand-ink:var(--lp-acc); --brand-500:var(--lp-acc);
    --teal-soft:rgba(46,229,157,.14); --mint-soft:rgba(46,229,157,.08); --mint-border:rgba(46,229,157,.28);
    --shadow:rgba(0,0,0,.5); --glow:rgba(46,229,157,.07);
    color-scheme:dark;
  }
  .om-light .fh-auth{
    --lp-bg:#F7F5F0; --lp-bg2:#EEEAE1; --lp-card:#FFFFFF; --lp-ink:#16181F; --lp-ink2:#474B57; --lp-ink3:#6B6F7B;
    --lp-line:rgba(22,24,31,.1); --lp-acc:#2EE59D; --lp-acc2:#0A8F5C; --lp-edge:#16181F;
    --bg:var(--lp-bg); --surface:var(--lp-card); --surface-2:#FBFAF7;
    --hover:var(--lp-bg2); --border:rgba(22,24,31,.16); --border-2:var(--lp-line); --divider:var(--lp-line); --ring:rgba(22,24,31,.3);
    --ink:var(--lp-ink); --text:var(--lp-ink2); --muted:var(--lp-ink3); --dim:#8A8E99;
    --link:var(--lp-acc2); --link-hover:var(--lp-ink); --brand-ink:var(--lp-acc2); --brand-500:var(--lp-acc);
    --teal-soft:#D9F0E4; --mint-soft:#E9F3EC; --mint-border:#BFE3CF;
    --shadow:rgba(22,24,31,.08); --glow:rgba(46,229,157,.10);
    color-scheme:light;
  }

  .fh-auth{font-family:'Bricolage Grotesque',system-ui,-apple-system,sans-serif;background:var(--lp-bg);color:var(--lp-ink);
    -webkit-font-smoothing:antialiased;transition:background-color .4s,color .4s}
  .fh-auth ::selection{background:var(--lp-acc);color:#04140D}

  /* ---------- painel da marca: o "dark-box" pontilhado da LP (escuro nos dois temas) ---------- */
  .fh-auth-panel{background:#0E1116;color:#F2F1EC}
  .fh-auth-panel::after{background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:22px 22px;
    mask-image:radial-gradient(circle at 30% 30%,#000 35%,transparent 80%);-webkit-mask-image:radial-gradient(circle at 30% 30%,#000 35%,transparent 80%)}
  .fh-auth-panel::before{content:'';position:absolute;width:520px;height:520px;right:-180px;bottom:-200px;border-radius:50%;
    background:radial-gradient(circle,rgba(46,229,157,.22),transparent 65%);pointer-events:none}
  .fh-auth-title{font-weight:800;letter-spacing:-.042em;line-height:1;font-size:clamp(30px,3.6vw,56px);text-wrap:balance}
  .fh-auth-title .fh-auth-hl{background:none;-webkit-background-clip:initial;background-clip:initial;
    -webkit-text-fill-color:currentColor;color:#2EE59D;text-shadow:.045em .05em 0 #000}
  .fh-auth-sub{color:#B9BCC6;font-weight:500;font-size:16px;line-height:1.55}
  .fh-auth-depo{background:#151A21;border:1px solid rgba(255,255,255,.09);border-radius:20px}
  .fh-auth-depo p{color:#D7D9DF;font-style:normal;font-weight:500}
  .fh-auth-depo-quem span,.fh-auth-rating span.is-dim{color:#8D919D}
  .fh-auth-social p{color:#B9BCC6;font-weight:500}
  .fh-auth-dot{background:rgba(255,255,255,.22)}
  .fh-auth-dot.is-on{background:#2EE59D}
  .fh-auth-avs img{border-color:#0E1116}

  /* ---------- lado do formulário ---------- */
  .fh-auth-side{background:radial-gradient(640px 420px at 50% 40%, var(--glow), transparent 70%) var(--lp-bg)}
  .fh-auth-theme{width:44px;height:44px;border-radius:12px;border:2px solid var(--lp-edge);background:var(--lp-card);
    color:var(--lp-ink);box-shadow:0 3px 0 var(--lp-edge);transition:transform .14s,box-shadow .14s}
  .om-dark .fh-auth-theme{border-color:rgba(255,255,255,.18);box-shadow:0 3px 0 rgba(255,255,255,.18)}
  .fh-auth-theme:hover{transform:translateY(-1px)}
  .fh-auth-theme:active{transform:translateY(2px);box-shadow:0 1px 0 var(--lp-edge)}

  .fh-auth-card{background:var(--lp-card);border:2px solid var(--lp-edge);border-radius:24px;box-shadow:0 8px 0 var(--lp-edge)}
  .om-dark .fh-auth-card{border-color:rgba(255,255,255,.12);box-shadow:0 8px 0 rgba(0,0,0,.6),0 30px 80px -30px rgba(46,229,157,.18)}
  .fh-auth-card::before{display:none}
  .fh-auth-kicker{border-radius:6px;padding:6px 10px;background:transparent;color:var(--lp-ink2);
    font:600 12px/1 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.08em;gap:8px}
  .fh-auth-kicker::before{content:'';width:9px;height:9px;background:var(--lp-acc);display:inline-block}
  .fh-auth-card h1{font-size:clamp(28px,3vw,36px);letter-spacing:-.035em;line-height:1.05}
  .fh-auth-card > p{font-weight:500;font-size:15px;color:var(--lp-ink2)}

  .fh-auth-form .fh-pf-campo label{font-weight:700;font-size:12.5px;color:var(--lp-ink2)}
  .fh-auth-form .fh-pf-campo input,.fh-auth-form .fh-pf-campo select{height:50px;border-radius:12px;font-weight:500;font-size:15px}
  .fh-auth-form .fh-pf-campo input:focus,.fh-auth-form .fh-pf-campo select:focus{border-color:var(--lp-acc);box-shadow:0 0 0 3px rgba(46,229,157,.22)}

  /* botão principal = .btn-acc da LP */
  .fh-auth-btn{height:54px;border-radius:14px;background:var(--lp-acc);color:#04140D;border:2px solid #16181F;
    box-shadow:0 5px 0 #16181F;font-weight:700;font-size:17px;letter-spacing:-.01em;margin-top:6px;
    transition:transform .14s cubic-bezier(.2,.8,.2,1),box-shadow .14s cubic-bezier(.2,.8,.2,1)}
  .fh-auth-btn:hover{filter:none;transform:translateY(-2px);box-shadow:0 7px 0 #16181F}
  .fh-auth-btn:active{transform:translateY(4px);box-shadow:0 1px 0 #16181F}
  .fh-auth-btn:disabled{transform:none;box-shadow:0 5px 0 #16181F}
  .fh-auth-spin{border-color:rgba(4,20,13,.25);border-top-color:#04140D}

  /* Google = .btn-ghost da LP */
  .fh-auth-google{height:50px;border-radius:14px;border:2px solid var(--lp-edge);background:var(--lp-card);color:var(--lp-ink);
    box-shadow:0 4px 0 var(--lp-edge);font-weight:700;transition:transform .14s,box-shadow .14s}
  .om-dark .fh-auth-google{border-color:rgba(255,255,255,.18);box-shadow:0 4px 0 rgba(255,255,255,.14)}
  .fh-auth-google:hover{background:var(--lp-card);border-color:var(--lp-edge);transform:translateY(-2px)}
  .om-dark .fh-auth-google:hover{border-color:rgba(255,255,255,.28)}
  .fh-auth-google:active{transform:translateY(3px);box-shadow:0 1px 0 var(--lp-edge)}

  .fh-auth-link,.fh-auth-acoes button,.fh-auth-alt button{color:var(--lp-acc2);font-weight:700}
  .om-dark .fh-auth-link,.om-dark .fh-auth-acoes button,.om-dark .fh-auth-alt button{color:var(--lp-acc)}
  .fh-auth-check input{accent-color:var(--lp-acc)}
  .fh-auth-ou{font:600 11px/1 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.1em}
  .fh-auth-sent,.fh-auth-alerta{border-radius:12px}
  .fh-auth-seguro,.fh-auth-troca,.fh-auth-legal{font-weight:500}
  .fh-auth-troca{color:var(--lp-ink2)}
  .fh-auth-code input{font-family:'JetBrains Mono',ui-monospace,monospace!important}

  @media (prefers-reduced-motion:reduce){
    .fh-auth-btn,.fh-auth-google,.fh-auth-theme{transition:none}
  }