.flow-logo{display:block;width:138px;height:auto}.flow-logo-dark{display:none}.boas-vindas .flow-logo-light,.login-intro .flow-logo-light{display:none}.boas-vindas .flow-logo-dark,.login-intro .flow-logo-dark{display:block}.topo a{text-decoration:none}.boas-vindas .flow-logo{width:202px}.boas-vindas-art img{width:100%;height:100%;object-fit:contain}
.flow-login-page{background:radial-gradient(circle at 20% 15%,#2a3a63 0%,#1c2541 45%,#141a2f 100%)}.flow-login-page #app{min-height:100dvh;display:grid;place-items:center;padding:32px 24px}
.flow-login-page .login-wrap{width:min(920px,100%);max-width:920px;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);border-radius:14px;overflow:hidden;box-shadow:0 18px 50px #00000059}
.flow-login-page .login-intro{position:relative;min-height:410px;padding:38px 36px 26px;gap:30px;border-radius:0;background:linear-gradient(150deg,#1c2541 0%,#22385c 55%,#255f85 100%)}.login-intro:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:#908e7e}
.flow-story-trigger{display:block;background:none;padding:0;border:0;text-align:left;border-radius:5px;margin:0 0 22px;color:inherit}.flow-story-trigger:hover{filter:brightness(1.12)}.flow-story-trigger:focus-visible{outline:2px solid #8fb3cc;outline-offset:7px}.flow-story-trigger .flow-logo{width:205px}
.flow-login-page .login-intro .flow-lead{font-size:15.5px;color:#f6f7f5;margin:0 0 10px;max-width:none}.flow-login-page .login-intro .flow-description{font-size:13px;line-height:1.55;color:#c2cbcc;margin:0;max-width:none}
.flow-highlights{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:12px;color:#f6f7f5}.flow-highlights li{position:relative;padding-left:22px;line-height:1.5;font-size:13px}.flow-highlights li:before{content:"";position:absolute;left:2px;top:6px;width:8px;height:8px;border-radius:2px;background:#8fb3cc;box-shadow:0 0 0 3px #8fb3cc2e}
.flow-login-page .login-intro .flow-author{max-width:none;margin:0;padding-top:14px;border-top:1px solid #c2cbcc38;color:#c2cbcc;font-size:11.5px;font-style:italic;line-height:1.6}
.flow-login-page .login-form{width:100%;padding:30px 28px;border:0;border-radius:0;min-width:0;margin:0}.login-form h1{font-size:20px;margin:0 0 6px;color:#1c2541}.login-form>.muted{font-size:13px;margin:0 0 20px}
.flow-login-page .login-form .field{font-size:12.5px;font-weight:400;color:#6b6a5f;margin-bottom:13px;gap:4px}.login-form input{font-size:14px;padding:9px 11px;border-radius:7px;width:100%}.login-form input:focus{outline:2px solid #255f85;outline-offset:0}
.flow-login-page .login-form .botao{padding:11px;margin-top:4px;font-size:15px}.flow-login-page .login-footer{font-size:12px;line-height:1.6;margin:16px 0 8px;color:#6b6a5f}.flow-preview{font-size:12px;text-align:center;margin-top:18px;text-underline-offset:4px}
.flow-story{width:min(780px,calc(100vw - 32px));max-height:90dvh;background:#1c2541;color:#fff;border:1px solid #8fb3cc55;border-radius:14px;box-shadow:0 24px 100px #0008;overflow:auto}.flow-story::backdrop{background:#101629c9;backdrop-filter:blur(5px)}
.flow-story-art{background:radial-gradient(ellipse at 30% 40%,#294664,#1c2541 75%);padding:16px 30px 0}.flow-story-art img{width:100%;display:block;max-height:310px}
.flow-story-copy{padding:24px 38px 8px}.flow-story-copy h2{font-size:24px;margin-bottom:14px}.flow-story-copy p{font-size:14px;color:#c7dbe9;line-height:1.75}.flow-story-copy .flow-story-kicker{font-size:11px;color:#8fb3cc;letter-spacing:2px;text-transform:uppercase;margin-bottom:8px}
.flow-story-actions{padding:0 38px 28px;display:flex;justify-content:flex-end}.flow-story-actions button{background:#c7dbe9;color:#1c2541;border:0;padding:10px 24px;border-radius:5px;font-weight:600}.flow-story[open] .flow-story-art{animation:flow-reveal .7s ease both}
@keyframes flow-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.flow-story[open] .flow-story-art{animation:none}}
@media(max-width:760px){.flow-login-page #app{padding:24px 16px}.flow-login-page .login-wrap{grid-template-columns:1fr;max-width:440px}.flow-login-page .login-intro{padding:24px;min-height:0;gap:18px}.flow-login-page .login-intro .flow-lead{display:block;margin:0}.flow-login-page .login-intro .flow-description,.flow-highlights{display:none}.flow-login-page .login-intro .flow-author{display:block;font-size:10.5px}.flow-story-trigger{margin-bottom:15px}.flow-story-trigger .flow-logo{width:180px}.flow-login-page .login-form{padding:26px 24px}.topo .flow-logo{width:106px}.boas-vindas .flow-logo{width:152px}.flow-story-copy{padding:20px 24px 4px}.flow-story-copy h2{font-size:21px}.flow-story-actions{padding:0 24px 24px}.flow-story-art{padding:12px 12px 0}}

/* Padrão comum com Analytics e Academy: topo, quadro de boas-vindas, cartão da empresa e MENUS (medido no Analytics a 1600 px). */
.topo{padding:8px 20px 6px;min-height:61px}
.topo .avatar{width:32px;height:32px;font-size:12.5px}
.topo-company .company-marca-slogan{font-weight:600;padding-left:10px}
.boas-vindas{margin-top:-1px}
.boas-vindas h2{letter-spacing:.2px}
.boas-vindas-lead{line-height:normal;max-width:none}
.boas-vindas .selo{font-weight:400}
.empresa-atual .company-marca-nome{font-size:13px;line-height:13.65px;letter-spacing:.5px}
.empresa-atual .company-marca-slogan{font-size:13px;line-height:13.65px}
.empresa-atual-texto small{font-size:12px;line-height:normal;margin:0}
.empresa-atual label{font-size:12.5px;margin-right:-8px}
.empresa-atual select{padding:7px 10px;width:200px;min-width:0}
.inicio-secao{margin:0 2px 4px}
.mosaico-blocos{grid-template-columns:repeat(9,minmax(0,1fr));gap:clamp(8px,.9vw,16px);justify-content:stretch;padding-top:8px}
.mosaico-blocos>.mosaico-bloco{width:auto;height:auto;aspect-ratio:1/1;gap:clamp(6px,.7vw,14px);border-radius:10px}
.mosaico-blocos .mosaico-icone svg{width:clamp(34px,3.3vw,64px);height:clamp(34px,3.3vw,64px)}
.mosaico-blocos .mosaico-nome{font-size:clamp(11.5px,.95vw,16px);padding:0 8px}
@media(max-width:1100px){.mosaico-blocos{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:760px){.mosaico-blocos{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mosaico-blocos .mosaico-icone svg{width:36px;height:36px}.mosaico-blocos .mosaico-nome{font-size:12px}}
@media(max-width:1100px){.topo-company .company-marca-nome{font-size:15px}.topo-company .company-marca-slogan{font-size:11px;padding-left:6px}}
@media(max-width:760px){.topo{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:8px 10px;min-height:0}.topo-esq{flex:1 1 100%;min-width:0}.topo .menu-usuario{margin-left:auto}main{padding:6px 10px 30px}.boas-vindas-texto{padding:24px 20px 20px}.boas-vindas h2{font-size:30px}.empresa-atual label{flex:0 0 auto;width:auto}.empresa-atual select{flex:1 1 0;width:auto}}
.boas-vindas .flow-logo{width:161.6px}
.topo-company .company-marca-nome,.empresa-atual .company-marca-nome{text-align:right;color:#1f2430}
.topo-company .company-marca-slogan{text-align:left}
.empresa-atual .company-marca-slogan{color:#1f2430;border-color:#1f2430}
.empresa-atual label{color:#4a5a7a}
.empresa-atual select{border-radius:7px;color:#000}
.inicio-secao{display:none}
@media(max-width:760px){.boas-vindas .flow-logo{width:121.6px}}
.topo-company .company-marca-slogan,.empresa-atual .company-marca-slogan{opacity:1}
/* Janela de menus igual à do Analytics: 1500 px, cabeçalho de 59 px com Início, grade com 22 px e grupo aberto no lugar da grade. */
.mosaico-overlay .mosaico-janela{max-width:min(1500px,100%)}
.mosaico-overlay .mosaico-cabeca{padding:12px 18px 12px 22px;border-bottom:1px solid #dde3e4}
.mosaico-overlay .mosaico-cabeca .flow-logo{width:auto;height:25px}
.mosaico-cabeca-acoes{display:flex;align-items:center;gap:8px}
.mosaico-inicio{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:0;border-radius:8px;background:#4a5a7a;color:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.mosaico-inicio svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.mosaico-inicio:hover{background:#255f85}
.mosaico-overlay .mosaico-blocos{padding:22px}
.mosaico-janela:has(.submenu:not([hidden]))>.mosaico-blocos{display:none}
.mosaico-overlay .submenu{margin:16px;max-width:none}
.submenu-links{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.submenu-lado .mosaico-bloco.fixo{width:130px;height:130px}
.mosaico-bloco.fixo .mosaico-icone svg{width:42px;height:42px}
.mosaico-bloco.fixo .mosaico-nome{font-size:12.5px}
.submenu-links .atual{background:rgba(255,255,255,.1);box-shadow:inset 3px 0 0 #8fc1e0}
.submenu-links .atual b{color:#8fc1e0}
.submenu-links button{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;text-align:left}