:root { --azul:#1d3557; --azul-claro:#1e93d6; --amarelo:#f5b91e; --verde:#2fa05c; --verde-escuro:#247b46; --terracota:#b5502a; --creme:#fdf8ec; --papel:#fffdf6; --tinta:#26303c; --fraco:#756e61; --linha:#e7dcc0; }
* { box-sizing:border-box; }
[hidden] { display:none !important; }
html,body { margin:0; min-height:100%; background:#e9e3d7; color:var(--tinta); font:15px/1.45 'Karla',sans-serif; }
button,a,textarea { font:inherit; }
button:focus-visible,a:focus-visible,textarea:focus-visible { outline:3px solid var(--azul-claro); outline-offset:2px; }
.taxi-app { width:min(100%,430px); min-height:100dvh; margin:0 auto; padding:0 14px calc(34px + env(safe-area-inset-bottom)); background:var(--creme); box-shadow:0 0 40px rgba(29,53,87,.18); }
.taxi-topo { min-height:76px; display:grid; grid-template-columns:42px 46px 1fr auto; align-items:center; gap:8px; border-bottom:7px solid transparent; border-image:url('/assets/pedra-tile.png') 90 round; }
.taxi-voltar { width:40px;height:40px;display:grid;place-items:center;border:1.5px solid var(--linha);border-radius:50%;background:#fff;color:var(--azul);font-size:22px;text-decoration:none;box-shadow:0 3px 8px rgba(29,53,87,.14); }
.taxi-logo { width:44px;height:44px;border-radius:50%;border:2px solid var(--amarelo);object-fit:cover; }
.taxi-selo,.taxi-eyebrow,.taxi-secao-titulo span { display:block;color:var(--terracota);font-size:9px;font-weight:800;letter-spacing:1.25px;text-transform:uppercase; }
.taxi-topo h1 { margin:1px 0 0;font:18px/1 'Bevan',Georgia,serif;color:var(--azul); }
.taxi-link { border:0;background:transparent;color:var(--fraco);font-size:12px;font-weight:800;cursor:pointer; }
.taxi-centro { min-height:65vh;display:grid;place-content:center;justify-items:center;color:var(--fraco); }
.taxi-pulso { width:46px;height:46px;border:12px solid rgba(245,185,30,.35);border-top-color:var(--amarelo);border-radius:50%;animation:gira 1s linear infinite; }
@keyframes gira { to { transform:rotate(360deg); } }
.taxi-login { min-height:calc(100dvh - 90px);display:flex;flex-direction:column;justify-content:center;padding:28px 10px 72px; }
.taxi-login h2 { margin:8px 0 10px;font:36px/.98 'Bevan',Georgia,serif;color:var(--azul);letter-spacing:-.5px; }
.taxi-login p { margin:0 0 24px;color:var(--fraco);font-size:16px; }
.taxi-btn { border:0;border-radius:999px;min-height:48px;padding:0 18px;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:800;cursor:pointer;text-align:center; }
.taxi-btn-amarelo { background:var(--amarelo);color:var(--azul);border:1.5px solid var(--azul);box-shadow:0 4px 0 var(--azul); }
.taxi-btn-claro { background:#fff;color:var(--azul);border:1.5px solid var(--linha);margin-top:12px; }
.taxi-btn-verde { background:var(--verde);color:#fff; }
.taxi-btn-escuro { background:var(--azul);color:var(--amarelo);min-height:40px;flex:0 0 auto; }
.taxi-cartao { margin:36px 0;background:#fff;border:1.5px solid var(--linha);border-radius:20px;padding:24px;text-align:center;box-shadow:0 15px 35px rgba(29,53,87,.12); }
.taxi-cartao h2 { margin:8px 0;font:23px/1.1 'Bevan',Georgia,serif;color:var(--azul); }
.taxi-cartao p { color:var(--fraco); }
.taxi-icone { font-size:34px; }
.taxi-faixa { margin:15px 0 12px;display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--azul);color:#fff;border-radius:15px; }
.taxi-faixa div { flex:1;min-width:0; }
.taxi-faixa strong,.taxi-faixa small { display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.taxi-faixa small { color:#cbd7e6;font-size:11px; }
.taxi-sinal { width:12px;height:12px;border-radius:50%;background:#5de087;box-shadow:0 0 0 6px rgba(93,224,135,.15); }
.taxi-online { color:#5de087;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:1px; }
.taxi-notificacao { display:flex;align-items:center;gap:10px;padding:13px;background:var(--amarelo);border:1.5px solid var(--azul);border-radius:17px;box-shadow:0 4px 0 var(--azul); }
.taxi-campainha { width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#fff;font-size:18px; }
.taxi-notificacao-texto { flex:1;min-width:0; }
.taxi-notificacao-texto strong,.taxi-notificacao-texto span { display:block; }
.taxi-notificacao-texto strong { color:var(--azul);font-size:13px; }
.taxi-notificacao-texto span { color:#654b0b;font-size:10.5px; }
.taxi-aviso { margin:13px 0 0;padding:10px 12px;border-radius:12px;background:#fff0c7;color:#674e11;font-size:12px; }
.taxi-aviso-operacao { position:sticky;top:0;z-index:700;margin:8px 12px 0;border:1.5px solid var(--amarelo);box-shadow:0 8px 18px rgba(29,53,87,.18);font-weight:800; }
.taxi-secao { margin-top:24px; }
.taxi-secao-titulo { display:flex;align-items:end;justify-content:space-between;margin-bottom:9px; }
.taxi-secao-titulo h2 { margin:2px 0 0;font:21px/1.05 'Bevan',Georgia,serif;color:var(--azul); }
.taxi-recarregar { width:40px;height:40px;border-radius:50%;border:1.5px solid var(--linha);background:#fff;color:var(--azul);font-size:22px;cursor:pointer; }
.taxi-lista { display:grid;gap:10px; }
.taxi-saldo { display:flex;align-items:end;justify-content:space-between;gap:12px;padding:14px 15px;border-radius:17px;background:var(--azul);color:#fff; }
.taxi-saldo span,.taxi-saldo strong { display:block; }
.taxi-saldo span { color:#cbd7e6;font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase; }
.taxi-saldo strong { margin-top:2px;color:var(--amarelo);font:22px/1.1 'Bevan',Georgia,serif; }
.taxi-saldo small { color:#cbd7e6;font-size:11px;white-space:nowrap; }
.taxi-filtros { display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:8px 0 10px;padding:4px;border:1.5px solid var(--linha);border-radius:14px;background:#fff; }
.taxi-filtros button { min-height:36px;border:0;border-radius:10px;background:transparent;color:var(--fraco);font-size:12px;font-weight:800;cursor:pointer; }
.taxi-filtros button.ativo { background:var(--amarelo);color:var(--azul); }
.taxi-andamento { margin-bottom:10px; }
.taxi-andamento > span { display:block;margin:0 2px 5px;color:var(--terracota);font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase; }
.taxi-lista-compacta { display:grid;gap:6px; }
.taxi-corrida-linha { min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 11px;border:1.5px solid var(--linha);border-radius:13px;background:#fff; }
.taxi-corrida-linha.ativa { border-color:var(--amarelo); }
.taxi-corrida-linha-icone { font-size:18px; }
.taxi-corrida-linha-info { min-width:0; }
.taxi-corrida-linha-info strong,.taxi-corrida-linha-info span { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.taxi-corrida-linha-info strong { color:var(--azul);font-size:12px; }
.taxi-corrida-linha-info span { color:var(--fraco);font-size:10px; }
.taxi-corrida-linha-final { text-align:right; }
.taxi-corrida-linha-final strong { display:block;color:var(--terracota);font-size:12px;white-space:nowrap; }
.taxi-corrida-linha-final button { margin-top:3px;border:0;border-radius:999px;background:var(--azul);color:var(--amarelo);padding:5px 9px;font-size:9px;font-weight:800;cursor:pointer; }
.taxi-vazio { padding:20px;border:1.5px dashed var(--linha);border-radius:16px;color:var(--fraco);text-align:center;background:rgba(255,255,255,.55); }
.taxi-corrida { background:#fff;border:1.5px solid var(--linha);border-radius:18px;padding:14px;box-shadow:0 8px 20px -16px rgba(29,53,87,.55); }
.taxi-corrida.nova { border-color:var(--terracota); }
.taxi-corrida-topo { display:flex;align-items:start;gap:10px; }
.taxi-corrida-icone { width:38px;height:38px;display:grid;place-items:center;background:#fdf0c8;border-radius:12px;font-size:20px; }
.taxi-corrida-rota { flex:1;min-width:0; }
.taxi-corrida-rota strong,.taxi-corrida-rota span { display:block; }
.taxi-corrida-rota strong { color:var(--azul);font-size:14px; }
.taxi-corrida-rota span { color:var(--fraco);font-size:12px;margin-top:2px; }
.taxi-preco { color:var(--terracota);font-weight:800;white-space:nowrap; }
.taxi-meta { margin:10px 0;padding:9px 10px;background:var(--creme);border-radius:11px;font-size:11.5px;color:var(--fraco); }
.taxi-acoes { display:flex;gap:8px;flex-wrap:wrap; }
.taxi-acoes .taxi-btn { flex:1;min-width:120px;min-height:42px;font-size:12px; }
.taxi-eta { display:flex;gap:5px;margin-top:10px; }
.taxi-eta button { flex:1;border:1.5px solid var(--linha);border-radius:10px;background:#fff;padding:9px 2px;color:var(--azul);font-weight:800;cursor:pointer; }
.taxi-chat { position:fixed;inset:0;z-index:100;width:min(100%,430px);margin:0 auto;background:var(--creme);display:grid;grid-template-rows:auto minmax(0,1fr) auto;box-shadow:0 0 50px rgba(29,53,87,.28); }
.taxi-chat header { display:flex;align-items:center;gap:10px;padding:calc(10px + env(safe-area-inset-top)) 14px 10px;background:var(--azul);color:#fff; }
.taxi-chat header button { width:40px;height:40px;border-radius:50%;border:1px solid #fff;background:transparent;color:#fff;font-size:22px; }
.taxi-chat header span,.taxi-chat header strong { display:block; }.taxi-chat header span{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#cbd7e6}.taxi-chat header strong{font-size:15px}
.taxi-operacao { min-height:0;overflow:auto;display:flex;flex-direction:column; }
.taxi-operacao-mapa { position:relative;flex:0 0 clamp(360px,58dvh,580px);min-height:360px;background:#dfe7ed;border-bottom:1px solid var(--linha);overflow:hidden; }
#taxistaMapa { position:absolute;inset:0; }
.taxi-mapa-controles { position:absolute;right:12px;top:14px;z-index:500;display:grid;overflow:hidden;border:1.5px solid var(--azul);border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(29,53,87,.22); }
.taxi-mapa-controles button { width:44px;height:44px;border:0;border-bottom:1px solid var(--linha);background:#fff;color:var(--azul);font-size:22px;font-weight:800;cursor:pointer; }
.taxi-mapa-controles button:last-child { border-bottom:0;color:var(--verde-escuro);font-size:20px; }
.taxi-mapa-controles button:active { background:#fdf0c8; }
.taxi-mapa-navegar { position:absolute;left:12px;bottom:14px;z-index:500;display:flex;align-items:center;min-height:44px;padding:0 16px;border:1.5px solid var(--azul);border-radius:999px;background:var(--azul);color:#fff;text-decoration:none;font-size:12px;font-weight:800;box-shadow:0 8px 22px rgba(29,53,87,.24); }
.taxi-pino-eu,.taxi-pino-passageiro { font-size:25px;line-height:1;text-align:center;filter:drop-shadow(0 3px 3px rgba(29,53,87,.35)); }
.taxi-localizacao-faixa { display:flex;align-items:center;gap:10px;margin:12px 12px 0;padding:12px 13px;border:1.5px solid #d5c59c;border-radius:18px;background:#fff;box-shadow:0 9px 24px -19px rgba(29,53,87,.75); }
.taxi-localizacao-ponto { flex:0 0 auto;width:10px;height:10px;border-radius:50%;background:var(--terracota);box-shadow:0 0 0 5px rgba(181,80,42,.12); }
.taxi-localizacao-ponto.ativa { background:var(--verde);box-shadow:0 0 0 5px rgba(47,160,92,.14); }
.taxi-localizacao-faixa div { flex:1;min-width:0; }
.taxi-localizacao-faixa strong,.taxi-localizacao-faixa span { display:block; }
.taxi-localizacao-faixa strong { color:var(--azul);font-size:12px; }
.taxi-localizacao-faixa span { color:var(--fraco);font-size:10px; }
.taxi-localizacao-faixa button { border:0;border-radius:999px;background:var(--amarelo);color:var(--azul);padding:8px 10px;font-size:10px;font-weight:800; }
.taxi-operacao-resumo { margin:10px 12px 0;padding:14px 15px;border:1.5px solid #d5c59c;border-radius:18px;background:#fff;box-shadow:0 9px 24px -19px rgba(29,53,87,.75); }
.taxi-operacao-rota { display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;font-size:12px; }
.taxi-operacao-rota span,.taxi-operacao-rota strong { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.taxi-operacao-rota span { color:var(--fraco); }
.taxi-operacao-rota b { color:var(--terracota); }
.taxi-operacao-rota strong { color:var(--azul);text-align:right; }
.taxi-operacao-dados { display:flex;justify-content:space-between;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid var(--linha);font-size:11px;color:var(--fraco); }
.taxi-operacao-dados strong { color:var(--terracota); }
.taxi-operacao-resumo p { margin:7px 0 0;color:var(--fraco);font-size:10.5px; }
.taxi-etapas { margin:10px 12px 0;padding:14px;border:1.5px solid #d5c59c;border-radius:20px;background:#fff;box-shadow:0 12px 26px -20px rgba(29,53,87,.8); }
.taxi-etapas-topo { display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px; }
.taxi-etapas-topo span { color:var(--terracota);font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase; }
.taxi-etapas-topo strong { color:var(--azul);font-size:12px; }
.taxi-etapas-acoes { display:grid;grid-template-columns:1fr;gap:9px; }
.taxi-etapas-acoes button { min-height:56px;border:1.5px solid var(--linha);border-radius:16px;background:#fff;color:var(--azul);padding:10px 12px;font-size:12px;font-weight:800;cursor:pointer; }
.taxi-etapas-acoes #btnFinalizar { min-height:68px;font-size:15px;box-shadow:0 4px 0 rgba(29,53,87,.25); }
.taxi-etapas-acoes #btnFinalizar.ativo { background:var(--verde);border-color:var(--verde-escuro);color:#fff;box-shadow:0 3px 0 var(--verde-escuro); }
.taxi-etapas-acoes #btnFinalizar.aguardando { background:#eef3f8;border-color:#a9b9ca;color:var(--azul);box-shadow:none; }
.taxi-etapas-acoes button.ativo { border-color:var(--amarelo);background:var(--amarelo); }
.taxi-etapas-acoes button.concluido { border-color:var(--verde);background:#e9f7ed;color:var(--verde); }
.taxi-etapas-acoes button:disabled:not(.concluido) { opacity:.45; }
.taxi-etapas p { margin:8px 0 0;color:var(--fraco);font-size:10px; }
.taxi-chat-titulo { padding:13px 16px 0;color:var(--terracota);font-size:9px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase; }
.taxi-chat-mensagens { min-height:170px;padding:12px 16px 16px;display:flex;flex-direction:column;gap:8px; }
.taxi-msg { max-width:82%;padding:9px 12px;border-radius:15px 15px 15px 4px;background:#fff;border:1px solid var(--linha);align-self:flex-start; }
.taxi-msg.propria { align-self:flex-end;border-radius:15px 15px 4px 15px;background:var(--azul);color:#fff;border-color:var(--azul); }
.taxi-msg small { display:block;margin-top:3px;opacity:.65;font-size:9px; }
.taxi-chat-form { display:flex;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--linha); }
.taxi-chat-form textarea { flex:1;resize:none;border:1.5px solid var(--linha);border-radius:18px;padding:11px 13px;max-height:100px; }
.taxi-chat-form button { width:46px;height:46px;border:0;border-radius:50%;background:var(--verde);color:#fff;font-size:18px; }
@media (max-height:700px){.taxi-operacao-mapa{flex-basis:52dvh;min-height:300px}.taxi-chat header{padding-top:calc(7px + env(safe-area-inset-top));padding-bottom:7px}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}