/* 広川製作所 見積システム カスタムスタイル */
.input-editable {
  background-color: #fefce8; /* 黄色セル（編集可） */
}
.input-computed {
  background-color: #dcfce7; /* 緑セル（自動計算） */
}
.cost-row {
  display: grid;
  grid-template-columns: 1fr auto;
  padding: 0.375rem 0;
  border-bottom: 1px dashed #e5e7eb;
}
.cost-row.total {
  border-top: 2px solid #0f172a;
  border-bottom: none;
  font-weight: 700;
  padding-top: 0.5rem;
  margin-top: 0.25rem;
}
.tab-active {
  border-bottom: 3px solid #ef4444;
  color: #dc2626;
  font-weight: 600;
  background-color: #fef2f2;
}
.num {
  font-variant-numeric: tabular-nums;
  text-align: right;
}
.spinner {
  display: inline-block;
  width: 14px; height: 14px;
  border: 2px solid #fecaca;
  border-top-color: #ef4444;
  border-radius: 50%;
  animation: spin 0.7s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }

/* <details> 矢印アニメーション（開閉で回転） */
details > summary {
  list-style: none;
}
details > summary::-webkit-details-marker {
  display: none;
}
details > summary .details-arrow {
  transition: transform 0.15s ease;
}
details[open] > summary .details-arrow {
  transform: rotate(90deg);
}

/* border-b-3 ユーティリティ（Tailwindに無い3px下線） */
.border-b-3 {
  border-bottom-width: 3px;
}

/* スライダーのタッチ操作を滑らかに（iOS対応） */
input[type="range"].touch-none {
  touch-action: manipulation;
}