/* Shopee 商品一括更新ツール - カスタムスタイル */

/* スクロールバーカスタマイズ */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* テキスト差分ハイライト */
.diff-before { background: #fee2e2; color: #991b1b; padding: 1px 4px; border-radius: 3px; font-size: 0.75rem; }
.diff-after  { background: #dcfce7; color: #166534; padding: 1px 4px; border-radius: 3px; font-size: 0.75rem; }

/* 折りたたみコンテンツ */
.collapsible { max-height: 3rem; overflow: hidden; transition: max-height 0.3s ease; }
.collapsible.expanded { max-height: 400px; }

/* ローディングスピナー */
.spinner {
  display: inline-block;
  width: 16px; height: 16px;
  border: 2px solid rgba(255,255,255,0.3);
  border-top-color: white;
  border-radius: 50%;
  animation: spin 0.7s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }

/* ステータスバッジ */
.badge-success { background: #dcfce7; color: #15803d; border: 1px solid #86efac; }
.badge-error   { background: #fee2e2; color: #b91c1c; border: 1px solid #fca5a5; }
.badge-warning { background: #fef9c3; color: #854d0e; border: 1px solid #fde047; }
.badge-info    { background: #dbeafe; color: #1d4ed8; border: 1px solid #93c5fd; }

/* テーブル行ホバー */
tbody tr:hover { background: #fafafa; }

/* 説明文プレビュー */
.desc-preview {
  max-width: 300px;
  white-space: pre-wrap;
  word-break: break-all;
  font-size: 0.7rem;
  color: #6b7280;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  padding: 4px 6px;
  background: #f9fafb;
}

/* トースト通知 */
#toast {
  position: fixed;
  bottom: 24px;
  right: 24px;
  z-index: 9999;
  transition: opacity 0.3s;
}