.splide__arrow{background:initial!important}.panel-table-color,.panel-table-delete,.panel-table-relation{font-size:10px!important;padding:0!important}.panel-table-delete{align-items:center;border:1px solid #eee;display:flex;justify-content:center}.panel-table-td{font-size:10px!important}.panel-table-td,.panel-table-td-odr{border:1px solid #eee;padding:0 10px!important}.panel-table-td-odr,.panel-table-td-qto{font-size:12px!important}.panel-table-td-qto{border:1px solid #eee;padding:0 10px!important}.panel-table-options{align-items:center;border:1px solid #eee;display:flex;justify-content:center;padding:0 4px!important}.mr-div-cloths{background-color:#f3f2f2;border:1px solid #d2d0d0}.mr-div-join-cloths{display:flex;flex-direction:row}.v-data-table>.v-data-table__wrapper tbody tr.v-data-table__expanded__content{background-color:#f4f4f4;box-shadow:none!important}.qr-table-td{font-size:12px!important;padding:0 10px!important}.info-clients-notes-text p{margin-bottom:1px!important}.v-current-time{background-color:#ea4335;height:2px;left:-1px;pointer-events:none;position:absolute;right:0;&.first:before{background-color:#ea4335;border-radius:50%;content:"";height:12px;margin-left:-6.5px;margin-top:-5px;position:absolute;width:12px}}.leads-list-group{overflow-y:auto}.leads-list-group::-webkit-scrollbar{width:10px}.leads-list-group::-webkit-scrollbar-track{background:#fff}.leads-list-group::-webkit-scrollbar-thumb{background-color:#c1c1c1;border:3px solid #fff;border-radius:20px}
/* Paginacion (04/09/2026): los botones traen min-width:34px con padding 0 5px, o sea 24px utiles.
   Un numero de 3 digitos (139, 140...) no cabe y, al ser white-space:normal, se partia en dos
   lineas; eso subia el alto de la barra a 44px y la desalineaba del titulo en /orders/search.
   Se deja crecer el boton solo lo necesario: los de 1-2 digitos siguen midiendo 34px. */
.v-pagination__item{width:auto!important;padding:0 8px!important;white-space:nowrap!important}

/* Celdas editables en linea (09/09/2026).
   MOTIVO: varias columnas del panel del cotizador se editan con un clic, pero nada lo indicaba:
   habia que descubrirlo probando. Se marca al pasar el cursor -- resaltado + lapiz -- para no
   cargar visualmente una tabla que ya tiene 19 columnas (opcion elegida por el administrador
   entre cuatro propuestas).
   ALCANCE: aplica a .v-small-dialog__activator, la clase que Vuetify pone en TODA celda con
   v-edit-dialog. Cubre sola el Cotizador, Garantias y Secciones de almacen, y seguira siendo
   correcta si mañana una columna deja de ser editable: la marca va con el componente, no con
   una lista de columnas.
   El lapiz se coloca en el padding derecho de la celda (overflow visible), asi que no pisa el
   texto ni altera el alto de la fila. */
.v-small-dialog__activator{position:relative;cursor:pointer;transition:background-color .12s ease}
.v-small-dialog__activator:hover{background-color:rgba(30,78,140,.10);box-shadow:inset 0 -1px 0 rgba(30,78,140,.5)}
.v-small-dialog__activator::after{content:"\F03EB";font-family:"Material Design Icons";position:absolute;right:-7px;top:50%;transform:translateY(-50%);font-size:11px;line-height:1;color:#1E4E8C;opacity:0;transition:opacity .12s ease;pointer-events:none}
.v-small-dialog__activator:hover::after{opacity:.75}