/* 1. CLASE PARA CENTRAR EL INPUT CON ANCHO FIJO */
.input-centrado-tabla {
    /* Define el ancho pequeño deseado (ej. 80px) */
    width: 60px !important; 
    /* Margenes automaticos izq/der centran el bloque */
    margin-left: auto;
    margin-right: auto;
    /* Asegura que el texto dentro del input también esté centrado */
    text-align: center;
}

/* 2. CSS de ajuste de texto (necesario para la columna ITEM) */
.tabla-productos td.columna-item {
    word-break: break-word; 
    white-space: normal;
}

/*----------*/
/* Estilo para cada opción (botón) */
.nav-border .nav-link {
    border: 1px solid #dee2e6; /* Borde gris suave */
    border-radius: 4px;        /* Bordes redondeados */
}

/* Estilo especial cuando el elemento está en Fullscreen */
#content-body:fullscreen {
    width: 100%;
    height: 100%;
    overflow-y: auto;        /* Permite scroll si el contenido es largo */
    padding: 20px;
}

/* --- Sello de Marca de Agua (ANULADO) --- */

/* Aseguramos que el cuerpo del modal sea el punto de referencia */
.modal-body {
    position: relative !important; 
}

#selloAnulado {
    display: none; /* Oculto por defecto */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    
    /* Estilos del texto y borde */
    font-size: 4rem;
    font-weight: 800; /* Extra negrita */
    color: rgba(220, 53, 69, 0.25); /* Rojo semitransparente */
    border: 4px solid rgba(220, 53, 69, 0.25);
    border-radius: 12px;
    padding: 10px 40px;
    text-transform: uppercase;
    letter-spacing: 2px;
    
    /* Comportamiento */
    z-index: 50;
    pointer-events: none; /* Permite hacer clic "a través" del sello */
    user-select: none;    /* Evita que el usuario seleccione el texto del sello */
}
//------tablas de modal 
#tablaDetallesPreview tr {
    border-bottom: 1px dashed #dee2e6; /* Línea gris discontinua */
}
#tablaDetallesPreview tr:last-child {
    border-bottom: none; /* Quita el borde al último elemento */
}

/* --- CONFIGURACIÓN GLOBAL PARA TERMINALES TÁCTILES --- */

/* Aumentar tamaño de botones de icono en todo el sistema */
body.is-imin .btn-icon.btn-sm, 
body.is-imin .btn-sm.btn-icon-only {
    width: 45px !important;
    height: 45px !important;
    display: inline-flex align-items-center justify-content-center;
}

/* Aumentar el tamaño de los iconos dentro de los botones */
body.is-imin .btn-icon i, 
body.is-imin .btn i[class^="ti-"] {
    font-size: 22px !important;
}

/* Espaciado de tablas para evitar toques accidentales */
body.is-imin .table tbody td {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    vertical-align: middle;
}

/* Inputs y Selects más altos para facilitar la selección */
body.is-imin .form-control-sm, 
body.is-imin .form-select-sm {
    height: 40px !important;
    font-size: 14px !important;
}

/* Tabs más grandes */
body.is-imin .nav-tabs .nav-link {
    padding: 12px 20px !important;
}