/*
 * BrixMode — Afinador de paleta (solo admins)
 * v6.6.7.0 (2026-06-12). Prefijo .bx- (sin colisiones).
 */

.bx-tuner {
    position: absolute;
    top: 90px;
    right: 20px;
    width: 280px;
    max-height: 65%;
    display: flex;
    flex-direction: column;
    background: rgba(248, 250, 252, 0.97);
    border: 1.5px solid rgba(203, 213, 225, 0.9);
    border-radius: 14px;
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    z-index: 40;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    overflow: hidden;
}

.bx-tuner-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    font-size: 13px;
    font-weight: 700;
    color: #0F172A;
    border-bottom: 1px solid rgba(226, 232, 240, 1);
    background: rgba(255, 255, 255, 0.9);
    flex-shrink: 0;
}

.bx-tuner-close {
    border: none;
    background: none;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    color: #64748B;
    padding: 0 4px;
}
.bx-tuner-close:hover { color: #0F172A; }

.bx-tuner-note {
    padding: 8px 14px;
    font-size: 11px;
    line-height: 1.45;
    color: #1e3a8a;
    background: rgba(239, 246, 255, 1);
    border-bottom: 1px solid rgba(191, 219, 254, 1);
    flex-shrink: 0;
}

.bx-tuner-rows {
    overflow-y: auto;
    padding: 8px 12px;
    flex: 1;
}

.bx-tuner-row {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 0;
}

.bx-sw {
    width: 24px;
    height: 24px;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    flex-shrink: 0;
}

.bx-arrow {
    color: #94A3B8;
    font-size: 12px;
    flex-shrink: 0;
}

.bx-sel {
    flex: 1;
    min-width: 0;
    font-size: 12px;
    padding: 4px 6px;
    border: 1px solid #E2E8F0;
    border-radius: 6px;
    background: #fff;
    color: #0F172A;
}

.bx-tuner-footer {
    padding: 10px 14px;
    border-top: 1px solid rgba(226, 232, 240, 1);
    background: rgba(255, 255, 255, 0.9);
    flex-shrink: 0;
}

.bx-tuner-save {
    width: 100%;
    padding: 9px 0;
    border: 1.5px solid rgba(29, 78, 216, 0.8);
    border-radius: 9px;
    background: linear-gradient(to bottom, rgba(96,165,250,1) 0%, rgba(37,99,235,1) 100%);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}
.bx-tuner-save:disabled { opacity: 0.6; cursor: wait; }

@media (max-width: 600px) {
    .bx-tuner {
        top: auto;
        bottom: 90px;
        right: 10px;
        left: 10px;
        width: auto;
        max-height: 50%;
    }
}