/* Zelo v1: entrada, registo, conta e só leitura (com as cores e letras da app) */
html.zl-fora .app{visibility:hidden}
#zl-entrada{position:fixed;inset:0;z-index:9999;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;overflow:auto}
#zl-entrada[hidden]{display:none!important}
.zl-cartao{width:100%;max-width:420px;background:var(--sf);border:1px solid var(--bd);border-radius:14px;padding:28px 26px;box-shadow:0 8px 30px rgba(28,42,45,.08);margin:auto 0 0}
.zl-marca{display:flex;flex-direction:column;margin-bottom:18px}
.zl-marca b{font-family:var(--disp);font-size:28px;color:var(--tit,var(--ink));letter-spacing:-.02em;line-height:1}
.zl-marca small{font-size:10px;letter-spacing:.14em;color:var(--mu);margin-top:4px}
.zl-cartao h1{font-family:var(--disp);font-size:20px;color:var(--ink);margin:0 0 10px}
.zl-sub{color:var(--mu);font-size:13.5px;margin:0 0 12px}
.zl-carrega{text-align:center;margin:10px 0}
.zl-cartao form{display:flex;flex-direction:column;gap:10px}
.zl-cartao label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:600;color:var(--tx)}
.zl-cartao label i{font-weight:400;color:var(--mu);font-style:normal}
.zl-cartao input:not([type=checkbox]),.zl-cartao select{font:inherit;font-size:14.5px;font-weight:400;padding:9px 11px;border:1px solid var(--bd);border-radius:8px;background:var(--inp);color:var(--ink)}
.zl-cartao input:focus,.zl-cartao select:focus{outline:2px solid var(--acb);border-color:var(--ac)}
.zl-cartao fieldset{border:1px solid var(--bd);border-radius:8px;padding:6px 12px 8px;display:flex;gap:18px;margin:0}
.zl-cartao legend{font-size:12.5px;font-weight:600;padding:0 4px}
.zl-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.zl-ck{flex-direction:row!important;align-items:center;gap:8px!important;font-weight:400!important;font-size:13.5px!important}
.zl-termos{align-items:flex-start!important}
.zl-bt{display:inline-block;text-align:center;text-decoration:none;font:inherit;font-weight:600;font-size:14.5px;background:var(--ac);color:#fff;border:0;border-radius:8px;padding:11px 14px;cursor:pointer;margin-top:4px}
.zl-bt:disabled{opacity:.6;cursor:default}
.zl-erro{color:var(--red);background:var(--redl);border-radius:8px;padding:8px 10px;font-size:13px;margin:0}
.zl-ok{color:var(--ac);background:var(--acl);border-radius:8px;padding:8px 10px;font-size:13px;margin:0 0 10px}
.zl-links{display:flex;flex-direction:column;gap:6px;margin-top:16px;font-size:13px;color:var(--mu)}
.zl-cartao a,.zl-rodape a{color:var(--ac)}
.zl-rodape{margin:16px 0 auto;font-size:12px;color:var(--mu)}
@media (max-width:480px){.zl-2{grid-template-columns:1fr}.zl-cartao{padding:22px 18px}}

/* botão da conta na barra de cima */
.topo .zconta{white-space:nowrap}
.topo .zconta.ro{color:var(--red);border-color:var(--red)}
/* janela da conta */
.zconta-m{width:460px;max-width:100%}
.zconta-m h4{margin:16px 0 6px;font-size:13px;color:var(--ink)}
.zconta-m .zl-l{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--bd);font-size:13.5px}
.zconta-m .zl-l>span:first-child{color:var(--mu)}
.zconta-m .zl-ck{display:flex;align-items:center;gap:8px;padding:3px 0;font-size:13.5px}
.zchip{display:inline-block;font-size:12px;padding:3px 9px;border-radius:99px;background:var(--warnl);color:var(--warn)}
.zchip.ok{background:var(--acl);color:var(--ac)}
.zchip.ro{background:var(--redl);color:var(--red)}
/* só leitura */
#zFaixa{background:var(--redl);color:var(--red);font-size:13px;padding:8px 16px;border-bottom:1px solid var(--bd)}
#zFaixa a{color:inherit}