:root{--train-primary:#0066cc;--train-delay:#e63946;--train-ontime:#2a9d8f}.trains-back-link{display:inline-flex;align-items:center;gap:0.5rem;color:var(--train-primary);text-decoration:none;font-size:0.9rem;margin-bottom:1rem;padding:0.5rem 0}.trains-back-link:hover{text-decoration:underline}.trains-departures-header{background:linear-gradient(135deg,#1a365d 0%,#2c5282 100%);color:#fff;padding:1.5rem 1rem;border-radius:12px;margin-bottom:1rem}.trains-departures-header h1{margin:0;font-size:1.5rem;display:flex;align-items:center;gap:0.5rem}.trains-departures-header p{margin:0.5rem 0 0;opacity:0.8;font-size:0.9rem}.trains-nav{display:flex;gap:0.5rem;flex-wrap:wrap;margin-bottom:1rem}.trains-nav a{display:flex;align-items:center;gap:0.4rem;padding:0.5rem 1rem;background:#f1f5f9;color:#334155;text-decoration:none;border-radius:20px;font-size:0.9rem;transition:all 0.2s}.trains-nav a:hover,.trains-nav a.active{background:var(--train-primary);color:#fff}.trains-departures-board{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.08);overflow:hidden}.trains-board-header{display:grid;grid-template-columns:100px 100px 1fr 80px 60px;gap:0.5rem;padding:0.75rem 1rem;background:#1e293b;color:#fff;font-size:0.8rem;font-weight:600;text-transform:uppercase}@media (max-width:600px){.trains-board-header{grid-template-columns:80px 1fr 60px}.trains-board-header .hide-mobile{display:none}}.trains-departure-row{display:grid;grid-template-columns:100px 100px 1fr 80px 60px;gap:0.5rem;padding:0.75rem 1rem;border-bottom:1px solid #e2e8f0;align-items:center;transition:background 0.2s}.trains-departure-row:hover{background:#f8fafc}.trains-departure-row.cancelled{opacity:0.6;text-decoration:line-through}@media (max-width:600px){.trains-departure-row{grid-template-columns:80px 1fr 60px}.trains-departure-row .hide-mobile{display:none}}.trains-dep-time{font-weight:700;font-size:1.1rem;color:#1e293b}.trains-dep-time.delayed{color:var(--train-delay)}.trains-dep-time-original{font-size:0.75rem;color:#94a3b8;text-decoration:line-through}.trains-dep-train{font-weight:600;color:var(--train-primary)}.trains-dep-destination{color:#1e293b}.trains-dep-platform{text-align:center;font-weight:600;color:#1e293b}.trains-dep-status{text-align:center}.trains-status-badge{display:inline-block;padding:0.2rem 0.5rem;border-radius:4px;font-size:0.75rem;font-weight:600}.trains-status-badge.on-time{background:#d1fae5;color:#065f46}.trains-status-badge.delayed{background:#fee2e2;color:#991b1b}.trains-status-badge.cancelled{background:#1e293b;color:#fff}.trains-refresh-bar{display:flex;justify-content:space-between;align-items:center;padding:0.75rem 1rem;background:#f8fafc;border-top:1px solid #e2e8f0}.trains-refresh-btn{padding:0.5rem 1rem;background:var(--train-primary);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:0.85rem;display:flex;align-items:center;gap:0.5rem}.trains-refresh-btn:hover{background:#0052a3}.trains-last-updated{font-size:0.85rem;color:#64748b}.trains-no-departures{text-align:center;padding:3rem 1rem;color:#64748b}.trains-no-departures i{font-size:3rem;color:#cbd5e1;margin-bottom:1rem}.trains-ua-delays{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.08);padding:1.5rem;margin-top:1.5rem;border-left:4px solid #f59e0b}.trains-ua-delays h2{font-size:1.1rem;margin:0 0 1rem 0;color:#1e293b;display:flex;align-items:center;gap:0.5rem}.trains-ua-delays-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:0.75rem}.trains-ua-card{display:flex;flex-direction:column;gap:0.5rem;padding:0.75rem;background:#fffbeb;border-radius:8px;text-decoration:none;color:inherit;transition:all 0.2s}.trains-ua-card:hover{background:#fef3c7;transform:translateY(-1px)}.trains-ua-card--low{border-left:3px solid #16a34a}.trains-ua-card--medium{border-left:3px solid #f59e0b}.trains-ua-card--high{border-left:3px solid #dc2626}.trains-ua-header{display:flex;justify-content:space-between;align-items:center}.trains-ua-number{font-weight:700;color:#1e293b}.trains-ua-delay{font-size:0.85rem;font-weight:600;padding:0.15rem 0.5rem;border-radius:4px}.trains-ua-delay--low{background:#dcfce7;color:#166534}.trains-ua-delay--medium{background:#fef3c7;color:#92400e}.trains-ua-delay--high{background:#fee2e2;color:#991b1b}.trains-ua-route{font-size:0.9rem;color:#475569}.trains-ua-route-arrow{color:#94a3b8;margin:0 0.25rem}.trains-view-all{text-align:center;margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.trains-view-all a{color:var(--train-primary);text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:0.5rem}.trains-view-all a:hover{text-decoration:underline}@media (max-width:480px){.trains-ua-delays{padding:1rem}.trains-ua-delays-grid{grid-template-columns:1fr}}