/* subject-master.css — 科目マスター固有スタイル (nano banana mockup) */

/* 科目マスター専用: 下線アクセント色 */
.panel-subject-master .registered-master-title {
  border-bottom-color: var(--accent-color);
}

/* 色チップ (mockup の青/赤/緑 etc.) */
.color-subject-blue { background-color: #3b82f6; }
.color-subject-red { background-color: #ef4444; }
.color-subject-green { background-color: #10b981; }
.color-subject-yellow { background-color: #f59e0b; }
.color-subject-purple { background-color: #8b5cf6; }
.color-subject-pink { background-color: #ec4899; }
.color-subject-gray { background-color: #6b7280; }

/* 名前付きチップ (mockup の "青色" "赤色" 表示) */
.color-name-chip {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 2px 10px;
  border-radius: var(--radius-normal);
  color: #fff;
  white-space: nowrap;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
  vertical-align: middle;
}

/* 短縮表示行 (チェックボックス + 短縮入力 を 1 行にまとめる) */
.panel-subject-master .form-row-3col .form-group .checkbox-with-input {
  display: flex;
  align-items: center;
  gap: 6px;
}

.panel-subject-master .form-row-3col .form-group .checkbox-with-input input[type="text"] {
  width: 60px;
}

.panel-subject-master .form-row-3col input[type="number"] {
  width: 100%;
}