/* ============================================================
   ENCABEZADO WMS – UNA SOLA LÍNEA
   Archivo: wms-header.css
   ============================================================ */

/* Contenedor general del encabezado */
.wms-encabezado {
  width: 100%;
  background-color: #00264d;
  border-bottom: 1px solid #d0d0d0;
  box-sizing: border-box;
  font-family: "Segoe UI", sans-serif;
}

/* Línea única del encabezado */
.wms-encabezado-linea {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 12px;
  box-sizing: border-box;
}

/* Botón del menú overlay */
.wms-boton-menu {
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff; /* ← AQUÍ CAMBIAS EL COLOR DE LAS RALLITAS */
}

/* Texto del módulo (izquierda) */
.wms-nombre-modulo {
  flex: 1 1 auto;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Nombre del usuario (derecha) */
.wms-nombre-usuario {
  flex: 0 0 auto;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  white-space: nowrap;
}
/* Ícono del usuario (Material Symbols) */
.wms-nombre-usuario .material-symbols-outlined {
  color: #ffffff !important;
  font-size: 20px;
  vertical-align: middle;
}
/* Ícono entre las rayas y el título (Material Symbols) */
.wms-nombre-modulo .material-symbols-outlined {
  color: #ffffff !important;
  font-size: 20px;
  vertical-align: middle;
}