/**
 * sensitivity.css
 * Estilos para el Motor de Sensibilidad y Simulador What-If de Transporte CAEX
 */
@import url('/static/css/carguio_palas/sensitivity.css?v=20261109-scope-row');

.target-type-input { max-width: 170px; padding: 6px; border: 1px solid #64748b; border-radius: 5px; background: #1e293b; color: #f8fafc; }
.target-input-group .target-min-input, .target-input-group .target-max-input { width: 88px; min-width: 50px; }

/* Shared utilization budget: always visible above the scenario controls. */
.sim-hour-budget { margin: 0 0 20px; padding: 16px; background: #f8fafc; border: 1px solid #dce5ef; border-radius: 10px; }
.sim-hour-heading { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; font-size: 14px; color: #18324e; }
.sim-hour-heading > span { color: #52657d; }
.sim-hour-bar { display: flex; height: 12px; overflow: hidden; border-radius: 6px; background: #e2e8f0; margin: 13px 0; }
.sim-hour-bar > span { min-width: 0; transition: width .12s ease; }
.sim-hour-legend { display: grid; gap: 6px; }
.sim-hour-row, .sim-hour-row > span { display: flex; align-items: center; gap: 8px; }
.sim-hour-row { justify-content: space-between; font-size: 12px; color: #475569; }
.sim-hour-row i { width: 8px; height: 8px; border-radius: 2px; flex-shrink: 0; }
.sim-hour-row b { font-variant-numeric: tabular-nums; color: #243b53; white-space: nowrap; }
.sim-hour-row small { width: 65px; text-align: right; color: #52657d; font-variant-numeric: tabular-nums; }
.sim-hour-rule { margin: 12px 0 0; font-size: 12px; line-height: 1.5; color: #52657d; }
.sim-hour-warning { color: #b45309; font-size: 12px; margin: 8px 0 0; }
@media (prefers-reduced-motion: reduce) { .sim-hour-bar > span { transition: none; } }

.sim-hour-columns { display:flex; justify-content:flex-end; gap:16px; font-size:10px; color:#64748b; margin-bottom:7px; }

.sim-hour-distribution + .sim-hour-distribution { border-top: 1px solid #dce5ef; margin-top: 14px; padding-top: 14px; }

/* Quiet labels for the actual/plan lines and unavailable portion of the slider. */
.sim-slider-wrap { margin-bottom: 24px; }
.sim-marker-label {
    position: absolute; top: calc(100% + 2px); left: 50%;
    transform: translateX(-50%); color: #64748b;
    font-size: 10px; font-weight: 500; line-height: 14px; white-space: nowrap;
}
.sim-plan-marker .sim-marker-label { color: #15803d; }
.sim-marker-label-lower { top: calc(100% + 16px); }
.sim-excess-label {
    position: absolute; left: var(--available-position, 100%); right: 0;
    top: 50%; transform: translateY(-50%); z-index: 4;
    text-align: center; color: #7f1d1d; font-size: 9px; font-weight: 600;
    line-height: 12px; white-space: nowrap; overflow: hidden; pointer-events: none;
}