1 files changed, 0 insertions, 224 deletions
diff --git a/src/frontend/app/routes/timetable-$id.css b/src/frontend/app/routes/timetable-$id.css
deleted file mode 100644
index 3815982..0000000
--- a/src/frontend/app/routes/timetable-$id.css
+++ /dev/null
@@ -1,224 +0,0 @@
-.timetable-full-header {
-  margin-bottom: 2rem;
-}
-
-.back-link {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.5rem;
-  color: var(--link-color, #007bff);
-  text-decoration: none;
-  margin-bottom: 1rem;
-  font-weight: 500;
-  transition: color 0.2s ease;
-}
-
-.back-link:hover {
-  color: var(--link-hover-color, #0056b3);
-  text-decoration: underline;
-}
-
-.back-icon {
-  width: 1.2rem;
-  height: 1.2rem;
-}
-
-.page-title .stop-name {
-  font-size: 1.2rem;
-  font-weight: 600;
-  color: var(--text-primary, #333);
-}
-
-.page-title .stop-id {
-  font-size: 1rem;
-  color: var(--text-secondary, #666);
-  font-weight: normal;
-  margin-left: 0.5rem;
-}
-
-.timetable-full-content {
-  margin-top: 1rem;
-  position: relative;
-  padding-bottom: 80px; /* Space for FAB */
-}
-
-.error-message {
-  text-align: center;
-  padding: 3rem 2rem;
-  background-color: var(--error-background, #f8f9fa);
-  border: 1px solid var(--error-border, #dee2e6);
-  border-radius: 8px;
-  margin: 2rem 0;
-}
-
-.error-message p {
-  margin-bottom: 1rem;
-  color: var(--error-color, #dc3545);
-  font-weight: 500;
-}
-
-.error-detail {
-  font-size: 0.9rem;
-  color: var(--text-secondary, #666) !important;
-  font-weight: normal !important;
-}
-
-.timetable-controls {
-  margin-bottom: 1.5rem;
-  display: flex;
-  justify-content: center;
-}
-
-.past-toggle {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.5rem;
-  color: var(--link-color, #007bff);
-  text-decoration: none;
-  font-weight: 500;
-  padding: 0.5rem 1rem;
-  border: 1px solid var(--link-color, #007bff);
-  border-radius: 6px;
-  background: transparent;
-  cursor: pointer;
-  transition: all 0.2s ease;
-}
-
-.past-toggle:hover {
-  background-color: var(--link-color, #007bff);
-  color: white;
-  text-decoration: none;
-}
-
-.past-toggle:disabled {
-  opacity: 0.6;
-  cursor: not-allowed;
-}
-
-.past-toggle:disabled:hover {
-  background: transparent;
-  color: var(--link-color, #007bff);
-}
-
-.past-toggle.active {
-  background-color: var(--link-color, #007bff);
-  color: white;
-  border-color: var(--link-color, #007bff);
-}
-
-.toggle-icon {
-  width: 1rem;
-  height: 1rem;
-}
-
-/* Next entry highlight */
-.timetable-card.timetable-next {
-  border: 2px solid var(--accent-color, #28a745);
-  background: var(--surface-next, #e8f5e8) !important;
-}
-
-/* Override timetable cards styles for full page */
-.timetable-full-content .timetable-cards {
-  display: flex;
-  flex-direction: column;
-  gap: 1rem;
-}
-
-.timetable-full-content .timetable-caption {
-  font-size: 1.2rem;
-  margin-bottom: 1.5rem;
-}
-
-.timetable-full-content .timetable-card {
-  padding: 1.25rem;
-}
-
-/* Responsive design */
-@media (max-width: 768px) {
-  .page-title {
-    font-size: 1.5rem;
-  }
-
-  .page-title .stop-name {
-    font-size: 1.1rem;
-  }
-
-  .timetable-full-content .timetable-cards {
-    gap: 0.75rem;
-  }
-
-  .timetable-full-content .timetable-card {
-    padding: 1rem;
-  }
-}
-
-/* Floating Action Button */
-.fab-container {
-  position: fixed;
-  bottom: 80px;
-  right: 20px;
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  z-index: 1000;
-}
-
-.fab {
-  width: 56px;
-  height: 56px;
-  border-radius: 50%;
-  border: none;
-  background-color: var(--button-background-color, #007bff);
-  color: white;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
-  transition: all 0.3s ease;
-  animation: fadeIn 0.3s ease;
-}
-
-.fab:hover {
-  background-color: var(--button-hover-background-color, #0069d9);
-  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
-  transform: scale(1.05);
-}
-
-.fab:active {
-  transform: scale(0.95);
-}
-
-.fab-icon {
-  width: 24px;
-  height: 24px;
-}
-
-@keyframes fadeIn {
-  from {
-    opacity: 0;
-    transform: translateY(10px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-/* Adjust FAB position on mobile */
-@media (max-width: 768px) {
-  .fab-container {
-    bottom: 70px;
-    right: 16px;
-  }
-
-  .fab {
-    width: 48px;
-    height: 48px;
-  }
-
-  .fab-icon {
-    width: 20px;
-    height: 20px;
-  }
-}