.filter-badge { background: #f1f3f5; padding: 0.3rem 0.5rem; border-radius: 40px; margin: 0.2rem; cursor: pointer; font-size: 0.8rem; font-weight: 500; transition: 0.1s; display: inline-block; }
        .filter-badge.active { background: #0d6efd; color: white; }
        .command-row { display: flex; flex-wrap: wrap; align-items: center; border-bottom: 1px solid #e9ecef; padding: 0.8rem 0; }
        .command-row:hover { background-color: #f8f9ff; }
        .cmd-name { font-family: 'SF Mono', 'Menlo', monospace; font-weight: 600; font-size: 0.9rem; width: 220px; flex-shrink: 0; color: #d63384; }
        .cmd-desc { flex: 2; font-size: 0.9rem; color: #2c3e50; padding: 0 1rem; }
        .cmd-category { width: 110px; flex-shrink: 0; font-size: 0.75rem; text-transform: capitalize; }
        .cmd-copy { width: 45px; text-align: right; cursor: pointer; color: #6c757d; }
        .cmd-copy:hover { color: #0d6efd; }
        @media (max-width: 768px) {
            .command-row { flex-direction: column; align-items: flex-start; gap: 0.4rem; }
            .cmd-name, .cmd-desc, .cmd-category, .cmd-copy { width: 100%; padding: 0; }
            .cmd-copy { text-align: left; margin-top: 0.3rem; }
        }
        .validation-badge { background: #d1e7dd; border-radius: 30px; padding: 0.2rem 0.8rem; font-size: 0.75rem; }
        .git-diagram { background: #fef9e6; border-left: 5px solid #f39c12; border-radius: 20px; padding: 1.2rem; }