/* TeamAct CRM — Member Drawer Controls V13.4.3
   Focused patch only:
   1) keep the original header Action control visible in the 50% drawer;
   2) Basic Information + Custom Fields are collapsed by default with Show/Hide.
*/

/* Preserve the original header composition at the narrower desktop width. */
#mlv2DrawerLayer .mlv4-header-tools{
  display:grid!important;
  grid-template-columns:minmax(155px,1fr) 1px minmax(190px,1.2fr) 1px auto!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
  overflow:visible!important;
}
#mlv2DrawerLayer .mlv4-lead-summary,
#mlv2DrawerLayer .mlv4-followup-preview{min-width:0!important}
#mlv2DrawerLayer .mlv4-followup-preview{width:auto!important;max-width:none!important}
#mlv2DrawerLayer .mlv4-separator{display:block!important;width:1px!important;min-width:1px!important;align-self:stretch!important}
#mlv2DrawerLayer .mlv4-action-menu{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  z-index:8!important;
  flex:0 0 auto!important;
  min-width:108px!important;
  overflow:visible!important;
}
#mlv2DrawerLayer .mlv4-action-menu>summary{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-width:108px!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}
#mlv2DrawerLayer .mlv4-action-popover{z-index:80!important}

/* Shared compact collapsible header — neutral white, no structural blue/teal. */
#mlv2DrawerLayer details.mlv6-collapsible{
  background:#fff!important;
  box-shadow:none!important;
}
#mlv2DrawerLayer .mlv6-section-summary{
  list-style:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:11px 14px!important;
  cursor:pointer!important;
  user-select:none!important;
  background:#fff!important;
  color:#0f172a!important;
}
#mlv2DrawerLayer .mlv6-section-summary::-webkit-details-marker{display:none!important}
#mlv2DrawerLayer .mlv6-section-title{display:flex!important;align-items:baseline!important;gap:9px!important;min-width:0!important}
#mlv2DrawerLayer .mlv6-section-title h3{margin:0!important;font-size:14px!important;line-height:1.25!important;font-weight:700!important;color:#0f172a!important}
#mlv2DrawerLayer .mlv6-section-title small{font-size:10px!important;font-weight:500!important;color:#94a3b8!important;white-space:nowrap!important}
#mlv2DrawerLayer .mlv6-section-toggle{
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  flex:0 0 auto!important;
  min-height:26px!important;
  padding:3px 8px!important;
  border:1px solid #d7e0e8!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#334155!important;
  font-size:11px!important;
  font-weight:600!important;
  box-shadow:none!important;
}
#mlv2DrawerLayer .mlv6-hide-label{display:none!important}
#mlv2DrawerLayer details.mlv6-collapsible[open] .mlv6-show-label{display:none!important}
#mlv2DrawerLayer details.mlv6-collapsible[open] .mlv6-hide-label{display:inline!important}
#mlv2DrawerLayer .mlv6-chevron{transition:transform .16s ease!important;color:#64748b!important}
#mlv2DrawerLayer details.mlv6-collapsible[open] .mlv6-chevron{transform:rotate(180deg)!important}

/* Basic Information stays visually identical once opened. */
#mlv2DrawerLayer .mlv5-basic-info>.mlv6-section-summary{border-bottom:0!important}
#mlv2DrawerLayer .mlv5-basic-info[open]>.mlv6-section-summary{border-bottom:1px solid #edf1f5!important}
#mlv2DrawerLayer .mlv5-basic-info>.mlv6-collapsible-body{display:none}
#mlv2DrawerLayer .mlv5-basic-info[open]>.mlv6-collapsible-body{display:block}

/* Custom Fields: keep V13.4 content/functionality, only collapse the body. */
#mlv2DrawerLayer .mlv4-custom-fields>.mlv6-section-summary{border-bottom:0!important}
#mlv2DrawerLayer .mlv4-custom-fields[open]>.mlv6-section-summary{border-bottom:1px solid #e8edf2!important}
#mlv2DrawerLayer .mlv4-custom-fields>.mlv6-custom-body{display:none!important}
#mlv2DrawerLayer .mlv4-custom-fields[open]>.mlv6-custom-body{display:block!important}
#mlv2DrawerLayer .mlv6-custom-note{margin:0!important;padding:9px 14px 3px!important;font-size:11px!important;line-height:1.4!important;color:#66758a!important;background:#fff!important}

@media(max-width:900px){
  #mlv2DrawerLayer .mlv4-header-tools{
    grid-template-columns:minmax(145px,1fr) minmax(170px,1fr) auto!important;
  }
  #mlv2DrawerLayer .mlv4-separator{display:none!important}
}
@media(max-width:650px){
  #mlv2DrawerLayer .mlv4-header-tools{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px!important;
  }
  #mlv2DrawerLayer .mlv4-lead-summary{grid-column:1 / -1!important}
  #mlv2DrawerLayer .mlv4-followup-preview{grid-column:1!important}
  #mlv2DrawerLayer .mlv4-action-menu{grid-column:2!important}
  #mlv2DrawerLayer .mlv6-section-title small{display:none!important}
}