/* ============================================================
   components/badge.css
   Badges (type / good / data)
   ============================================================ */

/* ===== BADGES ===== */
.badge {
  display: inline-block; padding: 3px 8px; border-radius: 4px;
  font-size: var(--font-xs); font-weight: 700;
}
.badge--type { background: #f0f0f0; color: #666; }
.badge--good { background: var(--primary-bg); color: var(--primary); border: 1px solid var(--primary); }
.badge--data { background: #ebf5ff; color: #0066cc; border: 1px solid #0066cc; }
.badge--knowhow { background: var(--primary-bg); color: var(--primary); }
.badge--salary { background: #e8f5e9; color: #388e3c; }
.badge--environment { background: #e3f2fd; color: #1976d2; }
.badge--career { background: #f3e5f5; color: #7b1fa2; }

/* 2026-04-21: 施設バッジ共通スタイル（一覧・詳細共通） */
.badge {
  display: inline-block; font-size: 11px; font-weight: 700;
  padding: 3px var(--space-2); border-radius: 4px; margin-right: 4px; margin-bottom: 4px;
  line-height: 1.6;
}
.badge--type { background: #f0f0f0; color: #666; }
.badge--good { background: var(--primary-bg); color: var(--primary); border: 1px solid var(--primary); }
.badge--data { background: #ebf5ff; color: #0066cc; border: 1px solid #0066cc; }