/**
 * MarevalCore - Panel Header Alignment
 *
 * Fixes:
 * 1. Aligns icons and titles vertically
 * 2. Moves badges to the right side of the header
 * 3. Ensures consistent spacing between elements
 */

/* Make widget-header a flex container to position badge on right */
.widget-box .widget-header.widget-header-small {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* Widget title - flex to align icon and text, allow badge to be pushed right */
.widget-box .widget-header.widget-header-small .widget-title {
  display: flex;
  align-items: center;
  flex: 1;
  margin: 0;
  min-width: 0; /* Allow text truncation if needed */
}

/* Icon alignment - ensure consistent spacing */
.widget-box .widget-header.widget-header-small .widget-title > i,
.widget-box .widget-header.widget-header-small .widget-title > .ace-icon {
  flex-shrink: 0;
  width: 20px;
  text-align: center;
  margin-right: 8px;
}

/* Badge - push to the right with margin */
.widget-box .widget-header.widget-header-small .widget-title .badge {
  margin-left: auto;
  margin-right: 10px;
  flex-shrink: 0;
}

/* Ensure toolbar (chevron) stays on the right */
.widget-box .widget-header.widget-header-small .widget-toolbar {
  flex-shrink: 0;
}