/* Freedom AI — Tela de Login (web_include).
   Escopo: tudo sob body.fd-login (classe adicionada por freedom_login.js só na página de login),
   então NÃO vaza para outras páginas website. */

body.fd-login{margin:0;overflow:hidden;background:#F2EEE6;-webkit-font-smoothing:antialiased}
/* esconde o chrome nativo do website na tela de login */
body.fd-login .page-content-wrapper,
body.fd-login .web-footer,
body.fd-login footer.web-footer,
body.fd-login .navbar,
body.fd-login .navbar-expand,
body.fd-login .page-breadcrumbs,
body.fd-login .page-header-wrapper{display:none !important}

/* ===== split full-screen ===== */
.fd-login-split{position:fixed;inset:0;display:flex;z-index:3;background:#F2EEE6;
  font-family:"Inter",system-ui,sans-serif;color:#16140F}
.fd-login-left{width:42%;min-width:420px;display:flex;align-items:center;justify-content:center;
  padding:40px 56px;position:relative;background:#F2EEE6}
.fd-login-card{width:100%;max-width:360px}

/* logo + títulos */
.fd-login-card .page-card-head{text-align:left;margin:0 0 4px;padding:0;border:0;background:none}
.fd-login-card .app-logo{width:48px;height:48px;border-radius:13px;margin:0 0 24px;display:block;box-shadow:0 6px 18px -8px rgba(20,18,12,.4)}
.fd-login-card .fd-eyebrow{font-family:"JetBrains Mono",monospace;font-size:11px;letter-spacing:.18em;
  text-transform:uppercase;color:#9B968C;margin-bottom:10px}
.fd-login-card .page-card-head h4{font-family:"Sora",system-ui,sans-serif;font-weight:800;font-size:30px;
  letter-spacing:-.02em;line-height:1.08;margin:0;color:#16140F}
.fd-login-card .fd-sub{font-size:14px;color:#615C53;margin-top:9px}

/* achata o card nativo (vira só a coluna do form) */
.fd-login-card .login-content.page-card,
.fd-login-card .page-card{background:transparent;border:0;box-shadow:none;padding:0;margin:0;width:auto;max-width:none}
.fd-login-card .page-card-body{padding:0;margin-top:28px;border:0}
.fd-login-card .form-group{margin-bottom:13px}

/* inputs */
.fd-login-card .form-control{height:50px;border:1px solid #E5E0D5;background:#fff;border-radius:12px;
  padding:0 16px;font-size:14px;color:#16140F;box-shadow:none;width:100%;
  transition:border-color .15s, box-shadow .15s}
.fd-login-card .form-control:focus{border-color:#16140F;box-shadow:0 0 0 3px rgba(255,212,0,.25);outline:0}
.fd-login-card .form-control::placeholder{color:#b8b2a6}
.fd-login-card .password-field{position:relative}
.fd-login-card .toggle-password{position:absolute;right:14px;top:50%;transform:translateY(-50%);
  font-size:12px;font-weight:600;color:#9B968C;cursor:pointer}

/* esqueceu a senha */
.fd-login-card .forgot-password-message{text-align:right;margin:11px 0 0}
.fd-login-card .forgot-password-message a{font-size:12.5px;color:#615C53;text-decoration:none}
.fd-login-card .forgot-password-message a:hover{color:#16140F}

/* ações + botões */
.fd-login-card .page-card-actions{margin-top:18px}
.fd-login-card .btn-login{width:100%;height:50px;border:0;border-radius:12px;background:#16140F;color:#fff;
  font-family:"Inter",sans-serif;font-weight:600;font-size:14.5px;box-shadow:none;
  transition:background .15s, transform .08s}
.fd-login-card .btn-login:hover{background:#000;color:#fff}
.fd-login-card .btn-login:active{transform:translateY(1px)}

.fd-login-card .social-logins{margin-top:16px;text-align:center}
.fd-login-card .social-logins .login-divider,
.fd-login-card .social-logins .text-muted{color:#9B968C;font-size:12px;margin:16px 0;text-transform:none;letter-spacing:0}
.fd-login-card .btn-login-option,
.fd-login-card .btn-login-with-email-link{width:100%;height:48px;border:1px solid #E5E0D5 !important;
  border-radius:12px;background:#fff !important;color:#16140F !important;font-family:"Inter",sans-serif;
  font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:none}
.fd-login-card .btn-login-option:hover,
.fd-login-card .btn-login-with-email-link:hover{background:#F8F7F3 !important}

/* rodapé mono */
.fd-login-foot{position:absolute;left:56px;bottom:30px;font-family:"JetBrains Mono",monospace;font-size:11px;color:#9B968C}
.fd-login-foot b{color:#615C53;font-weight:500}

/* ===== painel direito — grafo de dados vivo ===== */
.fd-login-right{flex:1;position:relative;overflow:hidden;border-left:1px solid #E5E0D5;
  background:
    linear-gradient(rgba(155,150,140,.055) 1px, transparent 1px) 0 0/30px 30px,
    linear-gradient(90deg, rgba(155,150,140,.055) 1px, transparent 1px) 0 0/30px 30px,
    radial-gradient(120% 95% at 62% 20%, #FBF8F2 0%, #F2EEE6 58%, #EEE9DF 100%);}
.fd-login-right #fd-graph{position:absolute;inset:0;width:100%;height:100%;display:block}
.fd-login-right .fd-tag{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);display:flex;
  align-items:center;gap:9px;background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(6px);
  backdrop-filter:blur(6px);border:1px solid #ECE9E1;border-radius:30px;padding:9px 15px;
  font-family:"JetBrains Mono",monospace;font-size:11px;color:#615C53;letter-spacing:.05em}
.fd-login-right .fd-tag .fd-pulse{width:9px;height:9px;border-radius:50%;background:#FFD400;
  box-shadow:0 0 0 0 rgba(255,212,0,.6);animation:fd-pl 2s infinite}
@keyframes fd-pl{0%{box-shadow:0 0 0 0 rgba(255,212,0,.5)}70%{box-shadow:0 0 0 9px rgba(255,212,0,0)}100%{box-shadow:0 0 0 0 rgba(255,212,0,0)}}

@media(max-width:960px){.fd-login-right{display:none}.fd-login-left{width:100%}}
@media(prefers-reduced-motion:reduce){.fd-login-right .fd-tag .fd-pulse{animation:none}}