.ind-cab {
  display: flex; align-items: center; justify-content: space-between; gap: 18px;
  padding: 20px 24px; border-radius: 18px; margin-bottom: 18px;
  background: linear-gradient(135deg, rgba(239,18,29,.16), rgba(255,183,3,.07));
  border: 1px solid rgba(255,183,3,.2);
}
.ind-cab__marca { font-size: 12px; font-weight: 800; letter-spacing: 1.2px; text-transform: uppercase; color: #ef121d; }
.ind-cab h2 { font-size: 22px; margin: 4px 0 0; }
.ind-cab__resumo { text-align: right; }
.ind-cab__resumo b { display: block; font-size: 34px; line-height: 1; color: #ffb703; }
.ind-cab__resumo span { font-size: 11px; opacity: .6; }
.ind-podio { display: grid; grid-template-columns: 1fr 1.15fr 1fr; align-items: end; gap: 12px; margin-bottom: 20px; }
.ind-podio__vaga { text-align: center; }
.ind-podio__ava {
  width: 52px; height: 52px; margin: 0 auto 8px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-weight: 800; font-size: 17px; color: #17171b; background: #c8ccd4;
}
.ind-podio__nome { display: block; font-size: 14px; }
.ind-podio__media { display: block; font-size: 12px; color: #3aa76d; font-weight: 700; margin-bottom: 8px; }
.ind-podio__base {
  border-radius: 12px 12px 0 0; padding: 12px 8px 14px;
  background: linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.03));
  border: 1px solid var(--line); border-bottom: 0;
}
.ind-podio__base b { display: block; font-size: 19px; }
.ind-podio__base small { font-size: 10px; opacity: .55; }
.ind-podio .p1 .ind-podio__ava { width: 64px; height: 64px; font-size: 21px; background: #ffb703; }
.ind-podio .p1 .ind-podio__base { padding-bottom: 34px; border-color: rgba(255,183,3,.4); }
.ind-podio .p2 .ind-podio__base { padding-bottom: 20px; }
.ind-podio .p3 .ind-podio__ava { background: #cd7f32; color: #fff; }
.ind-podio .p3 .ind-podio__base { padding-bottom: 12px; }
.ind-lista { display: flex; flex-direction: column; gap: 10px; }
.ind-linha {
  display: grid; align-items: center; gap: 14px;
  grid-template-columns: 34px 42px minmax(130px,1.4fr) 74px 96px 56px 118px;
  padding: 14px 16px; border-radius: 14px;
  border: 1px solid var(--line); background: rgba(255,255,255,.03);
}
.ind-linha.bloqueada { opacity: .62; }
.ind-linha__pos { font-weight: 800; font-size: 14px; opacity: .5; text-align: center; }
.ind-linha__ava {
  width: 42px; height: 42px; border-radius: 50%; display: flex;
  align-items: center; justify-content: center; font-weight: 700; font-size: 14px;
  background: rgba(255,255,255,.08); border: 1px solid var(--line);
}
.ind-linha__id { min-width: 0; }
.ind-linha__id h3 { margin: 0; font-size: 15px; }
.ind-linha__id p { margin: 2px 0 0; font-size: 11px; opacity: .55; }
.ind-linha__num { text-align: center; }
.ind-linha__num b { display: block; font-size: 15px; line-height: 1.2; }
.ind-linha__num span { font-size: 10px; opacity: .5; }
.ind-linha__num:nth-of-type(1) b { color: #3aa76d; font-size: 18px; }
.ind-linha__evo { text-align: center; }
.ind-spark { width: 108px; height: 30px; display: block; margin: 0 auto 3px; }
.ind-tend { font-size: 10px; padding: 2px 7px; border-radius: 20px; white-space: nowrap; }
.ind-tend.sobe { background: rgba(58,167,109,.16); color: #7ddba3; }
.ind-tend.desce { background: rgba(224,162,58,.16); color: #e0a23a; }
.ind-tend.estavel { background: rgba(255,255,255,.07); opacity: .6; }
.ind-linha__chips { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 6px; }
.ind-chip {
  font-size: 10.5px; padding: 4px 9px; border-radius: 20px;
  background: rgba(255,255,255,.06); border: 1px solid var(--line); white-space: nowrap;
}
.ind-chip b { margin-left: 3px; }
.ind-linha__aviso {
  grid-column: 1 / -1; font-size: 11px; color: #e0a23a;
  background: rgba(224,162,58,.1); border-radius: 8px; padding: 6px 10px;
}
.ind-secao { margin-top: 26px; }
.ind-secao h3 { font-size: 13px; text-transform: uppercase; letter-spacing: .6px; opacity: .55; margin: 0 0 10px; }
.ind-vazio { text-align: center; padding: 46px 20px; border: 1px dashed var(--line); border-radius: 16px; }
.ind-vazio__ico { font-size: 38px; margin-bottom: 10px; opacity: .7; }
.ind-vazio h3 { margin: 0 0 6px; font-size: 16px; }
.ind-vazio p { margin: 0; font-size: 12.5px; opacity: .55; }
@media (max-width: 820px) {
  .ind-linha { grid-template-columns: 30px 38px 1fr; row-gap: 10px; }
  .ind-linha__num { text-align: left; }
  .ind-linha__evo { grid-column: 1 / -1; text-align: center; }
  .ind-cab { flex-direction: column; align-items: flex-start; gap: 10px; }
  .ind-cab__resumo { text-align: left; }
  .ind-podio { gap: 6px; }
  .ind-podio__ava { width: 42px; height: 42px; font-size: 14px; }
  .ind-podio .p1 .ind-podio__ava { width: 50px; height: 50px; font-size: 16px; }
}
@media print {
  .ind-cab {
    background: none !important; border: 0 !important; border-bottom: 2px solid #ef121d !important;
    border-radius: 0 !important; padding: 0 0 8px !important; margin-bottom: 12px !important;
  }
  .ind-cab *, .ind-podio *, .ind-linha * { color: #111 !important; }
  .ind-cab__resumo b { color: #ef121d !important; }
  .ind-podio__base { background: #f2f2f4 !important; border: 1px solid #bbb !important; }
  .ind-podio .p1 .ind-podio__ava { background: #ffb703 !important; }
  .ind-podio__media { color: #1f8a4c !important; }
  .ind-linha {
    background: none !important; border: 1px solid #c4c4c8 !important;
    page-break-inside: avoid !important; padding: 3mm !important;
  }
  .ind-linha__num:nth-of-type(1) b { color: #1f8a4c !important; }
  .ind-chip { background: #f3f3f5 !important; border: 1px solid #ccc !important; }
  .ind-tend.sobe { background: #e6f4ec !important; color: #1f8a4c !important; }
}

.nf-ok   { color: #3aa76d !important; }
.nf-meio { color: #e0a23a !important; }
.nf-nao  { color: #e05c5c !important; }
@media print {
  .nf-ok   { color: #1f8a4c !important; }
  .nf-meio { color: #b57414 !important; }
  .nf-nao  { color: #c62828 !important; }
}
.ind-barras { display: flex; flex-direction: column; gap: 4px; width: 100%; }
.ind-bar { display: grid; grid-template-columns: minmax(52px, 84px) 1fr 34px;
  align-items: center; gap: 7px; font-size: 10.5px; }
.ind-bar__nome { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; opacity: .7; }
.ind-bar__trilho { height: 6px; border-radius: 4px; background: rgba(255,255,255,.09); overflow: hidden; }
.ind-bar__trilho i { display: block; height: 100%; border-radius: 4px; }
.ind-bar__val { font-size: 10.5px; font-weight: 700; text-align: right; }
.ind-bar__mais { font-size: 9.5px; opacity: .45; }
/* A coluna do meio colapsava para 0: o container nao tinha largura
   de referencia, entao o 1fr nao recebia fracao nenhuma. */
.ind-linha__evo { min-width: 0; }
.ind-barras { width: 100%; min-width: 0; max-width: 100%; }
.ind-bar { width: 100%; min-width: 0; }
.ind-bar__trilho { min-width: 40px; width: auto; }
.ind-linha__evo { padding-left: 14px; }
.ind-barras { padding-left: 4px; }
/* O contador de dominadas ficava colado nas barras, com folga a direita. */
.ind-linha .ind-linha__num:last-of-type,
.ind-linha__num { align-self: center; }
.ind-linha__evo { align-self: center; }

/* Histórico de ausências — Indicação */
.ind-ausencias{
  grid-column:1/-1;
  margin-top:10px;
  padding:12px 14px;
  border:1px solid rgba(120,120,120,.20);
  border-radius:10px;
  background:rgba(120,120,120,.05);
}

.ind-ausencias__topo{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:8px;
}

.ind-ausencias__topo span{
  font-size:12px;
  opacity:.7;
}

.ind-ausencias__lista{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

.ind-ausencias__item{
  display:flex;
  align-items:center;
  gap:7px;
  padding:5px 9px;
  border-radius:7px;
  background:rgba(120,120,120,.08);
  font-size:12px;
}

.ind-ausencias__item span{
  opacity:.7;
}

.ind-ausencias__item b{
  font-weight:600;
}

.ind-ausencias__vazio{
  display:block;
  margin-top:5px;
  font-size:12px;
  opacity:.65;
}

@media(max-width:700px){
  .ind-ausencias__lista{
    display:block;
  }

  .ind-ausencias__item{
    margin-top:5px;
  }
}

/* CORRECAO DEFINITIVA DO LAYOUT DE INDICACAO */

/*
 * A linha possui:
 * posição, avatar, identificação, cinco indicadores e barras.
 * A grade antiga tinha apenas sete colunas e fazia os últimos elementos
 * invadirem a linha seguinte.
 */
.ind-linha {
  grid-template-columns:
    34px
    42px
    minmax(180px, 1.45fr)
    74px
    96px
    62px
    84px
    88px
    minmax(180px, 1.15fr);
  align-items: center;
}

.ind-linha__pos {
  position: static;
  z-index: auto;
  width: 34px;
  min-width: 34px;
  white-space: nowrap;
}

.ind-linha__ava {
  position: static;
  flex: 0 0 42px;
  overflow: hidden;
  white-space: nowrap;
}

.ind-linha__id {
  min-width: 0;
  width: 100%;
  overflow: visible;
}

.ind-linha__id h3 {
  display: block;
  width: 100%;
  max-width: none;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.25;
}

.ind-linha__id p {
  white-space: normal;
  overflow-wrap: anywhere;
}

.ind-linha__evo {
  width: 100%;
  min-width: 0;
  padding-left: 0;
}

.ind-podio__vaga {
  min-width: 0;
}

.ind-podio__nome {
  display: block;
  min-height: 34px;
  padding: 0 6px;
  line-height: 1.2;
  white-space: normal;
  overflow-wrap: anywhere;
}

.ind-podio__ava {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
}

.ind-podio__base {
  position: relative;
  z-index: 0;
}

/* Tablet */
@media (max-width: 1100px) and (min-width: 821px) {
  .ind-linha {
    grid-template-columns:
      34px
      42px
      minmax(150px, 1fr)
      repeat(5, minmax(58px, auto));
  }

  .ind-linha__evo {
    grid-column: 1 / -1;
    padding: 8px 0 0;
  }
}

/* Celular */
@media (max-width: 820px) {
  .ind-linha {
    grid-template-columns: 30px 42px minmax(0, 1fr);
    column-gap: 10px;
    row-gap: 12px;
    align-items: center;
    padding: 14px 12px;
  }

  .ind-linha__pos {
    grid-column: 1;
    grid-row: 1;
    width: 30px;
    min-width: 30px;
  }

  .ind-linha__ava {
    grid-column: 2;
    grid-row: 1;
  }

  .ind-linha__id {
    grid-column: 3;
    grid-row: 1;
  }

  .ind-linha__num {
    grid-column: auto;
    text-align: center;
    min-width: 0;
    padding: 5px 2px;
    border-radius: 8px;
    background: rgba(255,255,255,.035);
  }

  .ind-linha__num b {
    overflow-wrap: anywhere;
  }

  .ind-linha__evo,
  .ind-linha__chips,
  .ind-linha__aviso,
  .ind-ausencias {
    grid-column: 1 / -1;
  }

  .ind-linha__evo {
    padding: 4px 0 0;
  }

  .ind-podio {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: end;
  }

  .ind-podio__nome {
    min-height: 46px;
    padding: 0 3px;
    font-size: 11px;
  }

  .ind-podio__base {
    padding-left: 3px;
    padding-right: 3px;
  }

  .ind-podio__base small {
    display: block;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 420px) {
  .ind-linha {
    grid-template-columns: 28px 40px minmax(0, 1fr);
    column-gap: 8px;
  }

  .ind-linha__ava {
    width: 40px;
    height: 40px;
  }

  .ind-linha__num {
    font-size: 10px;
  }

  .ind-podio__ava {
    width: 38px;
    height: 38px;
  }

  .ind-podio .p1 .ind-podio__ava {
    width: 46px;
    height: 46px;
  }
}

/* CORRECAO MOBILE FINAL — POSICAO, AVATAR E NOME */
@media (max-width: 820px) {
  /*
   * Usa o ID da página e !important porque mobile.css e
   * correcao-cards.css são carregados depois deste arquivo.
   */
  #papIndicacao .ind-linha {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 30px 44px minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto auto !important;
    column-gap: 10px !important;
    row-gap: 12px !important;
    align-items: center !important;
    padding: 16px !important;
    overflow: hidden !important;
  }

  #papIndicacao .ind-linha > * {
    order: initial !important;
  }

  /* Colocação */
  #papIndicacao .ind-linha__pos {
    display: block !important;
    position: static !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 30px !important;
    min-width: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    transform: none !important;
    z-index: 2 !important;
    overflow: visible !important;
    white-space: nowrap !important;
  }

  /* Círculo com as iniciais */
  #papIndicacao .ind-linha__ava {
    display: flex !important;
    position: static !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    transform: none !important;
    z-index: 1 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
  }

  /* Nome e loja */
  #papIndicacao .ind-linha__id {
    display: block !important;
    position: static !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    overflow: visible !important;
  }

  #papIndicacao .ind-linha__id h3 {
    display: block !important;
    position: static !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
    transform: none !important;
  }

  #papIndicacao .ind-linha__id p {
    display: block !important;
    margin: 3px 0 0 !important;
    white-space: normal !important;
    overflow: visible !important;
  }

  /*
   * Indicadores:
   * linha 2 = média e tempo de casa
   * linha 3 = áreas, avaliações e dominadas
   */
  #papIndicacao .ind-linha__num {
    position: static !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    transform: none !important;
    text-align: center !important;
  }

  #papIndicacao .ind-linha__num.media {
    grid-column: 1 / 3 !important;
    grid-row: 2 !important;
  }

  #papIndicacao .ind-linha__num.media + .ind-linha__num {
    grid-column: 3 !important;
    grid-row: 2 !important;
  }

  #papIndicacao .ind-linha__num.media + .ind-linha__num + .ind-linha__num {
    grid-column: 1 !important;
    grid-row: 3 !important;
  }

  #papIndicacao .ind-linha__num.media + .ind-linha__num + .ind-linha__num + .ind-linha__num {
    grid-column: 2 !important;
    grid-row: 3 !important;
  }

  #papIndicacao .ind-linha__num.media + .ind-linha__num + .ind-linha__num + .ind-linha__num + .ind-linha__num {
    grid-column: 3 !important;
    grid-row: 3 !important;
  }

  #papIndicacao .ind-linha__evo,
  #papIndicacao .ind-linha__chips,
  #papIndicacao .ind-linha__aviso,
  #papIndicacao .ind-ausencias {
    grid-column: 1 / -1 !important;
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    transform: none !important;
  }

  #papIndicacao .ind-linha__evo {
    grid-row: 4 !important;
    padding: 6px 0 0 !important;
  }

  #papIndicacao .ind-bar {
    grid-template-columns: minmax(95px, 130px) minmax(70px, 1fr) 38px !important;
  }

  #papIndicacao .ind-bar__nome {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: anywhere !important;
    line-height: 1.15 !important;
  }
}

@media (max-width: 420px) {
  #papIndicacao .ind-linha {
    grid-template-columns: 26px 40px minmax(0, 1fr) !important;
    column-gap: 8px !important;
    padding: 13px !important;
  }

  #papIndicacao .ind-linha__pos {
    width: 26px !important;
    min-width: 26px !important;
  }

  #papIndicacao .ind-linha__ava {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
  }

  #papIndicacao .ind-linha__id h3 {
    font-size: 14px !important;
  }
}

/* INDICACAO MOBILE — PALAVRAS INTEIRAS */
@media (max-width: 820px) {
  /*
   * Aplica-se a todas as indicações da lista.
   * Impede áreas, avaliações e dominadas de quebrarem no meio.
   */
  #papIndicacao .ind-linha__num {
    box-sizing: border-box !important;
    padding: 8px 3px !important;
    overflow: visible !important;
  }

  #papIndicacao .ind-linha__num b,
  #papIndicacao .ind-linha__num span {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    text-overflow: clip !important;
    overflow: visible !important;
    text-align: center !important;
  }

  #papIndicacao .ind-linha__num span {
    font-size: 10px !important;
    line-height: 1.2 !important;
    letter-spacing: -0.15px !important;
  }

  #papIndicacao .ind-linha__num b {
    font-size: 15px !important;
  }

  /*
   * Nomes quebram apenas entre palavras, nunca no meio de uma palavra.
   * Vale também quando houver vários colaboradores indicados.
   */
  #papIndicacao .ind-linha__id h3,
  #papIndicacao .ind-podio__nome {
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
  }
}

