/* Índice de roubo (templates/indice-de-roubo.tpl). Tokens de css/refinado.css; cores das faixas iguais às de css/custo.css. */
.ir { padding-bottom: 48px; max-width: 1040px; }
.ir-topo { padding: 10px 0 4px; }
.ir-chapeu { font-size: 12px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; color: #c2410c; }
body .ir h1 { font-size: 32px; line-height: 1.15; font-weight: 800; letter-spacing: -.02em; color: #18181b; margin: 6px 0 10px; }
body .ir h2 { font-size: 20px; font-weight: 800; margin: 0 0 8px; }
body .ir-topo p { font-size: 15.5px; line-height: 1.6; color: #3f3f46; margin: 0 0 14px; max-width: 820px; }
.ir-escala { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4px; margin: 4px 0 18px; font-size: 12.5px; font-weight: 700; }
.ir-escala span { padding: 7px 10px; border-radius: 8px; display: flex; flex-direction: column; }
.ir-escala small { font-weight: 500; opacity: .8; }
.ir-f-baixo, .ir-f-abaixo { background: #e9f7ee; color: #15803d; }
.ir-f-medio { background: #f4f4f5; color: #3f3f46; }
.ir-f-acima { background: #ffedd5; color: #c2410c; }
.ir-f-alto { background: #fee2e2; color: #b91c1c; }
.ir-ferramentas { display: flex; flex-wrap: wrap; gap: 10px; justify-content: space-between; align-items: center; margin-bottom: 12px; }
.ir-tipos { display: flex; flex-wrap: wrap; gap: 6px; }
body .ir-tipos button, body .ir-busca button { font: inherit; font-size: 13.5px; border: 1px solid #ececef; border-radius: 999px; padding: 6px 13px; color: #3f3f46; background: #fff; cursor: pointer; }
body .ir-tipos button.ativo { background: #18181b; border-color: #18181b; color: #fff; }
.ir-tipos small { opacity: .6; }
.ir-busca { display: flex; gap: 6px; }
.ir-busca input { font: inherit; font-size: 14px; border: 1px solid #e4e4e7; border-radius: 999px; padding: 7px 14px; width: 230px; }
.ir-lista { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
body a.ir-item { display: grid; grid-template-columns: 40px 96px minmax(0, 1.3fr) minmax(0, 1fr) 118px 140px; gap: 14px; align-items: center;
                 padding: 8px 14px; border: 1px solid #ececef; border-radius: 14px; background: #fff; color: #18181b; text-decoration: none; }
body a.ir-item:hover { border-color: #fdba74; box-shadow: 0 10px 24px -18px rgba(194, 65, 12, .45); text-decoration: none; }
.ir-pos { font-size: 14px; font-weight: 800; color: #71717a; text-align: right; }
.ir-item img, .ir-sem-foto { width: 96px; height: 64px; object-fit: contain; }
.ir-nome { display: flex; flex-direction: column; min-width: 0; }
.ir-nome b { font-size: 16px; }
.ir-nome small, .ir-casos small, .ir-indice small { font-size: 12.5px; color: #71717a; }
.ir-barra { position: relative; height: 10px; background: #f4f4f5; border-radius: 99px; }
.ir-barra i { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 99px; background: #a1a1aa; }
.ir-barra em { position: absolute; top: -4px; bottom: -4px; width: 2px; background: #18181b; opacity: .35; }
.ir-baixo .ir-barra i, .ir-abaixo .ir-barra i { background: #22a35a; }
.ir-acima .ir-barra i { background: #f0a24b; }
.ir-alto .ir-barra i { background: #dc2626; }
.ir-indice { display: flex; flex-direction: column; }
.ir-indice b { font-size: 26px; font-weight: 900; line-height: 1; }
.ir-alto .ir-indice small { color: #b91c1c; font-weight: 700; }
.ir-acima .ir-indice small { color: #c2410c; font-weight: 700; }
.ir-baixo .ir-indice small, .ir-abaixo .ir-indice small { color: #15803d; font-weight: 700; }
.ir-casos { display: flex; flex-direction: column; font-size: 15px; font-weight: 700; }
.ir-vazio { color: #71717a; }
.ir-abs, .ir-como { margin-top: 30px; }
.ir-abs p { color: #52525b; margin: 0 0 10px; }
.ir-abs ol { margin: 0; padding-left: 22px; columns: 2; column-gap: 40px; font-size: 15px; }
.ir-abs li { padding: 3px 0; break-inside: avoid; }
.ir-abs li span { color: #71717a; font-variant-numeric: tabular-nums; }
.ir-como ul { padding-left: 20px; font-size: 14.5px; line-height: 1.6; color: #3f3f46; }
@media (max-width: 760px) {
  body .ir h1 { font-size: 25px; }
  .ir-escala { grid-template-columns: repeat(5, minmax(0, 1fr)); font-size: 10.5px; }
  .ir-escala span { padding: 6px; }
  .ir-escala small { display: none; }
  .ir-busca { width: 100%; }
  .ir-busca input { flex: 1; width: auto; min-width: 0; }
  body a.ir-item { grid-template-columns: 28px 64px minmax(0, 1fr) 64px; gap: 10px; padding: 8px 10px; }
  .ir-item img, .ir-sem-foto { width: 64px; height: 44px; }
  .ir-barra { grid-column: 2 / 5; order: 5; }
  .ir-casos { grid-column: 2 / 5; order: 6; font-size: 13px; flex-direction: row; gap: 6px; align-items: baseline; }
  .ir-indice b { font-size: 22px; }
  .ir-abs ol { columns: 1; }
}