/* Volade Front — Indigo palette */
:root {
    --volade-indigo-500: #6366f1;
    --volade-gray-200: #e5e7eb;
    --volade-gray-400: #9ca3af;
    --volade-gray-500: #6b7280;
    --volade-gray-100: #f3f4f6;
}

.volade-discover-grid { margin: 20px 0; }
.volade-discover-category { margin-bottom: 32px; }
.volade-category-title { font-size: 18px; margin-bottom: 16px; }
.volade-discover-row { display: flex; gap: 16px; flex-wrap: wrap; }
.volade-discover-card { 
    background: #fff; border: 1px solid var(--volade-gray-200); border-radius: 10px; 
    padding: 20px; width: 240px; transition: box-shadow 0.2s;
}
.volade-discover-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.1); }
.volade-card-icon { font-size: 32px; margin-bottom: 8px; }
.volade-card-name { margin: 0 0 8px; font-size: 16px; font-weight: 600; }
.volade-card-desc { color: var(--volade-gray-500); font-size: 13px; line-height: 1.5; margin: 0 0 12px; }
.volade-card-meta { display: flex; justify-content: space-between; align-items: center; font-size: 12px; }
.volade-card-tier { padding: 2px 10px; border-radius: 12px; font-weight: 600; }
.volade-tier-free { background: #dcfce7; color: #15803d; }
.volade-tier-premium { background: #fef3c7; color: #b45309; }
.volade-card-installs { color: var(--volade-gray-400); }

.volade-flag { display: inline-block; width: 20px; height: 14px; vertical-align: middle; }
.volade-flag-missing { display: inline-block; padding: 0 4px; background: var(--volade-gray-100); border-radius: 3px; font-size: 11px; }
