/* Configuración compartida por conversación, dashboard y MCP Apps. */
.min-visual-settings {
    flex: 0 0 375px;
    width: 375px;
    max-height: 560px;
    overflow: auto;
    padding: 8px;
    color: var(--min-text);
    background: var(--min-surface-soft);
    border: 1px solid var(--min-border);
    border-radius: 6px;
    font-size: .75rem;
    line-height: 1.35;
    z-index: 3;
}
.min-visual-settings[hidden] { display: none; }
.min-analytic-dashboard-item .min-visual-settings { max-height: 100%; }
.min-visual-settings label { display: flex; flex-direction: column; gap: 2px; margin: 4px 0 7px; font-size: .75rem; }
.min-visual-settings label:has(> input[type=checkbox]) { flex-direction: row-reverse; justify-content: flex-end; align-items: center; gap: 6px; }
.min-visual-settings .form-control,
.min-visual-settings .form-select {
    width: 100%;
    min-width: 0;
    min-height: 28px;
    padding: 3px 7px;
    color: var(--min-text);
    background-color: var(--min-surface-soft);
    border: 1px solid var(--min-border);
    border-radius: 4px;
    font-family: inherit;
    font-size: .75rem;
    line-height: 1.35;
}
.min-visual-settings .form-select {
    appearance: none;
    padding-right: 28px;
    background-image: linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);
    background-position: right 11px center,right 7px center;
    background-size: 4px 4px;
    background-repeat: no-repeat;
}
.min-visual-range { margin-top: 8px; }
.min-visual-range-values { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.min-visual-range-values > label { min-width: 0; }
.min-visual-settings .min-visual-range input:disabled { opacity: 1; color: var(--min-muted); background-color: var(--min-surface-raised); cursor: not-allowed; }
.min-visual-range small[hidden] { display: none; }
.min-visual-settings input[type=color] { height: 28px; }
.min-chart-palettes { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 6px; margin: 4px 0 10px; }
.min-chart-palette, .min-chart-color-target { color: var(--min-text); background: transparent; border: 1px solid var(--min-border); border-radius: 4px; font: inherit; cursor: pointer; }
.min-chart-palette { min-width: 0; padding: 5px; text-align: left; }
.min-chart-palette[aria-pressed=true], .min-chart-color-target[aria-pressed=true] { border-color: var(--min-text); box-shadow: inset 0 0 0 1px var(--min-text); background: var(--min-surface-raised); }
.min-chart-palette-samples { display: grid; grid-template-columns: repeat(4,1fr); gap: 2px; margin-top: 5px; }
.min-chart-palette-samples > span { height: 12px; border-radius: 2px; }
.min-chart-color-targets { display: grid; gap: 3px; margin: 6px 0; }
.min-chart-color-target { display: flex; gap: 7px; align-items: center; min-width: 0; padding: 5px 6px; text-align: left; }
.min-chart-color-target > span:last-child { overflow-wrap: anywhere; }
.min-chart-color-chip { flex: 0 0 14px; width: 14px; height: 14px; border: 1px solid var(--min-muted); border-radius: 3px; }
.min-chart-color-editor { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; padding: 8px 0; margin-bottom: 6px; border-block: 1px solid var(--min-border); }
.min-chart-color-editor > strong { width: 100%; overflow-wrap: anywhere; }
.min-chart-color-swatches { display: flex; flex-wrap: wrap; gap: 5px; width: 100%; }
.min-chart-color-swatch { position: relative; width: 26px; height: 26px; padding: 0; background: var(--swatch); border: 1px solid var(--min-muted); border-radius: 4px; cursor: pointer; }
.min-chart-color-swatch[aria-pressed=true]::after { content: '✓'; position: absolute; inset: 4px; border-radius: 50%; color: white; background: #17212e; font: bold 12px/16px sans-serif; text-align: center; }
.min-visual-settings .min-chart-custom-color { flex-direction: row; gap: 7px; align-items: center; margin: 0 auto 0 0; }
.min-chart-custom-color input { width: 38px; padding: 2px; border: 1px solid var(--min-border); border-radius: 4px; background: var(--min-surface-soft); cursor: pointer; }
.min-chart-color-navigation { display: flex; align-items: center; gap: 5px; }
.min-visual-settings [data-section=colors] .btn { color: var(--min-text); border-color: var(--min-muted); background: var(--min-surface-soft); }
.min-visual-settings [data-section=colors] .btn:hover:not(:disabled) { background: var(--min-surface-raised); }
.min-visual-settings [data-section=colors] .btn:disabled { opacity: .45; }
.min-chart-palettes button:focus-visible, .min-chart-color-target:focus-visible, .min-chart-color-swatch:focus-visible { outline: 2px solid var(--min-text); outline-offset: 2px; }
.min-chart-color-targets[hidden], .min-chart-color-editor[hidden] { display: none; }
.min-visual-settings [data-section=colors] small[hidden] { display: none; }
.min-visual-settings input[type=checkbox] { flex: 0 0 14px; width: 14px; height: 14px; margin: 0; accent-color: var(--min-primary); }
.min-visual-settings .btn-sm { min-height: 24px; padding: 3px 7px; border-radius: 4px; font-size: .75rem; line-height: 1.35; }
.min-visual-settings small { display: block; margin: 5px 0; color: var(--min-muted); font-size: .7rem; line-height: 1.4; }
.min-visual-settings fieldset { min-width: 0; margin: 8px 0 0; padding: 6px 0 0; border: 0; border-top: 1px solid var(--min-border); }
.min-visual-settings legend { float: none; width: auto; margin: 0 0 4px; padding: 0 4px 0 0; font-size: .75rem; font-weight: 600; }
.min-visual-settings .min-visual-field-order { display: flex; align-items: center; gap: 4px; margin: 5px 0; }
.min-visual-field-order > span { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.min-visual-field-order > button { flex-shrink: 0; }
.min-table-sort-directions { display: flex; gap: 6px; margin: 6px 0; }
.min-table-sort-directions > button { display: inline-flex; align-items: center; gap: 5px; color: var(--min-text); border: 1px solid var(--min-border); background: transparent; }
.min-table-sort-directions > button[aria-pressed=true] { background: var(--min-text); color: var(--min-surface-soft); border-color: var(--min-text); }
.min-table-sort-icon::before { display: inline-block; font-size: 1rem; line-height: 1; }
.min-table-sort-asc::before { content: "↑"; }
.min-table-sort-desc::before { content: "↓"; }
.min-visual-settings .min-config-section { margin: 0 0 6px; border: 1px solid var(--min-border); border-radius: 5px; }
.min-visual-settings .min-config-section > summary { padding: 6px 8px; font-size: .78rem; font-weight: 600; line-height: 1.35; cursor: pointer; overflow-wrap: anywhere; }
.min-visual-settings .min-config-section > summary::marker { color: var(--min-primary); }
.min-visual-settings .min-config-section > summary:hover { background: var(--min-surface-raised); }
.min-visual-settings .min-config-section > summary:focus-visible { outline: 2px solid var(--min-primary); outline-offset: -2px; border-radius: 4px; }
.min-visual-settings .min-config-section[open] > summary { border-bottom: 1px solid var(--min-border); }
.min-visual-settings .min-config-section-body { padding: 4px 8px 6px; }
@container minvisual (max-width: 640px) {
    .min-visual-settings { position: absolute; top: 0; bottom: 0; left: 0; width: min(450px,calc(100% - 24px)); max-height: 100%; box-shadow: 5px 0 18px #0003; }
}

.min-map-opacity { display: block; width: 100%; margin: .35rem 0; padding: 0; accent-color: var(--min-accent, #168a87); }