/* ============================================================
   経営管理診断ツール 共通スタイル
   ============================================================ */

/* スクロールバー */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }

/* 選択肢カード */
.choice-card {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  border: 2px solid #e2e8f0;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.15s ease;
  background: white;
}
.choice-card:hover {
  border-color: #93c5fd;
  background: #eff6ff;
}
.choice-card.selected {
  border-color: #2563eb;
  background: #eff6ff;
}
.choice-radio {
  width: 18px;
  height: 18px;
  border: 2px solid #cbd5e1;
  border-radius: 50%;
  flex-shrink: 0;
  margin-top: 1px;
  transition: all 0.15s;
}
.choice-card.selected .choice-radio {
  border-color: #2563eb;
  background: #2563eb;
  box-shadow: inset 0 0 0 3px white;
}

/* プログレスバー */
.progress-bar {
  height: 4px;
  background: #e2e8f0;
  border-radius: 2px;
  overflow: hidden;
}
.progress-fill {
  height: 100%;
  background: #2563eb;
  border-radius: 2px;
  transition: width 0.3s ease;
}

/* バッジ */
.badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  border-radius: 9999px;
  font-size: 12px;
  font-weight: 600;
}
.badge-unchecked  { background: #f1f5f9; color: #64748b; }
.badge-in_review  { background: #fef9c3; color: #854d0e; }
.badge-reviewed   { background: #dbeafe; color: #1e40af; }
.badge-shared     { background: #dcfce7; color: #166534; }
.badge-high       { background: #fee2e2; color: #991b1b; }
.badge-medium     { background: #fef9c3; color: #854d0e; }
.badge-low        { background: #dcfce7; color: #166534; }
.badge-stable     { background: #dbeafe; color: #1e40af; }
.badge-warning    { background: #fef9c3; color: #854d0e; }
.badge-collapse_sign { background: #fee2e2; color: #991b1b; }
.badge-fit        { background: #dcfce7; color: #166534; }
.badge-attention  { background: #fef9c3; color: #854d0e; }
.badge-not_fit    { background: #fee2e2; color: #991b1b; }

/* 印刷用 */
@media print {
  .no-print { display: none !important; }
  body { background: white !important; }
  aside { display: none !important; }
  main { margin-left: 0 !important; }
}