/* =============== TABLE STYLES (WordPress-like) - FIXED =============== */
    
    /* Główny kontener tabeli - WSZYSTKIE TABELE */
    table {
      width: 100%;
      background: #fff;
      border: 1px solid #c3c4c7;
      border-spacing: 0;
      border-collapse: collapse;
      border-radius: 4px;
      overflow: hidden;
      box-shadow: 0 1px 1px rgba(0,0,0,0.04);
    }
    
    /* Nagłówek tabeli */
    table thead {
      background: #f6f7f7;
      border-bottom: 1px solid #c3c4c7;
    }
    
    table th {
      padding: 12px 16px;
      text-align: left;
      font-size: 13px;
      font-weight: 600;
      color: #2c3338;
      border-right: 1px solid #e5e5e5;
      white-space: nowrap;
      border-bottom: 1px solid #c3c4c7;
    }
    
    table th:last-child {
      border-right: none;
    }
    
    /* Komórki tabeli */
    table td {
      padding: 12px 16px;
      font-size: 13px;
      color: #2c3338;
      border-top: 1px solid #e5e5e5;
      border-right: 1px solid #e5e5e5;
      vertical-align: middle;
    }
    
    table td:last-child {
      border-right: none;
    }
    
    /* Hover efekt (jak WordPress) */
    table tbody tr:hover {
      background: #f6f7f7;
    }
    
    /* Kolor naprzemiennych wierszy (opcjonalnie) */
    table tbody tr:nth-child(even) {
      background: #fafafa;
    }
    
    table tbody tr:nth-child(even):hover {
      background: #f6f7f7;
    }
    
    /* Akcje w komórkach */
    table .row-actions {
      display: flex;
      gap: 8px;
      flex-wrap: wrap;
    }
    
    /* Badge style dla kategorii */
    table .category-badge {
      display: inline-block;
      padding: 4px 10px;
      background: #f0f0f1;
      border-radius: 12px;
      font-size: 12px;
      font-weight: 500;
      color: #2c3338;
    }
    
    /* Badge dla statusów */
    table .status-badge {
      display: inline-block;
      padding: 4px 10px;
      border-radius: 12px;
      font-size: 12px;
      font-weight: 500;
    }
    
    .status-badge.published {
      background: #d4edda;
      color: #155724;
    }
    
    .status-badge.draft {
      background: #fff3cd;
      color: #856404;
    }
    
    .status-badge.pending {
      background: #cce5ff;
      color: #004085;
    }
    
    .status-badge.approved {
      background: #d4edda;
      color: #155724;
    }
    
    .status-badge.rejected {
      background: #f8d7da;
      color: #721c24;
    }
    
    .status-badge.spam {
      background: #f8d7da;
      color: #721c24;
    }
    
    /* =============== SORTOWANIE KOLUMN =============== */
    
    /* Nagłówki z sortowaniem */
    table th[onclick] {
      cursor: pointer;
      user-select: none;
      transition: background-color 0.2s ease, color 0.2s ease;
      position: relative;
    }
    
    table th[onclick]:hover {
      background: #e8e9ea;
      color: #0073aa;
    }
    
    table th[onclick]:active {
      background: #d5d7d8;
    }
    
    /* Ikony sortowania */
    table th[onclick]::after {
      margin-left: 4px;
      font-size: 11px;
      opacity: 0.7;
    }
    
    /* Responsywność */
    @media (max-width: 768px) {
      table {
        font-size: 12px;
      }
      
      table th,
      table td {
        padding: 8px 12px;
      }
    }