:root{
    --verde-escuro:#024A2D; --verde-escuro-2:#013A23;
    --limao:#79BF02; --limao-claro:#8FD40F;
    --papel:#F6F7F2; --branco:#FFFFFF;
    --cinza:#6B7568; --cinza-claro:#E4E8DE;
    --urgente:#E8641E; --urgente-2:#D14E0C; --ouro:#E0A500;
    --sombra:0 2px 12px rgba(2,74,45,.08); --sombra-alta:0 8px 28px rgba(2,74,45,.16);
    --raio:16px; --fonte:'Segoe UI',system-ui,-apple-system,sans-serif;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  a{color:inherit;text-decoration:none}
  body{font-family:var(--fonte);background:var(--papel);color:var(--verde-escuro);-webkit-font-smoothing:antialiased;padding-bottom:74px}
  .app{max-width:480px;margin:0 auto;min-height:100vh;background:var(--papel);position:relative}
  ::-webkit-scrollbar{display:none}
  img.logo-img{height:43px;display:block}
  img.logo-sm{height:44px;display:block}

  /* TOPO */
  /* NÍVEL 1 — identidade: logo isolada + perfil */
  .topo{background:var(--branco);position:sticky;top:0;z-index:50}
  .marca{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 18px 14px;position:relative;min-height:40px}
  .marca img{margin:0 auto}
  .marca .perfil-btn{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--limao),var(--verde-escuro));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:16px;cursor:pointer;border:0}
  .marca .voltar-t{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:14px;font-weight:700;color:var(--verde-escuro);cursor:pointer;background:none;border:0}
  /* NÍVEL 2 — divisão: faixa verde */
  .faixa-div{height:auto;background:var(--verde-escuro);padding:11px 18px;display:flex;align-items:center;gap:8px}
  .faixa-div .pin{font-size:15px}
  .faixa-div .cidade{font-size:14px;font-weight:800;color:#fff}
  .faixa-div .sub{font-size:12px;color:var(--limao-claro);font-weight:600}
  .faixa-div .troca{margin-left:auto;font-size:11px;font-weight:800;background:rgba(255,255,255,.14);padding:6px 11px;border-radius:14px;cursor:pointer;color:var(--limao-claro)}
  .faixa-simples{height:5px;background:var(--verde-escuro)}
  .tagline-marca{margin-top:8px;text-align:center;font-size:11px;color:var(--limao);font-weight:800;letter-spacing:.3px}

  /* QUERO ENCONTRAR */
  .encontrar{margin:14px 14px 2px;background:var(--verde-escuro);border-radius:var(--raio);padding:15px 16px;display:flex;align-items:center;gap:13px;cursor:pointer;box-shadow:var(--sombra)}
  .encontrar .ic{width:42px;height:42px;flex:0 0 42px;background:var(--limao);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:21px}
  .encontrar .txt{color:#fff}
  .encontrar .txt b{display:block;font-size:15px;font-weight:800}
  .encontrar .txt small{font-size:11.5px;color:rgba(255,255,255,.7)}
  .encontrar .seta{margin-left:auto;color:var(--limao-claro);font-size:22px;font-weight:800}

  /* FILTROS */
  .filtros{display:flex;gap:8px;padding:14px 18px 4px;overflow-x:auto}
  .chip{white-space:nowrap;background:var(--branco);border:1.5px solid var(--cinza-claro);color:var(--cinza);padding:7px 14px;border-radius:20px;font-size:13px;font-weight:700;cursor:pointer;transition:.15s}
  .chip.on{background:var(--verde-escuro);border-color:var(--verde-escuro);color:#fff}
  .chip.op{border-color:var(--urgente);color:var(--urgente)}
  .chip.op.on{background:var(--urgente);border-color:var(--urgente);color:#fff}

  /* SEÇÃO */
  /* ---- Cabeçalho de seção com destaque ---- */
  .secao{margin-top:22px}
  .secao:first-of-type{margin-top:14px}
  .sec-head{display:flex;align-items:center;gap:11px;padding:13px 16px;margin:0 14px;
    background:var(--branco);border-radius:14px;box-shadow:var(--sombra);
    border-left:5px solid var(--limao);position:relative;overflow:hidden}
  .sec-head.op{border-left-color:var(--urgente)}
  .sec-head.hoje{border-left-color:var(--urgente)}
  .sec-head.melhor{border-left-color:var(--ouro)}
  .sec-head.cat{border-left-color:var(--verde-escuro)}
  .sec-head.leilao{border-left-color:var(--verde-escuro)}
  .sec-head .sec-ic{width:40px;height:40px;flex:0 0 40px;border-radius:11px;
    display:flex;align-items:center;justify-content:center;font-size:21px}
  .sec-ic.op{background:rgba(232,100,30,.14)}
  .sec-ic.hoje{background:rgba(232,100,30,.14)}
  .sec-ic.melhor{background:rgba(224,165,0,.16)}
  .sec-ic.cat{background:rgba(2,74,45,.1)}
  .sec-ic.leilao{background:rgba(2,74,45,.1)}
  .sec-head .sec-tx{flex:1;min-width:0}
  .sec-head .sec-tt{font-size:15.5px;font-weight:900;color:var(--verde-escuro);line-height:1.1}
  .sec-head .sec-ds{font-size:11.5px;font-weight:600;color:var(--cinza);margin-top:2px}
  .sec-head .sec-tt .sub{font-size:11px;font-weight:600;color:var(--cinza)}
  .sec-head .ver{font-size:11.5px;color:var(--verde-escuro);cursor:pointer;font-weight:800;
    background:var(--papel);padding:6px 11px;border-radius:12px;white-space:nowrap}
  .sec-body{margin-top:12px}

  /* CARROSSEL */
  .carrossel{display:flex;gap:12px;padding:2px 14px 4px;overflow-x:auto}
  .card-h{flex:0 0 220px;background:var(--branco);border-radius:var(--raio);overflow:hidden;box-shadow:var(--sombra);cursor:pointer;transition:.18s;display:flex;flex-direction:column}
  .card-h:active{transform:scale(.97)}
  .card-h .foto{height:120px;background-size:cover;background-position:center;position:relative}
  .selo-urg{position:absolute;top:8px;left:8px;background:var(--urgente);color:#fff;font-size:10px;font-weight:800;padding:4px 9px;border-radius:7px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px rgba(232,100,30,.4)}
  .selo-eco{position:absolute;bottom:8px;right:8px;background:var(--verde-escuro);color:var(--limao-claro);font-size:12px;font-weight:900;padding:4px 9px;border-radius:7px}
  .card-h .corpo{padding:11px 12px 13px;display:flex;flex-direction:column;gap:4px}
  .card-h .prod{font-weight:800;font-size:15px}
  .card-h .precos{display:flex;align-items:baseline;gap:7px}
  .card-h .preco{font-weight:900;font-size:18px}
  .card-h .preco small{font-size:10px;font-weight:600;color:var(--cinza)}
  .card-h .ref{font-size:12px;color:var(--cinza);text-decoration:line-through}
  .card-h .meta{font-size:11.5px;color:var(--cinza);display:flex;gap:5px;align-items:center}
  .card-h .lim{font-size:11.5px;color:var(--urgente);font-weight:800}
  .card-h .btn-mini{background:var(--limao);color:var(--verde-escuro-2);border:0;padding:9px;border-radius:9px;font-size:12.5px;font-weight:800;cursor:pointer;margin-top:4px;width:100%}

  /* GRADE */
  .grade{padding:0 14px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .card{background:var(--branco);border-radius:var(--raio);overflow:hidden;box-shadow:var(--sombra);cursor:pointer;transition:.18s;display:flex;flex-direction:column;position:relative}
  .card:active{transform:scale(.97)}
  .card .foto{height:112px;position:relative;background-size:cover;background-position:center}
  .selo-melhor{position:absolute;top:0;left:0;right:0;background:linear-gradient(90deg,var(--ouro),#F0B800);color:var(--verde-escuro-2);font-size:10px;font-weight:900;padding:4px 8px;text-transform:uppercase;letter-spacing:.4px;display:flex;align-items:center;gap:4px}
  .card .tag{position:absolute;bottom:8px;left:8px;font-size:10px;font-weight:800;padding:3px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.4px}
  .tag.urg{background:var(--urgente);color:#fff}
  .tag.fixo{background:rgba(255,255,255,.92);color:var(--verde-escuro)}
  .tag.leilao{background:var(--verde-escuro);color:var(--limao-claro)}
  .card .flag-eco{position:absolute;bottom:8px;right:8px;background:var(--verde-escuro);color:var(--limao-claro);font-size:11px;font-weight:900;padding:3px 7px;border-radius:6px}
  .card .corpo{padding:10px 11px 12px;display:flex;flex-direction:column;gap:3px;flex:1}
  .card .prod{font-weight:800;font-size:14.5px;line-height:1.15}
  .card .precos{display:flex;align-items:baseline;gap:6px}
  .card .preco{font-weight:900;font-size:17px;color:var(--verde-escuro)}
  .card .preco small{font-size:10px;font-weight:600;color:var(--cinza)}
  .card .ref{font-size:11px;color:var(--cinza);text-decoration:line-through}
  .card .meta{font-size:11px;color:var(--cinza);display:flex;align-items:center;gap:4px}
  .card .dist{color:var(--verde-escuro);font-weight:700}
  .card .match{font-size:10.5px;font-weight:800;color:var(--limao);background:rgba(121,191,2,.12);padding:3px 7px;border-radius:6px;align-self:flex-start;margin-top:2px}

  /* CATEGORIAS */
  .cats{display:flex;gap:10px;padding:2px 18px;overflow-x:auto}
  .cat{flex:0 0 auto;background:var(--branco);border:1.5px solid var(--cinza-claro);border-radius:14px;padding:14px 16px;text-align:center;cursor:pointer;min-width:82px;transition:.15s}
  .cat:active{transform:scale(.95);border-color:var(--limao)}
  .cat .ic{font-size:26px;display:block;margin-bottom:5px}
  .cat .lb{font-size:12px;font-weight:700}

  /* DETALHE */
  .tela{display:none}
  .tela.ativa{display:block;animation:fade .25s}
  @keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
  .voltar{padding:14px 18px;font-size:14px;font-weight:700;color:var(--verde-escuro);cursor:pointer}
  .det-foto{height:230px;background-size:cover;background-position:center;position:relative}
  .det-foto .tag{position:absolute;top:14px;left:14px;font-size:11px;font-weight:800;padding:5px 11px;border-radius:7px;text-transform:uppercase;letter-spacing:.5px}
  .det-foto .eco-big{position:absolute;bottom:14px;right:14px;background:var(--verde-escuro);color:var(--limao-claro);font-size:15px;font-weight:900;padding:7px 13px;border-radius:9px}
  .det-corpo{padding:18px}
  .det-prod{font-size:24px;font-weight:900;line-height:1.1;margin-bottom:8px}
  .det-preco-linha{display:flex;align-items:baseline;gap:9px;margin-bottom:4px}
  .det-preco{font-size:28px;font-weight:900;color:var(--verde-escuro)}
  .det-preco small{font-size:14px;color:var(--cinza);font-weight:600}
  .det-ref{font-size:14px;color:var(--cinza);text-decoration:line-through}
  .det-eco-inline{font-size:13px;font-weight:800;color:var(--limao);background:rgba(121,191,2,.12);padding:3px 9px;border-radius:7px}

  /* BLOCOS "SOBRE ESTA OFERTA" */
  .bloco{background:var(--branco);border-radius:var(--raio);padding:15px 16px;box-shadow:var(--sombra);margin-bottom:12px}
  .bloco-h{display:flex;align-items:center;gap:9px;margin-bottom:11px}
  .bloco-h .ic{width:34px;height:34px;flex:0 0 34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:17px}
  .ic-loc{background:rgba(2,74,45,.1)} .ic-match{background:rgba(121,191,2,.15)} .ic-urg{background:rgba(232,100,30,.13)} .ic-eco{background:rgba(224,165,0,.15)} .ic-vend{background:rgba(2,74,45,.1)}
  .bloco-h b{font-size:15px;font-weight:800}
  .bloco-h .pct{margin-left:auto;background:var(--limao);color:var(--verde-escuro-2);font-size:13px;font-weight:900;padding:4px 10px;border-radius:8px}
  .info-row{display:flex;justify-content:space-between;font-size:13.5px;padding:5px 0}
  .info-row .k{color:var(--cinza)} .info-row .v{font-weight:700}
  .logistica{display:flex;gap:8px;margin-top:8px}
  .log-tag{flex:1;text-align:center;font-size:12px;font-weight:700;padding:9px;border-radius:9px;background:var(--papel);color:var(--verde-escuro);border:1px solid var(--cinza-claro)}
  .log-tag .ic{display:block;font-size:17px;margin-bottom:2px}

  /* urgência box */
  .urg-inner{display:flex;align-items:center;gap:12px}
  .urg-inner .clock{margin-left:auto;text-align:center;background:var(--urgente);color:#fff;border-radius:10px;padding:8px 12px}
  .urg-inner .clock b{font-size:19px;font-variant-numeric:tabular-nums;display:block}
  .urg-inner .clock small{font-size:9px;text-transform:uppercase;letter-spacing:1px}
  .urg-inner .txt b{font-size:14px} .urg-inner .txt small{font-size:12px;color:var(--cinza);display:block}

  /* compradores / melhor ponto */
  .comprador{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--cinza-claro)}
  .comprador:first-of-type{border-top:0}
  .comprador .num{width:26px;height:26px;flex:0 0 26px;background:var(--verde-escuro);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}
  .comprador .info b{font-size:14px;font-weight:800;display:block}
  .comprador .info small{font-size:11.5px;color:var(--cinza)}
  .comprador .dem{margin-left:auto;text-align:right}
  .comprador .dem .km{font-size:13px;font-weight:800;color:var(--verde-escuro)}
  .comprador .dem .cp{font-size:11px;font-weight:800;color:var(--limao)}

  /* vendedor + contato */
  .vend .top{display:flex;align-items:center;gap:12px;margin-bottom:14px}
  .vend .av{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--limao),var(--verde-escuro));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:18px}
  .vend .nome{font-weight:800;font-size:15px}
  .vend .rep{font-size:12px;color:var(--cinza)} .vend .rep b{color:var(--verde-escuro)}
  .contato{display:flex;gap:10px}
  .contato a{flex:1;text-align:center;padding:14px;border-radius:11px;font-weight:800;font-size:14.5px;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:6px}
  .zap{background:#25D366;color:#fff} .tel{background:var(--verde-escuro);color:#fff}
  .btn-interesse{width:100%;background:var(--limao);color:var(--verde-escuro-2);border:0;padding:16px;border-radius:12px;font-size:16px;font-weight:900;cursor:pointer;margin-bottom:12px}
  .btn-interesse:active{transform:scale(.98)}
  .aviso{font-size:11px;color:var(--cinza);text-align:center;margin-top:10px;line-height:1.4}
  .desc-txt{font-size:13.5px;line-height:1.6;color:#38473c}

  /* leilão compacto */
  .leilao-box{background:var(--verde-escuro);border-radius:var(--raio);padding:16px;color:#fff;margin-bottom:12px}
  .leilao-topo{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
  .leilao-topo .lb{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:var(--limao-claro)}
  .leilao-topo .qtd{font-size:11px;color:rgba(255,255,255,.6)}
  .leilao-mid{display:flex;align-items:center;gap:14px;margin-bottom:12px}
  .leilao-mid .val small{font-size:11px;color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:.5px}
  .leilao-mid .val b{font-size:30px;font-weight:900;color:var(--limao-claro);display:block;line-height:1;font-variant-numeric:tabular-nums}
  .leilao-mid .rel{margin-left:auto;text-align:center;background:var(--verde-escuro-2);border-radius:10px;padding:8px 12px}
  .leilao-mid .rel b{font-size:20px;font-weight:900;font-variant-numeric:tabular-nums;display:block}
  .leilao-mid .rel small{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:rgba(255,255,255,.5)}
  .btn-lance{width:100%;background:var(--limao);color:var(--verde-escuro-2);border:0;padding:14px;border-radius:11px;font-size:15px;font-weight:900;cursor:pointer}
  .btn-lance:active{transform:scale(.98)}

  /* PUBLICAR */
  .form{padding:6px 18px 18px}
  .form h2{font-size:22px;font-weight:900;margin-bottom:4px}
  .form .sub{font-size:13px;color:var(--cinza);margin-bottom:20px}
  .grupo{margin-bottom:16px}
  .grupo label{display:block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--verde-escuro);margin-bottom:7px}
  .grupo input,.grupo select,.grupo textarea{width:100%;padding:13px;border:1.5px solid var(--cinza-claro);border-radius:11px;font-size:15px;font-family:var(--fonte);background:#fff;color:var(--verde-escuro)}
  .grupo input:focus,.grupo select:focus{outline:none;border-color:var(--limao)}
  .modos-v{display:flex;flex-direction:column;gap:10px}
  .modo-v{border:1.5px solid var(--cinza-claro);border-radius:12px;padding:14px;cursor:pointer;transition:.15s;background:#fff;display:flex;align-items:center;gap:13px}
  .modo-v.on{border-color:var(--limao);background:rgba(121,191,2,.07)}
  .modo-v .ic{font-size:24px;width:30px;text-align:center}
  .modo-v .t b{font-size:15px;font-weight:800;display:block}
  .modo-v .t small{font-size:12px;color:var(--cinza)}
  .modo-v .rd{margin-left:auto;width:22px;height:22px;border:2px solid var(--cinza-claro);border-radius:50%;flex:0 0 22px}
  .modo-v.on .rd{border-color:var(--limao);background:var(--limao);box-shadow:inset 0 0 0 4px #fff}
  .dupla{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .foto-up{border:2px dashed var(--cinza-claro);border-radius:12px;padding:24px;text-align:center;color:var(--cinza);cursor:pointer;font-size:13px}
  .foto-up .ic{font-size:30px;display:block;margin-bottom:6px}
  .btn-pub{width:100%;background:var(--limao);color:var(--verde-escuro-2);border:0;padding:16px;border-radius:12px;font-size:16px;font-weight:900;cursor:pointer;margin-top:8px}
  .btn-pub:active{transform:scale(.98)}

  /* CONFIRMAÇÃO */
  .conf{padding:28px 20px}
  .conf .foguete{font-size:54px;text-align:center;margin-bottom:8px;animation:sobe .6s}
  @keyframes sobe{from{transform:translateY(20px);opacity:0}to{transform:none;opacity:1}}
  .conf h2{font-size:23px;font-weight:900;text-align:center;margin-bottom:5px}
  .conf .lote-nome{font-size:14px;color:var(--cinza);text-align:center;margin-bottom:22px}
  .conf .achamos{background:var(--verde-escuro);color:#fff;border-radius:var(--raio);padding:20px;margin-bottom:14px}
  .conf .achamos .tit{font-size:14px;font-weight:800;color:var(--limao-claro);margin-bottom:14px;text-align:center}
  .conf .bd{display:flex;align-items:center;gap:11px;background:rgba(255,255,255,.08);border-radius:10px;padding:12px 13px;margin-bottom:9px}
  .conf .bd .dot{width:11px;height:11px;border-radius:50%;flex:0 0 11px}
  .conf .bd .t{font-size:13.5px;flex:1} .conf .bd .n{font-size:18px;font-weight:900}
  .dot-verde{background:var(--limao-claro)} .dot-amarelo{background:var(--ouro)} .dot-vermelho{background:var(--urgente)}
  .conf .btn-ver{width:100%;background:var(--limao);color:var(--verde-escuro-2);border:0;padding:15px;border-radius:12px;font-size:15px;font-weight:900;cursor:pointer}
  .conf .btn-sec{width:100%;background:none;border:0;color:var(--cinza);padding:14px;font-size:14px;font-weight:700;cursor:pointer}

  /* QUERO ENCONTRAR tela */
  .qe-hero{background:var(--verde-escuro);padding:20px;color:#fff}
  .qe-hero h2{font-size:22px;font-weight:900;line-height:1.15;margin-bottom:6px}
  .qe-hero p{font-size:13.5px;color:rgba(255,255,255,.75)}
  .qe-hero .frase{color:var(--limao-claro);font-weight:800}

  /* BUSCAR */
  .busca-wrap{padding:16px 18px 6px}
  .busca-in{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--cinza-claro);border-radius:12px;padding:13px 15px}
  .busca-in input{border:0;outline:0;font-size:15px;flex:1;font-family:var(--fonte);color:var(--verde-escuro)}
  .busca-res{font-size:13px;color:var(--cinza);padding:12px 18px 4px;font-weight:700}
  .filtros-b{display:flex;gap:8px;padding:4px 18px 8px;overflow-x:auto;flex-wrap:nowrap}

  /* INTERESSES / DEMANDAS */
  .demanda{background:#fff;border-radius:var(--raio);padding:15px 16px;box-shadow:var(--sombra);margin:0 14px 12px}
  .demanda .d-top{display:flex;align-items:center;gap:10px;margin-bottom:10px}
  .demanda .d-emoji{font-size:24px}
  .demanda .d-prod{font-weight:800;font-size:15px}
  .demanda .d-crit{font-size:12px;color:var(--cinza);display:flex;gap:12px;flex-wrap:wrap}
  .demanda .d-crit span{display:flex;align-items:center;gap:3px}
  .demanda .d-switch{margin-left:auto;font-size:10px;font-weight:800;color:var(--limao);background:rgba(121,191,2,.12);padding:4px 9px;border-radius:12px}
  .match-alert{background:linear-gradient(100deg,var(--limao),var(--limao-claro));border-radius:12px;padding:13px;margin-top:12px;display:flex;align-items:center;gap:11px;cursor:pointer}
  .match-alert .ic{font-size:22px}
  .match-alert .t{color:var(--verde-escuro-2)}
  .match-alert .t b{font-size:13.5px;font-weight:900;display:block}
  .match-alert .t small{font-size:12px;font-weight:700}
  .match-alert .go{margin-left:auto;font-weight:900;color:var(--verde-escuro-2);font-size:20px}
  .demanda .d-found{margin-top:12px;background:rgba(121,191,2,.1);border-radius:10px;padding:11px 13px;font-size:13px;color:var(--verde-escuro);cursor:pointer;display:flex;align-items:center;gap:6px}
  .demanda .d-found b{font-weight:800}
  .demanda .d-edit{margin-top:10px;width:100%;background:var(--papel);border:1.5px solid var(--cinza-claro);color:var(--verde-escuro);padding:11px;border-radius:10px;font-size:13px;font-weight:800;cursor:pointer}
  .demanda .d-edit:active{transform:scale(.98)}
  .add-demanda{margin:2px 14px 0;border:2px dashed var(--cinza-claro);border-radius:var(--raio);padding:16px;text-align:center;color:var(--cinza);font-size:14px;font-weight:700;cursor:pointer}

  /* PERFIL */
  .perfil-head{background:var(--verde-escuro);padding:26px 20px;color:#fff;text-align:center}
  .perfil-head .av{width:76px;height:76px;border-radius:50%;background:linear-gradient(135deg,var(--limao),var(--verde-escuro-2));margin:0 auto 12px;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:900;border:3px solid var(--limao-claro)}
  .perfil-head .nome{font-size:20px;font-weight:900}
  .perfil-head .loc{font-size:13px;color:rgba(255,255,255,.7);margin-top:3px}
  .tipo-sel{display:flex;gap:8px;padding:16px 14px 6px}
  .tipo{flex:1;text-align:center;border:1.5px solid var(--cinza-claro);border-radius:12px;padding:13px 6px;background:#fff;cursor:pointer;font-size:13px;font-weight:800;transition:.15s}
  .tipo.on{border-color:var(--limao);background:rgba(121,191,2,.08);color:var(--verde-escuro)}
  .tipo .ic{font-size:22px;display:block;margin-bottom:4px}
  .menu-lista{padding:8px 14px}
  .menu-item{display:flex;align-items:center;gap:13px;background:#fff;border-radius:12px;padding:15px;margin-bottom:9px;box-shadow:var(--sombra);cursor:pointer}
  .menu-item .ic{font-size:20px;width:26px;text-align:center}
  .menu-item .lb{font-size:14.5px;font-weight:700;flex:1}
  .menu-item .seta{color:var(--cinza);font-size:18px}
  .stat-row{display:flex;gap:10px;padding:14px}
  .stat{flex:1;background:#fff;border-radius:12px;padding:14px;text-align:center;box-shadow:var(--sombra)}
  .stat b{font-size:24px;font-weight:900;color:var(--verde-escuro);display:block}
  .stat small{font-size:11px;color:var(--cinza);font-weight:600}

  /* NAV */
  .nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;background:#fff;border-top:1px solid var(--cinza-claro);display:flex;padding:8px 0 10px;z-index:60}
  .nav a{flex:1;text-align:center;color:var(--cinza);font-size:10px;font-weight:700;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px}
  .nav a .ic{font-size:20px}
  .nav a.on{color:var(--verde-escuro)}
  .nav .central{position:relative;top:-14px}
  .nav .central .ic{background:var(--limao);color:var(--verde-escuro-2);width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:var(--sombra-alta);font-weight:900}
  .nav .central .lb{font-size:10px;font-weight:800;color:var(--verde-escuro);margin-top:2px}

/* ---- formulários de login/cadastro (compat) ---- */
.form-box{background:#fff;border-radius:var(--raio,16px);box-shadow:0 2px 12px rgba(2,74,45,.08);padding:26px;max-width:520px;margin:24px auto}
.form-box h1{font-size:22px;font-weight:900;margin-bottom:6px;color:var(--verde-escuro)}
.form-box .sub{font-size:14px;color:var(--cinza);margin-bottom:22px}
.form-box .campo{margin-bottom:16px}
.form-box .campo label{display:block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:var(--verde-escuro);margin-bottom:7px}
.form-box .campo input,.form-box .campo select{width:100%;padding:12px;border:1.5px solid var(--cinza-claro);border-radius:10px;font-size:15px;font-family:var(--fonte);color:var(--verde-escuro);background:#fff}
.form-box .campo input:focus,.form-box .campo select:focus{outline:none;border-color:var(--limao)}
.form-box .dupla{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form-box .btn{display:block;width:100%;background:var(--limao);color:var(--verde-escuro-2,#013A23);border:0;padding:15px;border-radius:12px;font-size:16px;font-weight:900;cursor:pointer;font-family:var(--fonte)}
.link-alt{text-align:center;font-size:14px;color:var(--cinza);margin-top:16px}
.link-alt a{color:var(--verde-escuro);font-weight:700}
.alerta{padding:12px 15px;border-radius:10px;font-size:14px;font-weight:600;margin-bottom:16px}
.alerta.erro{background:#FBE9E1;color:#B23C0C}
.btn-bloco{display:block;width:100%}

/* ---- autocomplete de produto ---- */
.autocomplete-box{position:absolute;left:0;right:0;top:100%;background:#fff;border:1.5px solid var(--cinza-claro);border-top:0;border-radius:0 0 11px 11px;box-shadow:0 8px 20px rgba(2,74,45,.12);z-index:40;display:none;max-height:260px;overflow-y:auto}
.autocomplete-box .sug-item{padding:12px 14px;font-size:15px;cursor:pointer;border-bottom:1px solid var(--papel);color:var(--verde-escuro)}
.autocomplete-box .sug-item:last-child{border-bottom:0}
.autocomplete-box .sug-item:hover{background:rgba(121,191,2,.1);font-weight:700}

/* ---- Seletor de botões (modo/modos) — toggle claro ---- */
.modos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.modo{border:2px solid var(--cinza-claro);border-radius:12px;padding:14px 8px;text-align:center;cursor:pointer;background:#fff;transition:.15s;position:relative;user-select:none}
.modo:hover{border-color:var(--limao)}
.modo:active{transform:scale(.97)}
.modo .ic{font-size:24px;display:block;margin-bottom:6px}
.modo .lb{font-weight:800;font-size:13.5px;color:var(--verde-escuro);line-height:1.15;display:block}
.modo .hint{font-size:10.5px;color:var(--cinza);display:block;margin-top:2px}
.modo.on{border-color:var(--limao);background:rgba(121,191,2,.1);box-shadow:0 2px 10px rgba(121,191,2,.18)}
.modo.on::after{content:"✓";position:absolute;top:6px;right:8px;color:var(--verde-escuro);font-weight:900;font-size:13px}
.modo.on .lb{color:var(--verde-escuro-2,#013A23)}