/* TeamAct CRM — My Leads Drawer V3
   Final approved layout:
   Lead info -> Show More -> Action Row -> Quick Work Area -> Activity History / Tasks
*/

body.mlv2-drawer-open{overflow:hidden!important}
.mlv2-drawer-layer.mlv3-layer{z-index:9100!important}
.mlv3-layer .mlv2-drawer-backdrop{background:rgba(10,28,40,.50)!important}

/* Wider drawer — extends further right-to-left on desktop. */
html body .mlv3-drawer{
  width:min(920px,64vw)!important;
  min-width:720px!important;
  max-width:100vw!important;
  height:100dvh!important;
  background:#f6f9fb!important;
  box-shadow:-22px 0 55px rgba(12,35,50,.22)!important;
  border-left:1px solid #dce6ed!important;
}

/* Top nav only. */
html body .mlv3-drawer .mlv3-drawer-head{
  position:sticky!important;
  top:0!important;
  z-index:30!important;
  min-height:58px!important;
  padding:10px 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#ffffff!important;
  background-image:none!important;
  border-bottom:1px solid #dde6ec!important;
}
.mlv3-drawer-head .mlv2-drawer-nav{margin:0 auto!important}
.mlv3-drawer-head .mlv2-close{
  position:absolute!important;
  right:16px!important;
  top:10px!important;
  width:38px!important;
  height:38px!important;
  min-height:38px!important;
  padding:0!important;
  border:1px solid #d7e2e9!important;
  border-radius:10px!important;
  background:#fff!important;
  background-image:none!important;
  color:#405b6d!important;
  box-shadow:none!important;
  font-size:25px!important;
}
.mlv3-drawer-head .mlv2-nav-btn{
  width:36px!important;
  height:36px!important;
  min-height:36px!important;
  padding:0!important;
  background:#fff!important;
  background-image:none!important;
  color:#526c7d!important;
  border:1px solid #d7e2e9!important;
  border-radius:9px!important;
  box-shadow:none!important;
}

/* Scrollable working body. */
html body .mlv3-drawer .mlv3-drawer-body{
  flex:1!important;
  min-height:0!important;
  overflow:auto!important;
  padding:12px!important;
  display:grid!important;
  align-content:start!important;
  gap:10px!important;
  background:#f6f9fb!important;
}

/* Identity */
.mlv3-identity{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:4px 6px 2px;
}
.mlv3-identity h2{
  margin:0 0 4px!important;
  padding:0!important;
  border:0!important;
  font-size:24px!important;
  line-height:1.15!important;
  color:#102f46!important;
}
.mlv3-identity h2:before{display:none!important}
.mlv3-identity-sub{
  display:flex;
  align-items:center;
  gap:7px;
}
.mlv3-identity-sub a{
  color:#315b75!important;
  font-weight:800!important;
  text-decoration:none!important;
}
html body .mlv3-copy{
  width:28px!important;
  height:28px!important;
  min-height:28px!important;
  padding:0!important;
  background:#fff!important;
  background-image:none!important;
  color:#5d7282!important;
  border:1px solid #d9e3e9!important;
  border-radius:8px!important;
  box-shadow:none!important;
}
.mlv3-identity-status{flex:0 0 auto}
html body #root .mlv3-status-select,
html body .mlv3-status-select{
  min-width:125px!important;
  height:38px!important;
  padding:6px 34px 6px 12px!important;
  border:1px solid #bfe5d2!important;
  border-radius:10px!important;
  background:#e3f7ec!important;
  color:#136443!important;
  font-weight:850!important;
  box-shadow:none!important;
}

