Harmonogram szkoleń

body { font-family: Arial, sans-serif; margin: 10px; background-color: #f5f5f5; }.container { max-width: 1200px; margin: 0 auto; padding: 20px; }h1 { text-align: center; color: #333; margin-bottom: 30px; }.scroll-hint { text-align: center; color: #666; font-size: 12px; margin-bottom: 10px; padding: 8px; background: #e3f2fd; border-radius: 4px; }.table-container { overflow-x: auto; overflow-y: visible; background: white; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); margin: 20px 0; /* Dodane właściwości dla lepszego przewijania */ -webkit-overflow-scrolling: touch; scroll-behavior: smooth; }table { width: 100%; min-width: 1000px; /* Zwiększona minimalna szerokość */ border-collapse: collapse; font-size: 14px; table-layout: fixed; /* Dodane dla lepszej kontroli szerokości kolumn */ }th, td { padding: 12px 8px; text-align: left; border-bottom: 1px solid #ddd; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }th { background-color: #667eea; color: white; font-weight: bold; position: sticky; top: 0; z-index: 10; }/* Szerokości kolumn */ th:nth-child(1), td:nth-child(1) { width: 60px; } /* Lp. */ th:nth-child(2), td:nth-child(2) { width: 150px; } /* Rodzaj wsparcia */ th:nth-child(3), td:nth-child(3) { width: 150px; } /* Data i godzina */ th:nth-child(4), td:nth-child(4) { width: 120px; } /* Forma realizacji */ th:nth-child(5), td:nth-child(5) { width: 300px; } /* Miejsce */ th:nth-child(6), td:nth-child(6) { width: 80px; } /* Liczba osób */ th:nth-child(7), td:nth-child(7) { width: 180px; } /* Link do rejestracji */tr:hover { background-color: #f8f9ff; }.registration-closed { color: #d32f2f; font-weight: bold; }.registration-link { color: #1976d2; text-decoration: none; font-weight: bold; padding: 4px 8px; border-radius: 4px; background: #e3f2fd; display: inline-block; }.registration-link:hover { text-decoration: underline; background: #bbdefb; }.place-column { white-space: normal; line-height: 1.3; }.date-column { white-space: normal; }.status-unavailable { color: #757575; font-style: italic; }/* Stylowanie paska przewijania */ .table-container::-webkit-scrollbar { height: 12px; }.table-container::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px; }.table-container::-webkit-scrollbar-thumb { background: #667eea; border-radius: 10px; border: 2px solid #f1f1f1; }.table-container::-webkit-scrollbar-thumb:hover { background: #5a6fd8; }/* Responsywność */ @media (max-width: 768px) { .scroll-hint { display: block; font-size: 14px; color: #1976d2; }body { margin: 5px; }.container { padding: 10px; }th, td { padding: 8px 6px; font-size: 13px; }table { min-width: 900px; } }@media (min-width: 769px) { .scroll-hint { display: block; } }/* Alternatywne kolory wierszy */ tr:nth-child(even) { background-color: #f9f9f9; }tr:nth-child(even):hover { background-color: #f0f4ff; }