/* EVIA v4.8.16.17 - WhatsApp template selector layout fix only */
body.evia-wa-select-layout-v481617{
  overflow-x:hidden !important;
}

/* Keep the WhatsApp main column below the fixed header and avoid horizontal overflow. */
body.evia-wa-select-layout-v481617 main,
body.evia-wa-select-layout-v481617 .admin-content,
body.evia-wa-select-layout-v481617 .content,
body.evia-wa-select-layout-v481617 [class*="conversation"]{
  min-width:0 !important;
}

/* Template sender panel: do not allow selects to grow below the right sidebar. */
body.evia-wa-select-layout-v481617 .evia-wa-template-panel-v481617{
  max-width:100% !important;
  overflow:visible !important;
}

body.evia-wa-select-layout-v481617 .evia-wa-template-panel-v481617 select,
body.evia-wa-select-layout-v481617 select.evia-wa-select-v481617{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  overflow:hidden !important;
}

/* The two selectors must respect the available chat column width. */
body.evia-wa-select-layout-v481617 .evia-wa-template-panel-v481617 > div,
body.evia-wa-select-layout-v481617 .evia-wa-template-panel-v481617 form,
body.evia-wa-select-layout-v481617 .evia-wa-template-panel-v481617 section{
  min-width:0 !important;
}

/* Common grid/flex rows in this page: force children to shrink instead of overlapping the right column. */
body.evia-wa-select-layout-v481617 .evia-wa-template-panel-v481617 [style*="grid"],
body.evia-wa-select-layout-v481617 .evia-wa-template-panel-v481617 [class*="grid"],
body.evia-wa-select-layout-v481617 .evia-wa-template-panel-v481617 [class*="row"],
body.evia-wa-select-layout-v481617 .evia-wa-template-panel-v481617 [class*="form"]{
  min-width:0 !important;
}

/* Browser native select popup can still float, but the option text is shortened by JS. */
body.evia-wa-select-layout-v481617 option{
  max-width:64ch !important;
}

/* On medium widths, stack template selector and appointment selector. */
@media(max-width:1500px){
  body.evia-wa-select-layout-v481617 .evia-wa-template-panel-v481617{
    container-type:inline-size;
  }
}

@media(max-width:1200px){
  body.evia-wa-select-layout-v481617 .evia-wa-template-panel-v481617 select.evia-wa-select-v481617{
    font-size:14px !important;
  }
}