@media (max-width: 380px) {
  #papIndicacao .ind-linha {
    padding-left: 10px !important;
    padding-right: 10px !important;
    column-gap: 6px !important;
  }

  #papIndicacao .ind-linha__num {
    padding-left: 1px !important;
    padding-right: 1px !important;
  }

  #papIndicacao .ind-linha__num span {
    font-size: 9px !important;
    letter-spacing: -0.3px !important;
  }

  #papIndicacao .ind-linha__num b {
    font-size: 14px !important;
  }
}

/* INDICACAO MOBILE — CARTAO COMPACTO */
@media (max-width: 820px) {
  #papIndicacao .ind-linha {
    display: grid !important;
    position: relative !important;
    grid-template-columns: 28px 42px repeat(4, minmax(0, 1fr)) !important;
    grid-template-rows: auto auto auto auto !important;
    column-gap: 8px !important;
    row-gap: 8px !important;
    align-items: center !important;
    padding: 13px 12px !important;
    overflow: hidden !important;
  }

  #papIndicacao .ind-linha > * {
    order: initial !important;
  }

  /* Primeira linha: colocação, avatar e nome. */
  #papIndicacao .ind-linha__pos {
    display: block !important;
    position: static !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 28px !important;
    min-width: 28px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    transform: none !important;
    overflow: visible !important;
  }

  #papIndicacao .ind-linha__ava {
    display: flex !important;
    position: static !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    transform: none !important;
  }

  #papIndicacao .ind-linha__id {
    display: block !important;
    position: static !important;
    grid-column: 3 / 7 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 4px !important;
    box-sizing: border-box !important;
    text-align: center !important;
    overflow: hidden !important;
    transform: none !important;
  }

  #papIndicacao .ind-linha__id h3 {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    text-align: center !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    overflow: hidden !important;
  }

  #papIndicacao .ind-linha__id p {
    margin: 2px 0 0 !important;
    text-align: center !important;
  }

  /*
   * Segunda linha: média e tempo de casa.
   * Duas molduras iguais e compactas.
   */
  #papIndicacao .ind-linha__num.media {
    grid-column: 1 / 4 !important;
    grid-row: 2 !important;
  }

  #papIndicacao .ind-linha__num.media + .ind-linha__num {
    grid-column: 4 / 7 !important;
    grid-row: 2 !important;
  }

  /*
   * Terceira linha: áreas, avaliações e dominadas.
   * Três molduras exatamente iguais.
   */
  #papIndicacao .ind-linha__num.media + .ind-linha__num + .ind-linha__num {
    grid-column: 1 / 3 !important;
    grid-row: 3 !important;
  }

  #papIndicacao .ind-linha__num.media + .ind-linha__num + .ind-linha__num + .ind-linha__num {
    grid-column: 3 / 5 !important;
    grid-row: 3 !important;
  }

  #papIndicacao .ind-linha__num.media + .ind-linha__num + .ind-linha__num + .ind-linha__num + .ind-linha__num {
    grid-column: 5 / 7 !important;
    grid-row: 3 !important;
  }

  #papIndicacao .ind-linha__num {
    display: block !important;
    position: static !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 6px 2px !important;
    text-align: center !important;
    border-radius: 8px !important;
    transform: none !important;
  }

  #papIndicacao .ind-linha__num b,
  #papIndicacao .ind-linha__num span {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
  }

  #papIndicacao .ind-linha__num b {
    font-size: 14px !important;
  }

  #papIndicacao .ind-linha__num span {
    font-size: 9px !important;
    line-height: 1.1 !important;
  }

  #papIndicacao .ind-linha__evo {
    grid-column: 1 / -1 !important;
    grid-row: 4 !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 5px 0 0 !important;
  }

  #papIndicacao .ind-linha__chips,
  #papIndicacao .ind-linha__aviso,
  #papIndicacao .ind-ausencias {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 380px) {
  #papIndicacao .ind-linha {
    grid-template-columns: 24px 38px repeat(4, minmax(0, 1fr)) !important;
    column-gap: 5px !important;
    padding: 11px 8px !important;
  }

  #papIndicacao .ind-linha__pos {
    width: 24px !important;
    min-width: 24px !important;
  }

  #papIndicacao .ind-linha__ava {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
  }

  #papIndicacao .ind-linha__id h3 {
    font-size: 13px !important;
  }

  #papIndicacao .ind-linha__num span {
    font-size: 8px !important;
  }
}