/* =====================================================================
   style.css — サブスク料金まとめ ツール固有の微調整のみ。
   共通スタイルは /_shared/shirugear.css に任せる。
   ===================================================================== */

.sg-result__value,
.sg-result-row__value {
  font-variant-numeric: tabular-nums;
}

/* サブスク1件の入力行 */
.sub-item {
  display: grid;
  grid-template-columns: 1.4fr 1fr auto auto;
  gap: var(--sg-space-2);
  align-items: end;
  margin-bottom: var(--sg-space-3);
}

.sub-item .sg-label {
  font-size: 0.8rem;
}

/* 狭い画面では2列に折り返す */
@media (max-width: 520px) {
  .sub-item {
    grid-template-columns: 1fr 1fr;
  }
  .sub-item__name {
    grid-column: 1 / -1;
  }
}

/* 削除ボタン（アイコン的な小ボタン） */
.sub-remove {
  border: 1px solid var(--sg-border);
  background: var(--sg-surface);
  color: var(--sg-danger);
  border-radius: var(--sg-radius-sm);
  padding: 0 0.7rem;
  height: 2.5rem;
  cursor: pointer;
  font-size: 1.1rem;
  line-height: 1;
}
.sub-remove:hover {
  background: var(--sg-surface-2);
}

.sub-add-row {
  margin-top: var(--sg-space-2);
}