/* TeamAct CRM — My Leads Workspace V2
   Excel-style member lead sheet + right-side work drawer.
   Scoped to .mlv2 / .mlv2-drawer only. No Admin/Super Admin visual changes. */

.mlv2{--mlv2-purple:#5d3fd3;--mlv2-purple-soft:#f4f1ff;--mlv2-navy:#15354c;--mlv2-muted:#61788b;--mlv2-line:#d9e5ed;--mlv2-soft:#f7fafc;--mlv2-teal:#087d93;--mlv2-blue:#1677e8;--mlv2-green:#14825d;--mlv2-saffron:#c97800;--mlv2-red:#c83242;--mlv2-shadow:0 10px 30px rgba(31,66,91,.08);color:#132f45}
.mlv2 h2,.mlv2 h3,.mlv2 p{margin-top:0}
.mlv2-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:12px}
.mlv2-head h2{margin:0!important;padding:0!important;border:0!important;font-size:24px!important;letter-spacing:-.4px;color:#112d43!important}
.mlv2-head h2:before{display:none!important}
.mlv2-head p{margin:5px 0 0;color:#60788c!important;font-size:14px!important}
.mlv2-toolbar{display:flex;align-items:end;gap:9px;flex-wrap:wrap;padding:12px;background:#fff;border:1px solid var(--mlv2-line);border-radius:14px 14px 0 0;box-shadow:0 6px 20px rgba(23,59,83,.04)}
.mlv2-toolbar>label{display:grid;gap:5px;min-width:135px;color:#50697c!important;font-weight:700}
.mlv2-toolbar select,.mlv2-toolbar input{min-height:42px;margin:0!important;background:#fff}
.mlv2-search{position:relative;display:flex;align-items:center;flex:1 1 310px;min-width:240px}
.mlv2-search svg{position:absolute;left:12px;width:17px;height:17px;color:#6e8393}
.mlv2-search input{width:100%;padding-left:39px!important}
.mlv2-clear{min-height:42px!important}
.mlv2-popover{position:relative}
.mlv2-popover>summary{list-style:none;display:flex;align-items:center;gap:7px;min-height:42px;padding:9px 12px;border:1px solid #cbdde7;border-radius:9px;background:#fff;color:#26485f;font-weight:750;cursor:pointer}
.mlv2-popover>summary::-webkit-details-marker{display:none}
.mlv2-popover>summary svg{width:16px;height:16px}
.mlv2-popover[open]>summary{border-color:#8fc7d5;background:#f0fbfc}
.mlv2-popover-panel{position:absolute;z-index:30;right:0;top:48px;min-width:230px;padding:12px;background:#fff;border:1px solid var(--mlv2-line);border-radius:12px;box-shadow:0 16px 42px rgba(17,49,72,.16);display:grid;gap:9px}
.mlv2-popover-panel label{display:grid;gap:5px;color:#24455c!important;font-weight:650}
.mlv2-columns-menu .mlv2-popover-panel label{display:flex;align-items:center;gap:8px}
.mlv2-columns-menu input[type=checkbox]{width:17px;height:17px;accent-color:var(--mlv2-purple)}
.mlv2-tabs{display:flex;gap:7px;flex-wrap:wrap;padding:9px 12px;background:#fff;border-left:1px solid var(--mlv2-line);border-right:1px solid var(--mlv2-line);border-bottom:1px solid #edf2f6}
.shell #view .mlv2 .mlv2-tabs button{min-height:36px!important;padding:7px 11px!important;background:#f8fbfd!important;color:#29485f!important;border:1px solid #d7e4ec!important;border-radius:9px!important;box-shadow:none!important}
.shell #view .mlv2 .mlv2-tabs button span{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:99px;background:#e9f1f5;color:#36556b!important;font-weight:850}
.shell #view .mlv2 .mlv2-tabs button.active{background:#5d3fd3!important;color:#fff!important;border-color:#5d3fd3!important}
.shell #view .mlv2 .mlv2-tabs button.active span{background:rgba(255,255,255,.2);color:#fff!important}
.mlv2-bulk{display:none;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 12px;background:#fff9e9;border-left:1px solid #f0d59f;border-right:1px solid #f0d59f;border-bottom:1px solid #f0d59f}
.mlv2-bulk.show{display:flex}
.mlv2-bulk strong{margin-right:4px;color:#6d4b00!important}
.mlv2-bulk select{min-width:170px;min-height:38px}
.mlv2-sheet-wrap{width:100%;overflow:auto;background:#fff;border:1px solid var(--mlv2-line);border-top:0;border-radius:0 0 14px 14px;box-shadow:var(--mlv2-shadow);max-height:calc(100vh - 360px);min-height:330px}
.mlv2-sheet{border-collapse:separate;border-spacing:0;width:100%;min-width:1120px;background:#fff}
.mlv2-sheet thead th{position:sticky;top:0;z-index:4;padding:10px 12px;text-align:left;background:#f1f4f7!important;border-bottom:1px solid #cad8e2;border-right:1px solid #dde6ec;color:#355167!important;white-space:nowrap}
.mlv2-sheet tbody td{padding:9px 12px;border-bottom:1px solid #e8eef3;border-right:1px solid #eef3f6;color:#1c3a50!important;vertical-align:middle;background:#fff}
.mlv2-sheet tbody tr:nth-child(even) td{background:#fbfdfe}
.mlv2-sheet tbody tr:hover td{background:#f1f8ff}
.mlv2-sheet tbody tr.is-open td{background:#f2efff!important}
.mlv2-check-cell{width:42px!important;text-align:center!important}
.mlv2-check-cell input{width:17px;height:17px;accent-color:var(--mlv2-purple)}
.mlv2-chevron{width:44px;text-align:center!important}
.shell #view .mlv2 button.mlv2-row-open{width:30px!important;height:30px!important;min-height:30px!important;padding:0!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#6d7890!important;box-shadow:none!important;font-size:24px!important}
.shell #view .mlv2 button.mlv2-row-open:hover{background:#ebe6ff!important;color:#5d3fd3!important}
.shell #view .mlv2 button.mlv2-lead-name{display:flex!important;align-items:center;gap:10px;width:100%;min-width:190px;min-height:0!important;padding:0!important;background:transparent!important;background-image:none!important;border:0!important;color:#4531ba!important;text-align:left!important;box-shadow:none!important}
.mlv2-lead-name>span:last-child{display:grid;gap:3px;min-width:0}
.mlv2-lead-name b{color:#4531ba!important;font-size:14px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mlv2-lead-name small{color:#708597!important;font-size:12px!important;font-weight:650}
.mlv2-row-avatar{width:32px;height:32px;display:grid!important;place-items:center;border-radius:50%;background:#ece8ff;color:#5d3fd3!important;font-weight:900;flex:none}
.mlv2-phone{color:#173f59!important;text-decoration:none;font-weight:700;white-space:nowrap}
.mlv2-phone:hover{color:#087d93!important;text-decoration:underline}
.mlv2-code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px!important;color:#5b7182!important}
.mlv2-muted{color:#788d9c!important}
.mlv2-source{display:inline-block;padding:4px 7px;border-radius:7px;background:#edf7fb;color:#146079!important;font-weight:750;white-space:nowrap}
.mlv2-status{display:inline-flex;align-items:center;min-height:27px;padding:4px 8px;border-radius:7px;font-weight:850;white-space:nowrap}
.mlv2-status-green{background:#dff5e9;color:#0c704d!important}
.mlv2-status-saffron{background:#fff0cf;color:#a45d00!important}
.mlv2-status-red{background:#ffe4e8;color:#b42636!important}
.mlv2-status-blue{background:#e2efff;color:#135fb9!important}
.mlv2-status-teal{background:#dcf4f5;color:#086979!important}
.mlv2-status-purple{background:#ece6ff;color:#5a3acb!important}
.mlv2-status-slate,.mlv2-status-navy{background:#e9eff3;color:#38536a!important}
.mlv2-followup-cell,.mlv2-activity-cell{display:grid;gap:3px;min-width:145px}
.mlv2-followup-cell b,.mlv2-activity-cell b{color:#17384f!important;font-size:13px!important}
.mlv2-followup-cell small,.mlv2-activity-cell small{color:#6a8192!important;font-size:12px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px}
.mlv2-followup-cell.is-overdue b{color:#bd2636!important}
.shell #view .mlv2 button.mlv2-sort{min-height:0!important;padding:0!important;background:transparent!important;background-image:none!important;border:0!important;color:#355167!important;box-shadow:none!important;font-weight:800!important}
.shell #view .mlv2 button.mlv2-sort.active{color:#5d3fd3!important}
.mlv2-pager{display:flex;align-items:center;gap:7px;white-space:nowrap;color:#586f81!important;font-weight:700}
.shell #view .mlv2 .mlv2-pager button{width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;background:#fff!important;color:#324f63!important;border:1px solid #d5e1e9!important;box-shadow:none!important}
.mlv2-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 2px}
.mlv2-help{color:#6c8191!important;font-size:12px!important}
.mlv2-empty{padding:32px;text-align:center;color:#708595!important}

/* Drawer */
body.mlv2-drawer-open{overflow:hidden}
.mlv2-drawer-layer{position:fixed;inset:0;z-index:9000;display:flex;justify-content:flex-end}
.mlv2-drawer-backdrop{position:absolute;inset:0;background:rgba(7,22,34,.54)}
.mlv2-drawer{position:relative;width:min(585px,94vw);height:100%;background:#fff;box-shadow:-20px 0 50px rgba(0,0,0,.18);display:flex;flex-direction:column;animation:mlv2Slide .18s ease-out}
@keyframes mlv2Slide{from{transform:translateX(35px);opacity:.6}to{transform:translateX(0);opacity:1}}
.mlv2-drawer-head{padding:13px 17px 0;border-bottom:1px solid #dfe8ee;background:linear-gradient(145deg,#fff,#f8fbff 58%,#faf7ff)}
.mlv2-drawer-nav{display:flex;align-items:center;justify-content:center;gap:8px;color:#63798a!important;font-weight:750}
.mlv2-nav-btn,.mlv2-close{position:absolute;top:11px}
.mlv2-nav-btn{position:static!important;width:32px;height:32px;min-height:32px!important;padding:0!important;background:#fff!important;color:#304d62!important;border:1px solid #d5e2ea!important;box-shadow:none!important}
.mlv2-close{right:13px;width:34px;height:34px;min-height:34px!important;padding:0!important;background:#fff!important;color:#496177!important;border:1px solid #d9e4eb!important;border-radius:10px!important;box-shadow:none!important;font-size:24px!important}
.mlv2-drawer-identity{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:11px;align-items:center;padding:17px 2px 13px}
.mlv2-drawer-avatar{width:52px;height:52px;display:grid!important;place-items:center;border-radius:50%;background:linear-gradient(145deg,#5d3fd3,#7b61df);color:#fff!important;font-weight:900;font-size:20px!important}
.mlv2-drawer-identity small{color:#738696!important;font-size:12px!important}
.mlv2-drawer-identity h2{margin:1px 0 2px!important;padding:0!important;border:0!important;font-size:21px!important;color:#112f46!important}
.mlv2-drawer-identity h2:before{display:none!important}
.mlv2-drawer-identity a{color:#315c77!important;text-decoration:none;font-weight:750}
.mlv2-quick-actions{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;padding-bottom:12px}
.mlv2-quick-actions>button,.mlv2-drawer-more>summary{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:59px!important;padding:7px!important;background:#fff!important;color:#2f5066!important;border:1px solid #d5e2e9!important;border-radius:11px!important;box-shadow:none!important;font-weight:750!important;cursor:pointer}
.mlv2-quick-actions svg,.mlv2-quick-actions img{width:19px;height:19px}
.mlv2-quick-actions>button:hover,.mlv2-drawer-more>summary:hover{background:#f2f8fb!important;border-color:#a9cfdb!important}
.mlv2-drawer-more{position:relative}
.mlv2-drawer-more>summary{list-style:none}
.mlv2-drawer-more>summary::-webkit-details-marker{display:none}
.mlv2-drawer-more>div{position:absolute;right:0;top:64px;z-index:5;width:230px;padding:7px;background:#fff;border:1px solid #d9e5ec;border-radius:11px;box-shadow:0 14px 35px rgba(20,53,76,.16)}
.mlv2-drawer-more>div button{display:block;width:100%;text-align:left;padding:10px!important;background:#fff!important;color:#294960!important;border:0!important;box-shadow:none!important}
.mlv2-drawer-more>div button:hover{background:#f3f7fa!important}
.mlv2-drawer-tabs{display:flex;gap:3px}
.mlv2-drawer-tabs button{min-height:39px!important;padding:8px 11px!important;background:transparent!important;color:#5c7283!important;border:0!important;border-bottom:3px solid transparent!important;border-radius:0!important;box-shadow:none!important}
.mlv2-drawer-tabs button.active{color:#5d3fd3!important;border-bottom-color:#5d3fd3!important}
.mlv2-drawer-body{flex:1;overflow:auto;padding:16px;background:#f7fafc}
.mlv2-drawer-section{display:grid;gap:14px}
.mlv2-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.mlv2-overview-grid>div,.mlv2-drawer-block,.mlv2-detail-list>div,.mlv2-followup-item{background:#fff;border:1px solid #dfe8ee;border-radius:12px;padding:12px}
.mlv2-overview-grid span,.mlv2-detail-list span{display:block;color:#718596!important;font-size:12px!important;font-weight:750;margin-bottom:5px}
.mlv2-overview-grid b,.mlv2-detail-list b{color:#17354a!important}
.mlv2-drawer-block h3,.mlv2-section-title h3{margin:0!important;color:#17354a!important;font-size:16px!important}
.mlv2-block-head,.mlv2-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}
.mlv2-drawer-block p{margin:0;color:#37566d!important;line-height:1.5}
.mlv2-drawer-block small{color:#708394!important}
.mlv2-text-btn{min-height:0!important;padding:3px 5px!important;background:transparent!important;color:#5d3fd3!important;border:0!important;box-shadow:none!important}
.mlv2-inline-form{display:flex;gap:8px;margin-top:8px}
.mlv2-inline-form select{flex:1;min-width:0}
.mlv2-inline-form button{min-width:80px}
.mlv2-timeline{display:grid;gap:8px}
.mlv2-timeline .lead-detail-v2-event{margin:0!important;background:#fff}
.mlv2-followup-item{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start}
.mlv2-followup-item b{color:#183b53!important}
.mlv2-followup-item p{margin:4px 0 0;color:#587184!important}
.mlv2-detail-list{display:grid;gap:8px}
.mlv2-detail-list>div{display:grid;grid-template-columns:145px 1fr;gap:10px;align-items:start}
.mlv2-drawer-note{padding:11px;border-radius:10px;background:#eef7fb;color:#49677b!important;border:1px solid #d8e9f1;line-height:1.5}

html.theme-dark .mlv2-sheet-wrap,html.theme-dark .mlv2-toolbar,html.theme-dark .mlv2-tabs,html.theme-dark .mlv2-sheet,html.theme-dark .mlv2-sheet tbody td,html.theme-dark .mlv2-sheet thead th{background:#172c3b!important;color:#edf7fb!important;border-color:#395568!important}
html.theme-dark .mlv2-sheet tbody tr:nth-child(even) td{background:#1c3342!important}
html.theme-dark .mlv2-sheet tbody tr:hover td,html.theme-dark .mlv2-sheet tbody tr.is-open td{background:#234a5c!important}
html.theme-dark .mlv2-drawer{background:#152b3a}
html.theme-dark .mlv2-drawer-head{background:#183244;border-color:#3a5668}
html.theme-dark .mlv2-drawer-body{background:#102535}
html.theme-dark .mlv2-overview-grid>div,html.theme-dark .mlv2-drawer-block,html.theme-dark .mlv2-detail-list>div,html.theme-dark .mlv2-followup-item{background:#193647;border-color:#3a586a}

@media(max-width:900px){
  .mlv2-toolbar{align-items:stretch}
  .mlv2-toolbar>label{flex:1 1 160px}
  .mlv2-head{align-items:flex-start}
  .mlv2-sheet-wrap{max-height:none}
}
@media(max-width:620px){
  .mlv2-head{display:grid}
  .mlv2-toolbar{display:grid;grid-template-columns:1fr 1fr}
  .mlv2-search{grid-column:1/-1;min-width:0}
  .mlv2-popover,.mlv2-clear{width:100%}
  .mlv2-popover>summary{justify-content:center}
  .mlv2-popover-panel{left:0;right:auto;max-width:90vw}
  .mlv2-tabs{overflow-x:auto;flex-wrap:nowrap}
  .mlv2-tabs button{white-space:nowrap}
  .mlv2-bottom{display:grid}
  .mlv2-drawer{width:100vw}
  .mlv2-overview-grid{grid-template-columns:1fr}
  .mlv2-quick-actions{grid-template-columns:repeat(5,minmax(60px,1fr));overflow-x:auto}
  .mlv2-detail-list>div{grid-template-columns:1fr}
}

/* ==========================================================
   MY LEADS WORKSPACE V2 — FINAL NEUTRAL SHEET VISUAL FIX
   2026-10-11
   Purpose:
   - remove legacy global teal-button paint from My Leads sheet
   - keep Excel-like white/grey workspace
   - use purple only as the selection/accent colour
   - lead names look like links, NOT teal buttons
   - sortable table headers look like normal spreadsheet headers
   ========================================================== */

html body #root .shell #view .mlv2{
  --mlv2-purple:#5d3fd3;
  --mlv2-purple-soft:#f4f1ff;
  --mlv2-navy:#15354c;
  --mlv2-muted:#61788b;
  --mlv2-line:#d9e5ed;
  --mlv2-soft:#f7fafc;
}

/* Summary tabs: neutral white/grey; only selected tab uses purple. */
html body #root .shell #view .mlv2 .mlv2-tabs button{
  background:#ffffff!important;
  background-image:none!important;
  color:#29485f!important;
  border:1px solid #d7e4ec!important;
  box-shadow:none!important;
}
html body #root .shell #view .mlv2 .mlv2-tabs button:hover:not(:disabled){
  background:#f5f3ff!important;
  color:#5035c1!important;
  border-color:#cfc5fb!important;
}
html body #root .shell #view .mlv2 .mlv2-tabs button.active{
  background:#5d3fd3!important;
  background-image:none!important;
  color:#ffffff!important;
  border-color:#5d3fd3!important;
  box-shadow:0 5px 12px rgba(93,63,211,.14)!important;
}
html body #root .shell #view .mlv2 .mlv2-tabs button span{
  background:#edf2f6!important;
  color:#36556b!important;
}
html body #root .shell #view .mlv2 .mlv2-tabs button.active span{
  background:rgba(255,255,255,.22)!important;
  color:#ffffff!important;
}

/* Spreadsheet headers: plain text, no teal pill/background. */
html body #root .shell #view .mlv2 button.mlv2-sort{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
  width:auto!important;
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  background-image:none!important;
  color:#355167!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  font-weight:800!important;
  text-decoration:none!important;
}
html body #root .shell #view .mlv2 button.mlv2-sort:hover:not(:disabled){
  background:transparent!important;
  color:#5d3fd3!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
html body #root .shell #view .mlv2 button.mlv2-sort.active{
  background:transparent!important;
  color:#5d3fd3!important;
}

/* Lead name: link-style row content, never a teal button. */
html body #root .shell #view .mlv2 button.mlv2-lead-name{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  min-width:190px!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  background-image:none!important;
  color:#4531ba!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  text-align:left!important;
}
html body #root .shell #view .mlv2 button.mlv2-lead-name:hover:not(:disabled){
  background:transparent!important;
  background-image:none!important;
  color:#33239b!important;
  border-color:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
html body #root .shell #view .mlv2 button.mlv2-lead-name b{
  color:#4531ba!important;
  text-decoration:none!important;
}
html body #root .shell #view .mlv2 button.mlv2-lead-name:hover b{
  color:#33239b!important;
  text-decoration:underline!important;
}
html body #root .shell #view .mlv2 button.mlv2-lead-name small{
  color:#708597!important;
  text-decoration:none!important;
}

/* Row avatar stays soft purple, not teal. */
html body #root .shell #view .mlv2 .mlv2-row-avatar{
  background:#ece8ff!important;
  color:#5d3fd3!important;
  border:1px solid #ddd5ff!important;
}

/* Right chevron is a neutral utility control. */
html body #root .shell #view .mlv2 button.mlv2-row-open{
  background:#ffffff!important;
  background-image:none!important;
  color:#5d6878!important;
  border:1px solid #d9e3ea!important;
  box-shadow:none!important;
}
html body #root .shell #view .mlv2 button.mlv2-row-open:hover:not(:disabled){
  background:#f4f1ff!important;
  color:#5d3fd3!important;
  border-color:#cfc5fb!important;
}

/* Source is a subtle neutral chip rather than another teal surface. */
html body #root .shell #view .mlv2 .mlv2-source{
  background:#f1f4f7!important;
  color:#40596c!important;
  border:1px solid #e0e7ec!important;
}

/* Toolbar utility controls stay light and spreadsheet-like. */
html body #root .shell #view .mlv2 .mlv2-popover>summary{
  background:#ffffff!important;
  background-image:none!important;
  color:#40576a!important;
  border:1px solid #cfdce5!important;
  box-shadow:none!important;
}
html body #root .shell #view .mlv2 .mlv2-popover>summary:hover{
  background:#f7f5ff!important;
  color:#5d3fd3!important;
  border-color:#cfc5fb!important;
}
html body #root .shell #view .mlv2 button.mlv2-clear{
  background:#ffffff!important;
  background-image:none!important;
  color:#40576a!important;
  border:1px solid #cfdce5!important;
  box-shadow:none!important;
}
html body #root .shell #view .mlv2 button.mlv2-clear:hover:not(:disabled){
  background:#f7f5ff!important;
  color:#5d3fd3!important;
  border-color:#cfc5fb!important;
}

/* Keep the sheet mostly white like Excel. */
html body #root .shell #view .mlv2 .mlv2-sheet thead th{
  background:#f3f5f7!important;
  color:#344f63!important;
}
html body #root .shell #view .mlv2 .mlv2-sheet tbody td{
  background:#ffffff!important;
  color:#1c3a50!important;
}
html body #root .shell #view .mlv2 .mlv2-sheet tbody tr:nth-child(even) td{
  background:#fbfcfd!important;
}
html body #root .shell #view .mlv2 .mlv2-sheet tbody tr:hover td{
  background:#f6f4ff!important;
}
html body #root .shell #view .mlv2 .mlv2-sheet tbody tr.is-open td{
  background:#f1edff!important;
}

/* Pagination arrows: neutral. */
html body #root .shell #view .mlv2 .mlv2-pager button{
  background:#ffffff!important;
  background-image:none!important;
  color:#40576a!important;
  border:1px solid #d5e1e9!important;
  box-shadow:none!important;
}
html body #root .shell #view .mlv2 .mlv2-pager button:hover:not(:disabled){
  background:#f4f1ff!important;
  color:#5d3fd3!important;
  border-color:#cfc5fb!important;
}

/* ==========================================================
   MY LEADS V2 — COMPACT PAGE + CLEAN LEAD NAME
   2026-10-11
   ========================================================== */

.workspace.compact-page-heading{
  padding-top:14px!important;
}
.workspace.compact-page-heading #message:empty{
  display:none!important;
}
.workspace.compact-page-heading .view-content{
  margin-top:0!important;
}

html body #root .shell #view .mlv2 button.mlv2-lead-name{
  min-width:150px!important;
  justify-content:flex-start!important;
}
html body #root .shell #view .mlv2 button.mlv2-lead-name b{
  display:block!important;
  font-size:14px!important;
  line-height:1.25!important;
}

.mlv2-drawer-identity{
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:12px!important;
}
.mlv2-drawer-identity>div{
  min-width:0;
}
.mlv2-drawer-identity h2{
  margin-top:0!important;
}

/* ==========================================================
   CRM SPACE CLEANUP + DESKTOP SIDEBAR COLLAPSE
   2026-10-11
   ========================================================== */

.sidebar-collapse-control{
  margin-top:auto;
  padding-top:10px;
  border-top:1px solid #e7eef3;
}
.sidebar-collapse-btn{
  width:100%!important;
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  padding:10px 12px!important;
  border:1px solid #d7e3eb!important;
  border-radius:10px!important;
  background:#ffffff!important;
  background-image:none!important;
  color:#36566c!important;
  box-shadow:none!important;
  font-weight:750!important;
  cursor:pointer;
}
.sidebar-collapse-btn:hover{
  background:#f2f8fb!important;
  color:#087d93!important;
  border-color:#b9d9e3!important;
}
.sidebar-collapse-btn svg{
  width:18px!important;
  height:18px!important;
  flex:none;
}
.sidebar:not(.collapsed) .sidebar-collapse-icon{
  transform:rotate(180deg);
}
.sidebar-collapse-icon{
  display:flex;
  transition:transform .18s ease;
}
.sidebar-collapse-text{
  white-space:nowrap;
}

@media(min-width:801px){
  .shell.sidebar-collapsed .sidebar,
  .sidebar.collapsed{
    width:76px!important;
    min-width:76px!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }
  .shell.sidebar-collapsed .main{
    width:calc(100% - 76px)!important;
  }
  .sidebar.collapsed .sidebar-brand{
    height:72px!important;
    min-height:72px!important;
    padding-left:2px!important;
    padding-right:2px!important;
  }
  .sidebar.collapsed .sidebar-brand .brand-logo{
    width:54px!important;
    max-width:54px!important;
  }
  .sidebar.collapsed nav button{
    justify-content:center!important;
    padding-left:10px!important;
    padding-right:10px!important;
    gap:0!important;
  }
  .sidebar.collapsed nav button span{
    display:none!important;
  }
  .sidebar.collapsed nav button svg{
    width:20px!important;
    height:20px!important;
  }
  .sidebar.collapsed .sidebar-collapse-btn{
    justify-content:center!important;
    padding-left:8px!important;
    padding-right:8px!important;
  }
  .sidebar.collapsed .sidebar-collapse-text{
    display:none!important;
  }
}

@media(max-width:800px){
  .sidebar-collapse-control{
    display:none!important;
  }
  .shell.sidebar-collapsed .sidebar,
  .sidebar.collapsed{
    width:min(280px,84vw)!important;
    min-width:0!important;
  }
  .shell.sidebar-collapsed .main{
    width:100%!important;
  }
  .sidebar.collapsed nav button{
    justify-content:flex-start!important;
  }
  .sidebar.collapsed nav button span{
    display:inline!important;
  }
}

.mlv2-bottom{
  justify-content:flex-start!important;
  padding-top:8px!important;
  padding-bottom:0!important;
}

/* ==========================================================
   MY LEADS V2 — FULL VIEWPORT HEIGHT FIX
   2026-10-11
   The removed footer/helper space is now given to the lead sheet.
   ========================================================== */

@media(min-width:801px){
  /* Fill the remaining browser workspace from My Leads heading to bottom. */
  .workspace.compact-page-heading .mlv2{
    display:flex!important;
    flex-direction:column!important;
    height:calc(100dvh - 92px)!important;
    min-height:610px!important;
    overflow:hidden!important;
  }

  /* Heading / filters / tabs keep their natural height. */
  .workspace.compact-page-heading .mlv2-head,
  .workspace.compact-page-heading .mlv2-toolbar,
  .workspace.compact-page-heading .mlv2-tabs,
  .workspace.compact-page-heading .mlv2-bulk,
  .workspace.compact-page-heading .mlv2-bottom{
    flex:0 0 auto!important;
  }

  /* The Excel lead sheet receives ALL remaining vertical space. */
  .workspace.compact-page-heading .mlv2-sheet-wrap{
    flex:1 1 auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:auto!important;
  }

  /* Keep pagination directly under the expanded sheet. */
  .workspace.compact-page-heading .mlv2-bottom{
    margin-top:7px!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }
}

/* On smaller screens keep natural document scrolling. */
@media(max-width:800px){
  .workspace.compact-page-heading .mlv2{
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
  }
  .workspace.compact-page-heading .mlv2-sheet-wrap{
    max-height:none!important;
    min-height:420px!important;
  }
}