/**
 * 圖鑑頁面深色模式樣式
 * Catalog Dark Mode Styles
 */

/* ===== Dark Mode Header ===== */
[data-theme="dark"] .catalog-header-section {
    background: linear-gradient(135deg, rgba(33, 37, 41, 0.9) 0%, rgba(20, 20, 20, 0.8) 100%);
    border-color: #495057;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}

[data-theme="dark"] .catalog-title {
    color: #fff;
}

[data-theme="dark"] .catalog-subtitle {
    color: #adb5bd;
}

/* ===== Dark Mode 側邊欄 ===== */
[data-theme="dark"] .catalog-sidebar {
    background: #1a1d20;
    border-color: #343a40;
}

[data-theme="dark"] .sidebar-entity-type:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

[data-theme="dark"] .sidebar-entity-type.active {
    background-color: rgba(13, 110, 253, 0.2);
}

[data-theme="dark"] .sidebar-entity-type {
    border-color: rgba(255, 255, 255, 0.12);
    background-color: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] .sidebar-series-title {
    border-color: #343a40;
    color: #adb5bd;
}

[data-theme="dark"] .sidebar-set-item:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

[data-theme="dark"] .sidebar-set-item.active {
    background-color: rgba(13, 110, 253, 0.25);
}

/* ===== Dark Mode 卡片項目 ===== */
[data-theme="dark"] .card-item {
    background-color: #2b3035;
    border-color: #495057;
}

[data-theme="dark"] .card-item img {
    background-color: #343a40 !important;
}

[data-theme="dark"] .card-item .card-body {
    color: #e9ecef;
}

[data-theme="dark"] .card-item small.text-body-secondary {
    color: #adb5bd !important;
}

[data-theme="dark"] .card-item:hover {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.5);
}

/* ===== Dark Mode Modal ===== */
[data-theme="dark"] .modal-content {
    background-color: #212529;
    color: #dee2e6;
}

[data-theme="dark"] .modal-header .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

[data-theme="dark"] .modal-title,
[data-theme="dark"] h5 {
    color: #fff;
}

/* ===== Dark Mode Table ===== */
[data-theme="dark"] .table {
    color: #dee2e6;
    --bs-table-color: #dee2e6;
    --bs-table-bg: transparent;
}

[data-theme="dark"] .table th,
[data-theme="dark"] .table td {
    color: #dee2e6 !important;
    border-color: #495057;
    background-color: transparent !important;
}

/* ===== Dark Mode Form Controls ===== */
[data-theme="dark"] .text-muted {
    color: #adb5bd !important;
}

[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select,
[data-theme="dark"] .input-group-text {
    background-color: #2b3035;
    border-color: #495057;
    color: #e9ecef;
}

[data-theme="dark"] .form-control::placeholder {
    color: #6c757d;
}

[data-theme="dark"] .form-control:focus,
[data-theme="dark"] .form-select:focus {
    background-color: #2b3035;
    color: #e9ecef;
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* ===== Dark Mode 分頁 ===== */
[data-theme="dark"] .pagination-btn {
    background-color: #2b3035;
    color: #adb5bd;
}

[data-theme="dark"] .pagination-btn:hover:not(:disabled):not(.active) {
    background-color: #343a40;
    color: #fff;
}

[data-theme="dark"] .pagination-btn:disabled {
    background-color: transparent;
    color: #495057;
    opacity: 0.5;
}

[data-theme="dark"] .pagination-info-text {
    color: #adb5bd;
}

/* ===== Dark Mode Select2 ===== */
[data-theme="dark"] .select2-container--bootstrap-5 .select2-selection {
    background-color: #2b3035 !important;
    border-color: #495057 !important;
    color: #e9ecef !important;
}

[data-theme="dark"] .select2-container--bootstrap-5 .select2-selection__rendered {
    color: #e9ecef !important;
}

[data-theme="dark"] .select2-container--bootstrap-5 .select2-dropdown {
    background-color: #2b3035 !important;
    border-color: #495057 !important;
    color: #e9ecef !important;
}

[data-theme="dark"] .select2-container--bootstrap-5 .select2-results__option {
    color: #e9ecef !important;
}

[data-theme="dark"] .select2-container--bootstrap-5 .select2-results__option--highlighted {
    background-color: #343a40 !important;
    color: #fff !important;
}

[data-theme="dark"] .select2-search__field {
    background-color: #2b3035 !important;
    border-color: #495057 !important;
    color: #e9ecef !important;
}

/* ===== Dark Mode Dropdown Header ===== */
[data-theme="dark"] .dropdown-header {
    color: #adb5bd !important;
    background-color: transparent;
}

/* ===== Dark Mode 套組選擇 ===== */
[data-theme="dark"] #setsListContainer {
    scrollbar-color: rgba(180, 180, 180, 0.5) rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] #setsListContainer::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.06);
}

