/* V102.03.5 — final declutter of Components section */
@media (min-width:1181px){

  /* Remove the extra instructional/helper sentence below dropdown+Add.
     The section heading already explains what to do, so this line only creates clutter. */
  .left-panel .section:has(#componentSelect) .component-add + .helper{
    display:none!important;
  }

  /* Keep Selected Components heading/count on one clean row. */
  .left-panel .section:has(#componentSelect) .selected-head,
  .left-panel .section:has(#componentSelect) .selected-components-head,
  .left-panel .section:has(#componentSelect) [class*="selected"][class*="head"]{
    margin-top:7px!important;
    margin-bottom:4px!important;
    min-height:18px!important;
    line-height:1!important;
  }

  /* Empty-state message: one calm line only, no collision with headings. */
  .left-panel .selected-list{
    padding-top:3px!important;
  }

  .left-panel .selected-list .empty,
  .left-panel .selected-list p,
  .left-panel #selectedComponents .empty,
  .left-panel #selectedComponents p{
    margin:0!important;
    padding:0!important;
    font-size:8.7px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  /* If the existing helper/empty text got rendered outside the list, suppress only that
     immediate duplicate line in the component section. */
  .left-panel .section:has(#componentSelect) > .helper:last-of-type{
    display:none!important;
  }
}