/**
 * 比較テーブルビルダー CSS
 * v5.0.0
 * フロントエンド表示 + 管理画面追加スタイル
 */

/* ==========================================
   フロントエンド: 比較テーブル表示
   ========================================== */

.pcparts-comp-table-wrapper {
    margin: 1.5em 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", "Noto Sans JP", sans-serif;
    font-size: 14px;
    line-height: 1.5;
}

.pcparts-comp-table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border: 1px solid #dee2e6;
    border-radius: 6px;
}

.pcparts-comp-table-inner {
    width: 100%;
    border-collapse: collapse;
    min-width: 600px;
}

/* ヘッダー */
.pcparts-comp-table-inner thead th {
    padding: 12px 14px;
    background: #f8f9fa;
    border-bottom: 2px solid #dee2e6;
    font-weight: 700;
    font-size: 13px;
    white-space: nowrap;
}

.pcparts-comp-header-label {
    position: sticky;
    left: 0;
    z-index: 2;
    background: #f1f3f5 !important;
    min-width: 130px;
    text-align: left;
    border-right: 2px solid #dee2e6;
}

.pcparts-comp-header-product {
    text-align: center;
    min-width: 110px;
    max-width: 180px;
}

.pcparts-comp-product-name {
    display: block;
    font-size: 13px;
}

/* リークバッジ */
.pcparts-comp-leak-badge {
    display: inline-block;
    margin-top: 4px;
    padding: 1px 6px;
    background: #fff3cd;
    color: #856404;
    border: 1px solid #ffc107;
    border-radius: 3px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.5px;
}

/* カスタム製品ヘッダー */
.pcparts-comp-custom-product {
    background: #fffbeb !important;
}

/* ボディ */
.pcparts-comp-table-inner tbody td {
    padding: 8px 14px;
    border-bottom: 1px solid #e9ecef;
    vertical-align: middle;
}

.pcparts-comp-field-label {
    position: sticky;
    left: 0;
    z-index: 1;
    background: #fff;
    font-weight: 600;
    font-size: 12px;
    color: #495057;
    white-space: nowrap;
    border-right: 2px solid #e9ecef;
    min-width: 130px;
}

.pcparts-comp-cell {
    text-align: center;
    font-size: 13px;
    color: #212529;
}

/* 交互行 */
.pcparts-comp-row-even .pcparts-comp-field-label {
    background: #fff;
}
.pcparts-comp-row-odd .pcparts-comp-field-label {
    background: #f8f9fa;
}
.pcparts-comp-row-odd td {
    background: #f8f9fa;
}
.pcparts-comp-row-odd .pcparts-comp-uncertain {
    background: #fff8e1 !important;
}

/* ハイライト列 */
.pcparts-comp-highlight {
    background: #e8f4fd !important;
}

/* 不確実値 */
.pcparts-comp-uncertain {
    font-style: italic;
    color: #856404;
    background: #fff8e1;
}

.pcparts-comp-uncertain-mark {
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    background: #ffc107;
    color: #fff;
    border-radius: 50%;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    margin-left: 3px;
    vertical-align: middle;
}

/* ソースノート */
.pcparts-comp-source-notes {
    padding: 8px 14px;
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-top: none;
    border-radius: 0 0 6px 6px;
    color: #6c757d;
    font-size: 12px;
}

/* ==========================================
   レスポンシブ
   ========================================== */
@media (max-width: 768px) {
    .pcparts-comp-table-inner {
        font-size: 12px;
    }

    .pcparts-comp-table-inner thead th,
    .pcparts-comp-table-inner tbody td {
        padding: 6px 8px;
    }

    .pcparts-comp-header-label,
    .pcparts-comp-field-label {
        min-width: 100px;
        font-size: 11px;
    }

    .pcparts-comp-header-product {
        min-width: 90px;
    }
}

/* ==========================================
   カスタムスタイル: リーク記事向け
   ========================================== */
.leak-table .pcparts-comp-table-scroll {
    border-color: #ffc107;
}

.leak-table .pcparts-comp-table-inner thead th {
    background: #fffbeb;
    border-bottom-color: #ffc107;
}

.leak-table .pcparts-comp-header-label {
    background: #fff3cd !important;
}

/* ==========================================
   管理画面: 比較テーブルビルダー追加スタイル
   ========================================== */

/* 製品リストアイテム */
.pcparts-comp-product-list {
    min-height: 60px;
}

.pcparts-comp-product-item {
    transition: border-color 0.15s;
}

.pcparts-comp-product-item:hover {
    border-color: #2271b1;
}

.pcparts-comp-product-item.drag-over {
    border-top: 2px solid #2271b1;
}

/* 検索結果アイテム */
.pcparts-comp-search-item:hover {
    background: #f0f6fc !important;
}

/* フィールドコンテナ */
.pcparts-comp-fields-container {
    max-height: 500px;
    overflow-y: auto;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
}