@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--amarelo:#f4e445;--azul:#0b4f9e;--azul-esc:#07335f;--laranja:#f28c1b;--fundo:#f3f6fa;--tinta:#14202e;--tinta-2:#5b6b7d}*{box-sizing:border-box}body{background:var(--fundo);color:var(--tinta);-webkit-text-size-adjust:100%;margin:0;font-family:Plus Jakarta Sans,system-ui,sans-serif}.app{background:var(--fundo);flex-direction:column;max-width:720px;min-height:100dvh;margin:0 auto;display:flex}.topo{background:var(--amarelo);color:var(--azul-esc);padding:calc(14px + env(safe-area-inset-top)) 18px 18px;z-index:9;min-height:calc(86px + env(safe-area-inset-top));border-radius:0 0 22px 22px;justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0;box-shadow:0 4px 14px #14202e1f}.topo small{opacity:.85;font-weight:600;display:block}.topo h1{color:var(--azul-esc);margin:2px 0 0;font-size:26px;font-weight:800;line-height:1.15}.topo .logo{flex:none;width:auto;height:26px}.conteudo{flex:1;padding:16px 16px 96px}.abas{z-index:10;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid #e3e9f0;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #14202e0f}.abas nav{width:100%;max-width:720px;display:flex}.abas a{text-align:center;color:var(--tinta-2);flex-direction:column;flex:1;align-items:center;gap:2px;min-height:56px;padding:9px 4px 8px;font-size:11px;font-weight:600;text-decoration:none;display:flex}.abas a .anticon{font-size:21px}.abas a{position:relative}.abas a.ativa{color:var(--azul)}.abas a.ativa:before{content:"";background:var(--amarelo);border-radius:0 0 4px 4px;width:28px;height:4px;position:absolute;top:0;left:50%;transform:translate(-50%)}.cartao{background:#fff;border-radius:18px;margin-bottom:14px;padding:16px;box-shadow:0 1px 2px #14202e0f,0 6px 18px #14202e0d}.saldo{background:linear-gradient(135deg, var(--azul-esc), var(--azul));color:#fff;border-radius:20px;margin-bottom:14px;padding:20px;position:relative;overflow:hidden;box-shadow:0 8px 22px #0b4f9e47}.saldo:after{content:"";background:var(--amarelo);border-radius:50%;width:150px;height:150px;position:absolute;bottom:-44px;right:-36px}.saldo .num{font-variant-numeric:tabular-nums;font-size:40px;font-weight:800;line-height:1.1}.saldo .rot{opacity:.85;font-size:13px;font-weight:600}.grade{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;display:grid}.mini{text-align:center;background:#fff;border-radius:16px;padding:12px;box-shadow:0 1px 2px #14202e0f,0 6px 18px #14202e0d}.mini b{color:var(--azul-esc);font-variant-numeric:tabular-nums;font-size:24px;display:block}.mini span{color:var(--tinta-2);font-size:11px;font-weight:600}.login{background:var(--fundo);min-height:100dvh}.login .faixa{background:var(--amarelo);text-align:center;padding:calc(32px + env(safe-area-inset-top)) 24px 84px;border-radius:0 0 50% 50%/0 0 36px 36px}.login .faixa .logo{width:auto;height:48px}.login .faixa h1{color:var(--azul-esc);margin:20px 0 2px;font-size:26px;font-weight:800}.login .faixa p{color:var(--azul-esc);opacity:.85;margin:0;font-weight:500}.login .corpo{max-width:420px;margin:-52px auto 0;padding:0 20px 28px}.login .cartao{border-radius:22px;padding:22px 20px}.login .ant-btn-primary{background:var(--azul);height:48px;font-weight:700}.linha{justify-content:space-between;align-items:center;gap:8px;display:flex}.muted{color:var(--tinta-2);font-size:13px}.item-venda{background:#fafcfe;border:1px solid #e3e9f0;border-radius:12px;margin-bottom:10px;padding:12px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.comprovantes{flex-wrap:wrap;gap:10px;margin:6px 0 4px;display:flex}.miniatura{background:#f1f4f8;border-radius:10px;justify-content:center;align-items:center;width:96px;height:96px;display:flex;overflow:hidden}.miniatura .ant-image,.miniatura-img{object-fit:cover;display:block;width:96px!important;height:96px!important}.miniatura-arquivo{color:#51606f;cursor:pointer;flex-direction:column;gap:2px;font-size:12px;text-decoration:none}.brinde-foto{object-fit:contain;background:#f6f8fb;border-radius:10px;flex:none;width:64px;height:64px}.brinde-foto-vazia{background:#eef2f6}.brinde{flex-direction:column;gap:10px;display:flex}.brinde-topo{align-items:center;gap:14px;display:flex}.brinde-topo .brinde-foto{border-radius:14px;width:76px;height:76px}.brinde-nome{flex:1;min-width:0;font-size:16px;font-weight:700}.brinde-pts{color:var(--azul);white-space:nowrap;font-weight:800}.barra{background:#e6ecf3;border-radius:8px;height:8px;overflow:hidden}.barra>i{background:var(--azul);border-radius:8px;height:100%;display:block}.barra>i.ok{background:#2e9e5b}.brinde-rodape{justify-content:space-between;align-items:center;gap:8px;display:flex}.vazio{text-align:center;color:var(--tinta-2);padding:18px 0 6px}.vazio .anticon{color:#b4c0cd;margin-bottom:6px;font-size:34px;display:block}.brinde-nome{line-height:1.25}.estoque{color:#2e7d4f;margin-top:4px;font-size:12px;font-weight:600}.estoque.esgotado{color:#c0392b}.filtros{scrollbar-width:none;gap:8px;margin:0 -2px 6px;padding:2px 2px 10px;display:flex;overflow-x:auto}.filtros::-webkit-scrollbar{display:none}.filtro{color:var(--tinta-2);font:inherit;cursor:pointer;background:#fff;border:1px solid #dbe3ec;border-radius:999px;flex:none;align-items:center;gap:8px;min-height:40px;padding:8px 14px;font-size:14px;font-weight:600;display:inline-flex}.filtro .filtro-n{color:var(--tinta-2);text-align:center;background:#eef2f6;border-radius:999px;min-width:22px;padding:1px 7px;font-size:12px}.filtro.ativo{background:var(--azul);border-color:var(--azul);color:#fff;box-shadow:0 4px 12px #0b4f9e40}.filtro.ativo .filtro-n{background:var(--amarelo);color:var(--azul-esc)}
