/* AXIS Finanças: modo offline (Frente 34, rodada 5). Selo de conexão, fila de lançamentos e região de leitura. Prefixo r34-. */
.r34-selo{position:fixed;z-index:45;left:50%;top:calc(66px + env(safe-area-inset-top,0px));transform:translate(-50%,0);
  display:flex;align-items:center;gap:8px;max-width:calc(100% - 32px);padding:8px 14px 8px 12px;border:0;border-radius:999px;cursor:pointer;
  font:500 12.5px/1.25 var(--f);color:var(--fg);text-align:left;
  background:linear-gradient(180deg,color-mix(in srgb,var(--card) 92%,#fff 8%),var(--card));
  box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 0 0 1px var(--linha-2),0 10px 26px rgba(22,22,46,.16),0 2px 6px rgba(22,22,46,.08);
  backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);
  animation:r34-desce 240ms cubic-bezier(.2,.8,.2,1) both;transition:box-shadow 180ms ease,transform 180ms ease}
.r34-selo:hover{box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 0 0 1px var(--roxo-m),0 14px 30px rgba(22,22,46,.2),0 2px 6px rgba(22,22,46,.08)}
.r34-selo:active{transform:translate(-50%,0) scale(.97)}
.r34-selo b{font-weight:650;white-space:nowrap}
.r34-selo span{color:var(--mudo);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.r34-selo i{flex:none;width:9px;height:9px;border-radius:50%;background:var(--roxo);box-shadow:0 0 0 3px var(--roxo-s),0 0 10px var(--roxo)}
.r34-selo.off i{background:var(--at);box-shadow:0 0 0 3px var(--at-s),0 0 10px color-mix(in srgb,var(--at) 70%,transparent);animation:r34-pulsa 2.4s ease-in-out infinite}
.r34-selo.erro i{background:var(--cr);box-shadow:0 0 0 3px var(--cr-s)}
.no-login .r34-selo{top:calc(14px + env(safe-area-inset-top,0px))}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .r34-selo{box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 0 0 1px var(--linha-2),0 12px 30px rgba(0,0,0,.45)}}
:root[data-theme="dark"] .r34-selo{box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 0 0 1px var(--linha-2),0 12px 30px rgba(0,0,0,.45)}

/* lançamento que ainda está no aparelho */
.lanc.r34-na-fila{background-image:repeating-linear-gradient(135deg,transparent 0 10px,color-mix(in srgb,var(--roxo) 5%,transparent) 10px 20px)}
.r34-tag{display:inline-flex;align-items:center;gap:4px;font:600 11px/1 var(--f);color:var(--roxo);background:var(--roxo-s);padding:3px 7px;border-radius:999px;vertical-align:1px}
.r34-tag::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.75}

/* folha da fila */
.r34-folha .nota{margin:-4px 0 4px}
.r34-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:46vh;overflow:auto}
.r34-lista li{display:grid;grid-template-columns:1fr auto;grid-template-areas:"t v" "t a";gap:4px 12px;align-items:center;padding:12px 14px;border-radius:16px;
  background:var(--card-2);box-shadow:0 0 0 1px var(--linha),0 1px 2px rgba(22,22,46,.04)}
.r34-lista li>div{grid-area:t;min-width:0}
.r34-lista li b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.r34-lista li small{display:block;color:var(--mudo);font-size:12.5px;margin-top:2px}
.r34-lista li .num{grid-area:v;font-weight:650;text-align:right}
.r34-err{display:block;margin-top:6px;font-style:normal;font-size:12.5px;color:var(--cr);background:var(--cr-s);padding:6px 9px;border-radius:10px}
.r34-apaga{grid-area:a;justify-self:end;border:0;background:none;color:var(--mudo);font:600 12.5px var(--f);padding:6px 8px;margin:-6px -8px;border-radius:10px;cursor:pointer;min-height:32px;transition:color 160ms ease,background 160ms ease}
.r34-apaga:hover{color:var(--cr);background:var(--cr-s)}
.r34-apaga.certo{color:#fff;background:var(--cr)}
.r34-vazio{margin:0;color:var(--mudo);text-align:center;padding:18px 0}

/* só para leitor de tela */
.r34-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

@keyframes r34-desce{from{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes r34-pulsa{0%,100%{opacity:1}50%{opacity:.45}}
@media (prefers-reduced-motion:reduce){.r34-selo,.r34-selo.off i{animation:none}.r34-selo,.r34-apaga{transition:none}}

/* com o selo à vista, o conteúdo desce para ele não cobrir o primeiro item da tela */
.r34-com-selo main.conteudo{padding-top:58px}
.r34-com-selo main.conteudo{transition:padding-top 200ms ease}