/* rich-text-editor.css */
.rte-container {
    width: 100% !important;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.1);
    margin-bottom: 20px;
    font-family: Arial, sans-serif;
  }
  
  /* Toolbar com visual similar ao TinyMCE */
  .rte-toolbar {
    width: 100% !important;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ddd;
    padding: 4px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
  }
  
  .rte-toolbar button,
  .rte-toolbar select,
  .rte-toolbar input[type="color"],
  .rte-toolbar input[type="file"] {
    background: none;
    border: 1px solid transparent;
    border-radius: 3px;
    padding: 6px 8px;
    margin: 0;
    font-size: 14px;
    color: #555;
    cursor: pointer;
    transition: background-color 0.2s, border-color 0.2s;
  }
  
  .rte-toolbar button:hover,
  .rte-toolbar select:hover,
  .rte-toolbar input[type="color"]:hover,
  .rte-toolbar input[type="file"]:hover {
    background-color: #e9e9e9;
    border-color: #ccc;
  }
  
  .rte-toolbar button:active,
  .rte-toolbar select:active,
  .rte-toolbar input[type="color"]:active,
  .rte-toolbar input[type="file"]:active {
    background-color: #ddd;
    border-color: #bbb;
  }
  
  .rte-toolbar button i {
    font-size: 16px;
    vertical-align: middle;
  }
  
  /* Estilo dos controles select */
  .rte-toolbar select {
    background-color: #fff;
    padding: 6px;
  }
  
  /* Estilo do editor */
  .rte-editor {
    min-height: 300px;
    padding: 10px;
    border: none;
    outline: none;
    overflow-y: auto;
  }
    
  /* Modo escuro (opcional) */
  .rte-dark-mode {
    background-color: #2b2b2b;
    color: #ddd;
  }
  
  .rte-dark-mode .rte-toolbar {
    background-color: #3c3c3c;
    border-color: #555;
  }
  
  .rte-dark-mode .rte-toolbar button,
  .rte-dark-mode .rte-toolbar select,
  .rte-dark-mode .rte-toolbar input[type="color"],
  .rte-dark-mode .rte-toolbar input[type="file"] {
    color: #ddd;
    border-color: transparent;
  }
  
  .rte-dark-mode .rte-toolbar button:hover,
  .rte-dark-mode .rte-toolbar select:hover,
  .rte-dark-mode .rte-toolbar input[type="color"]:hover,
  .rte-dark-mode .rte-toolbar input[type="file"]:hover {
    background-color: #505050;
  }
  
  .rte-dark-mode .rte-editor {
    background-color: #3c3c3c;
    color: #ddd;
  }
  .browser-default{
    width: 120px !important;
  }
  /* Forçar bordas em tabela, cabeçalhos e células */
table, table th, table td {
  border: 1px solid #ccc !important;
}

/* Garante que as bordas colaborem (sem espaçamento entre elas) */
table {
  border-collapse: collapse !important;
  width: 100% !important;
}

/* Padding e espaçamento para células */
table th, table td {
  padding: 8px !important;
}

/* Caso o Materialize utilize outras classes (como striped), você pode especificar */
table.striped > tbody > tr:nth-child(odd) > td,
table.striped > tbody > tr:nth-child(odd) > th {
  border: 1px solid #000 !important;
  background-color: transparent !important;
}