/* listarReceita.css - Estilos exclusivos para a tabela de listagem de receita */

.receita-tabela-container {
  width: 100%;
  overflow-x: auto;
}

.receita-tabela,
table.md-table.receita-tabela td.md-cell,
table.md-table.receita-tabela th.md-column {
  font-size: 13px !important;
}

.receita-tabela {
  border-collapse: collapse;
  width: 100%;
}

/* Ícones menores dentro da tabela */
.receita-tabela .material-icons,
.receita-tabela i.material-icons,
.receita-tabela td .material-icons,
.receita-tabela th .material-icons,
.receita-tabela button .material-icons,
.receita-tabela span .material-icons {
  font-size: 18px !important;
  vertical-align: middle;
}

table.md-table.receita-tabela td.md-cell,
table.md-table.receita-tabela th.md-column {
  font-size: 12px !important;
}

.receita-tabela th,
.receita-tabela td {
  padding: 2px 8px;
  text-align: left;
  min-width: 40px;
  max-width: 180px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: #fff !important;
  height: 26px;
  line-height: 1.1;
}

.receita-tabela th {
  background: #fff;
  font-weight: 600;
}

/* Removido zebra striping para manter fundo branco */
/* .receita-tabela tr:nth-child(even) {
  background: #fafafa;
} */

/* Segunda coluna com padding horizontal de 12px */
table.md-table.md-row-select td.md-cell:nth-child(2),
table.md-table.md-row-select th.md-column:nth-child(2) {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

/* Permitir quebra de texto só em colunas específicas, se necessário */
.receita-tabela td.descricao,
.receita-tabela th.descricao {
  white-space: normal;
  max-width: 220px;
}

@media (max-width: 700px) {
  .receita-tabela,
  table.md-table.receita-tabela td.md-cell,
  table.md-table.receita-tabela th.md-column {
    font-size: 11px !important;
  }
  .receita-tabela .material-icons,
  .receita-tabela i.material-icons {
    font-size: 13px !important;
  }
  .receita-tabela th,
  .receita-tabela td {
    padding: 4px 6px;
  }

  .receita-tabela .material-icons,
  .receita-tabela i.material-icons {
    font-size: 14px !important;
  }
  .receita-tabela {
    font-size: 11px;
  }
  .receita-tabela th,
  .receita-tabela td {
    padding: 4px 6px;
  }
}

@media (max-width: 500px) {
  .receita-tabela,
  table.md-table.receita-tabela td.md-cell,
  table.md-table.receita-tabela th.md-column {
    font-size: 10px !important;
  }
  .receita-tabela .material-icons,
  .receita-tabela i.material-icons {
    font-size: 11px !important;
  }
  .receita-tabela th,
  .receita-tabela td {
    padding: 3px 4px;
  }

  .receita-tabela .material-icons,
  .receita-tabela i.material-icons {
    font-size: 12px !important;
  }
  .receita-tabela {
    font-size: 10px;
  }
  .receita-tabela th,
  .receita-tabela td {
    padding: 3px 4px;
  }
}