/* Propósito: tarjetas adaptables de rendimiento; entradas: panel del vendedor; salida: dashboard para móvil y escritorio. */
#panel-rendimiento-vendedor { text-align: left; max-width: 1200px; margin: 0 auto 28px; color: #24354c; }
#panel-rendimiento-vendedor .rendimiento-cabecera { display: flex; align-items: end; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
#panel-rendimiento-vendedor h2 { margin: 0; font-size: 25px; }
#panel-rendimiento-vendedor h3 { font-size: 19px; margin: 0; }
#panel-rendimiento-vendedor label { font-size: 13px; display: inline-block; }
#panel-rendimiento-vendedor input { display: block; min-height: 42px; border: 1px solid #a9b6c9; padding: 8px; border-radius: 6px; }
#panel-rendimiento-vendedor button { min-height: 42px; }
#panel-rendimiento-vendedor button:disabled { opacity: .6; cursor: wait; }
#panel-rendimiento-vendedor [data-tarjetas] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 16px; }
#panel-rendimiento-vendedor .tarjeta-rendimiento { padding: 20px; border: 1px solid #dce3ec; }
#panel-rendimiento-vendedor .rendimiento-real { font-size: 30px; font-weight: 700; margin: 12px 0 0; overflow-wrap: anywhere; }
#panel-rendimiento-vendedor .rendimiento-base, #panel-rendimiento-vendedor [data-corte] { font-size: 12px; color: #53647a; }
#panel-rendimiento-vendedor .rendimiento-progreso { display: flex; gap: 8px; align-items: center; }
#panel-rendimiento-vendedor .rendimiento-progreso span { white-space: nowrap; }
#panel-rendimiento-vendedor progress { width: 100%; accent-color: #2458b7; }
#panel-rendimiento-vendedor .rendimiento-proyeccion { border-top: 1px solid #dce3ec; margin-top: 12px; }
#panel-rendimiento-vendedor summary { cursor: pointer; }
#panel-rendimiento-vendedor .rendimiento-vacio { padding: 20px; border: 1px dashed #a9b6c9; border-radius: 10px; background: white; }
#panel-rendimiento-vendedor [data-actualizar] { background: #2458b7; color: white; }