/* QAFlow - Achievements page (achievements.php) — extracted from inline style=""
   NOTE: This file is new and is NOT yet linked in includes/header.php (linking is
   centralized there and this task intentionally does not edit that file). Add:
   <link rel="stylesheet" href="<?php echo SITE_URL; ?>assets/css/achievements.css">
*/

.ach-progress-thin {
    height: 10px;
}

/* Overall completion % is a genuinely dynamic per-request value (not tied to any
   DB record with a color column covered by dynamic-theme.php), so its width is
   set via data-width + a small inline script instead of style="". */
.ach-progress-fill {
    width: 0%;
}

/* Achievement categories are a small fixed PHP-side enum (see $category_labels
   in achievements.php), not a DB table, so their colors are static CSS here
   rather than a new dynamic-theme.php pattern. */
.ach-cat-icon.ach-cat-questions { color: #6366f1; }
.ach-cat-icon.ach-cat-answers { color: #10b981; }
.ach-cat-icon.ach-cat-community { color: #ec4899; }
.ach-cat-icon.ach-cat-reputation { color: #f59e0b; }
.ach-cat-icon.ach-cat-content { color: #f97316; }
.ach-cat-icon.ach-cat-social { color: #3b82f6; }
.ach-cat-icon.ach-cat-engagement { color: #0ea5e9; }
.ach-cat-icon.ach-cat-special { color: #8b5cf6; }
.ach-cat-icon.ach-cat-default { color: #64748b; }

.ach-icon-cat-questions { background: #6366f1; }
.ach-icon-cat-answers { background: #10b981; }
.ach-icon-cat-community { background: #ec4899; }
.ach-icon-cat-reputation { background: #f59e0b; }
.ach-icon-cat-content { background: #f97316; }
.ach-icon-cat-social { background: #3b82f6; }
.ach-icon-cat-engagement { background: #0ea5e9; }
.ach-icon-cat-special { background: #8b5cf6; }
.ach-icon-cat-default { background: #64748b; }
.ach-icon-locked { background: var(--border-color); }