.iq-sidebar {z-index: 1200;}
  .iq-sidebar-menu .side-menu li a {font-weight:normal;padding:.425rem .938rem;font-style:normal;}
  #iq-sidebar-toggle .sidebar-layout {padding-bottom:1.5px !important;}
  .sidebar-layout {padding:0 4px;}
  .iq-sidebar a {text-decoration:none !important;}
  .supplier-group-link {display:block;padding:.425rem .38rem !important;color:inherit;font-weight:normal;}
  .supplier-group-link:hover {background: rgba(52, 152, 219, 0.12);border-radius: 5px;}
  .supplier-group-link.active {background: rgba(52, 152, 219, 0.12) !important;border-radius:5px; font-weight: 600; color: #007bff;}
  .supplier-sidebar-category-list {border-left:2px solid rgba(0,128,128,0.3);margin-left:.8rem !important;}
  .supplier-group-collapsible {position: relative;}
  .supplier-group-collapsible-header {display:flex;align-items:center;padding:.425rem .938rem;cursor:pointer;user-select:none;color:white;text-decoration:none !important;}
  .supplier-group-collapsible-header:hover {border-radius: 5px;background-color: #74808de0;}
  .supplier-group-collapsible-header:focus {border-radius: 5px;background-color: #74808de0;}
  .supplier-group-collapsible-header .collapsible-chevron {margin-left:auto;font-size:16px;line-height:1;opacity:.85;font-weight:700;}
  .supplier-group-collapsible-header .collapsible-chevron::before {content:'+';}
  .supplier-group-collapsible.is-open .supplier-group-collapsible-header .collapsible-chevron::before {content:'-';}
  /* Flyout dropdown menu (overlay). We position it via JS (fixed) to avoid overflow clipping. */
  #supplier-sidebar-group-content.supplier-group-flyout {
    display: none;
    position: fixed;
    z-index: 2000;
    min-width: 260px;
    max-width: 360px;
    max-height: 70vh;
    overflow: auto;
    padding: 6px 0;
    margin: 0;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 10px;
    background: #fbfbff;
    color: #333;
    box-shadow: 0 10px 24px rgba(0,0,0,.18);
  }
  #supplier-sidebar-group-content.supplier-group-flyout.show {display:block;}
  #supplier-sidebar-group-content.supplier-group-flyout .sidebar-layout {padding: 0 8px;}
  #supplier-sidebar-group-content.supplier-group-flyout .supplier-sidebar-category-list {margin-left: 0 !important; border-left: 0;}
  .dark #supplier-sidebar-group-content.supplier-group-flyout {
    background: #2e404e;
    border-color: rgba(255,255,255,.18);
    color: #eee;
    box-shadow: 0 10px 24px rgba(0,0,0,.35);
  }
  .dark #supplier-sidebar-group-content.supplier-group-flyout .supplier-group-link:hover {color:#9ad1ff;}
  .supplier-cat-count, .supplier-group-count {padding-left: 0.1rem !important;}

  /* Mobile: switch to full-width dropdown under the header (better tap targets, no sideways flyout). */
  @media (max-width: 768px) {
    #supplier-sidebar-group-content.supplier-group-flyout {
      min-width: 0;
      max-width: 250px;
      width: auto;
      border-radius: 12px;
    }
    .supplier-group-collapsible-header .collapsible-chevron {font-size:18px;}
  }