/* Fatsis · estilos próprios. A moldura e as telas usam legado.css (o visual da Central de Faturamento). */
.fs-entrada{--fundo:#f5f7fa;--cartao:#fff;--texto:#14202b;--suave:#5b6b7a;--linha:#dde3ea;--pri:#0b6fb3;--pri-t:#fff;--erro:#b42318;--ok:#067647;--aviso-c:#b54708}
@media (prefers-color-scheme:dark){.fs-entrada{--fundo:#0f151b;--cartao:#17202a;--texto:#e6edf3;--suave:#9aa8b5;--linha:#2a3743;--pri:#3d9be0;--pri-t:#0b1116;--erro:#f97066;--ok:#47cd89;--aviso-c:#fdb022}}
.carregando{padding:40px 16px;text-align:center;color:var(--tinta-3,#5b6b7a)}
.centro{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:var(--fundo);color:var(--texto)}
.centro .cartao{background:var(--cartao);border:1px solid var(--linha);border-radius:12px;padding:24px;width:100%;max-width:400px;box-shadow:none}
.marca{font-size:26px;font-weight:700;letter-spacing:-.5px;margin-bottom:4px}
.marca,.fs-marca{color:#02315B}
.marca span,.fs-marca span{color:#01BBF3}
.centro .sub{color:var(--suave);font-size:13.5px}
.centro label{display:block;font-size:13px;font-weight:600;margin:14px 0 4px}
.centro input{width:100%;padding:10px 12px;border:1px solid var(--linha);border-radius:8px;background:var(--fundo);color:var(--texto);font:inherit}
.centro input:focus{outline:2px solid var(--pri);outline-offset:1px}
.centro .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:8px;border:1px solid var(--linha);background:var(--cartao);color:var(--texto);font:inherit;font-weight:600;cursor:pointer}
.centro .btn.pri{background:var(--pri);border-color:var(--pri);color:var(--pri-t);width:100%;margin-top:18px}
.centro .btn:disabled{opacity:.6;cursor:default}
.centro .link{background:none;border:0;color:var(--pri);font:inherit;padding:0;cursor:pointer;text-decoration:underline}
.centro .msg{margin-top:14px;font-size:13.5px}.centro .msg.erro{color:var(--erro)}.centro .msg.ok{color:var(--ok)}
.centro .aviso{border:1px solid var(--linha);border-left:4px solid var(--aviso-c);border-radius:8px;padding:12px 14px;background:var(--cartao)}
.fs-logo{min-height:64px}
.fs-marca{font:900 30px/1 Nunito,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:-.4px;color:#02315B}
[data-menu-rec] .fs-marca{font-size:15px}
.menu a.fs-bloq{opacity:.55;cursor:default}
.menu a.fs-bloq:hover{background:none}
.fs-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#14202b;color:#fff;padding:10px 16px;border-radius:8px;font-size:14px;max-width:min(92vw,520px);transition:.2s;z-index:100}
.fs-toast.on{opacity:1;transform:translate(-50%,0)}
/* Minha assinatura: planos */
.fs-ass-planos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
@media (max-width:1200px){.fs-ass-planos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.fs-ass-planos{grid-template-columns:1fr}}
.fs-ass-plano{border:1px solid var(--linha);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px;background:var(--papel)}
.fs-ass-plano.atual{border-color:var(--acento);box-shadow:0 0 0 2px var(--acento-fundo)}
.fs-ass-plano.quer{border-color:var(--atencao);box-shadow:0 0 0 3px var(--atencao-fundo)}
.fs-ass-plano h3{margin:0;font-size:18px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.fs-ass-plano p{margin:0;font-size:13px;color:var(--tinta-2)}
.fs-ass-plano ul{margin:2px 0 0;padding-left:18px;font-size:13px;display:grid;gap:3px}
.fs-ass-acoes{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:6px}
.fs-ass-acoes .btn{white-space:normal;text-align:center;max-width:100%}
@media (max-width:880px){.fs-logo{min-height:0}.lateral .fs-marca{font-size:16px;display:inline}.lateral .fs-marca span{display:inline}}
/* Faturamento (Central) dentro do Fatsis: atalho de volta, acima do usuário no rodapé do menu */
.lateral .fs-voltar{margin-top:auto;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;text-decoration:none;
  border:1px solid rgba(46,196,234,.45);background:linear-gradient(135deg,rgba(46,196,234,.16),rgba(46,196,234,.04));color:var(--lateral-forte,#fff);transition:border-color .15s,background .15s,transform .15s}
.lateral .fs-voltar:hover{border-color:#2ec4ea;background:linear-gradient(135deg,rgba(46,196,234,.26),rgba(46,196,234,.08));transform:translateY(-1px)}
.lateral .fs-voltar:focus-visible{outline:2px solid #2ec4ea;outline-offset:2px}
.lateral .fs-voltar + .pe{margin-top:0}
.fs-voltar .fs-v-ic{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#2ec4ea;color:#0b1a2b}
.fs-voltar .fs-v-ic svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.fs-voltar .fs-v-txt{display:flex;flex-direction:column;line-height:1.1;min-width:0}
.fs-voltar .fs-v-txt small{font-size:11px;opacity:.75;color:inherit}
.fs-voltar .fs-v-txt b{font:700 17px/1.1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:-.3px;color:inherit}
.fs-voltar .fs-v-txt b i{font-style:normal;color:#2ec4ea}
[data-menu-rec] .lateral .fs-voltar{width:52px;padding:10px;justify-content:center}
[data-menu-rec] .lateral .fs-voltar .fs-v-txt{display:none}
@media (max-width:880px){.lateral .fs-voltar{margin:0;flex:none;padding:6px 10px}.lateral .fs-voltar .fs-v-txt small{display:none}.lateral .fs-voltar .fs-v-ic{width:24px;height:24px}}
/* ícone do Fatsis (barras e pulso) ao lado do nome */
.fs-ic{width:1.15em;height:1.15em;vertical-align:-.2em;margin-right:.35em;filter:drop-shadow(0 3px 6px rgba(31,120,214,.22))}
.marca .fs-ic{width:1.3em;height:1.3em;vertical-align:-.28em}
[data-menu-rec] .fs-marca .fs-ic{margin-right:0}
.lateral .logo-cx img.fs-ic,.logo img.fs-ic{width:1.15em!important;height:1.15em!important;max-width:none!important;max-height:none!important;display:inline-block!important;object-fit:contain;padding:0!important;margin:0 .35em 0 0!important;opacity:1!important;position:static!important}
[data-menu-rec] .lateral .fs-marca{font-size:0!important}
[data-menu-rec] .lateral .logo-cx img.fs-ic{width:30px!important;height:30px!important;margin:0!important}
/* Tela de entrada no visual do site fatsis.com.br: apresentação e planos à esquerda, acesso à direita */
.fs-login{--fm-bg:oklch(42% .06 250);--fm-deep:oklch(33% .055 249);--fm-card:oklch(50% .062 249);--fm-line:oklch(100% 0 0/.22);--fm-glass:oklch(100% 0 0/.09);--fm-txt:oklch(96% .012 240);--fm-head:oklch(98% .006 235);--fm-muted:oklch(90% .025 240);--fm-cyan:oklch(75% .13 225);--fm-cyan2:oklch(79% .125 220);--fm-blue:oklch(72% .14 252);--fm-ink:oklch(19% .045 249);--fm-grid:oklch(88% .08 225/.12);--fm-erro:oklch(80% .12 25);--fm-ok:oklch(84% .13 165)}
.fs-login{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:40px 24px;box-sizing:border-box;font-family:Manrope,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--fm-txt);
  background:radial-gradient(70% 60% at 85% 0%,oklch(72% .12 225/.18),transparent 70%),linear-gradient(120deg,oklch(38% .058 250),var(--fm-bg) 55%,oklch(44% .062 245));position:relative;overflow:hidden}
.fs-login:before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--fm-grid) 1px,transparent 1px),linear-gradient(90deg,var(--fm-grid) 1px,transparent 1px);background-size:56px 56px;
  -webkit-mask-image:radial-gradient(80% 70% at 70% 40%,#000 20%,transparent 80%);mask-image:radial-gradient(80% 70% at 70% 40%,#000 20%,transparent 80%);pointer-events:none}
.fs-login *{box-sizing:border-box}
.fs-l-in{position:relative;z-index:1;width:min(1160px,100%);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,420px);grid-template-areas:"info acesso" "planos acesso";column-gap:clamp(32px,6vw,88px);row-gap:34px;align-items:center}
.fs-l-info{grid-area:info;align-self:end}
.fs-l-acesso{grid-area:acesso}
.fs-l-planos{grid-area:planos;align-self:start;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.fs-l-marca{display:flex;align-items:center;gap:12px;margin-bottom:34px}
.fs-l-marca img{width:44px;height:44px;filter:drop-shadow(0 6px 14px oklch(60% .14 250/.3))}
.fs-l-marca span{font:800 24px/1 Sora,Manrope,sans-serif;letter-spacing:.06em;color:var(--fm-head)}
.fs-l-marca b{color:var(--fm-cyan2);font-weight:800}
.fs-l-marca small{display:block;margin-top:5px;font:500 9.5px/1 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.16em;color:var(--fm-muted)}
.fs-l-eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 16px;font:500 11px/1.2 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.16em;color:var(--fm-cyan)}
.fs-l-eyebrow i{width:28px;height:1px;background:var(--fm-cyan)}
.fs-login h1{margin:0 0 18px;font:800 clamp(32px,4.2vw,52px)/1.08 Sora,Manrope,sans-serif;letter-spacing:-.035em;color:var(--fm-head);max-width:720px}
.fs-login h1 span{display:block;background:linear-gradient(96deg,var(--fm-cyan2) 5%,var(--fm-blue) 90%);-webkit-background-clip:text;background-clip:text;color:transparent}
.fs-l-resumo{margin:0;max-width:600px;font-size:16.5px;line-height:1.7;color:var(--fm-muted)}
.fs-l-plano{background:var(--fm-glass);border:1px solid var(--fm-line);border-radius:8px;padding:16px 16px 14px;display:flex;flex-direction:column;gap:6px}
.fs-l-plano b{font:700 16px/1.2 Sora,Manrope,sans-serif;color:var(--fm-head)}
.fs-l-plano p{margin:0;font-size:12.5px;line-height:1.45;color:var(--fm-muted)}
.fs-l-plano ul{list-style:none;margin:6px 0 0;padding:8px 0 0;border-top:1px solid var(--fm-line);display:grid;gap:5px}
.fs-l-plano li{font-size:12px;line-height:1.35;color:var(--fm-txt);display:flex;gap:6px}
.fs-l-plano li:before{content:"✓";color:var(--fm-ok);font-weight:900}
.fs-l-selo{align-self:flex-start;font:600 10px/1 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;padding:5px 8px;border-radius:99px;color:var(--fm-ink)}
.fs-p-bronze .fs-l-selo{background:linear-gradient(135deg,#e2a47a,#b8774f)}
.fs-p-prata .fs-l-selo{background:linear-gradient(135deg,#eef2f6,#aab6c3)}
.fs-p-ouro .fs-l-selo{background:linear-gradient(135deg,#f6dc8a,#d1a63f)}
.fs-l-nota{grid-column:1/-1;margin:2px 0 0;font-size:12.5px;color:var(--fm-muted)}
.fs-l-nota a{color:var(--fm-cyan2);font-weight:700}
.fs-l-form{background:var(--fm-card);border:1px solid var(--fm-line);border-radius:10px;padding:32px 30px 28px;box-shadow:0 30px 80px oklch(0% 0 0/.35)}
.fs-l-form h2{margin:0 0 6px;font:700 24px/1.2 Sora,Manrope,sans-serif;letter-spacing:-.02em;color:var(--fm-head)}
.fs-l-sub{margin:0 0 20px;font-size:14px;line-height:1.5;color:var(--fm-muted)}
.fs-l-sub b{color:var(--fm-head)}
.fs-l-form label{display:block;margin:16px 0 6px;font-size:12.5px;font-weight:700;color:var(--fm-head);letter-spacing:.01em}
.fs-l-rot{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.fs-l-rot label{margin-bottom:6px}
.fs-l-form input{width:100%;height:48px;padding:0 14px;font:inherit;font-size:15px;color:#17243b;background:#fbfdff;border:1px solid #d8e1ed;border-radius:9px;outline:none;transition:border-color .15s,box-shadow .15s}
.fs-l-form input::placeholder{color:#8a98ab}
.fs-l-form input:focus{border-color:var(--fm-cyan);box-shadow:0 0 0 3px oklch(75% .13 225/.35)}
.fs-senha{position:relative}
.fs-senha input{padding-right:50px}
.fs-olho{position:absolute;top:50%;right:6px;transform:translateY(-50%);width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:8px;background:none;color:#5b6b80;cursor:pointer}
.fs-olho:hover{background:#eef3f9;color:#17243b}
.fs-olho:focus-visible{outline:2px solid var(--fm-cyan);outline-offset:1px}
.fs-olho svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.fs-l-form .btn.pri{display:flex;align-items:center;justify-content:center;width:100%;height:50px;margin-top:24px;border:0;border-radius:10px;background:var(--fm-cyan);color:var(--fm-ink);font:800 15px/1 Manrope,sans-serif;cursor:pointer;box-shadow:0 12px 30px oklch(72% .12 228/.25);transition:background .15s,transform .15s}
.fs-l-form .btn.pri:hover{background:var(--fm-cyan2);transform:translateY(-1px)}
.fs-l-form .btn.pri:disabled{opacity:.65;cursor:default;transform:none}
.fs-l-form .link{background:none;border:0;padding:0;font:inherit;font-size:12.5px;font-weight:600;color:var(--fm-cyan2);cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.fs-l-form .msg{margin-top:14px;font-size:13.5px;line-height:1.5;color:var(--fm-muted)}
.fs-l-form .msg:empty{display:none}
.fs-l-form .msg.erro{color:var(--fm-erro)}.fs-l-form .msg.ok{color:var(--fm-ok)}
@media (max-width:960px){
  .fs-login{place-items:start center;padding:28px 16px 36px}
  .fs-l-in{grid-template-columns:minmax(0,1fr);grid-template-areas:"info" "acesso" "planos";row-gap:26px;max-width:560px}
  .fs-l-marca{margin-bottom:22px}
  .fs-l-resumo{font-size:15px}
}
@media (max-width:620px){
  .fs-l-planos{grid-template-columns:minmax(0,1fr)}
  .fs-l-form{padding:24px 20px 22px}
}
