/* Elementos adicionados pela camada de servidor (login, sessão, status de salvamento, downloads). */
.af-sessao{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
#af-usuario{font-size:13px;color:#dfe7f3}
#af-sair{display:inline-block;width:auto;background:transparent;color:#fff;border:1px solid rgba(255,255,255,.45);border-radius:8px;padding:6px 12px;font-size:12px;text-align:center}
#af-sair:hover{background:rgba(255,255,255,.12)}
#af-sair[hidden]{display:none}

#af-status{position:fixed;right:16px;bottom:16px;z-index:50;padding:8px 14px;border-radius:999px;font-size:12px;background:#fff;border:1px solid #d0d7e2;box-shadow:0 2px 8px rgba(19,40,70,.12);color:#5b6b82}
#af-status.ok{color:#16834a}
#af-status.erro{color:#b42318;border-color:#f3b8b2;background:#fff5f4}
#af-status[hidden]{display:none}

#af-tela{position:fixed;inset:0;z-index:100;background:#252525;border-top:3px solid #d8ae00;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:16px;overflow:auto}
.af-logo{width:200px;max-width:60vw;height:auto}
#af-tela[hidden]{display:none}
.af-cartao{background:#fff;border-radius:14px;max-width:420px;width:100%;padding:32px 28px;text-align:center;color:#1a2940;box-shadow:0 12px 40px rgba(0,0,0,.25)}
.af-cartao h2{margin:0 0 10px;font-size:20px}
.af-cartao p{color:#4a5a70;line-height:1.5;font-size:14px;margin:8px 0}
.af-cartao .af-erro{color:#b42318}
.af-cartao button{display:block;width:100%;margin-top:12px;padding:11px 18px;border-radius:8px;border:0;background:#252525;color:#fff;font-size:14px;font-weight:600;text-align:center}
.af-cartao button:hover{background:#3a3a3a}
.af-cartao button.secundario{background:#fff;color:#252525;border:1px solid #cfcfcf}
.af-carregando{display:flex;flex-direction:column;align-items:center;gap:16px;color:#dfe7f3;font-size:14px}
.af-carregando p{margin:0}
.af-spinner{width:36px;height:36px;border-radius:50%;border:3px solid rgba(255,255,255,.2);border-top-color:#d7b44c;animation:af-giro .8s linear infinite}
@keyframes af-giro{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.af-spinner{animation-duration:2.4s}}

#af-versao{position:fixed;left:50%;transform:translateX(-50%);top:12px;z-index:60;display:inline-block;width:auto;padding:10px 18px;border-radius:999px;border:1px solid #8b731c;background:#3b3620;color:#f3d46b;font-size:13px;font-weight:700;text-align:center;box-shadow:0 4px 14px rgba(0,0,0,.25)}
button.af-baixar{display:inline-block;width:auto;margin-left:8px;padding:3px 9px;font-size:11px;font-weight:600;border:1px solid #c8d1de;border-radius:6px;background:#fff;color:#132846;text-align:center;vertical-align:middle}
button.af-baixar:hover{background:#eef3f9}
.af-envio{margin-left:6px;font-size:11px;color:#697b91}
.af-envio.falha{color:#b42318}