/* 2026-11-10: manual de marca Lyseon v1.2 para /sodmxthdmx. Acotado a #main_sodmx (ninguna otra pagina lo usa).
   Mismo diseno de tabla que assets/cp_marca.css (Comparativa); pisa assets/custom.css (global, con !important). */
#main_sodmx .sodmx-btn {
  background: #00205B !important;
  border: 1px solid #00205B !important;
  color: #FFFFFF !important;
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: 700 !important;
  font-size: 13px !important;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  border-radius: 4px !important;
  padding: 8px 24px !important;
}
#main_sodmx .sodmx-btn:hover { background: #001337 !important; border-color: #001337 !important; color: #FFFFFF !important; }
#main_sodmx .sodmx-btn-sec { background: #FFFFFF !important; color: #00205B !important; }
#main_sodmx .sodmx-btn-sec:hover { background: #E6E9EF !important; color: #00205B !important; border-color: #00205B !important; }
#main_sodmx .sodmx-btn:focus-visible { outline: 2px solid #FF5722; outline-offset: 2px; }

#main_sodmx .dash-table-container .dash-header {
  background-color: #00205B !important;
  color: #FFFFFF !important;
  font-family: 'Montserrat', Arial, sans-serif;
  font-weight: 700 !important;
  font-size: 11px !important;
  text-align: center !important;
  border: none !important;
  border-bottom: 2px solid #FF5722 !important;
  padding: 4px 6px !important;
}
#main_sodmx .dash-table-container .dash-header * { color: #FFFFFF !important; }
#main_sodmx .dash-table-container .dash-cell {
  font-family: 'Open Sans', Arial, sans-serif;
  font-weight: 400 !important;
  font-size: 11px !important;
  text-align: center !important;
  padding: 4px 6px !important;
  border: none !important;
  border-bottom: 1px solid #DDDDDD !important;
  color: #333333;
  max-width: none !important;
}
#main_sodmx .dash-table-container .dash-cell .dash-cell-value { text-align: center !important; }
#main_sodmx .dash-table-container .dash-row-odd .dash-cell { background-color: #F4F6F8 !important; }
#main_sodmx .dash-table-container .dash-row:hover .dash-cell {
  background-color: #E6E9EF !important;
  color: #333333 !important;
  font-weight: 400 !important;
  cursor: default;
}
#main_sodmx .dash-table-container .dash-row-selected .dash-cell {
  background-color: #FFEEE9 !important;
  color: #333333 !important;
  font-weight: 400 !important;
}
#main_sodmx .dash-table-container .dash-spreadsheet-container .dash-spreadsheet-inner table { box-shadow: none; border-radius: 0; }
/* paginacion */
#main_sodmx .previous-next-container,
#main_sodmx .page-number {
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 12px;
  color: #333333;
}

/* ---- vista Mantenedor SKU (2026-11-10) ---- */
#main_sodmx .sodmx-mant-tabla th {
  background-color: #00205B; color: #FFFFFF; font-family: 'Montserrat', Arial, sans-serif; font-weight: 700;
  font-size: 11px; padding: 6px; border-bottom: 2px solid #FF5722;
}
#main_sodmx .sodmx-mant-tabla td { padding: 6px; border-bottom: 1px solid #DDDDDD; font-family: 'Open Sans', Arial, sans-serif; color: #333333; }
#main_sodmx .sodmx-mant-tabla tr:nth-child(even) td { background-color: #F4F6F8; }
#main_sodmx textarea:focus { outline: 2px solid #FF5722; outline-offset: 1px; }
#main_sodmx .sodmx-textarea {
  width: 100% !important; height: 160px !important; min-height: 120px; box-sizing: border-box;
  border: 1px solid #DDDDDD !important; border-radius: 4px !important; padding: 8px !important;
  font-family: 'Open Sans', Arial, sans-serif; font-size: 13px; color: #333333; background: #FFFFFF !important; resize: vertical;
}
#main_sodmx .sodmx-bloque { border: 1px solid #DDDDDD; border-radius: 8px; padding: 16px; margin-bottom: 16px; background: #FFFFFF; }
#main_sodmx .sodmx-input {
  height: 36px; box-sizing: border-box; border: 1px solid #DDDDDD !important; border-radius: 4px !important; padding: 0 8px !important;
  font-family: 'Open Sans', Arial, sans-serif; font-size: 13px; color: #333333; background: #FFFFFF !important;
}
#main_sodmx .sodmx-input:focus { outline: 2px solid #FF5722; outline-offset: 1px; }

