/* Alpha: lobo e nome em um único desenho transparente, colorido pelo tema. */
.alpha-logo{display:block;width:154px;height:61px;flex:none;max-width:100%;background-color:currentColor;-webkit-mask:url('/assets/alpha-wolf-logo-v1.png') center/contain no-repeat;mask:url('/assets/alpha-wolf-logo-v1.png') center/contain no-repeat}
.login-story .brand.alpha-lockup,.sidebar .brand.alpha-lockup{display:flex;flex-direction:column;align-items:flex-start;gap:3px;letter-spacing:normal;text-decoration:none}
.login-story .alpha-lockup .alpha-logo{width:180px;height:71px;color:#b7e6ca}.login-page.theme-admin .login-story .alpha-lockup .alpha-logo{color:#dfc5f6}
.login-story .alpha-lockup .brand-caption{display:block;font-size:8px;letter-spacing:.17em;margin:0 0 0 9px;color:#b0cab9}.login-page.theme-admin .alpha-lockup .brand-caption{color:#cbb3df}
.sidebar .alpha-lockup .alpha-logo{width:154px;height:61px;color:var(--mint,#ddc9fa)}.sidebar .alpha-lockup .brand-caption{font-size:8px;color:#c4b4d0;letter-spacing:.12em}
.zeus-admin-page .top .brand,.zeus-client-page .top .brand{gap:12px}.top .brand .alpha-logo{display:block;width:124px;height:49px;color:var(--accent,#16816e)}
.workspace-rail .rail-brand{padding:0;display:flex;justify-content:center}.workspace-rail .rail-brand .alpha-logo{display:block;width:154px;height:61px;color:#bce8ce}
body[data-admin-ui] .workspace-rail .rail-brand .alpha-logo{color:#dfc5f6}body[data-admin-ui] .top .brand .alpha-logo{color:var(--accent)}
@media(min-width:1051px) and (max-width:1300px){.workspace-rail .rail-brand .alpha-logo{display:block;width:58px;height:36px}.workspace-rail .rail-brand{overflow:visible}}
@media(max-width:700px){.login-story .alpha-lockup .alpha-logo{width:155px;height:61px}.login-story .alpha-lockup .brand-caption{font-size:7px}.top .brand .alpha-logo{display:block;width:108px;height:43px}.top .brand{min-width:0}.top .brand>span:not(.alpha-logo){display:none}}

/* Uma única marca visível: lateral no desktop, cabeçalho no celular. */
@media(min-width:1051px){.zeus-admin-page .top .brand .alpha-logo,.zeus-client-page .top .brand .alpha-logo{display:none}.zeus-admin-page .top .brand>span:not(.alpha-logo),.zeus-client-page .top .brand>span:not(.alpha-logo){font-size:12px;letter-spacing:.04em;color:var(--muted)}}

/* Ilustração de conexão compartilhada pelos dois logins. */
.login-story .orbit-art{opacity:1}
.login-story .orbit-core.connection-core{width:220px;height:220px;transform:translate(-50%,-50%);border:0;border-radius:0;background:none;box-shadow:none}
.connection-core img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 22px #0002)}
.login-story .orbit-pill{z-index:2}

/* A conexão abraça o planeta: arco traseiro, Terra e arco frontal. */
.login-story .earth-connection{height:250px;transform:none;opacity:1;color:#b8f4dc}
.login-page.theme-admin .earth-connection{color:#e2c6ff}
.connection-scene{position:absolute;width:300px;height:240px;left:50%;top:0;transform:translateX(-50%);isolation:isolate}
.connection-orbit{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;color:inherit}
.connection-orbit path{stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.connection-orbit circle{fill:#fff;stroke:currentColor;stroke-width:2}
.connection-orbit.orbit-back{z-index:0;opacity:.5}
.connection-orbit.orbit-front{z-index:2;filter:drop-shadow(0 0 4px currentColor)}
.connection-scene .connection-core{z-index:1}
.login-story .connection-caption{position:absolute;bottom:0;left:0;width:100%;text-align:center;font-size:14px;font-weight:600;letter-spacing:.015em;color:#dcf7eb;text-shadow:0 2px 9px #0005,0 0 22px #b8f4dc33}
.login-page.theme-admin .connection-caption{color:#f1e5ff;text-shadow:0 2px 9px #0005,0 0 22px #dab9ff44}
@media(min-width:701px) and (max-width:1050px){.login-story .earth-connection{transform:scale(.86);transform-origin:top center;height:255px}}

/* Globo tecnológico com a América do Sul em primeiro plano. */
.connection-core img{object-fit:cover;border-radius:50%;-webkit-mask-image:radial-gradient(circle closest-side,#000 88%,transparent 100%);mask-image:radial-gradient(circle closest-side,#000 88%,transparent 100%)}
