/* Admin Dashboard Styles */
.dashboard-table-container {
    overflow-x: auto; /* Adds horizontal scroll for small screens */
    margin: 20px 0;
  }
  
  .dashboard-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden;
  
    th, td {
      padding: 12px 15px;
      text-align: left;
      border-bottom: 1px solid #f0f0f0;
    }
  
    th {
      background-color: #f8f9fa;
      font-weight: 600;
      color: #333;
      text-transform: uppercase;
      font-size: 0.9em;
    }
  
    tr:hover {
      background-color: #f9f9f9;
    }
  
    td {
      font-size: 0.9em;
      color: #555;
  
      &.actions {
        white-space: nowrap; /* Prevents buttons from wrapping */
      }
    }
  
    .btn {
      padding: 6px 12px;
      font-size: 0.85em;
      border-radius: 4px;
      text-decoration: none;
      margin-right: 5px;
      transition: background-color 0.2s;
  
      &.btn-info {
        background-color: #17a2b8;
        color: #fff;
        border: none;
  
        &:hover {
          background-color: #138496;
        }
      }
  
      &.btn-warning {
        background-color: #ffc107;
        color: #000;
        border: none;
  
        &:hover {
          background-color: #e0a800;
        }
      }
    }
  }

  .dashboard-table tbody tr:nth-child(odd) {
    background-color: #fafafa;
  }
  
  .dashboard-table thead th {
    position: sticky;
    top: 0;
    background-color: #f8f9fa;
    z-index: 1;
  }

  .btn-new-post {
    background-color: #28a745;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    font-size: 1em;
    cursor: pointer;
    transition: background-color 0.2s;
  
    &:hover {
      background-color: #218838;
    }
  }

  @media (max-width: 768px) {
    .dashboard-table th:nth-child(4), /* Slug */
    .dashboard-table td:nth-child(4),
    .dashboard-table th:nth-child(6), /* Published At */
    .dashboard-table td:nth-child(6),
    .dashboard-table th:nth-child(8), /* Views Count */
    .dashboard-table td:nth-child(8),
    .dashboard-table th:nth-child(10), /* Last Edited By */
    .dashboard-table td:nth-child(10) {
      display: none;
    }
  }