/* Main lead detail cards. */
.mlv3-lead-info{
  background:#fff;
  border:1px solid #dbe5eb;
  border-radius:14px;
  overflow:hidden;
}
.mlv3-info-grid,
.mlv3-more-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
}
.mlv3-info-card{
  min-width:0;
  padding:12px 14px;
  border-right:1px solid #e4ebef;
  border-bottom:1px solid #e4ebef;
}
.mlv3-info-grid .mlv3-info-card:nth-child(even),
.mlv3-more-grid .mlv3-info-card:nth-child(even){border-right:0}
.mlv3-info-card>span{
  display:block;
  margin-bottom:5px;
  color:#718596!important;
  font-size:12px!important;
  font-weight:800!important;
}
.mlv3-info-value{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.mlv3-info-value>b{
  min-width:0;
  color:#17354a!important;
  font-size:14px!important;
  line-height:1.35!important;
  overflow-wrap:anywhere;
}
.mlv3-info-html{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0}
.mlv3-info-value .lead-tag-list{
  display:flex!important;
  gap:5px!important;
  flex-wrap:wrap!important;
}
html body .mlv3-manage-link{
  flex:0 0 auto!important;
  min-height:0!important;
  padding:2px 4px!important;
  border:0!important;
  background:transparent!important;
  background-image:none!important;
  color:#5d3fd3!important;
  box-shadow:none!important;
  font-weight:800!important;
}
.mlv3-show-more{border-top:0}
.mlv3-show-more>summary{
  list-style:none;
  min-height:39px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  cursor:pointer;
  color:#4f36c2!important;
  background:#f8fbfd!important;
  border-top:1px solid #e4ebef;
  font-weight:850!important;
}
.mlv3-show-more>summary::-webkit-details-marker{display:none}
.mlv3-show-more[open]>summary span{transform:rotate(180deg)}
.mlv3-show-more>summary span{transition:transform .15s ease}

/* Approved action row sits between Show More and Quick Work. */
.mlv3-action-row{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  padding:10px;
  background:#fff;
  border:1px solid #dbe5eb;
  border-radius:13px;
}
html body .mlv3-action-row>button,
html body .mlv3-more-menu>summary{
  min-height:58px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  padding:7px!important;
  background:#ffffff!important;
  background-image:none!important;
  color:#2e5067!important;
  border:1px solid #d6e1e8!important;
  border-radius:10px!important;
  box-shadow:none!important;
  font-weight:800!important;
  cursor:pointer;
}
html body .mlv3-action-row>button:hover,
html body .mlv3-more-menu>summary:hover{
  background:#f7f9fc!important;
  border-color:#b9ceda!important;
}
.mlv3-action-row svg,.mlv3-action-row img{
  width:19px!important;
  height:19px!important;
}
.mlv3-action-row [data-mlv2-action="WHATSAPP"]{color:#087e55!important}
.mlv3-action-row #mlv3ActionFollowup{color:#5d3fd3!important}
.mlv3-action-row #mlv3ActionNote{color:#b06c00!important}
.mlv3-more-menu{position:relative}
.mlv3-more-menu>summary{list-style:none}
.mlv3-more-menu>summary::-webkit-details-marker{display:none}
.mlv3-more-menu>div{
  position:absolute;
  right:0;
  top:64px;
  z-index:50;
  width:235px;
  padding:7px;
  background:#fff;
  border:1px solid #d9e4ea;
  border-radius:11px;
  box-shadow:0 15px 35px rgba(22,52,72,.18);
}
html body .mlv3-more-menu>div button{
  width:100%!important;
  display:block!important;
  text-align:left!important;
  min-height:38px!important;
  padding:9px 10px!important;
  background:#fff!important;
  background-image:none!important;
  color:#294a61!important;
  border:0!important;
  border-radius:7px!important;
  box-shadow:none!important;
}
html body .mlv3-more-menu>div button:hover{background:#f3f7fa!important}

/* Quick work */
.mlv3-quick-work{
  background:#fff;
  border:1px solid #dbe5eb;
  border-radius:14px;
  padding:12px;
}
.mlv3-section-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-bottom:6px;
}
.mlv3-section-head h3{
  margin:0!important;
  color:#17354a!important;
  font-size:16px!important;
}
.mlv3-section-head span{color:#7a8d9a!important;font-size:12px!important}
.mlv3-quick-tabs{
  display:flex;
  gap:8px;
  border-bottom:1px solid #e3eaf0;
  margin-bottom:10px;
}
html body .mlv3-quick-tabs button{
  min-height:36px!important;
  padding:7px 12px!important;
  background:transparent!important;
  background-image:none!important;
  color:#64798a!important;
  border:0!important;
  border-bottom:3px solid transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
  font-weight:850!important;
}
html body .mlv3-quick-tabs button.active{
  color:#5d3fd3!important;
  border-bottom-color:#5d3fd3!important;
}
.mlv3-quick-panel{display:none}
.mlv3-quick-panel.show{display:block}
.mlv3-quick-panel textarea{
  width:100%;
  resize:vertical;
  min-height:92px;
}
.mlv3-followup-form{
  display:grid;
  grid-template-columns:minmax(210px,.8fr) minmax(260px,1.2fr);
  gap:10px;
}
.mlv3-followup-form label{display:grid;gap:5px}
.mlv3-followup-form label>span{
  color:#607687!important;
  font-size:12px!important;
  font-weight:800!important;
}
.mlv3-followup-form textarea{min-height:76px}
.mlv3-form-actions{
  grid-column:1/-1;
  display:flex;
  justify-content:flex-end;
  gap:8px;
  margin-top:8px;
}
html body .mlv3-form-actions button{
  min-height:37px!important;
  padding:7px 13px!important;
  border-radius:9px!important;
}
html body .mlv3-form-actions button.secondary{
  background:#fff!important;
  background-image:none!important;
  color:#4c6374!important;
  border:1px solid #d3dfe7!important;
  box-shadow:none!important;
}
html body .mlv3-form-actions button[type="submit"]{
  background:#5d3fd3!important;
  background-image:none!important;
  color:#fff!important;
  border:1px solid #5d3fd3!important;
  box-shadow:none!important;
}

/* Activity / Tasks */
.mlv3-history-card{
  background:#fff;
  border:1px solid #dbe5eb;
  border-radius:14px;
  overflow:hidden;
}
.mlv3-history-tabs{
  display:flex;
  gap:14px;
  border-bottom:1px solid #e2e9ee;
  padding:0 12px;
}
html body .mlv3-history-tabs button{
  min-height:43px!important;
  padding:9px 5px!important;
  background:#fff!important;
  background-image:none!important;
  color:#64798a!important;
  border:0!important;
  border-bottom:3px solid transparent!important;
  border-radius:0!important;
  box-shadow:none!important;
  font-weight:850!important;
}
html body .mlv3-history-tabs button.active{
  color:#5d3fd3!important;
  border-bottom-color:#5d3fd3!important;
}
.mlv3-history-panel{display:none}
.mlv3-history-panel.show{display:block}
.mlv3-history-filters{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  padding:9px 12px;
  border-bottom:1px solid #e7edf1;
  background:#fbfcfd;
}
.mlv3-history-filters select{
  width:auto!important;
  min-width:130px!important;
  min-height:36px!important;
  padding:6px 30px 6px 10px!important;
}
.mlv3-history-filters>span{
  margin-left:auto;
  color:#758895!important;
  font-size:12px!important;
  font-weight:750!important;
}
.mlv3-history-list{padding:2px 14px 10px}
.mlv3-history-event{
  position:relative;
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  gap:8px;
  padding:10px 0;
  border-bottom:1px solid #edf1f4;
}
.mlv3-history-event:last-child{border-bottom:0}
.mlv3-history-event:before{
  content:"";
  position:absolute;
  left:13px;
  top:35px;
  bottom:-10px;
  width:1px;
  background:#dce5eb;
}
.mlv3-history-event:last-child:before{display:none}
.mlv3-history-dot{
  position:relative;
  z-index:1;
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#f2efff;
  color:#5d3fd3!important;
}
.mlv3-history-dot svg{width:14px;height:14px}
.mlv3-history-main b{color:#233f53!important;font-size:13px!important}
.mlv3-history-main p{margin:3px 0;color:#526b7d!important;line-height:1.4}
.mlv3-history-main small{color:#81909b!important;font-size:11px!important}
.mlv3-history-event[hidden]{display:none!important}

.mlv3-task-list{display:grid}
.mlv3-task{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:12px 14px;
  border-bottom:1px solid #e9eef2;
}
.mlv3-task:last-child{border-bottom:0}
.mlv3-task b{color:#213f54!important}
.mlv3-task p{margin:3px 0 0;color:#657a89!important}
html body .mlv3-task>button{
  background:#fff!important;
  background-image:none!important;
  color:#4f36c2!important;
  border:1px solid #d8d0fb!important;
  box-shadow:none!important;
}
.mlv3-empty{
  padding:28px;
  text-align:center;
  color:#778a98!important;
}

/* Prevent legacy drawer rules from reintroducing old tabs/cards. */
.mlv3-drawer .mlv2-drawer-tabs,
.mlv3-drawer .mlv2-quick-actions,
.mlv3-drawer .mlv2-overview-grid{display:none!important}

/* Dark mode */
html.theme-dark body .mlv3-drawer,
html.theme-dark body .mlv3-drawer .mlv3-drawer-body{background:#102535!important}
html.theme-dark body .mlv3-drawer .mlv3-drawer-head,
html.theme-dark body .mlv3-lead-info,
html.theme-dark body .mlv3-action-row,
html.theme-dark body .mlv3-quick-work,
html.theme-dark body .mlv3-history-card{background:#173142!important;border-color:#395566!important}
html.theme-dark body .mlv3-info-card,
html.theme-dark body .mlv3-history-tabs,
html.theme-dark body .mlv3-history-event,
html.theme-dark body .mlv3-task{border-color:#395566!important}
html.theme-dark body .mlv3-info-value>b,
html.theme-dark body .mlv3-identity h2,
html.theme-dark body .mlv3-section-head h3,
html.theme-dark body .mlv3-history-main b,
html.theme-dark body .mlv3-task b{color:#edf5fa!important}
html.theme-dark body .mlv3-show-more>summary,
html.theme-dark body .mlv3-history-filters{background:#193647!important;border-color:#395566!important}

/* Responsive */
@media(max-width:1180px){
  html body .mlv3-drawer{width:min(820px,72vw)!important;min-width:650px!important}
}
@media(max-width:900px){
  html body .mlv3-drawer{width:100vw!important;min-width:0!important}
}
@media(max-width:680px){
  html body .mlv3-drawer .mlv3-drawer-body{padding:8px!important}
  .mlv3-identity{align-items:flex-start}
  .mlv3-identity h2{font-size:20px!important}
  .mlv3-info-grid,.mlv3-more-grid{grid-template-columns:1fr}
  .mlv3-info-card{border-right:0!important}
  .mlv3-action-row{grid-template-columns:repeat(5,minmax(72px,1fr));overflow-x:auto}
  .mlv3-action-row>button,.mlv3-more-menu>summary{min-width:76px!important}
  .mlv3-followup-form{grid-template-columns:1fr}
  .mlv3-history-filters>span{width:100%;margin-left:0}
  .mlv3-task{grid-template-columns:auto minmax(0,1fr)}
  .mlv3-task>button{grid-column:2}
}

/* ==========================================================
   MY LEADS DRAWER V3 — FULL PANEL NATIVE SCROLL FIX
   2026-10-11
   The complete marked right-side panel is the scroller.
   Header stays sticky while all lead content scrolls below it.
   ========================================================== */

html body .mlv2-drawer-layer.mlv3-layer{
  overflow:hidden!important;
  overscroll-behavior:contain!important;
}

/* Make the visible right-side panel itself the one vertical scroller.
   This avoids nested-scroll / wheel-routing conflicts with the page behind it. */
html body .mlv3-drawer{
  display:block!important;
  height:100vh!important;
  height:100dvh!important;
  max-height:100vh!important;
  max-height:100dvh!important;
  min-height:0!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior-y:contain!important;
  scrollbar-gutter:stable!important;
  touch-action:pan-y!important;
  pointer-events:auto!important;
  -webkit-overflow-scrolling:touch;
}

/* Keep navigation/close visible while the complete drawer scrolls. */
html body .mlv3-drawer .mlv3-drawer-head{
  position:sticky!important;
  top:0!important;
  z-index:40!important;
}

/* Do not create a second vertical scroller inside the panel. */
html body .mlv3-drawer .mlv3-drawer-body{
  display:grid!important;
  align-content:start!important;
  height:auto!important;
  min-height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  overscroll-behavior:auto!important;
  touch-action:auto!important;
}

/* Desktop scrollbar belongs to the whole right panel. */
html body .mlv3-drawer::-webkit-scrollbar{width:11px}
html body .mlv3-drawer::-webkit-scrollbar-track{background:#eef3f6}
html body .mlv3-drawer::-webkit-scrollbar-thumb{
  background:#b8c7d1;
  border-radius:10px;
  border:2px solid #eef3f6;
}
html body .mlv3-drawer::-webkit-scrollbar-thumb:hover{background:#91a7b5}
html body .mlv3-drawer{scrollbar-width:auto;scrollbar-color:#b8c7d1 #eef3f6}

/* ==========================================================
   MY LEADS DRAWER V3 — REFERENCE INFO BLOCK
   2026-10-11
   Matches the approved cut-out: icon + label + value cards in
   two columns, with Show More beneath the block.
   ========================================================== */

html body .mlv3-reference-info{
  background:#f7fbfe!important;
  border:1px solid #d9e6ee!important;
  border-radius:14px!important;
  padding:8px 8px 0!important;
  overflow:hidden!important;
}

.mlv3-reference-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:8px!important;
}

.mlv3-ref-card{
  position:relative;
  min-width:0;
  min-height:62px;
  display:grid;
  grid-template-columns:30px minmax(0,1fr) auto;
  align-items:start;
  gap:9px;
  padding:10px 11px;
  background:#ffffff;
  border:1px solid #dce7ee;
  border-radius:10px;
  box-shadow:0 1px 3px rgba(24,57,80,.025);
}

.mlv3-ref-icon{
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  color:#46677e!important;
}
.mlv3-ref-icon svg{
  width:21px!important;
  height:21px!important;
}

.mlv3-ref-content{
  min-width:0;
}
.mlv3-ref-label{
  display:block;
  margin-bottom:3px;
  color:#667f92!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:800!important;
}
.mlv3-ref-value{
  min-width:0;
  color:#18384f!important;
  font-size:14px!important;
  line-height:1.35!important;
  overflow-wrap:anywhere;
}
.mlv3-ref-value strong{
  color:#18384f!important;
  font-size:14px!important;
  font-weight:850!important;
}

.mlv3-ref-empty{
  color:#9aa9b4!important;
  font-style:normal!important;
  font-weight:500!important;
}
.mlv3-ref-phone{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
}
.mlv3-country-flag{
  flex:0 0 auto;
  font-size:20px!important;
  line-height:1!important;
}

html body .mlv3-ref-card .mlv3-copy{
  align-self:center!important;
  width:32px!important;
  min-width:32px!important;
  height:32px!important;
  min-height:32px!important;
  padding:0!important;
  border:1px solid #d6e2e9!important;
  border-radius:8px!important;
  background:#ffffff!important;
  background-image:none!important;
  color:#537084!important;
  box-shadow:none!important;
}

.mlv3-ref-chips{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
}
.mlv3-ref-chip{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 10px;
  border-radius:7px;
  font-size:13px!important;
  font-weight:750!important;
  white-space:normal;
}
.mlv3-ref-chip.green{
  background:#dff5e8!important;
  color:#276b4b!important;
}
.mlv3-ref-chip.blue{
  background:#e6eefc!important;
  color:#3f5f8a!important;
}

html body .mlv3-reference-more{
  margin:8px -8px 0!important;
  border-top:1px solid #dce7ee!important;
}
html body .mlv3-reference-more>summary{
  min-height:40px!important;
  background:#f7fbfe!important;
  color:#4f36c2!important;
  border-top:0!important;
  font-size:13px!important;
}
html body .mlv3-reference-more[open]>summary{
  border-bottom:1px solid #dce7ee!important;
}
html body .mlv3-reference-more .mlv3-more-grid{
  background:#ffffff!important;
}

/* Preserve the reference's clean two-column format on desktop/tablet. */
@media(max-width:720px){
  .mlv3-reference-grid{
    grid-template-columns:1fr!important;
  }
  .mlv3-ref-card{
    min-height:58px;
  }
}

/* Dark theme adaptation without changing the approved layout. */
html.theme-dark body .mlv3-reference-info{
  background:#173142!important;
  border-color:#395568!important;
}
html.theme-dark body .mlv3-ref-card{
  background:#1c394b!important;
  border-color:#395568!important;
}
html.theme-dark body .mlv3-ref-label,
html.theme-dark body .mlv3-ref-icon{
  color:#a9bdca!important;
}
html.theme-dark body .mlv3-ref-value,
html.theme-dark body .mlv3-ref-value strong{
  color:#eef6fa!important;
}
html.theme-dark body .mlv3-reference-more>summary{
  background:#173142!important;
  border-color:#395568!important;
}


/* ==========================================================
   MY LEADS DRAWER V3 — INLINE LEAD EDIT + HEADER STATUS
   2026-10-11
   Important: no overflow/height rules are changed here. The full-panel
   scroll fix above remains the only drawer scrolling architecture.
   ========================================================== */

/* Header: lead name + compact status tag only. Phone stays in Phone card. */
.mlv3-identity{
  justify-content:flex-start!important;
  align-items:flex-start!important;
}
.mlv3-identity-main{
  min-width:0;
  display:grid;
  gap:5px;
}
.mlv3-header-status{
  display:flex;
  align-items:center;
  min-height:34px;
}
html body #root .mlv3-status-tag,
html body .mlv3-status-tag{
  width:auto!important;
  min-width:112px!important;
  max-width:240px!important;
  height:32px!important;
  min-height:32px!important;
  padding:4px 30px 4px 10px!important;
  border-radius:7px!important;
  font-size:13px!important;
  line-height:1.2!important;
  cursor:pointer!important;
}
.mlv3-identity-sub,
.mlv3-identity-status{display:none!important}

/* Inline editable lead detail cards — no Save button. */
.mlv3-editable-card{
  transition:border-color .14s ease,box-shadow .14s ease,background .14s ease;
}
.mlv3-editable-card.is-editing{
  border-color:#8f7be9!important;
  box-shadow:0 0 0 2px rgba(93,63,211,.09)!important;
}
.mlv3-editable-card.is-saving{opacity:.78}
.mlv3-editable-card .mlv3-ref-content{
  display:block;
  cursor:text;
}
html body .mlv3-inline-input{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:24px!important;
  margin:0!important;
  padding:1px 2px!important;
  border:1px solid transparent!important;
  border-radius:5px!important;
  background:transparent!important;
  background-image:none!important;
  color:#18384f!important;
  box-shadow:none!important;
  outline:none!important;
  font:inherit!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.35!important;
  text-overflow:ellipsis;
}
html body .mlv3-inline-input::placeholder{
  color:#9aa9b4!important;
  opacity:1!important;
  font-weight:500!important;
}
html body .mlv3-inline-input:focus{
  border-color:#d7cff8!important;
  background:#fbfaff!important;
  text-overflow:clip;
}
html body .mlv3-editable-green .mlv3-inline-input:not(:placeholder-shown){
  width:max-content!important;
  max-width:100%!important;
  padding:4px 8px!important;
  border-color:#c9ead9!important;
  background:#dff5e8!important;
  color:#276b4b!important;
  font-weight:750!important;
}
html body .mlv3-editable-blue .mlv3-inline-input:not(:placeholder-shown){
  width:max-content!important;
  max-width:100%!important;
  padding:4px 8px!important;
  border-color:#d7def6!important;
  background:#e6eefc!important;
  color:#3f5f8a!important;
  font-weight:750!important;
}
.mlv3-autosave-state{
  align-self:center;
  min-width:0;
  color:#8a9aa5!important;
  font-size:10px!important;
  font-weight:750!important;
  white-space:nowrap;
}
.mlv3-autosave-state.saved{color:#258257!important}
.mlv3-autosave-state.error{color:#b43c3c!important}
.mlv3-autosave-state.saving{color:#6a55c7!important}

/* Activity rows: make field/status changes read like the supplied activity cut-out. */
.mlv3-history-field-change{
  margin:7px 0!important;
  padding:9px 10px!important;
  border:1px solid #e0e6eb!important;
  border-radius:7px!important;
  background:#fff!important;
  box-shadow:0 1px 3px rgba(24,57,80,.04)!important;
}
.mlv3-history-field-change:before{display:none!important}
.mlv3-history-title-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.mlv3-history-title-row>small{
  flex:0 0 auto;
  color:#82909b!important;
  font-size:11px!important;
}
.mlv3-history-field-change .mlv3-history-main p{
  margin:5px 0 4px!important;
  color:#4f5962!important;
  font-size:13px!important;
  line-height:1.45!important;
}
.mlv3-history-actor{
  display:block;
  color:#8b96a0!important;
}

html.theme-dark body .mlv3-inline-input{
  color:#eef6fa!important;
}
html.theme-dark body .mlv3-inline-input:focus{
  background:#203d50!important;
  border-color:#6f62ba!important;
}
html.theme-dark body .mlv3-history-field-change{
  background:#1b3749!important;
  border-color:#395568!important;
}
html body .mlv3-status-tag.mlv3-status-tone-green{background:#e3f7ec!important;border-color:#bfe5d2!important;color:#136443!important}
html body .mlv3-status-tag.mlv3-status-tone-teal{background:#e0f4f2!important;border-color:#b9ded9!important;color:#17645e!important}
html body .mlv3-status-tag.mlv3-status-tone-saffron{background:#fff3d7!important;border-color:#f0d38b!important;color:#875c00!important}
html body .mlv3-status-tag.mlv3-status-tone-red{background:#fde9e9!important;border-color:#efc1c1!important;color:#9b3434!important}
html body .mlv3-status-tag.mlv3-status-tone-blue{background:#eaf1ff!important;border-color:#cbd9f5!important;color:#365f9b!important}
html body .mlv3-status-tag.mlv3-status-tone-purple{background:#eee9ff!important;border-color:#d6ccfb!important;color:#5b43b8!important}
html body .mlv3-status-tag.mlv3-status-tone-slate{background:#eef2f4!important;border-color:#d7dfe4!important;color:#52636f!important}
html body .mlv3-status-tag.mlv3-status-tone-navy{background:#eaf0f4!important;border-color:#cad8e1!important;color:#294b63!important}

/* ==========================================================
   MY LEADS DRAWER V3 — TELECRM-LIKE STATUS MENU + TYPOGRAPHY
   2026-10-11
   Scoped visual patch only. The full-panel scroll architecture above is
   intentionally untouched.
   ========================================================== */

/* TeleCRM-like readable text treatment inside the right lead drawer. */
html body .mlv3-drawer{
  font-family:Arial,"Segoe UI",sans-serif!important;
  color:#2f2f2f!important;
}
html body .mlv3-identity h2{
  margin:0!important;
  color:#202020!important;
  font-size:19px!important;
  line-height:1.25!important;
  font-weight:700!important;
  letter-spacing:0!important;
}
html body .mlv3-ref-label{
  color:#818181!important;
  font-size:13px!important;
  line-height:1.25!important;
  font-weight:400!important;
}
html body .mlv3-ref-value,
html body .mlv3-ref-value strong{
  color:#333!important;
  font-size:14px!important;
  line-height:1.4!important;
  font-weight:500!important;
}
html body .mlv3-ref-empty{
  color:#aaa!important;
  font-size:14px!important;
  font-weight:400!important;
}
html body .mlv3-inline-input{
  color:#333!important;
  font-size:14px!important;
  font-weight:500!important;
  line-height:1.4!important;
}
html body .mlv3-inline-input::placeholder{
  color:#aaa!important;
  font-weight:400!important;
}
html body .mlv3-section-head h3{
  color:#2b2b2b!important;
  font-size:16px!important;
  font-weight:600!important;
}
html body .mlv3-section-head span,
html body .mlv3-history-main p,
html body .mlv3-history-main small,
html body .mlv3-task p{
  font-weight:400!important;
}
html body .mlv3-history-main b,
html body .mlv3-task b{
  color:#333!important;
  font-weight:600!important;
}

/* Real graphic flag. Never render the ISO letters (e.g. IN) as the visible flag. */
.mlv3-country-flag{
  flex:0 0 auto;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  width:24px!important;
  height:18px!important;
  overflow:hidden;
  border-radius:1px;
  box-shadow:0 0 0 1px rgba(0,0,0,.08);
  background:#fff;
  line-height:0!important;
  font-size:0!important;
}
.mlv3-country-flag svg,
.mlv3-country-flag img{
  display:block!important;
  width:24px!important;
  height:18px!important;
  object-fit:cover;
}
.mlv3-country-flag-generic{
  color:#777!important;
  background:#f7f7f7!important;
}
.mlv3-country-flag-generic svg{
  width:16px!important;
  height:16px!important;
}

/* TeleCRM-style compact status chip and floating searchable status menu. */
.mlv3-identity-main{
  position:relative;
  overflow:visible!important;
}
.mlv3-header-status{
  position:relative;
  z-index:45;
  min-height:30px!important;
}
.mlv3-status-control{
  position:relative;
  display:inline-block;
  width:max-content;
  max-width:100%;
}
html body .mlv3-status-trigger{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  width:auto!important;
  min-width:0!important;
  height:30px!important;
  min-height:30px!important;
  margin:0!important;
  padding:4px 8px!important;
  border:1px solid #d8d8d8!important;
  border-radius:6px!important;
  background:#f4f4f1!important;
  background-image:none!important;
  color:#2d2d2d!important;
  box-shadow:none!important;
  font-family:Arial,"Segoe UI",sans-serif!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:500!important;
  cursor:pointer!important;
  white-space:nowrap;
}
html body .mlv3-status-trigger:hover,
html body .mlv3-status-trigger[aria-expanded="true"]{
  border-color:#c7c7c7!important;
  background:#f0f0ed!important;
}
html body .mlv3-status-trigger:disabled{
  opacity:.65!important;
  cursor:not-allowed!important;
}
html body .mlv3-status-trigger.is-saving{
  opacity:.65!important;
}
.mlv3-status-trigger-caret{
  color:#a0a0a0!important;
  font-size:12px!important;
  line-height:1!important;
  transform:translateY(-1px);
}
.mlv3-status-control.is-open .mlv3-status-trigger-caret{transform:rotate(180deg)}

.mlv3-status-popover{
  position:absolute;
  top:34px;
  left:0;
  z-index:9995;
  width:220px;
  max-width:min(220px,calc(100vw - 28px));
  padding:7px 0 8px;
  border:1px solid #e5e5e5;
  border-radius:4px;
  background:#fff;
  box-shadow:0 4px 12px rgba(0,0,0,.22);
  color:#252525;
  font-family:Arial,"Segoe UI",sans-serif!important;
}
.mlv3-status-popover[hidden]{display:none!important}
.mlv3-status-search-row{
  display:flex;
  align-items:center;
  gap:5px;
  padding:0 7px 7px;
  border-bottom:1px solid #f0f0f0;
}
.mlv3-status-current-chip{
  flex:0 0 auto;
  max-width:96px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  padding:5px 7px;
  border-radius:5px;
  background:#ededeb;
  color:#303030!important;
  font-size:13px!important;
  font-weight:500!important;
}
html body #root .mlv3-status-search-row input,
html body .mlv3-status-search-row input{
  flex:1 1 auto!important;
  width:0!important;
  min-width:0!important;
  height:28px!important;
  min-height:28px!important;
  margin:0!important;
  padding:3px 4px!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  background-image:none!important;
  color:#333!important;
  box-shadow:none!important;
  outline:none!important;
  font-family:Arial,"Segoe UI",sans-serif!important;
  font-size:13px!important;
  font-weight:400!important;
}
html body .mlv3-status-search-row input::placeholder{color:#8f8f8f!important;opacity:1!important}
.mlv3-status-options{
  max-height:288px;
  overflow-y:auto;
  overscroll-behavior:contain;
  padding:3px 0 0;
}
.mlv3-status-group{padding:0 0 3px}
.mlv3-status-group-title{
  display:flex;
  align-items:center;
  gap:5px;
  padding:7px 10px 4px;
  color:#aaa!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:400!important;
}
.mlv3-status-group-caret{font-size:11px!important;color:#b4b4b4!important}
html body .mlv3-status-option{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:grid!important;
  grid-template-columns:12px minmax(0,1fr) 16px!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  min-height:30px!important;
  margin:0!important;
  padding:5px 10px 5px 16px!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  background-image:none!important;
  color:#171717!important;
  box-shadow:none!important;
  text-align:left!important;
  font-family:Arial,"Segoe UI",sans-serif!important;
  font-size:14px!important;
  line-height:1.25!important;
  font-weight:400!important;
  cursor:pointer!important;
}
html body .mlv3-status-option:hover:not(:disabled),
html body .mlv3-status-option.is-selected{
  background:#f7f7f7!important;
}
html body .mlv3-status-option:disabled{
  cursor:default!important;
  opacity:1!important;
}
html body .mlv3-status-option.is-unavailable{opacity:.46!important}
.mlv3-status-square{
  display:block;
  width:11px;
  height:11px;
  border-radius:2px;
  background:#788a89;
}
.mlv3-status-square-fresh{background:#3f7770}
.mlv3-status-square-red{background:#ff2a36}
.mlv3-status-square-teal{background:#477a77}
.mlv3-status-square-saffron{background:#f2aa00}
.mlv3-status-square-slate{background:#8b8b84}
.mlv3-status-square-green{background:#4f806f}
.mlv3-status-square-purple{background:#7660bd}
.mlv3-status-check{
  color:#5b43b8!important;
  font-size:12px!important;
  font-weight:700!important;
  text-align:right;
}

/* Keep the editable status-like detail values visually light, like TeleCRM tags. */
html body .mlv3-editable-green .mlv3-inline-input:not(:placeholder-shown),
html body .mlv3-editable-blue .mlv3-inline-input:not(:placeholder-shown){
  font-size:13px!important;
  font-weight:500!important;
}

html.theme-dark body .mlv3-status-popover{
  background:#183344!important;
  border-color:#3a5667!important;
  color:#eef5f8!important;
}
html.theme-dark body .mlv3-status-search-row{border-color:#3a5667!important}
html.theme-dark body #root .mlv3-status-search-row input,
html.theme-dark body .mlv3-status-search-row input,
html.theme-dark body .mlv3-status-option{background:#183344!important;color:#eef5f8!important}
html.theme-dark body .mlv3-status-option:hover:not(:disabled),
html.theme-dark body .mlv3-status-option.is-selected{background:#213f52!important}
html.theme-dark body .mlv3-status-current-chip{background:#284858!important;color:#eef5f8!important}

/* ==========================================================
   DRAWER V3 — TELECRM-LIKE ON-DEMAND QUICK WORK + TASK BOARD
   2026-10-11
   NOTE: appended only; does not alter the proven full-panel drawer scroll rules.
   ========================================================== */

/* Quick work stays completely closed until Note / Follow-up is clicked. */
.mlv3-quick-work.is-collapsed{
  display:none!important;
}
.mlv3-quick-work.is-open{
  display:block!important;
  animation:mlv3QuickOpen .16s ease-out;
}
@keyframes mlv3QuickOpen{
  from{opacity:.35;transform:translateY(-4px)}
  to{opacity:1;transform:translateY(0)}
}
.mlv3-quick-head-actions{
  display:flex;
  align-items:center;
  gap:10px;
}
html body .mlv3-quick-close{
  width:30px!important;
  min-width:30px!important;
  height:30px!important;
  min-height:30px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #e0e4e8!important;
  border-radius:8px!important;
  background:#fff!important;
  background-image:none!important;
  color:#68737d!important;
  box-shadow:none!important;
  font-size:20px!important;
  line-height:1!important;
  font-weight:400!important;
}
html body .mlv3-quick-close:hover{
  background:#f7f7f8!important;
  color:#333!important;
}

/* Task tab count bubble, same visual direction as TeleCRM. */
html body .mlv3-history-tabs button{
  position:relative;
}
.mlv3-task-tab-badge{
  display:inline-grid;
  place-items:center;
  min-width:16px;
  height:16px;
  margin-left:4px;
  padding:0 4px;
  border-radius:999px;
  background:#e82f5b;
  color:#fff!important;
  font-size:10px!important;
  line-height:16px!important;
  font-weight:700!important;
  vertical-align:top;
}

/* TeleCRM-like task groups: Late / Active / Closed. */
.mlv3-task-board{
  padding:10px 10px 14px;
  background:#fbfbfc;
}
.mlv3-task-group{
  margin:0 0 8px;
  border:1px solid transparent;
  border-radius:8px;
  background:transparent;
  overflow:hidden;
}
html body .mlv3-task-group-head{
  width:100%!important;
  min-height:38px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:6px 8px!important;
  border:0!important;
  border-radius:7px!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#6d7178!important;
  text-align:left!important;
  font-size:12px!important;
  font-weight:600!important;
}
html body .mlv3-task-group-head:hover{
  background:#f5f5f7!important;
}
.mlv3-task-group-chevron{
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  border-radius:50%;
  font-size:21px;
  line-height:1;
  font-weight:400;
  transform:rotate(0deg);
  transition:transform .14s ease;
}
.mlv3-task-group.is-open .mlv3-task-group-chevron{
  transform:rotate(90deg);
}
.mlv3-task-group-pill{
  min-width:54px;
  padding:4px 10px;
  border-radius:4px;
  font-size:11px!important;
  line-height:1.15!important;
  font-weight:650!important;
  letter-spacing:.01em;
}
.mlv3-task-group[data-task-tone="late"] .mlv3-task-group-chevron{color:#ff4d5f!important;background:#fff0f2}
.mlv3-task-group[data-task-tone="late"] .mlv3-task-group-pill{background:#ffd9df;color:#d62d47!important}
.mlv3-task-group[data-task-tone="active"] .mlv3-task-group-chevron{color:#7257ff!important;background:#eeeaff}
.mlv3-task-group[data-task-tone="active"] .mlv3-task-group-pill{background:#e9e4ff;color:#6a50dd!important}
.mlv3-task-group[data-task-tone="closed"] .mlv3-task-group-chevron{color:#00a47b!important;background:#e7faf4}
.mlv3-task-group[data-task-tone="closed"] .mlv3-task-group-pill{background:#e3f8f1;color:#008b6a!important}
.mlv3-task-group-count{
  color:#8a9098!important;
  font-size:11px!important;
  font-weight:600!important;
}
.mlv3-task-group-body{
  display:none;
  background:#fff;
  border:1px solid #ebedf0;
  border-radius:7px;
  overflow:hidden;
}
.mlv3-task-group.is-open .mlv3-task-group-body{
  display:block;
}
.mlv3-task-columns,
.mlv3-task-row{
  display:grid;
  grid-template-columns:minmax(260px,2.2fr) minmax(120px,.8fr) minmax(120px,.8fr) minmax(95px,.65fr) minmax(82px,.55fr);
  gap:12px;
  align-items:center;
}
.mlv3-task-columns{
  min-height:34px;
  padding:7px 12px;
  border-bottom:1px solid #eceef1;
  color:#8b9097!important;
  background:#fafafa;
  font-size:10px!important;
  line-height:1.15!important;
  font-weight:700!important;
  text-transform:uppercase;
  letter-spacing:.02em;
}
.mlv3-task-row{
  min-height:52px;
  padding:7px 12px;
  border-bottom:1px solid #eceef1;
  background:#fff;
  color:#444!important;
}
.mlv3-task-row:last-child{border-bottom:0}
.mlv3-task-row:hover{background:#fcfcfd}
.mlv3-task-name{
  min-width:0;
  display:flex;
  align-items:flex-start;
  gap:7px;
}
.mlv3-task-clock{
  flex:0 0 auto;
  margin-top:1px;
  color:#6f7378!important;
  font-size:16px;
  line-height:1;
}
.mlv3-task-name>div{min-width:0}
html body .mlv3-task-name b{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#424242!important;
  font-size:13px!important;
  line-height:1.3!important;
  font-weight:500!important;
}
html body .mlv3-task-name small{
  display:block;
  margin-top:2px;
  color:#9a9da2!important;
  font-size:10px!important;
  line-height:1.25!important;
  font-weight:400!important;
}
.mlv3-task-assignee{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
  color:#686d73!important;
  font-size:11px!important;
}
.mlv3-task-assignee>span:last-child{
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.mlv3-task-avatar{
  flex:0 0 auto;
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#e9e5ff;
  color:#6654bf!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:600!important;
}
.mlv3-task-due{
  display:flex;
  align-items:center;
  gap:5px;
  color:#555b61!important;
  font-size:12px!important;
  white-space:nowrap;
}
html body .mlv3-task-edit{
  width:23px!important;
  min-width:23px!important;
  height:23px!important;
  min-height:23px!important;
  padding:0!important;
  border:0!important;
  border-radius:5px!important;
  background:transparent!important;
  background-image:none!important;
  color:#e83b71!important;
  box-shadow:none!important;
  font-size:14px!important;
  line-height:1!important;
}
html body .mlv3-task-edit:hover{background:#fff0f5!important}
.mlv3-task-priority{
  display:flex;
  align-items:center;
  gap:5px;
  color:#777c82!important;
  font-size:11px!important;
}
.mlv3-priority-flag{
  color:#5b6065!important;
  font-size:18px;
  line-height:1;
}
.mlv3-task-actions{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:6px;
}
html body .mlv3-task-icon-btn{
  width:34px!important;
  min-width:34px!important;
  height:34px!important;
  min-height:34px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #e4e0f8!important;
  border-radius:7px!important;
  background:#fff!important;
  background-image:none!important;
  color:#5643b9!important;
  box-shadow:none!important;
}
html body .mlv3-task-icon-btn svg{width:16px;height:16px}
html body .mlv3-task-icon-btn:hover{background:#f6f3ff!important}
html body .mlv3-task-done{
  color:#0a8f6c!important;
  border-color:#cfeee4!important;
}
.mlv3-task-empty{
  padding:16px 12px;
  color:#a0a4aa!important;
  font-size:12px!important;
  text-align:center;
  background:#fff;
}

@media(max-width:900px){
  .mlv3-task-columns{display:none}
  .mlv3-task-row{
    grid-template-columns:minmax(0,1fr) auto;
    gap:7px 12px;
  }
  .mlv3-task-name{grid-column:1/-1}
  .mlv3-task-assignee{grid-column:1}
  .mlv3-task-due{grid-column:2;grid-row:2}
  .mlv3-task-priority{grid-column:1;grid-row:3}
  .mlv3-task-actions{grid-column:2;grid-row:3}
}
@media(max-width:620px){
  .mlv3-quick-head-actions>span{display:none}
  .mlv3-followup-form{grid-template-columns:1fr}
  .mlv3-task-board{padding:7px}
  .mlv3-task-row{padding:10px}
  .mlv3-task-assignee>span:last-child{display:none}
}

html.theme-dark body .mlv3-task-board{background:#132b3a!important}
html.theme-dark body .mlv3-task-group-body,
html.theme-dark body .mlv3-task-row{background:#173142!important;border-color:#395566!important}
html.theme-dark body .mlv3-task-columns{background:#193647!important;border-color:#395566!important}
html.theme-dark body .mlv3-task-name b{color:#edf5fa!important}
html.theme-dark body .mlv3-task-row:hover{background:#1c3a4c!important}

/* ==========================================================
   DRAWER V3 — TASK + EDIT FOLLOW-UP ALIGNMENT POLISH
   2026-10-11
   CSS-only visual correction. Full-panel scrolling rules are untouched.
   ========================================================== */

/* Task board: keep every group anchored to the left edge, matching the
   table below it instead of inheriting the application's centered button
   alignment. */
.mlv3-task-board{
  width:100%;
  box-sizing:border-box;
  padding:12px 12px 14px!important;
}
.mlv3-task-group{
  width:100%;
  box-sizing:border-box;
}
html body .mlv3-task-group-head{
  justify-content:flex-start!important;
  text-align:left!important;
  padding:6px 10px!important;
}
.mlv3-task-group-chevron,
.mlv3-task-group-pill,
.mlv3-task-group-count{
  flex:0 0 auto;
}
.mlv3-task-group-body{
  width:100%;
  box-sizing:border-box;
}
.mlv3-task-columns,
.mlv3-task-row{
  width:100%;
  box-sizing:border-box;
  grid-template-columns:minmax(0,2.15fr) minmax(112px,.78fr) minmax(112px,.76fr) minmax(78px,.52fr) minmax(92px,.58fr)!important;
  column-gap:14px!important;
}
.mlv3-task-columns{
  padding:8px 12px!important;
}
.mlv3-task-row{
  padding:8px 12px!important;
}
.mlv3-task-actions{
  justify-content:flex-start!important;
}

/* Edit/Add follow-up: balanced two-column form with matching control
   heights and the action buttons aligned directly under the note column. */
.mlv3-quick-work{
  box-sizing:border-box;
  padding:12px 14px 14px!important;
}
.mlv3-section-head{
  min-height:32px;
  align-items:center!important;
  margin-bottom:4px!important;
}
.mlv3-quick-tabs{
  margin-bottom:12px!important;
}
.mlv3-followup-form{
  width:100%;
  box-sizing:border-box;
  grid-template-columns:minmax(250px,.78fr) minmax(0,1.22fr)!important;
  column-gap:12px!important;
  row-gap:10px!important;
  align-items:start!important;
}
.mlv3-followup-form label{
  min-width:0;
  width:100%;
  align-content:start;
}
.mlv3-followup-form label>span{
  min-height:18px;
  display:flex;
  align-items:center;
  font-size:11px!important;
  line-height:1.2!important;
}
html body .mlv3-followup-form input[type="datetime-local"],
html body .mlv3-followup-form textarea{
  width:100%!important;
  min-width:0!important;
  height:76px!important;
  min-height:76px!important;
  box-sizing:border-box!important;
  margin:0!important;
  border-radius:9px!important;
}
html body .mlv3-followup-form input[type="datetime-local"]{
  padding:0 12px!important;
}
html body .mlv3-followup-form textarea{
  padding:11px 12px!important;
  resize:vertical!important;
}
.mlv3-followup-form .mlv3-form-actions{
  grid-column:2!important;
  width:100%;
  box-sizing:border-box;
  justify-content:flex-end!important;
  align-items:center!important;
  margin-top:0!important;
}

/* Note form uses the same clean right-aligned action row. */
.mlv3-quick-panel[data-mlv3-panel="note"] .mlv3-form-actions{
  margin-top:8px!important;
}

@media(max-width:900px){
  .mlv3-task-columns,
  .mlv3-task-row{
    grid-template-columns:minmax(0,1fr) auto!important;
  }
  .mlv3-task-actions{justify-content:flex-end!important}
}
@media(max-width:720px){
  .mlv3-followup-form{
    grid-template-columns:1fr!important;
  }
  .mlv3-followup-form .mlv3-form-actions{
    grid-column:1!important;
  }
}