[data-theme="dark"] #setsListContainer::-webkit-scrollbar-thumb {
    background-color: rgba(200, 200, 200, 0.35);
}

[data-theme="dark"] #setsListContainer::-webkit-scrollbar-thumb:hover {
    background-color: rgba(200, 200, 200, 0.55);
}

/* Dark theme: modal 套組卡（與 browse 共用 class） */
[data-theme="dark"] .set-logo-item.active {
    border-color: #ffcc00;
    box-shadow: 0 0 0 2px rgba(255, 204, 0, 0.6), 0 0 12px rgba(255, 204, 0, 0.4);
    background: rgba(255, 204, 0, 0.08);
}

[data-theme="dark"] .set-icon-item.active {
    background-color: rgba(255, 204, 0, 0.14);
    border-color: #ffcc00;
    box-shadow: 0 0 0 2px rgba(255, 204, 0, 0.6), 0 0 12px rgba(255, 204, 0, 0.4);
}

/* ===== Dark Mode PSA Stats ===== */
[data-theme="dark"] .psa-stats-module {
    border-color: #495057 !important;
}

[data-theme="dark"] .psa-stats-module .bg-light {
    background-color: #2b3035 !important;
    color: #e9ecef !important;
    border-color: #495057 !important;
}

[data-theme="dark"] .psa-stats-module .bg-white {
    background-color: #212529 !important;
    color: #e9ecef !important;
}

[data-theme="dark"] .psa-grade-block.border-light {
    border-color: #495057 !important;
    background-color: #2b3035 !important;
}

[data-theme="dark"] .psa-grade-block.border-warning {
    background-color: rgba(255, 193, 7, 0.15) !important;
}

[data-theme="dark"] .psa-stats-module .text-muted {
    color: #adb5bd !important;
}

[data-theme="dark"] .psa-stats-module .grade-label.text-muted {
    color: #adb5bd !important;
}

[data-theme="dark"] .psa-stats-module .text-dark {
    color: #e9ecef !important;
}

/* ===== Dark Mode 套組資訊卡 ===== */
[data-theme="dark"] .set-info-detail-card {
    background: #2b3035 !important;
    border-color: #495057 !important;
    color: #e9ecef !important;
}
[data-theme="dark"] .set-info-detail-card .text-muted {
    color: #adb5bd !important;
}
[data-theme="dark"] .set-info-detail-card .fw-bold {
    color: #e9ecef !important;
}
[data-theme="dark"] .set-info-detail-card .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

/* ===== Dark Mode 角色縮圖 ===== */
.char-thumb {
    width: 50px; height: 50px; min-width: 50px;
    border-radius: 6px;
    background: var(--bs-tertiary-bg, #f8f9fa);
    border: 1px solid var(--bs-border-color, #dee2e6);
    display: inline-flex; align-items: center; justify-content: center;
    text-decoration: none; color: inherit;
}
[data-theme="dark"] .char-thumb {
    background: #2b3035;
    border-color: #495057;
}
[data-theme="dark"] .char-thumb-more-btn {
    color: #adb5bd !important;
}