/* Here, the content of the common custom CSS defined into Home - Setup - Display - CSS*/
/* =========================================================
 REFA PARTS - UI PRO + MODO VENTAS
 ========================================================= */

/* ===== Base ===== */
body {
 font-size: 13px;
 color: #404041;
}

input, select, textarea {
 font-size: 13px !important;
 border-radius: 8px !important;
 border: 1px solid #d8d8d8 !important;
 padding: 6px 8px !important;
}

input:focus, select:focus, textarea:focus {
 border-color: #F05A28 !important;
 box-shadow: 0 0 0 2px rgba(240, 90, 40, 0.15) !important;
 outline: none !important;
}

/* ===== Contenedores ===== */
.fiche, div.box, .dashboard, .border {
 border-radius: 14px !important;
 box-shadow: 0 1px 6px rgba(0,0,0,0.05) !important;
 border: 1px solid #ececec !important;
 background: #fff !important;
}

/* ===== Tabs ===== */
.tabactive a {
 color: #F05A28 !important;
 font-weight: 700 !important;
 border-bottom: 3px solid #F05A28 !important;
}

/* ===== Botones ===== */
.butAction, .button {
 background: #F05A28 !important;
 border: 1px solid #F05A28 !important;
 color: #fff !important;
 border-radius: 10px !important;
 font-weight: 600 !important;
}

.butActionDelete {
 background: #404041 !important;
 color: #fff !important;
 border-radius: 10px !important;
}

/* ===== Tablas ===== */
.liste th {
 background: #F1F1F2 !important;
 color: #404041 !important;
 font-weight: 700 !important;
}

.liste td {
 padding: 7px !important;
 border-bottom: 1px solid #f0f0f0 !important;
}

.liste tbody tr:hover {
 background: #fafafa !important;
}

/* ===== Totales ===== */
.amount, .right.amount {
 font-weight: 700 !important;
 color: #F05A28 !important;
}

/* ===== Links ===== */
a {
 text-decoration: none !important;
}

a:not(.butAction):not(.vmenu):not(.vsmenu) {
 color: #F05A28;
}

/* ===== MENU SUPERIOR ===== */
#mainmenutd a, .tmenu a {
 color: #ffffff !important;
}

/* Iconos blancos */
#mainmenutd .fa,
#mainmenutd .fas,
#mainmenutd .far,
#mainmenutd .material-icons,
.tmenu .fa,
.tmenu .fas,
.tmenu .far,
.tmenu .material-icons {
 color: #ffffff !important;
}

/* ===== MENU LATERAL ===== */
.vmenu a {
 color: #404041 !important;
}

.vmenu a:hover {
 background: rgba(240, 90, 40, 0.1) !important;
 color: #F05A28 !important;
}

/* Iconos lateral */
.vmenu .fa,
.vmenu .fas,
.vmenu .far {
 color: #F05A28 !important;
}

/* ===== BADGES / ESTADOS (MODO VENTAS REAL) ===== */

/* Pendiente / abierta */
.badge-status0,
.badge-status1 {
 background: #ffc107 !important;
 color: #000 !important;
 font-weight: bold !important;
}

/* En proceso */
.badge-status2 {
 background: #0d6efd !important;
 color: #fff !important;
}

/* Aceptado */
.badge-status3 {
 background: #28a745 !important;
 color: #fff !important;
}

/* Rechazado */
.badge-status4,
.badge-status9 {
 background: #dc3545 !important;
 color: #fff !important;
}

/* ===== DASHBOARD ===== */
.box {
 border-radius: 16px !important;
}

/* ===== FORMULARIOS ===== */
td.titlefield {
 font-weight: 600 !important;
}

/* ===== COMPACTO ===== */
.liste td, .liste th {
 line-height: 1.25 !important;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
 body { font-size: 12px; }
 .liste td { padding: 6px !important; }
}
@media only screen and (max-width: 768px) {


/*DE AQUI PARA ADELANTE ES DE LOS BOTONES DEL MOVIL*/
 /* CONTENEDOR */
 #blockvmenusearch {
 padding: 8px !important;
 background: #f7f7f7 !important;
 }

 /* TÍTULO */
 #blockvmenusearch .menu_titre {
 font-size: 13px !important;
 font-weight: 600 !important;
 margin-bottom: 6px !important;
 color: #404041 !important;
 }

 /* FILAS */
 #blockvmenusearch tr {
 display: flex !important;
 align-items: center !important;
 gap: 6px !important;
 margin-bottom: 6px !important;
 }

 /* ICONO IZQUIERDA */
 #blockvmenusearch td:first-child {
 width: 14px !important;
 min-width: 14px !important;
 }

 #blockvmenusearch td:first-child .fa {
 font-size: 13px !important;
 color: #f05a28 !important;
 }

 /* INPUT */
 #blockvmenusearch input {
 height: 34px !important;
 padding: 0 10px !important;
 border-radius: 8px !important;
 border: 1px solid #ddd !important;
 font-size: 13px !important;
 }

 /* BOTÓN (AQUÍ ESTÁ LA MAGIA) */
 #blockvmenusearch td:last-child {
 width: 30px !important;
 min-width: 30px !important;
 }

 #blockvmenusearch button {
 width: 30px !important;
 height: 30px !important;
 border-radius: 8px !important;
 background: #F05A28 !important;
 }

 #blockvmenusearch button .fa {
 font-size: 12px !important;
 }

 /* EFECTO TOUCH */
 #blockvmenusearch button:active {
 transform: scale(0.92);
 }

 /* REDUCIR ESPACIOS GENERALES */
 #blockvmenusearch td {
 padding: 0 !important;
 }

 #blockvmenusearch table {
 margin-bottom: 6px !important;
 }

}