/* Table globale */ nz-table { width: 100%; border-collapse: separate; border-spacing: 0 8px; /* espace entre les lignes */ background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 6px rgba(0,0,0,0.1); font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } /* En-tĂȘte */ nz-table thead tr { background-color: #f5f5f5; text-align: left; font-weight: 600; color: #333; border-bottom: 2px solid #e0e0e0; } nz-table thead th { padding: 12px 16px; } /* Lignes du tableau */ nz-table tbody tr { background-color: #fff; transition: background 0.2s ease; } nz-table tbody tr:nth-child(even) { background-color: #f9f9f9; } nz-table tbody tr:hover { background-color: #e6f7ff; /* survol */ } /* Cellules */ nz-table tbody td { padding: 12px 16px; vertical-align: middle; color: #444; } /* Boutons */ nz-table button[nz-button] { margin-right: 8px; } /* Modals dans le tableau */ nz-table app-modal { margin-right: 8px; } /* Dates (pour alignement et style) */ nz-table tbody td p { margin: 0; font-size: 14px; color: #555; } /* Responsive */ @media (max-width: 768px) { nz-table thead { display: none; } nz-table tbody tr { display: block; margin-bottom: 16px; box-shadow: 0 1px 3px rgba(0,0,0,0.1); border-radius: 8px; padding: 12px; } nz-table tbody td { display: flex; justify-content: space-between; padding: 6px 12px; } nz-table tbody td::before { content: attr(data-label); font-weight: 600; } }