/* Camada institucional isolada. Não altera painéis nem formulários de autenticação. */
body.sj-public-page { background: #fff; overflow-x: visible; }
.sj-public-page > main > .container-fluid { padding: 0; }
.sj-public, .sj-public-nav, .sj-help { --sj-ink:#172d46; --sj-blue:#315d97; --sj-muted:#536477; --sj-line:#d6dfe8; --sj-tint:#f2f5f8; color:var(--sj-ink); font-family:system-ui,-apple-system,"Segoe UI",sans-serif; line-height:1.65; }
.sj-public *, .sj-help * { box-sizing:border-box; }
.sj-wrap { width:min(1160px,calc(100% - 64px)); margin-inline:auto; }
.sj-section { padding:88px 0; scroll-margin-top:100px; }
.sj-public h1, .sj-public h2, .sj-public h3, .sj-help h1, .sj-help h2, .sj-help h3 { color:inherit; font-weight:650; letter-spacing:-.035em; line-height:1.15; }
.sj-public h1 { font-size:clamp(2.25rem,3.8vw,3.65rem); margin:18px 0 24px; }
.sj-public h1 span { color:var(--sj-blue); }
.sj-public h2, .sj-help h2 { font-size:clamp(1.85rem,3vw,2.7rem)!important; margin:0 0 24px; max-width:850px; }
.sj-public h3, .sj-help h3 { font-size:1.18rem; letter-spacing:-.015em; margin:0 0 14px; }
.sj-public p, .sj-help p { color:var(--sj-muted); margin:0 0 20px; }
.sj-public a, .sj-help a { color:var(--sj-blue); text-underline-offset:4px; }
.sj-public a:hover, .sj-help a:hover { color:#183f72; }
.sj-public .sj-eyebrow, .sj-help .sj-eyebrow { color:var(--sj-blue); font-size:.75rem; font-weight:750; text-transform:uppercase; letter-spacing:.13em; margin-bottom:18px; }
.sj-public .sj-intro { font-size:1.12rem; max-width:660px; }
.sj-public .sj-audience { font-size:.9rem; }
.sj-hero { padding:80px 0 90px; }
.sj-hero-grid { display:grid; grid-template-columns:1.45fr 1fr; gap:72px; align-items:center; }
.sj-banner { margin:0; min-width:0; }
.sj-banner picture, .sj-banner img { display:block; width:100%; }
.sj-banner img { height:auto; border-radius:8px; background:#e7edf3; }
.sj-banner-hero img { aspect-ratio:1; object-fit:cover; }
.sj-banner figcaption { margin-top:10px; color:var(--sj-muted); font-size:.75rem; line-height:1.5; }
.sj-help-hero { padding-block:56px; }
.sj-help-hero-grid { display:grid; grid-template-columns:1.2fr 1fr; gap:64px; align-items:center; }
.sj-banner-help { width:100%; max-width:440px; justify-self:end; }
.sj-banner-help img { aspect-ratio:4/3; }
.sj-actions { display:flex; align-items:center; flex-wrap:wrap; gap:20px; }
.sj-public .sj-button, .sj-help .sj-button, .sj-public-nav .sj-button { display:inline-flex; align-items:center; justify-content:center; gap:18px; background:var(--sj-blue); border:1px solid var(--sj-blue); color:#fff; text-decoration:none; padding:14px 22px; border-radius:6px; font-size:.94rem; font-weight:650; line-height:1.4; min-height:48px; transition:background-color .15s; }
.sj-public .sj-button:hover, .sj-help .sj-button:hover, .sj-public-nav .sj-button:hover { background:#244a7a; color:#fff; }
.sj-public .sj-text-link { display:inline-flex; align-items:center; min-height:44px; font-size:.88rem; font-weight:600; }
.sj-process-summary { background:var(--sj-tint); border-top:3px solid var(--sj-blue); padding:32px; }
.sj-public .sj-process-summary h2 { font-size:1.7rem!important; }
.sj-process-summary ol { list-style:none; margin:28px 0 0; padding:0; }
.sj-process-summary li { display:flex; gap:18px; border-top:1px solid var(--sj-line); padding:20px 0; }
.sj-process-summary li > span { color:var(--sj-blue); font-size:.8rem; padding-top:3px; }
.sj-process-summary strong { font-size:.95rem; }
.sj-process-summary li p { font-size:.87rem; margin:5px 0 0; }
.sj-public .sj-caption { font-size:.8rem; margin:10px 0 0; }
.sj-tint { background:var(--sj-tint); }
.sj-pain-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:40px; margin-top:40px; }
.sj-pain-grid > div { padding-top:22px; border-top:1px solid #b8c7d7; }
.sj-index { display:block; color:var(--sj-blue); font-size:.8rem; font-weight:650; margin-bottom:22px; }
.sj-flow { display:grid; grid-template-columns:repeat(4,1fr); list-style:none; padding:0; gap:30px; margin:48px 0 22px; }
.sj-flow li { border-top:2px solid var(--sj-blue); padding-top:24px; }
.sj-flow p, .sj-pain-grid p { font-size:.95rem; }
.sj-public .sj-note, .sj-help .sj-note { border-left:3px solid #7895b8; padding:12px 18px; font-size:.9rem; background:#f3f6fa; }
.sj-dark { background:#19324e; color:#fff; }
.sj-public .sj-dark p, .sj-dark dd { color:#d3deeb; }
.sj-public .sj-dark .sj-eyebrow { color:#b6cdeb; }
.sj-benefit-grid { display:grid; grid-template-columns:1fr 1.15fr; gap:100px; }
.sj-benefits { margin:0; }
.sj-benefits > div { border-top:1px solid #456078; padding:20px 0; }
.sj-benefits > div:first-child { padding-top:0; border:0; }
.sj-benefits dt { font-size:1.12rem; margin-bottom:6px; font-weight:600; }
.sj-benefits dd { margin:0; font-size:.95rem; }
.sj-comparison { display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--sj-line); margin-top:36px; }
.sj-comparison > div { padding:32px; }
.sj-comparison > div:last-child { background:#edf3fa; }
.sj-comparison small { display:block; font-size:.8rem; letter-spacing:0; font-weight:400; color:var(--sj-muted); margin-top:10px; }
.sj-comparison ul { list-style:none; margin:24px 0 0; padding:0; }
.sj-comparison li { padding:15px 0; border-top:1px solid var(--sj-line); }
.sj-metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; padding:28px 0; margin:28px 0; border-block:1px solid var(--sj-line); }
.sj-metrics div { display:flex; flex-direction:column-reverse; }
.sj-metrics dt { font-size:.85rem; color:var(--sj-muted); font-weight:400; }
.sj-metrics dd { font-size:1.45rem; font-weight:600; margin:0 0 6px; }
.sj-case { display:grid; grid-template-columns:1fr 1fr; gap:20px 60px; padding-top:25px; }
.sj-case dl { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin:0; }
.sj-case dt { font-size:.9rem; }
.sj-case dd { font-size:.85rem; color:var(--sj-muted); }
.sj-case .sj-caption, .sj-case blockquote { grid-column:1/-1; }
.sj-case cite { display:block; }
.sj-conversion-grid { display:grid; grid-template-columns:1fr 1fr; gap:100px; align-items:start; }
.sj-lead-form { padding:30px; border:1px solid var(--sj-line); border-radius:8px; }
.sj-lead-form legend { font-size:1.2rem; font-weight:600; margin-bottom:20px; }
.sj-lead-form label { display:block; font-size:.85rem; font-weight:600; margin:14px 0 6px; }
.sj-lead-form input { width:100%; min-height:46px; border:1px solid #b8c7d7; border-radius:4px; padding:10px; background:#f3f5f7; color:#536477; }
.sj-lead-form button { width:100%; margin-top:24px; }
.sj-lead-form .sj-button:disabled { background:#e4e9ee; color:#526274; border-color:#c5cfd9; cursor:not-allowed; }
.sj-client { background:#eaf0f7; }
.sj-client-row { display:flex; justify-content:space-between; align-items:center; gap:40px; }
.sj-client-row h2 { margin-bottom:12px; }
.sj-client-row p:last-child { margin:0; }
.sj-public .sj-button-outline { background:transparent; color:var(--sj-blue); }
.sj-faq-grid { display:grid; grid-template-columns:1fr 1.5fr; gap:80px; }
.sj-faq details, .sj-help details { border-bottom:1px solid var(--sj-line); }
.sj-faq summary, .sj-help summary { cursor:pointer; padding:22px 8px; font-weight:600; line-height:1.5; }
.sj-faq details p { padding:0 8px 12px; font-size:.95rem; }
.sj-public :focus-visible, .sj-public-nav :focus-visible, .sj-help :focus-visible { outline:3px solid #9a5700; outline-offset:4px; }
.sj-skip { position:fixed; top:8px; left:16px; z-index:1100; transform:translateY(-180%); padding:12px 20px; background:#fff; color:#172d46; }
.sj-skip:focus { transform:none; }
.sj-public-nav.navbar { margin:0!important; background:#212529!important; border-bottom:1px solid #3b4651; box-shadow:none; padding:14px 0; }
.sj-public-nav > .sj-wrap { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; }
.sj-public-nav .navbar-brand { transform:none; margin:0; }
.sj-public-nav .navbar-toggler { background:#315d97!important; }
.sj-public-nav .navbar-toggler-icon { filter:brightness(0) invert(1); }
.sj-public-nav .navbar-collapse { background:#212529!important; backdrop-filter:none!important; box-shadow:none!important; }
.sj-public-nav .navbar-brand img { display:block; width:170px; height:auto!important; max-height:none; object-fit:initial; image-rendering:auto; transform:none; filter:none; }
.sj-public-nav .navbar-nav { align-items:center; gap:12px; }
.sj-public-nav .nav-link { color:#334b65; font-size:.87rem; padding:12px 8px; }
.sj-public-nav .sj-nav-access { font-weight:650; }
.sj-public-nav .sj-button { font-size:.82rem; padding:12px 16px; }
.sj-public-page .site-footer { margin-top:0!important; background:#fff; }
.sj-public-page .whatsapp-float { animation:none; }
.sj-help { background:white; margin:0; }
.sj-help-header { border-bottom:1px solid var(--sj-line); padding:22px 0; }
.sj-help-header .sj-wrap { display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap; }
.sj-help-header img { width:170px; height:auto; }
.sj-help-header nav { display:flex; flex-wrap:wrap; gap:24px; align-items:center; }
.sj-help-header a { padding-block:8px; }
.sj-help h1 { font-size:clamp(2.2rem,4vw,3.5rem); margin:10px 0 24px; }
.sj-help-columns { display:grid; grid-template-columns:1fr 1fr; gap:64px; }
.sj-help-columns h2 { font-size:1.7rem; }
.sj-help details ol { padding:0 24px 20px 32px; }
.sj-help details li { margin-bottom:12px; }
.sj-help details p { padding-inline:8px; }
.sj-help-links { display:grid; grid-template-columns:1fr 1fr; gap:16px 40px; padding:0; list-style:none; }
.sj-help-links a { display:block; padding:14px 0; border-bottom:1px solid var(--sj-line); }
.sj-help-footer { padding:32px 0; border-top:1px solid var(--sj-line); }
.sj-help video { width:100%; max-width:760px; }
.sj-help .sj-task { scroll-margin-top:24px; }
.sj-tutorial-grid { display:grid; grid-template-columns:260px minmax(0,1fr); gap:64px; align-items:start; }
.sj-tutorial-index { position:sticky; top:24px; }
.sj-help .sj-tutorial-index h2 { font-size:1.15rem!important; letter-spacing:0; }
.sj-tutorial-index ol { padding-left:22px; }
.sj-tutorial-index li { padding:6px 0; }
.sj-tutorial-index a { display:inline-block; padding-block:5px; }
.sj-tutorial-article { max-width:780px; overflow-wrap:anywhere; }
.sj-tutorial-article .sj-task { padding:8px 0 32px; margin-bottom:32px; border-bottom:1px solid var(--sj-line); }
.sj-help .sj-tutorial-article h2 { font-size:clamp(1.5rem,2.5vw,2rem)!important; }
.sj-tutorial-article li { margin-bottom:12px; }
.sj-tutorial-article table { display:block; max-width:100%; overflow:auto; border-collapse:collapse; }
.sj-tutorial-article th,.sj-tutorial-article td { padding:10px; border:1px solid var(--sj-line); }
@media(max-width:991px) { .sj-tutorial-grid { grid-template-columns:1fr; gap:32px; } .sj-tutorial-index { position:static; } }
@media(min-width:992px) { .sj-public-nav { position:sticky; top:0; z-index:1020; } }
@media(max-width:991px) {
    .sj-hero-grid, .sj-help-hero-grid { grid-template-columns:1fr; gap:32px; }
    .sj-banner-hero { width:100%; max-width:600px; }
    .sj-banner-hero img { aspect-ratio:4/3; }
    .sj-banner-help { max-width:400px; justify-self:start; }
    .sj-public-nav.navbar { padding:12px 0!important; }
    .sj-public-nav .navbar-collapse { margin:0!important; padding:0!important; }
    .sj-section { padding:64px 0; }
    .sj-process-summary { padding:24px; }
    .sj-flow { grid-template-columns:1fr 1fr; }
    .sj-benefit-grid,.sj-conversion-grid,.sj-faq-grid { gap:40px; }
    .sj-public-nav .navbar-nav { align-items:stretch; gap:4px; padding-top:18px; }
    .sj-public-nav .nav-link { padding:12px 0; }
    .sj-client-row { align-items:flex-start; flex-direction:column; }
}
@media(max-width:700px) {
    .sj-wrap { width:calc(100% - 40px); }
    .sj-section { padding:52px 0; }
    .sj-hero-grid,.sj-benefit-grid,.sj-conversion-grid,.sj-faq-grid,.sj-help-columns { grid-template-columns:1fr; gap:36px; }
    .sj-public h1 { font-size:2.3rem; }
    .sj-pain-grid { grid-template-columns:1fr; gap:20px; }
    .sj-pain-grid p { margin-bottom:0; }
    .sj-index { margin-bottom:14px; }
    .sj-comparison { grid-template-columns:1fr; }
    .sj-comparison > div { padding:24px; }
    .sj-metrics { grid-template-columns:1fr 1fr; }
    .sj-case { grid-template-columns:1fr; gap:20px; }
    .sj-actions { align-items:stretch; flex-direction:column; gap:12px; }
    .sj-actions .sj-text-link { justify-content:center; }
    .sj-lead-form { padding:20px; }
    .sj-help-header nav { gap:16px; }
    .sj-help-links { grid-template-columns:1fr; }
}
@media(max-width:380px) { .sj-flow { grid-template-columns:1fr; } .sj-public h1 { font-size:2rem; } .sj-case dl { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { .sj-public *, .sj-public-nav *, .sj-help * { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }
/* Site comercial multipágina: componentes próprios, sem alterar a área operacional. */
.sj-public-page .sys-breadcrumb-wrapper { width:min(1160px,calc(100% - 64px)); margin:0 auto; padding:20px 0 0; background:transparent; border:0; box-shadow:none; }
.sj-public-nav button.nav-link { border:0; background:transparent; }
.sj-public-nav .nav-link[aria-current], .sj-public-nav .dropdown-item[aria-current] { color:#173f73; text-decoration:underline; text-underline-offset:6px; }
.sj-public-nav .dropdown-menu { background:#fff!important; border:1px solid #d6dfe8; border-radius:8px; padding:8px; min-width:235px; }
.sj-public-nav .dropdown-item { color:#172d46!important; padding:12px; font-size:.88rem; white-space:normal; }
.sj-public-nav .dropdown-item:hover,.sj-public-nav .dropdown-item:focus { background:#edf3fa!important; }
.sj-footer-links { display:flex; justify-content:center; flex-wrap:wrap; gap:8px 24px; max-width:1000px; margin:0 auto 28px; padding:0 24px; }
.sj-footer-links a { color:#315d97; padding:8px 0; }
.sj-public [hidden] { display:none!important; }
@media(max-width:700px) { .sj-public-page .sys-breadcrumb-wrapper { width:calc(100% - 40px); } }
.sj-commercial-heading { max-width:1160px; }
.sj-commercial-heading h1 { max-width:850px; }
.sj-commercial-overview { border:1px solid #cad7e5; border-radius:16px; background:#f0f5fa; padding:36px; box-shadow:0 20px 50px #183f720c; }
.sj-public .sj-commercial-overview-title { font-size:1.65rem; line-height:1.3; font-weight:650; color:#172d46; letter-spacing:-.03em; }
.sj-commercial-overview ul { list-style:none; padding:0; margin:26px 0; }
.sj-commercial-overview li { display:flex; align-items:center; gap:14px; padding:13px 0; border-bottom:1px solid #d3deea; }
.sj-commercial-overview li i { color:#315d97; font-size:1.25rem; }
.sj-commercial-overview li a { font-size:.94rem; font-weight:600; text-decoration:none; }
.sj-commercial-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin:32px 0; }
.sj-commercial-grid-two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.sj-commercial-card { display:flex; flex-direction:column; align-items:flex-start; padding:30px; background:#fff; border:1px solid #d6dfe8; border-radius:10px; }
.sj-commercial-card > i { color:#315d97; font-size:1.7rem; margin-bottom:22px; }
.sj-commercial-card .sj-text-link { margin-top:auto; }
.sj-commercial-card p { font-size:.95rem; }
.sj-public .sj-note { font-size:.88rem; max-width:850px; margin:24px 0 0; }
.sj-commercial-cta { background:#eaf1f8; }
.sj-demo { border:1px solid #c9d7e5; border-radius:14px; background:#f5f8fb; padding:32px; margin:32px 0 16px; }
.sj-public .sj-demo-caption { font-size:.78rem; color:#536477; margin-bottom:18px; }
.sj-scene-controls { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:28px; }
.sj-scene-controls button { background:#fff; color:#27496e; padding:13px 18px; border:1px solid #adbed1; border-radius:6px; font-size:.88rem; font-weight:600; }
.sj-scene-controls button[aria-pressed=true] { background:#315d97; border-color:#315d97; color:white; }
.sj-demo [data-sj-panel] { background:#fff; padding:32px; border-radius:8px; border-left:4px solid #315d97; min-height:245px; }
.sj-demo-status { display:flex; gap:24px; justify-content:space-between; flex-wrap:wrap; padding-top:18px; border-top:1px solid #d6dfe8; font-size:.9rem; }
.sj-demo-status span { color:#536477; }
@media(max-width:991px) { .sj-commercial-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) { .sj-commercial-grid { grid-template-columns:1fr; } .sj-commercial-overview,.sj-commercial-card { padding:24px; } .sj-demo { padding:20px; } .sj-demo [data-sj-panel] { padding:24px; } .sj-scene-controls { flex-direction:column; } .sj-scene-controls button { text-align:left; } }
.sj-demo-layout { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:24px; align-items:stretch; }
.sj-demo-map { align-self:center; }
.sj-demo-map svg { display:block; width:100%; height:auto; border-radius:8px; }
.sj-public .sj-demo-map p { font-size:.75rem; text-align:center; margin:8px 0 0; }
.sj-demo-scenes { min-width:0; }
.sj-public .sj-hero { padding-block:64px; }
.sj-public .sj-section:not(.sj-hero) { padding-block:64px; }
@media(max-width:700px) { .sj-demo-layout { grid-template-columns:1fr; } .sj-demo-map { max-width:360px; width:100%; margin:auto; } .sj-public .sj-section { padding-block:44px; } }
@media(max-width:991px) { .sj-public-nav .dropdown-menu { position:static!important; transform:none!important; float:none; width:100%; margin:0 0 8px!important; box-shadow:none!important; } }
/* Rede decorativa exclusiva do Hero comercial. */
.sj-hero-connected { position:relative; isolation:isolate; overflow:hidden; background:#12365d; }
.sj-hero-network { position:absolute; inset:0; width:100%; height:100%; z-index:-2; pointer-events:none; color:#a3caff; }
.sj-hero-network line { stroke:currentColor; stroke-width:1; opacity:.38; }
.sj-hero-network circle { fill:currentColor; opacity:.65; }
.sj-hero-connected::after { content:""; position:absolute; inset:0; z-index:-1; pointer-events:none; background:linear-gradient(90deg,rgba(12,37,65,.3),rgba(12,37,65,.2) 48%,rgba(12,37,65,.08) 82%); }
.sj-public .sj-hero-dark h1 { color:#fff; }
.sj-public .sj-hero-dark h1 span { color:#b7d7ff; }
.sj-public .sj-hero-dark .sj-eyebrow { color:#b7d7ff; }
.sj-public .sj-hero-dark .sj-intro { color:#e0eaf7; }
.sj-public .sj-hero-dark .sj-text-link { color:#fff; }
.sj-public .sj-hero-dark .sj-button { background:#fff; border-color:#fff; color:#12365d; }
.sj-public .sj-hero-dark .sj-button:hover { background:#dceaff; border-color:#dceaff; color:#12365d; }
.sj-public .sj-hero-dark a:focus-visible { outline:3px solid #b7d7ff; outline-offset:5px; }
@media(max-width:700px) { .sj-hero-connected::after { background:rgba(12,37,65,.55); } }

/* Ilustrações vetoriais específicas de cada solução. */
.sj-solution-art { margin:0; min-width:0; }
.sj-solution-art img { display:block; width:100%; height:auto; border:1px solid #d9e4ef; border-radius:18px; }
.sj-solution-art figcaption { color:#536477; font-size:.75rem; margin-top:12px; text-align:center; }
.sj-solution-card { overflow:hidden; }
.sj-solution-thumb { width:calc(100% + 60px); max-width:none; height:auto; margin:-30px -30px 26px; border-bottom:1px solid #e2eaf2; }
@media(max-width:700px) { .sj-solution-thumb { width:calc(100% + 48px); margin:-24px -24px 24px; } .sj-solution-art { max-width:540px; width:100%; margin:auto; } }
/* Acesso do cliente separado da navegação comercial. */
.sj-public-nav .sj-client-access { order:2; display:inline-flex; align-items:center; justify-content:center; gap:8px; border:1px solid #b8c9dc; border-radius:6px; padding:11px 15px; color:#244c7b; font-size:.87rem; font-weight:600; text-decoration:none; min-height:44px; white-space:nowrap; }
.sj-public-nav .sj-client-access:hover { background:#eef4fa; }
.sj-public-nav #navbarPublic { order:1; }
.sj-public-nav .navbar-toggler { order:3; }
.sj-login-back { color:#315d97; text-decoration:none; padding:12px 0; font-size:.9rem; }
.sj-login { width:min(1000px,calc(100% - 40px)); margin:64px auto; display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; color:#172d46; font-family:system-ui,-apple-system,"Segoe UI",sans-serif; }
.sj-login .sj-login-eyebrow { text-transform:uppercase; letter-spacing:.12em; color:#315d97; font-size:.75rem; font-weight:700; }
.sj-login h1 { font-size:clamp(2rem,3vw,3rem); font-weight:650; letter-spacing:-.04em; line-height:1.12; color:#172d46; margin:18px 0 24px; }
.sj-login-intro > p:not(.sj-login-eyebrow) { color:#536477; line-height:1.7; }
.sj-login-context { display:flex; gap:16px; align-items:center; padding:22px 0; margin:24px 0; border-block:1px solid #d6e0eb; color:#536477; font-size:.9rem; }
.sj-login-context i { font-size:1.8rem; color:#315d97; }
.sj-login-new { font-size:.9rem; }
.sj-login a { color:#315d97; text-underline-offset:4px; }
.sj-login-card { background:#fff; border:1px solid #d6e0eb; padding:36px; border-radius:16px; box-shadow:0 12px 35px #244c7b09; }
.sj-login-card h2 { font-size:1.55rem!important; margin:0 0 10px; color:#172d46!important; font-weight:650; letter-spacing:-.02em; }
.sj-login-instruction { color:#536477; font-size:.9rem; margin-bottom:28px; }
.sj-login .form-label { font-size:.88rem; color:#294461; }
.sj-login .form-control { font-size:1rem; min-height:48px; }
.sj-login button[type=submit] { background:#315d97; border-color:#315d97; font-size:1rem; min-height:48px; }
.sj-login .sj-login-support { display:inline-flex; gap:6px; align-items:center; font-size:.88rem; padding:10px 0; text-decoration:none; }
.sj-login :focus-visible,.sj-login-back:focus-visible { outline:3px solid #9a5700; outline-offset:3px; }
@media(max-width:991px) { .sj-public-nav #navbarPublic { order:4; flex-basis:100%; } .sj-public-nav .sj-client-access { margin-left:auto; } .sj-login { gap:36px; margin-block:40px; } }
@media(max-width:700px) { .sj-login { grid-template-columns:1fr; gap:24px; margin-block:32px; } .sj-login-card { padding:26px; } .sj-login-context,.sj-login-new { display:none; } .sj-login h1 { margin-bottom:16px; } .sj-public-nav .sj-client-access { padding:8px 10px; } .sj-public-nav > .sj-wrap { gap:8px; } }
.sj-public .sj-justificativas-highlight h2 { font-size:1.75rem!important; margin-bottom:14px; }
.sj-justificativas-steps { list-style:none; padding:0; margin:24px 0; }
.sj-justificativas-steps li { display:flex; gap:16px; padding:18px 0; border-top:1px solid #cbd9e8; }
.sj-justificativas-steps li > span { flex:none; display:grid; place-items:center; width:34px; height:34px; border-radius:50%; background:#315d97; color:#fff; font-size:.78rem; }
.sj-justificativas-steps strong { color:#172d46; font-size:.95rem; }
.sj-public .sj-justificativas-steps p { margin:6px 0 0; font-size:.87rem; }
#justificativas { scroll-margin-top:110px; }

/* Seletor compacto das soluções na Home. */
.sj-operation-controls { flex-direction:row; flex-wrap:wrap; gap:8px; overflow:visible; padding:4px 2px 10px; }
.sj-operation-controls button { display:inline-flex; align-items:center; justify-content:center; gap:8px; flex:1 0 auto; white-space:nowrap; padding:12px 10px; font-size:.82rem; min-height:46px; }
.sj-operation-controls .bi { font-size:1.05rem; }
.sj-operation-controls button:focus-visible { outline:2px solid #315d97; outline-offset:2px; }
@media(max-width:700px) {
    .sj-operation-controls { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); overflow:visible; }
    .sj-operation-controls button { min-width:0; width:100%; white-space:normal; padding:12px 8px; gap:6px; text-align:center; }
    .sj-operation-controls button span { min-width:0; overflow-wrap:anywhere; }
}

.sj-hero-dark { background:#12365d; }
.sj-public .sj-hero-dark .sj-solution-art figcaption { color:#315579; }
.sj-hero-dark .sj-solution-art img { border-color:#6080a3; }

.sj-commercial-footer { background:#0c2541; color:#d7e4f3; padding:56px 0 24px; font-size:.88rem; line-height:1.65; }
.sj-footer-grid { display:grid; grid-template-columns:1.2fr 1.25fr .85fr 1fr; gap:36px; }
.sj-commercial-footer h2 { color:#fff; font-size:.95rem; font-weight:650; margin:0 0 18px; }
.sj-commercial-footer ul { list-style:none; padding:0; margin:0; }
.sj-commercial-footer li { margin-bottom:8px; }
.sj-commercial-footer a { color:#d7e4f3; text-decoration:none; display:inline-block; padding:3px 0; }
.sj-commercial-footer a:hover { color:#fff; text-decoration:underline; text-underline-offset:4px; }
.sj-commercial-footer a:focus-visible { outline:2px solid #b7d7ff; outline-offset:4px; }
.sj-footer-brand img { display:block; width:180px; height:auto; margin-bottom:18px; }
.sj-footer-brand p { max-width:230px; }
.sj-commercial-footer .sj-footer-description { color:#aebfd4; font-size:.82rem; margin-top:16px; }
.sj-footer-bottom { display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; border-top:1px solid #34506d; padding-top:22px; margin-top:40px; color:#aebfd4; font-size:.78rem; }
@media(max-width:991px) { .sj-footer-grid { grid-template-columns:1fr 1fr; gap:32px; } }
@media(max-width:575px) { .sj-footer-grid { grid-template-columns:1fr; gap:28px; } .sj-commercial-footer { padding-top:40px; } }
.sj-footer-bottom { padding-right:0; }

/* Navegação escura, alinhada à área do sistema. */
.sj-public-nav .nav-link, .sj-public-nav .navbar-brand, .sj-public-nav .sj-login-back { color:#e3eaf2; }
.sj-public-nav .nav-link:hover, .sj-public-nav .nav-link:focus, .sj-public-nav .nav-link.active, .sj-public-nav .nav-link[aria-current] { color:#fff; }
.sj-public-nav .sj-client-access { color:#fff; border-color:#7a8b9d; }
.sj-public-nav .sj-client-access:hover { color:#fff; background:#34404c; }
.sj-public-nav button.sj-client-access { background:transparent; }
.sj-public-nav .sj-account-access { order:2; position:relative; }
@media(max-width:991px) {
    .sj-public-nav-account > .sj-wrap { display:grid; grid-template-columns:minmax(0,1fr) auto auto; }
    .sj-public-nav-account .navbar-brand { min-width:0; }
    .sj-public-nav-account .navbar-brand img { max-width:100%; min-width:0; }
    .sj-public-nav-account #navbarPublic { grid-column:1 / -1; }
    .sj-public-nav .sj-account-access > .dropdown-menu { position:absolute!important; inset:100% 0 auto auto!important; transform:none!important; width:max-content; max-width:calc(100vw - 40px); margin:8px 0 0!important; }
}
.sj-public-nav-guest > .sj-wrap > .sj-client-access { background:#fff; border-color:#fff; color:#244c7b; }
.sj-public-nav-guest > .sj-wrap > .sj-client-access:hover { background:#dceaff; border-color:#dceaff; color:#12365d; }
@media(max-width:380px) {
    .sj-public-nav-guest .navbar-brand img { width:140px; }
}
.sj-public-nav .sj-platform-menu { width:560px; max-width:calc(100vw - 40px); }
.sj-platform-groups { display:grid; grid-template-columns:1.2fr 1fr; gap:16px; }
.sj-public-nav .sj-platform-groups .dropdown-header { color:#a7bbd2!important; font-size:.72rem!important; font-weight:600!important; line-height:1.4!important; letter-spacing:.04em; text-transform:uppercase; margin:0 0 8px!important; padding:8px 10px!important; white-space:normal; }
.sj-public-nav .sj-platform-menu { padding:12px; box-shadow:0 16px 36px #07152530; }
.sj-public-nav .sj-platform-groups { gap:12px; padding-top:4px; }
.sj-public-nav .sj-platform-groups > div + div { border-left:1px solid #465565; padding-left:12px; }
.sj-public-nav .sj-platform-groups .dropdown-item { display:flex; align-items:center; gap:10px; padding:10px!important; min-height:44px; margin:0!important; line-height:1.4; border-radius:5px; }
.sj-public-nav .sj-platform-groups .dropdown-item i { flex:none; width:20px; text-align:center; font-size:1rem!important; color:#a9c8ed!important; margin:0!important; }
.sj-public-nav .sj-platform-groups li { margin:0!important; }
@media(max-width:991px) { .sj-public-nav .sj-platform-groups > div + div { border-left:0; border-top:1px solid #465565; padding:12px 0 0; } }
.sj-platform-overview { border-bottom:1px solid #526170; padding-bottom:14px!important; margin-bottom:8px; }
.sj-public-nav .sj-platform-overview { display:flex; align-items:center; gap:10px; }
.sj-public-nav .sj-platform-overview i { flex:none; width:20px; text-align:center; font-size:1rem!important; color:#a9c8ed!important; margin:0!important; }
@media(max-width:991px) { .sj-public-nav .sj-platform-menu { max-width:100%; } .sj-platform-groups { grid-template-columns:1fr; gap:8px; } .sj-public-nav .navbar-nav > .nav-item:last-child { margin-top:8px; } }
.sj-public-nav .dropdown-menu { background:#29323c!important; border-color:#526170; }
.sj-public-nav .dropdown-item { color:#e3eaf2!important; }
.sj-public-nav .dropdown-item:hover, .sj-public-nav .dropdown-item:focus { color:#fff!important; background:#3b4b5d!important; }
.sj-public-nav :focus-visible { outline-color:#b7d7ff; }
@media(max-width:991px) {
    .sj-public-nav #navbarPublic, .sj-public-nav #navbarPublic > .navbar-nav, .sj-public-nav #navbarPublic .nav-item { min-width:0; width:100%; }
    .sj-public-nav #navbarPublic .dropdown-menu { position:static!important; inset:auto!important; transform:none!important; width:100%!important; min-width:0!important; max-width:100%!important; box-sizing:border-box; }
    .sj-public-nav #navbarPublic .sj-platform-groups { grid-template-columns:minmax(0,1fr); }
    .sj-public-nav #navbarPublic .sj-platform-groups > div { min-width:0; }
    .sj-public-nav #navbarPublic .dropdown-item { white-space:normal; overflow-wrap:break-word; }
    .sj-public-nav #navbarPublic .dropdown-item span { min-width:0; }
}

.sj-home-hero-layout { display:grid; grid-template-columns:minmax(0,1fr) 230px; align-items:center; gap:32px; }
.sj-home-hero-actions { flex-direction:column; align-items:flex-start; gap:18px; justify-self:start; }
.sj-home-hero-actions .sj-text-link { justify-content:center; }
@media(max-width:991px) { .sj-home-hero-layout { grid-template-columns:1fr; gap:24px; } .sj-home-hero-actions { flex-direction:row; align-items:center; } }
@media(max-width:575px) { .sj-home-hero-actions { flex-direction:column; align-items:stretch; } }

.sj-public .sj-hero-connected { padding:52px 0 72px; }
.sj-home-hero-layout h1 { font-size:clamp(2.25rem,4.6vw,4.1rem); }
.sj-home-hero-layout h1 span { font-size:.88em; }
.sj-home-hero-layout .sj-intro { max-width:760px; margin-bottom:0; }
.sj-home-hero-actions .sj-button { padding:16px 26px; }
@media(max-width:991px) { .sj-public .sj-hero-connected { padding:52px 0 64px; } .sj-home-hero-actions { justify-self:stretch; } }
@media(max-width:575px) { .sj-public .sj-hero-connected { padding:44px 0 52px; } }

.sj-home-hero-actions { width:100%; align-items:stretch; }
.sj-home-hero-actions .sj-button { padding:15px 16px; gap:10px; }
.sj-public .sj-hero-dark .sj-hero-secondary { background:rgba(18,54,93,.35); border-color:#aac9ee; color:#fff; }
.sj-public .sj-hero-dark .sj-hero-secondary:hover { background:#285582; border-color:#fff; color:#fff; }
@media(max-width:991px) { .sj-home-hero-actions { width:auto; align-items:center; } }
@media(max-width:575px) { .sj-home-hero-actions { width:100%; align-items:stretch; } }

/* Breadcrumb antes do hero, alinhado ao conteúdo comercial. */
.sj-public-page .sys-breadcrumb-wrapper.sj-commercial-breadcrumb { width:100%; max-width:none; margin:0; padding:18px 0; background:#fff; border:0; border-radius:0; }
.sj-commercial-breadcrumb .sys-breadcrumb { width:min(1160px,calc(100% - 64px)); margin:0 auto; padding:0; background:transparent; }
.sj-commercial-breadcrumb .sys-breadcrumb-item, .sj-commercial-breadcrumb .sys-breadcrumb-item a, .sj-commercial-breadcrumb .sys-breadcrumb-item.active { color:#315579; }
.sj-commercial-breadcrumb .sys-breadcrumb-item a:hover { color:#12365d; background:transparent; }
.sj-commercial-breadcrumb .sys-breadcrumb-item::before { color:#8faecc; }
.sj-commercial-breadcrumb .sys-breadcrumb-item i { color:inherit; }
.sj-commercial-breadcrumb a:focus-visible { outline:2px solid #315d97; outline-offset:4px; }
@media(max-width:700px) { .sj-commercial-breadcrumb .sys-breadcrumb { width:calc(100% - 40px); } }

.sj-solution-context { display:grid; grid-template-columns:minmax(0,1fr) minmax(240px,380px); align-items:center; gap:40px; margin-bottom:32px; }
.sj-solution-context .sj-solution-art { margin:0; }
@media(max-width:700px) { .sj-solution-context { grid-template-columns:1fr; gap:20px; } }

/* Indicadores editoriais da plataforma, exibidos apenas com dados validados. */
.sj-results-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; margin:32px 0; }
.sj-result-value { color:#12365d; font-size:clamp(2rem,3vw,3rem); line-height:1.15; margin-bottom:16px; overflow-wrap:anywhere; }
@media(max-width:991px) { .sj-results-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) { .sj-results-grid { grid-template-columns:1fr; } }



/* CTA final: texto flexível e ação lateral, sem truncamento. */
.sj-cta-layout { display:grid; grid-template-columns:minmax(0,1fr) 230px; align-items:center; gap:48px; }
.sj-cta-copy { min-width:0; }
.sj-public .sj-cta-copy h2, .sj-public .sj-cta-copy p { max-width:100%; height:auto; max-height:none; overflow:visible; white-space:normal; overflow-wrap:break-word; text-overflow:clip; }
.sj-public .sj-cta-copy > p:last-child { margin-bottom:0; }
.sj-cta-layout > .sj-button { width:100%; text-align:center; justify-content:center; }
@media(max-width:991px) { .sj-cta-layout { grid-template-columns:minmax(0,1fr); gap:28px; } .sj-cta-layout > .sj-button { width:auto; justify-self:start; } }
@media(max-width:575px) { .sj-cta-layout > .sj-button { width:100%; } }

/* Rodapé compacto: identidade, navegação principal e acesso. */
.sj-footer-grid { grid-template-columns:1.4fr 1fr 1fr; gap:64px; }
.sj-footer-navigation { grid-column:2 / -1; justify-self:end; }
.sj-footer-navigation ul { justify-content:flex-end; }
.sj-commercial-footer h2 { font-size:1rem!important; line-height:1.4; }
.sj-footer-technology { display:flex; align-items:center; gap:6px; }
.sj-footer-technology img { display:block; width:140px; height:auto; }
@media(max-width:991px) { .sj-footer-grid { grid-template-columns:1fr 1fr; gap:32px; } .sj-footer-brand { grid-column:1 / -1; } .sj-footer-navigation { grid-column:1 / -1; justify-self:start; } .sj-footer-navigation ul { justify-content:flex-start; } }
@media(max-width:575px) { .sj-footer-grid { grid-template-columns:1fr; gap:28px; } .sj-footer-brand { grid-column:auto; } }
.sj-public .sj-cta-copy h2 span { color:var(--sj-blue); }

/* Identidades comerciais por assunto — sem afetar menus, login ou painéis. */
.sj-theme-inicio { --sj-topic:#12365d; }
.sj-theme-plataforma { --sj-topic:#343c70; }
.sj-theme-justificativas { --sj-topic:#155e63; }
.sj-theme-substituicoes { --sj-topic:#15556f; }
.sj-theme-alteracoes { --sj-topic:#594478; }
.sj-theme-operacao { --sj-topic:#24594f; }
.sj-theme-equipes { --sj-topic:#405c70; }
.sj-theme-documentos { --sj-topic:#765728; }
.sj-theme-financeiro { --sj-topic:#69465f; }
.sj-theme-sobre { --sj-topic:#374151; }
.sj-theme-contato { --sj-topic:#225d68; }
.sj-public .sj-hero-internal { background:var(--sj-topic); padding:44px 0; }
.sj-public .sj-hero-internal::after { background:none; }
.sj-public .sj-hero-internal .sj-hero-network { opacity:.12; color:#fff; }
.sj-page-hero-layout { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); grid-template-areas:"copy visual" "actions visual"; column-gap:64px; row-gap:24px; align-items:center; }
.sj-page-hero-copy { grid-area:copy; min-width:0; }
.sj-public .sj-page-hero-copy h1 { font-size:clamp(2rem,3.3vw,3rem); line-height:1.15; margin:0 0 20px; max-width:100%; }
.sj-public .sj-page-hero-copy h1 span { display:block; color:#fff; font-size:1em; }
.sj-public .sj-page-hero-copy .sj-intro { color:#fff; font-size:1.05rem; line-height:1.65; margin:0; max-width:64ch; }
.sj-hero-visual { grid-area:visual; min-width:0; margin:0; }
.sj-hero-visual img { display:block; width:100%; height:auto; border-radius:14px; }
.sj-hero-sobre .sj-hero-visual img { clip-path:inset(2px round 14px); }
.sj-public .sj-hero-visual figcaption { color:#fff; font-size:.75rem; margin-top:10px; }
.sj-page-hero-actions { grid-area:actions; display:flex; flex-wrap:wrap; gap:16px 24px; align-items:center; margin:0; min-width:0; }
.sj-public .sj-hero-internal .sj-button { color:var(--sj-topic); background:#fff; border-color:#fff; min-height:44px; }
.sj-public .sj-hero-internal .sj-button:hover { color:var(--sj-topic); background:#eef2f6; border-color:#eef2f6; }
.sj-public .sj-page-hero-actions .sj-text-link { color:#fff; min-height:44px; display:inline-flex; align-items:center; text-decoration:underline; text-underline-offset:5px; }
.sj-public .sj-hero-internal a:focus-visible { outline:3px solid #fff; outline-offset:5px; }
.sj-hero-plataforma .sj-page-hero-layout, .sj-hero-institucional .sj-page-hero-layout { grid-template-columns:minmax(0,1fr); grid-template-areas:"copy" "actions"; }
.sj-hero-plataforma .sj-page-hero-copy { max-width:880px; }
.sj-public .sj-hero-plataforma { padding:32px 0; }
.sj-public .sj-hero-plataforma .sj-page-hero-copy h1 { font-size:clamp(2rem,3vw,2.5rem); }
.sj-hero-contato .sj-page-hero-layout { grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); grid-template-areas:"copy actions"; }
.sj-public .sj-contact-card { background:#fff; color:#172d46; display:flex; flex-direction:column; align-items:stretch; border-radius:14px; padding:28px; gap:18px; }
.sj-public .sj-contact-card h2 { color:#172d46; font-size:1.5rem; margin:0; }
.sj-public .sj-contact-card p { color:#34475a; font-size:.9rem; line-height:1.6; margin:0; }
.sj-public .sj-contact-card .sj-button { background:var(--sj-topic); color:#fff; border-color:var(--sj-topic); }
.sj-public .sj-contact-card .sj-button:hover { background:#173f47; color:#fff; border-color:#173f47; }
.sj-public .sj-contact-card a:focus-visible { outline-color:var(--sj-topic); }
.sj-public .sj-solution-context { display:block; }
.sj-about-story { max-width:920px; }
.sj-about-story p { line-height:1.75; max-width:72ch; }
@media(max-width:991px) {
    .sj-page-hero-layout { column-gap:32px; }
}
@media(max-width:700px) {
    .sj-public .sj-hero-internal { padding:28px 0 32px; }
    .sj-page-hero-layout, .sj-hero-contato .sj-page-hero-layout { grid-template-columns:minmax(0,1fr); grid-template-areas:"copy" "visual" "actions"; gap:22px; }
    .sj-hero-contato .sj-page-hero-layout { grid-template-areas:"copy" "actions"; }
    .sj-public .sj-page-hero-copy h1 { font-size:clamp(1.8rem,7.5vw,2.3rem); margin-bottom:16px; }
    .sj-public .sj-page-hero-copy .sj-intro { font-size:1rem; line-height:1.55; }
    .sj-hero-visual img { max-height:180px; object-fit:contain; object-position:left center; width:auto; max-width:100%; }
    .sj-hero-sobre .sj-hero-visual img { max-height:220px; }
    .sj-page-hero-actions { gap:12px; align-items:stretch; }
    .sj-page-hero-actions > a { justify-content:center; width:100%; text-align:center; }
    .sj-public .sj-contact-card { padding:22px; }
}
/* Titles carry the hierarchy after auxiliary eyebrows are removed. */
.sj-public #operacao-fluxos-titulo span { color:var(--sj-blue); }
.sj-contact-intro { background:#fff; }
.sj-contact-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,430px); align-items:center; gap:64px; }
.sj-contact-image { margin:0; border-radius:14px; overflow:hidden; }
.sj-contact-image img { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:cover; }
.sj-about-team { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); gap:48px; align-items:center; }
.sj-about-team figure { margin:0; }
.sj-about-team img { display:block; width:100%; height:auto; border-radius:12px; }
.sj-about-team figcaption { margin-top:10px; color:#536477; font-size:.85rem; }
.sj-public .sj-about-team h2 { font-size:clamp(1.65rem,2.2vw,2.15rem); line-height:1.25; letter-spacing:-.025em; margin-bottom:24px; }
.sj-about-team > div > p { max-width:48ch; line-height:1.75; }
.sj-about-team > div > p:last-child { margin-bottom:0; }
.sj-about-team figure { padding:0 0 16px; border-bottom:2px solid #b6cdea; }
.sj-about-team figcaption { margin-top:14px; }
@media(max-width:991px) { .sj-about-team { grid-template-columns:1fr; gap:28px; } }
@media(max-width:991px) { .sj-contact-layout { grid-template-columns:1fr; gap:32px; } .sj-contact-image { max-width:520px; } }
.sj-section-title-icon { display:flex; align-items:center; gap:14px; }
.sj-section-title-icon > i { color:var(--sj-blue); font-size:1.35rem; flex:none; }
.sj-section-title-icon > span { order:1; }
.sj-section-title-icon > i { order:2; }
.sj-public #perguntas .sj-faq { max-width:920px; }
.sj-public #perguntas .sj-faq summary { padding-block:17px; }
.sj-faq-aside { align-self:start; display:grid; gap:22px; padding:24px; border:1px solid var(--sj-line); border-radius:14px; background:#fff; }
.sj-faq-aside img { display:block; width:100%; max-height:250px; object-fit:cover; border-radius:9px; }
.sj-faq-aside h3 { margin:0 0 8px; color:var(--sj-navy); }
.sj-faq-aside p { margin:0 0 14px; }
.sj-faq-grid > aside { grid-column:1; grid-row:1; }
.sj-faq-grid > div { grid-column:2; grid-row:1; }
@media(max-width:991px) { .sj-faq-grid > aside, .sj-faq-grid > div { grid-column:auto; grid-row:auto; } }
.sj-footer-navigation ul { display:flex; flex-wrap:wrap; gap:10px 28px; list-style:none; margin:0; padding:0; }
@media(max-width:991px) { .sj-footer-navigation { grid-column:1 / -1; justify-self:start; } }
@media(max-width:575px) { .sj-footer-navigation { grid-column:auto; } .sj-footer-navigation ul { display:grid; gap:8px; } }
.sj-commercial-footer .sj-footer-navigation .sj-footer-login { display:inline-flex; align-items:center; gap:8px; margin-top:2px; padding:9px 16px; border:1px solid #8fb3dc; border-radius:6px; color:#fff; font-weight:650; background:transparent; }
.sj-commercial-footer .sj-footer-navigation .sj-footer-login::after { content:'↗'; font-size:.9em; }
.sj-commercial-footer .sj-footer-navigation .sj-footer-login:hover { background:#315d97; border-color:#315d97; text-decoration:none; }
.sj-commercial-footer .sj-footer-account .sj-footer-login { display:inline-flex; align-items:center; gap:8px; margin-top:2px; padding:9px 16px; border:1px solid #8fb3dc; border-radius:6px; color:#fff; font-weight:650; background:transparent; }
.sj-commercial-footer .sj-footer-account .sj-footer-login::after { content:none; }
.sj-commercial-footer .sj-footer-account .sj-footer-login:hover { background:#315d97; border-color:#315d97; text-decoration:none; }
.sj-footer-user { display:inline-flex; align-items:center; min-height:38px; color:#fff; font-weight:600; }
.sj-commercial-footer .sj-footer-navigation .sj-footer-logout { background:#812f3d; border-color:#a85b67; }
.sj-commercial-footer .sj-footer-navigation .sj-footer-logout:hover { background:#a83f50; border-color:#c77983; }
.sj-commercial-footer .sj-footer-account .sj-footer-logout { background:#812f3d; border-color:#a85b67; }
.sj-commercial-footer .sj-footer-account .sj-footer-logout:hover { background:#a83f50; border-color:#c77983; }
.sj-public-nav .sj-client-user { display:inline-flex; align-items:center; gap:6px; color:#e3eaf2; font-size:.84rem; max-width:180px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sj-public-nav .sj-nav-logout { border-color:#a85b67; color:#f2c8ce; }
.sj-public-nav .sj-nav-logout:hover { background:#812f3d; border-color:#c77983; color:#fff; }
.sj-footer-account { align-self:start; display:flex; flex-direction:column; align-items:flex-start; gap:12px; }
.sj-public-nav .sj-client-system { color:#b7d7ff; font-size:.8rem; text-decoration:none; }
.sj-public-nav .sj-client-system:hover { color:#fff; text-decoration:underline; }
.sj-footer-system { color:#b7d7ff!important; font-size:.82rem; }
.sj-footer-system:hover { color:#fff!important; }
.sj-public-nav .sj-client-system-primary { padding:10px 14px; border:1px solid #8fb3dc; border-radius:6px; }
.sj-public-nav .sj-client-system-primary:hover { background:#315d97; text-decoration:none; }
.sj-commercial-footer .sj-footer-system-primary { display:inline-flex; padding:9px 16px; border:1px solid #8fb3dc; border-radius:6px; }