/* ============================================================================
   DESKTOP SCHEMATIC ENHANCEMENTS (1024px+)
   Desktop-only visual improvements for the PC schematic
   ============================================================================ */

@media (min-width: 1024px) {
    /* Larger, more prominent schematic */
    .pc-schematic {
        max-width: 500px;
    }

    .pc-schematic-wrapper {
        padding: 1rem 0;
        background: transparent;
        box-shadow: none;
        position: relative;
        overflow: hidden;
    }

    /* Simple hover states - no animations */
    .pc-case__border {
        transition: stroke 0.2s ease;
    }

    .pc-slot--case:hover .pc-case__border,
    .pc-slot--case.pc-slot--hover .pc-case__border {
        stroke: var(--accent);
    }

    .pc-slot--case.pc-slot--filled .pc-case__border {
        stroke: var(--success);
    }

    /* Clean slot styling - no glows */
    .pc-slot__bg {
        transition: fill 0.2s ease;
    }

    /* GPU section simple hover */
    .pc-slot--gpu:hover {
        transform: none;
    }

    /* Filled slot - subtle indication, not overwhelming green */
    .pc-slot--filled .pc-slot__bg {
        fill: rgba(74, 222, 128, 0.15);
        stroke: var(--success);
    }

    /* Stats section enhancements */
    .schematic-stats {
        margin-top: 1rem;
        padding: 0.75rem 0;
        background: transparent;
        border: none;
        border-top: 1px solid var(--border);
        border-radius: 0;
        gap: 2rem;
        position: relative;
    }

    html.dark .schematic-stats {
        background: transparent;
        border-color: var(--border);
    }

    /* Stat layout */
    .stat {
        flex: 1;
        position: relative;
    }

    /* Clean SVG interactions - simple color change */
    .pc-slot__icon {
        transition: fill 0.2s ease;
    }

    .pc-slot:hover .pc-slot__icon {
        fill: var(--accent);
    }

    .pc-slot__label {
        transition: fill 0.2s ease;
    }

    .pc-slot:hover .pc-slot__label {
        fill: var(--accent);
    }

    /* GPU fans - simple styling */
    .gpu-fans--active .gpu-fan__ring {
        fill: var(--success);
    }

    .gpu-fans--active .gpu-fan__blade {
        fill: var(--success);
    }
}