/* Extracted from module/computer/group/specFilters.phtml during audit Step 6c. */

            /* Spec Filters - Herdar estilos dos filtros existentes */
            .specFilterSection {
                font-size: 16px;
                font-weight: 400;
                padding-left: 15px;
                line-height: 24px;
            }
            
            .specFilterSection label {
                display: inline-flex;
                align-items: center;
                gap: 10px;
                cursor: pointer;
                margin-bottom: 0;
                line-height: 1;
                max-width: 100%;
            }
            
            .specFilterSection label span.spec-label-text {
                line-height: 22px;
                padding-top: 2px;
                font-weight: 500;
                max-width: 140px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
            
            .specFilterSection label span.spec-label-count {
                color: #6c757d;
                font-size: 13px;
                flex-shrink: 0;
            }
            
            /* Checkbox - igual aos existentes */
            .filterSpecCheckbox {
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                width: 22px;
                height: 22px;
                min-width: 22px;
                min-height: 22px;
                flex-shrink: 0;
                border: 2px solid #adb5bd;
                border-radius: 4px;
                background-color: #fff;
                cursor: pointer;
                vertical-align: middle;
                position: relative;
                margin: 0;
                transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
            }
            .filterSpecCheckbox:checked {
                background-color: #0d6efd;
                border-color: #0d6efd;
            }
            .filterSpecCheckbox:checked::after {
                content: '';
                position: absolute;
                left: 6px;
                top: 2px;
                width: 6px;
                height: 12px;
                border: solid white;
                border-width: 0 2px 2px 0;
                transform: rotate(45deg);
            }
            .filterSpecCheckbox:hover:not(:disabled) {
                border-color: #0d6efd;
            }