/* ACARS Sidebar Styles */ @keyframes pulse { 0%, 100% { opacity: 0.3; transform: scale(0.8); } 50% { opacity: 1; transform: scale(1); } } /* Main ACARS Sidebar (Collapsible) */ .main-acars-sidebar { display: flex; flex-direction: row; background: var(--bg-panel); border-left: 1px solid var(--border-color); } .main-acars-collapse-btn { width: 24px; min-width: 24px; background: rgba(0,0,0,0.4); border: none; border-right: 1px solid var(--border-color); color: var(--accent-cyan); cursor: pointer; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; padding: 6px 0; transition: background 0.2s; } .main-acars-collapse-btn:hover { background: rgba(74, 158, 255, 0.15); } .main-acars-collapse-label { writing-mode: vertical-rl; text-orientation: mixed; font-size: 8px; font-weight: 600; letter-spacing: 1px; } .main-acars-sidebar.collapsed .main-acars-collapse-label { display: block; } .main-acars-sidebar:not(.collapsed) .main-acars-collapse-label { display: none; } #mainAcarsCollapseIcon { font-size: 10px; transition: transform 0.3s; } .main-acars-sidebar.collapsed #mainAcarsCollapseIcon { transform: rotate(180deg); } .main-acars-content { width: 196px; display: flex; flex-direction: column; overflow: hidden; transition: width 0.3s ease, opacity 0.2s ease; } .main-acars-sidebar.collapsed .main-acars-content { width: 0; opacity: 0; pointer-events: none; } .main-acars-messages { max-height: 350px; } .main-acars-msg { padding: 6px 8px; border-bottom: 1px solid var(--border-color); animation: fadeInMsg 0.3s ease; } .main-acars-msg:hover { background: rgba(74, 158, 255, 0.05); } @keyframes fadeInMsg { from { opacity: 0; transform: translateY(-3px); } to { opacity: 1; transform: translateY(0); } } /* ACARS Status Indicator */ .acars-status-dot.listening { background: var(--accent-cyan) !important; animation: acars-pulse 1.5s ease-in-out infinite; } .acars-status-dot.receiving { background: var(--accent-green) !important; } .acars-status-dot.error { background: var(--accent-red) !important; } @keyframes acars-pulse { 0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(74, 158, 255, 0.7); } 50% { opacity: 0.6; box-shadow: 0 0 6px 3px rgba(74, 158, 255, 0.3); } } /* ACARS Standalone Message Feed */ .acars-message-feed { scrollbar-width: thin; scrollbar-color: var(--border-color) transparent; } .acars-message-feed::-webkit-scrollbar { width: 4px; } .acars-message-feed::-webkit-scrollbar-thumb { background: var(--border-color); border-radius: 2px; } .acars-feed-card { transition: background 0.15s; } .acars-feed-card:hover { background: rgba(74, 158, 255, 0.05); } /* Clickable ACARS sidebar messages (linked to tracked aircraft) */ .acars-message-item[style*="cursor: pointer"]:hover { background: rgba(74, 158, 255, 0.1); }