/* =====================================================================
   style.css — 金種計算 ツール固有の微調整のみ。
   共通スタイルは /_shared/shirugear.css に任せる（結果表示は sg-result）。
   ===================================================================== */

/* チェックボックス（オプション） */
.cdc-check {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-size: 0.95rem;
  padding: 3px 0;
}

/* 上限・逆算の入力欄（金種ごと） */
.cdc-details {
  border: 1px solid var(--sg-border, #e5e7eb);
  border-radius: 10px;
  padding: 10px 14px;
}
.cdc-details > summary {
  cursor: pointer;
  font-weight: 600;
  font-size: 0.95rem;
}

.cdc-inputs {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 8px 16px;
  margin-top: var(--sg-space-2, 8px);
}
.cdc-input-row {
  display: flex;
  align-items: center;
  gap: 10px;
}
.cdc-input-row__label {
  flex: 0 0 4.5em;
  font-size: 0.9rem;
  color: var(--sg-muted, #555);
}
.cdc-input-row__field {
  flex: 1 1 auto;
  min-width: 0;
}

/* 金種の内訳行: 0枚は薄く */
.cdc-row.is-zero {
  opacity: 0.45;
}

/* 合計枚数は少し強調 */
.cdc-total {
  border-top: 2px solid var(--sg-border, #e5e7eb);
  margin-top: var(--sg-space-2, 8px);
  padding-top: var(--sg-space-2, 8px);
  font-weight: 600;
}