*{box-sizing:border-box;margin:0;padding:0}:root{--vinho: #7a1f4e;--vinho-escuro: #561236;--vinho-claro: #f6e9f0;--fundo: #faf6f8;--tinta: #25181f;--cinza: #75646d;--borda: #e7d9e0;--erro: #b3372f;--ok: #1d6b45;--foco: #ffb300;--alvo-toque: 44px;--raio: 12px;--altura-abas: 62px}body{font-family:Segoe UI,-apple-system,Roboto,sans-serif;background:var(--fundo);color:var(--tinta);min-height:100vh;font-size:16px;line-height:1.5}html,body{overflow-x:clip}:focus-visible{outline:3px solid var(--foco);outline-offset:2px}button,input,select,textarea{font:inherit}button{touch-action:manipulation;cursor:pointer}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.tela-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--vinho),var(--vinho-escuro));padding:16px}.carregando{color:#fff;font-size:18px}.cartao{background:#fff;border-radius:14px;padding:28px 24px;width:100%;max-width:380px;box-shadow:0 20px 60px #00000059}.cartao form{display:flex;flex-direction:column;gap:10px}.cartao input{min-height:var(--alvo-toque);padding:10px 12px;border:1px solid var(--borda);border-radius:10px;background:#fff;color:var(--tinta)}.marca{display:flex;align-items:center;gap:12px;margin-bottom:18px}.marca img{border-radius:10px}.marca-texto strong{display:block;font-size:24px;line-height:1.1;color:var(--vinho)}.marca-texto small{display:block;font-size:13px;color:var(--cinza);margin-top:2px}.titulo-cartao{font-size:20px;margin:4px 0 10px;color:var(--vinho)}.texto-cartao{color:var(--tinta);margin-bottom:16px}.botao{min-height:var(--alvo-toque);padding:10px 16px;border:0;border-radius:10px;background:var(--vinho);color:#fff;font-weight:600;width:100%}.botao:disabled{opacity:.6;cursor:default}.botao.fantasma{background:transparent;color:var(--vinho);border:1px solid var(--borda);margin-top:8px}.botao-google{display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:var(--tinta);border:1px solid var(--borda);margin-bottom:8px}.login-ou{text-align:center;color:var(--cinza);font-size:13px;margin:6px 0 12px}.msg-erro{color:var(--erro);font-size:14px;min-height:1.2em}.aviso-ok{color:var(--ok);background:#e8f4ed;border-radius:8px;padding:8px 10px;font-size:14px}.aviso{color:var(--cinza);font-size:12px;margin-top:14px;text-align:center}.casco{min-height:100vh;display:flex;flex-direction:column;padding-bottom:calc(var(--altura-abas) + env(safe-area-inset-bottom))}.topo{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:10px;padding:10px 14px;padding-top:calc(10px + env(safe-area-inset-top));background:var(--vinho);color:#fff}.topo-logo{width:34px;height:34px;border-radius:8px;object-fit:cover;background:#fff}.topo-nome{flex:1;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topo-sair{min-height:36px;padding:4px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.5);background:transparent;color:#fff}.abas{position:fixed;left:0;right:0;bottom:0;z-index:6;display:flex;gap:2px;overflow-x:auto;background:#fff;border-top:1px solid var(--borda);padding:4px 4px calc(4px + env(safe-area-inset-bottom));overscroll-behavior-x:contain}.aba{flex:1 0 64px;min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:4px 6px;border:0;border-radius:10px;background:transparent;color:var(--cinza);font-size:12px}.aba-icone{font-size:20px;line-height:1}.aba.ativa{background:var(--vinho-claro);color:var(--vinho);font-weight:700}.conteudo{flex:1;padding:16px 14px;width:100%;max-width:1100px}.titulo-tela{font-size:22px;color:var(--vinho);margin-bottom:8px}.vazio{color:var(--cinza)}.aviso-loja{background:#fff4e0;color:#7a4b00;border-radius:10px;padding:10px 12px;margin-bottom:14px;font-size:14px}@media (min-width: 900px){.casco{display:grid;grid-template-columns:220px 1fr;grid-template-rows:auto 1fr;grid-template-areas:"topo topo" "abas conteudo";padding-bottom:0}.topo{grid-area:topo}.abas{grid-area:abas;position:sticky;top:56px;align-self:start;height:calc(100vh - 56px);flex-direction:column;gap:4px;overflow-x:visible;overflow-y:auto;border-top:0;border-right:1px solid var(--borda);padding:12px 10px}.aba{flex:0 0 auto;flex-direction:row;justify-content:flex-start;gap:10px;min-height:var(--alvo-toque);padding:8px 12px;font-size:15px}.conteudo{grid-area:conteudo;padding:24px 28px}}