/* ---- desplegables de la vista Mantenedor: pisan assets/custom.css (global: 38 px, borde naranja, texto casi blanco) ---- */
#main_sodmx .sodmx-dd .Select-control {
  height: 36px !important; min-height: 36px !important; padding: 0 !important; border: 1px solid #DDDDDD !important;
  border-radius: 4px !important; background-color: #FFFFFF !important; font-size: 13px !important; font-family: 'Open Sans', Arial, sans-serif;
}
#main_sodmx .sodmx-dd .Select-value, #main_sodmx .sodmx-dd .Select-placeholder, #main_sodmx .sodmx-dd .Select-input { line-height: 34px !important; height: 34px !important; }
#main_sodmx .sodmx-dd .Select-value-label, #main_sodmx .sodmx-dd .Select--single > .Select-control .Select-value { color: #333333 !important; }
#main_sodmx .sodmx-dd .Select.is-focused > .Select-control, #main_sodmx .sodmx-dd .Select-control:hover { border-color: #FF5722 !important; }
#main_sodmx .sodmx-dd .Select-menu-outer { background-color: #FFFFFF !important; border: 1px solid #DDDDDD !important; border-radius: 4px; }
#main_sodmx .sodmx-dd .Select-option { background-color: #FFFFFF !important; color: #333333 !important; font-size: 13px; padding: 8px 10px; }
#main_sodmx .sodmx-dd .Select-option:hover, #main_sodmx .sodmx-dd .Select-option.is-focused { background-color: #E6E9EF !important; color: #333333 !important; font-weight: 400; }
#main_sodmx .sodmx-dd .Select-option.is-selected { background-color: #FFEEE9 !important; color: #333333 !important; }

/* boton de guardar en naranja de la marca (texto Navy: sobre naranja, bajo 19 px, el manual pide Navy y no blanco) */
#main_sodmx .sodmx-btn-naranja { background: #FF5722 !important; border-color: #FF5722 !important; color: #00205B !important; }
#main_sodmx .sodmx-btn-naranja:hover { background: #DF3500 !important; border-color: #DF3500 !important; color: #FFFFFF !important; }
#main_sodmx .sodmx-btn-naranja:disabled { opacity: .45; cursor: not-allowed; }

/* ---- ventana de confirmacion (dbc.Modal): se dibuja fuera de #main_sodmx, por eso estos estilos NO van acotados a esa id ---- */
.sodmx-modal .modal-content { border: 1px solid #DDDDDD; border-radius: 8px; box-shadow: 0 2px 10px rgba(0, 32, 91, 0.18); font-family: 'Open Sans', Arial, sans-serif; }
.sodmx-modal .modal-header { border-bottom: 2px solid #FF5722; padding: 16px 24px; }
.sodmx-modal .modal-title { font-family: 'Montserrat', Arial, sans-serif; font-weight: 700; font-size: 18px; color: #00205B; }
.sodmx-modal .modal-body { padding: 20px 24px; color: #333333; font-size: 14px; line-height: 1.6; }
.sodmx-modal .modal-body ul { margin: 8px 0 12px 0; padding-left: 20px; }
.sodmx-modal .modal-footer { border-top: 1px solid #DDDDDD; padding: 12px 24px; gap: 8px; }
.sodmx-modal .sodmx-m-btn { font-family: 'Montserrat', Arial, sans-serif; font-weight: 700; font-size: 13px; text-transform: uppercase; letter-spacing: 0.06em; border-radius: 4px; padding: 8px 24px; margin: 0; }
.sodmx-modal .sodmx-m-btn-sec { background: #FFFFFF !important; color: #00205B !important; border: 1px solid #00205B !important; }
.sodmx-modal .sodmx-m-btn-sec:hover { background: #E6E9EF !important; }
.sodmx-modal .sodmx-m-btn-naranja { background: #FF5722 !important; border: 1px solid #FF5722 !important; color: #00205B !important; }
.sodmx-modal .sodmx-m-btn-naranja:hover { background: #DF3500 !important; border-color: #DF3500 !important; color: #FFFFFF !important; }