/* V75.22 — aba Bairros do painel ADM */
.bai-msg{font-size:13px;margin:8px 0;color:#14202b}
.bai-msg.erro{color:#b3261e}.bai-msg.ok{color:#0b6b4f}
.bai-ajuda{font-size:13px;color:#5b6b7a;margin:0 0 10px}
.bai-cab{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.bai-cab h3{margin:0}
.bai-contador{display:inline-block;min-width:22px;padding:1px 8px;border-radius:999px;background:#eef1f5;color:#34424f;font-size:12px;font-weight:700;text-align:center;vertical-align:middle}
#bai-sug-qtd.alerta{background:#d32f2f;color:#fff}
.nav-btn .bai-badge{display:inline-block;margin-left:4px;min-width:18px;padding:0 6px;border-radius:999px;background:#d32f2f;color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center}

.bai-config,.bai-form{display:grid;gap:12px}
.bai-campo{display:grid;gap:4px;font-size:13px;font-weight:600}
.bai-campo small{font-weight:400;color:#5b6b7a}
.bai-campo input,.bai-campo select,.bai-campo textarea,.bai-ferramentas input{min-height:44px;padding:8px 10px;border:1px solid #d9dde3;border-radius:9px;font-size:15px;width:100%;font-family:inherit;background:#fff;box-sizing:border-box}
.bai-campo textarea{min-height:84px;resize:vertical}
.bai-linha{display:grid;grid-template-columns:1fr 1fr;gap:10px}

.bai-switch{display:flex;align-items:center;gap:12px;cursor:pointer}
.bai-switch input{position:absolute;opacity:0;width:1px;height:1px}
.bai-trilho{position:relative;flex:0 0 46px;width:46px;height:26px;border-radius:999px;background:#c8cfd8;transition:background .2s}
.bai-trilho::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s}
.bai-switch input:checked+.bai-trilho{background:#0b6b4f}
.bai-switch input:checked+.bai-trilho::after{transform:translateX(20px)}
.bai-switch input:focus-visible+.bai-trilho{outline:2px solid #1a73e8;outline-offset:2px}
.bai-switch strong{display:block;font-size:15px}
.bai-switch small{display:block;font-size:12px;color:#5b6b7a}
#bai-nao-cad-box[hidden]{display:none}

.bai-ferramentas{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.bai-ferramentas>input{flex:1 1 180px}
.bai-todos{display:flex;gap:8px;flex:0 1 auto}
.bai-todos input{width:90px}
.bai-todos button{min-height:44px;white-space:nowrap}

.bai-item{display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center;padding:10px 0;border-bottom:1px solid #eef1f5}
.bai-item:last-child{border-bottom:0}
.bai-item.inativo .bai-nome{opacity:.55;text-decoration:line-through}
.bai-nome{font-weight:700;font-size:15px;overflow-wrap:anywhere}
.bai-meta{display:block;font-size:12px;color:#5b6b7a;font-weight:400;text-decoration:none}
.bai-etiqueta{display:inline-block;margin-left:6px;padding:0 7px;border-radius:999px;background:#e8f0fe;color:#1a56c4;font-size:11px;font-weight:700}
.bai-campos{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.bai-campos label{display:flex;align-items:center;gap:6px;font-size:12px;color:#5b6b7a}
.bai-campos input[type=text]{width:84px;min-height:40px;padding:0 8px;border:1px solid #d9dde3;border-radius:8px;font-size:15px;box-sizing:border-box}
.bai-campos input.salvo{border-color:#0b6b4f}
.bai-campos input.erro{border-color:#b3261e}
.bai-icone{min-width:40px;min-height:40px;border:1px solid #d9dde3;border-radius:8px;background:#fff;color:#5b6b7a;cursor:pointer}
.bai-icone:hover{color:#b3261e;border-color:#b3261e}
.bai-vazio{color:#5b6b7a;font-size:13px;padding:6px 0}

@media (max-width:560px){
  .bai-item{grid-template-columns:1fr}
  .bai-campos{justify-content:flex-start}
  .bai-linha{grid-template-columns:1fr}
}

/* V75.23 — abas internas, aviso na aba Pedidos, configuração recolhível, ignorados */
.bai-cfg summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;list-style:none}
.bai-cfg summary::-webkit-details-marker{display:none}
.bai-cfg[open] summary{margin-bottom:10px}
.bai-cfg-estado{margin-left:auto;padding:1px 10px;border-radius:999px;background:#eceff2;color:#5b6b7a;font-size:12px;font-weight:700}
.bai-cfg-estado.on{background:#e3f6ee;color:#0b6b4f}
.bai-abas{display:flex;gap:6px;background:#e9edf1;border-radius:12px;padding:4px;margin:14px 0}
.bai-aba{flex:1;min-height:46px;border:0;border-radius:9px;background:transparent;color:#34424f;font:inherit;font-weight:700;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;padding:4px 6px}
.bai-aba.ativa{background:#fff;color:#14202b;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.bai-aba:focus-visible{outline:2px solid #1a73e8;outline-offset:2px}
.bai-painel[hidden]{display:none}
.bai-meta strong{color:#14202b}
.bai-vazio i{color:#0b6b4f;margin-right:4px}
.bai-ignorados{margin-top:14px;border-top:1px solid #eef1f5;padding-top:6px}
.bai-ignorados summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;color:#5b6b7a}
.bai-aviso{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 14px;padding:10px 14px;border-radius:12px;background:#fff3cd;border:1px solid #f5b400;color:#5c4300;font-weight:600;font-size:14px}
.bai-aviso[hidden]{display:none}
.bai-aviso span{flex:1 1 200px}
.bai-aviso button{min-height:40px}
@media (max-width:560px){.bai-aba{font-size:12px}}

/* V75.160 — ruas dentro do bairro */
.bai-ruas-btn{min-height:40px;padding:0 12px;border:1px solid #d9dde3;border-radius:8px;background:#fff;color:#14202b;font-size:13px;font-weight:600;cursor:pointer}
.bai-ruas-btn[aria-expanded="true"]{background:#e8f0fe;border-color:#1a56c4;color:#1a56c4}
.bai-ruas{grid-column:1/-1;margin:2px 0 4px;padding:8px 10px;border-left:3px solid #d9dde3;background:#f7f9fb;border-radius:0 8px 8px 0}
.bai-ruas[hidden]{display:none}
.bai-rua{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center;padding:6px 0;border-bottom:1px solid #eef1f5}
.bai-rua.inativo .bai-nome{opacity:.55;text-decoration:line-through}
.bai-rua-add{margin-top:8px;justify-content:flex-start}
.bai-rua-add input[data-rua-novo="nome"]{width:min(240px,100%);min-height:40px;padding:0 8px;border:1px solid #d9dde3;border-radius:8px;font-size:15px;box-sizing:border-box}
.bai-ruas-novas{margin-top:18px}
@media (max-width:640px){.bai-rua{grid-template-columns:1fr}}


/* V75.179 — bairros recolhíveis no desktop e indicadores compactos */
.bai-resumo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 14px}
.bai-resumo-card{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border:1px solid #e7eaee;border-radius:12px;background:#fff;min-width:0}
.bai-resumo-card span{font-size:12px;color:#5b6b7a}
.bai-resumo-card strong{font-size:22px;line-height:1;color:#25282d;font-variant-numeric:tabular-nums}
.bai-bairro-card{display:block!important;padding:0!important;margin:0 0 9px;border:1px solid #e8ebef!important;border-radius:12px;background:#fff;overflow:hidden}
.bai-bairro-card:last-child{margin-bottom:0}
.bai-bairro-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;cursor:pointer;list-style:none;min-height:58px;box-sizing:border-box}
.bai-bairro-summary::-webkit-details-marker{display:none}
.bai-bairro-summary::marker{content:""}
.bai-bairro-summary:hover{background:#fffaf7}
.bai-bairro-titulo{display:grid;gap:3px;min-width:0}
.bai-bairro-titulo .bai-nome{font-size:14px}
.bai-bairro-titulo .bai-meta{margin:0}
.bai-bairro-status{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-shrink:0}
.bai-bairro-status>strong{font-size:14px;color:#25282d;white-space:nowrap}
.bai-status-pill{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}
.bai-status-pill.atende{background:#e3f6ee;color:#0b6b4f}
.bai-status-pill.pausado{background:#eef1f5;color:#66717c}
.bai-chevron{font-size:12px;color:#77818c;transition:transform .18s}
.bai-bairro-card[open]>.bai-bairro-summary .bai-chevron{transform:rotate(180deg)}
.bai-bairro-body{padding:0 14px 13px;border-top:1px solid #f0f2f5}
.bai-bairro-body>.bai-campos{justify-content:flex-start;padding-top:12px}
.bai-bairro-body .bai-campos label{gap:5px}
.bai-bairro-body .bai-campos input[type=text]{width:90px}
.bai-bairro-body .bai-atende-check{min-height:40px;padding:0 8px;border:1px solid #e3e7eb;border-radius:8px;background:#fafbfc}
.bai-bairro-body .bai-ruas{margin-top:10px}
.bai-bairro-card.inativo>.bai-bairro-summary .bai-nome{text-decoration:none;opacity:1}
.bai-bairro-card.inativo>.bai-bairro-summary{background:#fafbfc}
@media(max-width:700px){
  .bai-resumo{gap:6px}
  .bai-resumo-card{padding:9px 8px;align-items:flex-start;flex-direction:column;gap:6px}
  .bai-resumo-card span{font-size:11px}
  .bai-resumo-card strong{font-size:19px}
  .bai-bairro-card{overflow:visible}
  .bai-bairro-summary{cursor:default;padding:10px 8px}
  .bai-bairro-status{gap:6px;flex-wrap:wrap}
  .bai-bairro-status>strong{font-size:12px}
  .bai-bairro-body{padding:0 8px 10px}
  .bai-bairro-body>.bai-campos{justify-content:flex-start}
  .bai-chevron{display:none}
}