Harmonogram szkoleń

body { font-family: Arial, sans-serif; margin: 10px; }.table-container { overflow-x: auto; background: white; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); margin: 20px 0; }table { width: 100%; min-width: 800px; /* Minimalna szerokość tabeli */ border-collapse: collapse; font-size: 14px; }th, td { padding: 12px 8px; text-align: left; border-bottom: 1px solid #ddd; white-space: nowrap; }th { background-color: #667eea; color: white; font-weight: bold; position: sticky; top: 0; z-index: 10; }tr:hover { background-color: #f8f9ff; }.registration-closed { color: #d32f2f; font-weight: bold; }.registration-link { color: #1976d2; text-decoration: none; font-weight: bold; }.registration-link:hover { text-decoration: underline; }.place-column { max-width: 200px; white-space: normal; line-height: 1.3; }/* Stylowanie paska przewijania */ .table-container::-webkit-scrollbar { height: 8px; }.table-container::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px; }.table-container::-webkit-scrollbar-thumb { background: #667eea; border-radius: 10px; }.table-container::-webkit-scrollbar-thumb:hover { background: #5a6fd8; }/* Wskazówka dla użytkowników mobilnych */ .scroll-hint { text-align: center; color: #666; font-size: 12px; margin-bottom: 10px; }@media (max-width: 768px) { .scroll-hint { display: block; } body { margin: 5px; } th, td { padding: 8px 6px; font-size: 12px; } }@media (min-width: 769px) { .scroll-hint { display: none; } }