.table tbody tr.highlight > td { background-color: var(--accent-gold) !important; color: var(--primary-blue) !important; font-weight: bold !important; } .callsign-link { color: var(--secondary-blue); text-decoration: none; font-weight: 600; font-family: 'Courier New', monospace; } .callsign-link:hover { color: var(--primary-blue); text-decoration: underline; } .action-links { display: flex; gap: 0.5rem; flex-wrap: wrap; } .action-links a { font-size: 0.85rem; padding: 0.25rem 0.5rem; border-radius: 6px; text-decoration: none; font-weight: 600; transition: all 0.3s ease; } .btn-assign { background: var(--secondary-blue); color: white; } .btn-assign:hover { background: var(--primary-blue); color: white; } .btn-change { background: var(--warning-orange); color: white; } .btn-change:hover { background: #e0a800; color: white; } .btn-edit { background: var(--success-green); color: white; } .btn-edit:hover { background: #218838; color: white; } .btn-view { background: var(--schedule-indigo); color: white; } .btn-view:hover { background: #563d7c; color: white; } /* Info Section */ .info-section { padding: 4rem 0; background: white; } .info-card { background: linear-gradient(135deg, var(--primary-blue), var(--secondary-blue)); color: white; border-radius: 20px; padding: 2rem; margin-bottom: 1.5rem; position: relative; overflow: hidden; } .info-card::before { content: ''; position: absolute; top: -50%; left: -10%; width: 70%; height: 200%; background: rgba(255, 255, 255, 0.05); transform: rotate(-45deg); } .info-content { position: relative; z-index: 2; } /* Responsive Design */ @media (max-width: 768px) { .schedule-hero { padding: 3rem 0; } .schedule-icon { font-size: 5rem; } .schedule-card, .controls-section { padding: 1.5rem; } .schedule-header h2 { font-size: 2.2rem; } .control-group { flex-direction: column; align-items: flex-start; gap: 0.5rem; } .control-group label { min-width: auto; } .action-links { flex-direction: column; } .table thead th, .table tbody td { padding: 8px; font-size: 0.8rem; } } @media (max-width: 576px) { .controls-section { padding: 1rem; } }