#xtreamConnectionModal .list-group-item { background-color: var(--bg-element); border: 1px solid var(--border-color); color: var(--text-primary); margin-bottom: 0.5rem; border-radius: var(--radius-md); padding: 0.7rem 1rem; font-size: 0.9rem; transition: background-color var(--transition-fast); cursor: pointer; } #xtreamConnectionModal .list-group-item:hover { background-color: var(--bg-element-hover); } #xtreamConnectionModal .list-group-item strong { color: var(--text-primary); font-weight: 500; } #xtreamConnectionModal .list-group-item small { font-size: 0.8rem; } .delete-xtream-server-btn { background: transparent !important; border: 1px solid var(--danger) !important; color: var(--danger) !important; opacity: 0.7; border-radius: 50% !important; width: 32px; height: 32px; font-size: 0.9rem !important; padding: 0 !important; transition: background-color 0.15s ease, opacity 0.15s ease, color 0.15s ease; } .delete-xtream-server-btn::before { content: "\1F5D1"; font-family: sans-serif; } .delete-xtream-server-btn:hover { background: rgba(220, 53, 69, 0.15) !important; opacity: 1; color: var(--danger) !important; } #xtreamGroupSelectionModal .xtream-group-list-container { max-height: 55vh; overflow-y: auto; padding: 0.5rem; background-color: var(--bg-primary); border: 1px solid var(--border-color); border-radius: var(--radius-md); } #xtreamGroupSelectionModal .list-group-item { background-color: var(--bg-element); border-color: var(--border-color); color: var(--text-primary); padding: 0.5rem 1rem; font-size: 0.85rem; border-bottom: 1px solid var(--border-color); } #xtreamGroupSelectionModal .list-group-item:last-child { border-bottom: none; } #xtreamGroupSelectionModal .form-check-label { cursor: pointer; } #manageXCodecPanelsModal .list-group-item, #xcodecPreviewModal .list-group-item { background-color: var(--bg-element); border: 1px solid var(--border-color); color: var(--text-primary); margin-bottom: 0.5rem; border-radius: var(--radius-md); padding: 0.7rem 1rem; font-size: 0.9rem; transition: background-color var(--transition-fast); } #manageXCodecPanelsModal .list-group-item:hover, #xcodecPreviewModal .list-group-item:hover:not(.active) { background-color: var(--bg-element-hover); } #manageXCodecPanelsModal .list-group-item strong, #xcodecPreviewModal .list-group-item strong { color: var(--text-primary); font-weight: 500; } #manageXCodecPanelsModal .list-group-item small, #xcodecPreviewModal .list-group-item small { font-size: 0.8rem; } #manageXCodecPanelsModal .delete-xcodec-panel-btn, #manageXCodecPanelsModal .load-xcodec-panel-btn, #manageXCodecPanelsModal .process-xcodec-panel-direct-btn { opacity: 0.8; } #manageXCodecPanelsModal .delete-xcodec-panel-btn:hover, #manageXCodecPanelsModal .load-xcodec-panel-btn:hover, #manageXCodecPanelsModal .process-xcodec-panel-direct-btn:hover { opacity: 1; } #xcodecPreviewModal .list-group-item.active { background-color: var(--accent-primary); color: white; border-color: var(--accent-secondary); } #xcodecPreviewModal .form-check-label { cursor: pointer; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #xcodecPreviewModal .form-check-input { margin-top: 0.3em; }