/* TeamAct CRM — Member Lead Drawer V13.4.2
   Scope: ONLY drawer width + lead information block.
   Header/actions, Custom Fields, Quick Work and Activity/Task remain V13.4. */

/* Desktop drawer: approximately half the page, without changing header/body composition. */
#mlv2DrawerLayer .mlv2-drawer.mlv3-drawer{
  width:50vw!important;
  max-width:none!important;
  min-width:620px!important;
}

/* Lead information: compact Admin-style label/value list. */
#mlv2DrawerLayer .mlv5-basic-info{
  margin:0 0 12px!important;
  padding:0!important;
  background:#fff!important;
  border:1px solid #dfe6ee!important;
  border-radius:12px!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
#mlv2DrawerLayer .mlv5-info-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border-bottom:1px solid #edf1f5;
  background:#fff;
}
#mlv2DrawerLayer .mlv5-info-head h3{
  margin:0;
  font-size:14px;
  line-height:1.25;
  font-weight:700;
  color:#0f172a;
}
#mlv2DrawerLayer .mlv5-info-head span{
  font-size:10px;
  color:#94a3b8;
}
#mlv2DrawerLayer .mlv5-info-list{
  padding:7px 14px 10px;
  background:#fff;
}
#mlv2DrawerLayer .mlv5-info-row{
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  column-gap:14px;
  align-items:start;
  min-height:30px;
  padding:6px 0;
  border-bottom:1px solid #f1f4f7;
}
#mlv2DrawerLayer .mlv5-info-row:last-child{border-bottom:0}
#mlv2DrawerLayer .mlv5-info-label{
  font-size:11px;
  line-height:1.45;
  font-weight:500;
  color:#64748b;
}
#mlv2DrawerLayer .mlv5-info-value{
  min-width:0;
  font-size:12px;
  line-height:1.45;
  font-weight:500;
  color:#0f172a;
  overflow-wrap:anywhere;
}
#mlv2DrawerLayer .mlv5-info-value .mlv3-copy{
  display:inline-flex!important;
  vertical-align:middle;
  margin-left:6px;
  width:22px!important;
  min-width:22px!important;
  height:22px!important;
  min-height:22px!important;
  padding:0!important;
  align-items:center;
  justify-content:center;
  background:#fff!important;
  color:#64748b!important;
  border:1px solid #d9e2ec!important;
  border-radius:6px!important;
  box-shadow:none!important;
}

/* Keep the existing inline-edit function, but visually present it like Admin detail rows. */
#mlv2DrawerLayer .mlv5-inline-input{
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:0 2px!important;
  border:1px solid transparent!important;
  border-radius:4px!important;
  outline:none!important;
  background:transparent!important;
  color:#0f172a!important;
  font:inherit!important;
  box-shadow:none!important;
}
#mlv2DrawerLayer .mlv5-info-editable:hover .mlv5-inline-input{
  border-color:#e2e8f0!important;
  background:#f8fafc!important;
}
#mlv2DrawerLayer .mlv5-inline-input:focus{
  padding:3px 6px!important;
  border-color:#cbd5e1!important;
  background:#fff!important;
}
#mlv2DrawerLayer .mlv5-info-value .mlv3-autosave-state{
  display:inline-block;
  margin-left:6px;
  font-size:9px;
  color:#94a3b8;
}
#mlv2DrawerLayer .mlv5-inline-manage{
  min-height:0!important;
  height:auto!important;
  margin-left:6px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#4f46e5!important;
  box-shadow:none!important;
  font-size:10px!important;
}

/* No structural blue / teal surface in this information block. */
#mlv2DrawerLayer .mlv5-basic-info,
#mlv2DrawerLayer .mlv5-info-head,
#mlv2DrawerLayer .mlv5-info-list{background:#fff!important}

@media(max-width:1050px){
  #mlv2DrawerLayer .mlv2-drawer.mlv3-drawer{width:62vw!important;min-width:560px!important}
}
@media(max-width:760px){
  #mlv2DrawerLayer .mlv2-drawer.mlv3-drawer{width:100vw!important;min-width:0!important}
  #mlv2DrawerLayer .mlv5-info-row{grid-template-columns:118px minmax(0,1fr);column-gap:10px}
}