/* 05-mods: yukleme alani, mod listesi, mod kartlari, arama, toplam gostergeleri */
        /* Upload Area */
        .upload-section {
            margin-bottom: 34px;
        }

        .upload-area {
            border: 2.5px dashed var(--primary-color);
            border-radius: var(--radius-md);
            padding: 44px 20px;
            text-align: center;
            background: linear-gradient(160deg, rgba(6, 182, 212, 0.06), rgba(6, 182, 212, 0.02));
            transition: all 0.25s ease;
            cursor: pointer;
        }

        .upload-area:hover {
            border-color: var(--primary-dark);
            background: rgba(6, 182, 212, 0.10);
            transform: translateY(-2px);
        }

        .upload-area.dragover {
            border-color: var(--primary-dark);
            background: rgba(6, 182, 212, 0.16);
            transform: scale(1.015);
        }

        .upload-area p {
            margin: 12px 0;
            color: var(--text-dark);
        }

        .upload-area p:first-child {
            font-size: 17px;
            font-weight: 700;
        }

        .upload-hint {
            font-size: 13px;
            color: var(--text-light);
        }

        .upload-area .btn-secondary {
            margin-top: 16px;
        }

        #vehiclesFileInput,
        #charactersFileInput,
        #objectsFileInput,
        #weaponsFileInput {
            display: none;
        }

        .weapon-selector {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
            gap: 10px;
            margin-bottom: 20px;
            max-height: 300px;
            overflow-y: auto;
            padding: 15px;
            background: #f8fafc;
            border-radius: var(--radius-sm);
            border: 1px solid var(--border-color);
        }

        /* Mods List */
        .mods-list-section {
            margin-top: 34px;
        }

        .mods-list-section h3 {
            color: var(--text-dark);
            font-size: 17px;
            font-weight: 700;
        }

        .mods-list-header {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            margin-bottom: 16px;
        }

        .mods-list-controls {
            display: flex;
            align-items: center;
            gap: 14px;
            flex-wrap: wrap;
        }

        .select-all-label {
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 13px;
            font-weight: 600;
            color: var(--text-light);
            cursor: pointer;
            user-select: none;
        }

        .select-all-label input[type="checkbox"] {
            width: 17px;
            height: 17px;
            accent-color: var(--primary-color);
            cursor: pointer;
        }

        .btn-delete-selected {
            display: flex;
            align-items: center;
            gap: 6px;
            padding: 8px 16px;
            border: 2px solid var(--danger-color);
            background: white;
            color: var(--danger-color);
            border-radius: 999px;
            font-family: inherit;
            font-size: 12.5px;
            font-weight: 700;
            cursor: pointer;
            transition: all 0.25s ease;
        }

        .btn-delete-selected:hover {
            background: var(--danger-color);
            color: white;
        }

        .btn-bulk-id {
            display: flex;
            align-items: center;
            gap: 6px;
            padding: 8px 16px;
            border: 2px solid var(--primary-color);
            background: white;
            color: var(--primary-dark);
            border-radius: 999px;
            font-family: inherit;
            font-size: 12.5px;
            font-weight: 700;
            cursor: pointer;
            transition: all 0.2s ease;
        }

        .btn-bulk-id:hover {
            background: var(--primary-color);
            color: white;
        }

        /* Arama/filtre kutusu */
        .mod-search-wrap {
            margin-bottom: 14px;
        }

        .mod-search-input {
            width: 100%;
            padding: 10px 14px;
            border: 2px solid var(--border-color);
            border-radius: var(--radius-sm);
            font-size: 13px;
            font-family: inherit;
            background: white;
            color: var(--text-dark);
        }

        .mod-search-input:focus {
            outline: none;
            border-color: var(--primary-color);
            box-shadow: 0 0 0 4px var(--shadow-color);
        }

        /* Toplam boyut göstergesi */
        .mods-list-total {
            font-size: 12.5px;
            font-weight: 700;
            color: var(--text-light);
            white-space: nowrap;
        }

        .mods-list-total strong {
            color: var(--primary-dark);
        }

        .grand-total-bar {
            display: flex;
            justify-content: center;
            align-items: center;
            gap: 8px;
            padding: 10px 20px;
            font-size: 13px;
            font-weight: 700;
            color: var(--text-light);
            background: var(--surface-alt);
            border-top: 1px solid var(--border-color);
        }

        .grand-total-bar strong {
            color: var(--primary-dark);
        }

        .mod-item-checkbox-wrap {
            flex: 0 0 auto;
            display: flex;
            align-items: center;
        }

        .mod-item-checkbox {
            width: 18px;
            height: 18px;
            accent-color: var(--primary-color);
            cursor: pointer;
        }

        .mods-list {
            display: grid;
            gap: 14px;
        }

        .mod-item {
            background: var(--surface-alt);
            border: 1px solid var(--border-color);
            border-radius: var(--radius-md);
            padding: 18px 20px;
            display: flex;
            flex-wrap: wrap;
            gap: 16px;
            align-items: center;
            transition: all 0.25s ease, background 1.6s ease;
        }

        @keyframes modItemHighlight {
            0% { background: rgba(34, 197, 94, 0.30); }
            100% { background: var(--surface-alt); }
        }

        .mod-item.mod-item-new {
            animation: modItemHighlight 1.8s ease-out;
        }

        .mod-item-new-badge {
            display: inline-block;
            padding: 2px 8px;
            margin-left: 8px;
            font-size: 10px;
            font-weight: 800;
            letter-spacing: 0.3px;
            color: white;
            background: var(--success-color);
            border-radius: 999px;
            vertical-align: middle;
        }

        .mod-item-info {
            flex: 1 1 180px;
            min-width: 160px;
        }

        .mod-item-weapon-select {
            flex: 0 0 auto;
        }

        .mod-item-name-input {
            flex: 1 1 200px;
            max-width: 260px;
        }

        .mod-item-actions {
            flex: 0 0 auto;
        }

        .mod-item:hover {
            border-color: var(--primary-color);
            box-shadow: 0 8px 20px -6px var(--shadow-color);
            background: white;
        }

        .mod-item-id-row {
            display: flex;
            align-items: center;
            gap: 6px;
            font-weight: 700;
            color: var(--primary-dark);
            font-size: 13px;
            margin-bottom: 8px;
        }

        .mod-item-id-input {
            width: 90px;
            padding: 6px 8px;
            border: 2px solid var(--border-color);
            border-radius: var(--radius-sm);
            font-size: 13px;
            font-family: inherit;
            font-weight: 700;
            color: var(--primary-dark);
        }

        .mod-item-id-input:focus {
            outline: none;
            border-color: var(--primary-color);
            box-shadow: 0 0 0 4px var(--shadow-color);
        }

        .mod-item-id-input.missing {
            border-color: var(--danger-color);
            background: #fef2f2;
        }

        .mod-item-id-input.missing:focus {
            border-color: var(--danger-color);
            box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.18);
        }

        .mod-item-id-input.conflict {
            border-color: #f59e0b;
            background: #fffbeb;
        }

        .mod-item-id-input.conflict:focus {
            border-color: #f59e0b;
            box-shadow: 0 0 0 4px rgba(245, 158, 11, 0.18);
        }

        .mod-item-id-warning {
            color: var(--danger-color);
            font-size: 12px;
            font-weight: 700;
        }

        .mod-item-id-warning.conflict {
            color: #b45309;
        }

        .mod-item.needs-id {
            border-color: var(--danger-color);
            box-shadow: 0 0 0 1px rgba(239, 68, 68, 0.25);
        }

        .mod-item.id-conflict {
            border-color: #f59e0b;
            box-shadow: 0 0 0 1px rgba(245, 158, 11, 0.3);
        }

        .mod-item-files {
            font-size: 13px;
            color: var(--text-light);
            margin-bottom: 6px;
        }

        .mod-item-size {
            font-size: 12px;
            color: var(--text-light);
        }

        .mod-item-weapon-select {
            padding: 9px 12px;
            border: 2px solid var(--border-color);
            border-radius: var(--radius-sm);
            font-size: 13px;
            font-family: inherit;
            cursor: pointer;
            background: white;
            min-width: 170px;
            color: var(--text-dark);
        }

        .mod-item-weapon-select:focus {
            outline: none;
            border-color: var(--primary-color);
            box-shadow: 0 0 0 4px var(--shadow-color);
        }

        .mod-item-name-input {
            padding: 10px 14px;
            border: 2px solid var(--border-color);
            border-radius: var(--radius-sm);
            font-size: 13px;
            font-family: inherit;
            transition: all 0.25s ease;
            min-width: 150px;
            color: var(--text-dark);
        }

        .mod-item-name-input:focus {
            outline: none;
            border-color: var(--primary-color);
            box-shadow: 0 0 0 4px var(--shadow-color);
        }

        .mod-item-actions {
            display: flex;
            gap: 8px;
            justify-content: flex-end;
        }

        .empty-message {
            text-align: center;
            color: var(--text-light);
            padding: 44px 20px;
            font-style: italic;
            background: var(--surface-alt);
            border-radius: var(--radius-md);
            border: 1px dashed var(--border-color);
        }