/* Basic styling for Disk Checker */ .container { max-width: 1200px; } .card { transition: transform 0.2s; } .card:hover { transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0,0,0,0.1); } .badge { font-size: 0.9rem; } /* Drive selector cards */ .drive-selector-card { transition: all 0.2s ease; } .drive-selector-card .btn-check:checked + .btn { background-color: #e7f1ff; border-color: #0d6efd; box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25); } .drive-selector-card .btn { border-radius: 0.5rem; padding: 1rem; } .drive-selector-card .btn:hover { background-color: #f8f9fa; } .drive-selector-card .btn-check:checked + .btn:hover { background-color: #e7f1ff; } /* General drive cards */ .drive-card { transition: all 0.3s ease; height: 100%; } .drive-card.available { border-left: 4px solid #28a745; } .drive-card.disabled { border-left: 4px solid #6c757d; opacity: 0.7; } .drive-card:hover:not(.disabled) { transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0,0,0,0.1); } /* Make disabled cards look unavailable */ .drive-card.disabled .card-title { color: #6c757d; } .drive-card.disabled .card-text { color: #6c757d; }