/* Leads / Opportunities toggle on the existing Leads page */
.lo-toggle{display:inline-flex;background:var(--s2);border:1px solid var(--bd);border-radius:999px;padding:3px;gap:2px;vertical-align:middle}
.lo-tab{border:none;background:none;font:600 12.5px/1 inherit;font-family:inherit;color:var(--t2);padding:6px 14px;border-radius:999px;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}
.lo-tab:hover{color:var(--t)}
.lo-tab.on{background:var(--p);color:var(--text-on-primary,#fff)}
#lo-opps{margin-top:10px}
.lo-bar{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.lo-search{padding:8px 12px;font-size:13px;font-family:inherit;color:var(--t);background:var(--inp);border:1px solid var(--inp-bd);border-radius:var(--rads);outline:none;min-width:220px}
.lo-search:focus{border-color:var(--p);box-shadow:0 0 0 3px var(--ring)}
.lo-meta{font-size:12.5px;color:var(--t3)}
.lo-refresh{margin-left:auto;width:34px;height:34px;border:1px solid var(--bd2);background:var(--s);color:var(--t2);border-radius:var(--rads);cursor:pointer;font-size:14px}
.lo-refresh:hover{background:var(--s2);color:var(--t)}
.lo-table{border-collapse:collapse;width:100%;font-size:13px}
.lo-table th{text-align:left;font-weight:600;color:var(--t2);background:var(--s2);padding:11px 14px;white-space:nowrap;border-bottom:1px solid var(--bd)}
.lo-table td{padding:11px 14px;border-bottom:1px solid var(--bd);white-space:nowrap;color:var(--t);max-width:280px;overflow:hidden;text-overflow:ellipsis}
.lo-row{cursor:pointer;transition:background .1s}
.lo-row:hover td{background:var(--s2)}
.lo-table tr:last-child td{border-bottom:none}
.lo-badge{display:inline-block;font-size:11px;font-weight:600;padding:2px 9px;border-radius:999px;background:var(--pl);color:var(--p)}
.lo-empty{padding:44px 16px;text-align:center;color:var(--t3);font-size:14px;border:1px dashed var(--bd);border-radius:var(--rad);background:var(--s)}
@media (max-width:640px){.lo-search{min-width:0;flex:1}}

/* Filters button shown in the borrowed pipeline (toggle view) */
.lo-filterbar{margin:8px 0}
.lo-filterbtn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;font:600 12.5px inherit;font-family:inherit;border:1px solid var(--bd2);background:var(--s);color:var(--t2);border-radius:var(--rads);cursor:pointer}
.lo-filterbtn:hover{background:var(--s2);color:var(--t)}
.lo-filterbtn.on{background:var(--pl);color:var(--p);border-color:var(--p)}

/* Opportunities view: force-hide all leads-page bits except the toggle header
   and the opportunities host, even if the app re-renders them. */
#page-leads.lo-opps-active > *{display:none!important}
#page-leads.lo-opps-active > #lo-opps-host{display:block!important}
/* the header row only holds "Advance filter" now (the toggle is gone), and
   that is a leads-view tool - so in the opportunities view the row is hidden */
#page-leads.lo-opps-active > .lo-header-row{display:none!important}

/* Opportunities view: make the KPI cards compact so the table gets more room */
#page-leads.lo-opps-active .met,
#lo-opps-host .met{padding:9px 12px!important}
#page-leads.lo-opps-active .met-v,
#lo-opps-host .met-v{font-size:18px!important;min-height:0!important;line-height:1.1!important}
#page-leads.lo-opps-active .met-l,
#lo-opps-host .met-l{margin-bottom:2px!important}
#page-leads.lo-opps-active .met-s,
#lo-opps-host .met-s{min-height:0!important;padding-top:2px!important;font-size:10.5px!important}
#page-leads.lo-opps-active .mets,
#lo-opps-host .mets{margin:6px 0!important}

/* dedicated toggle bar (always visible, both views) */
.lo-header-row{display:flex;align-items:center;gap:12px;margin:0 0 16px;padding:0 0 12px;border-bottom:1px solid var(--bd)}

/* Filter modal popup */
.lo-fmodal{position:fixed;inset:0;z-index:9500;background:rgba(15,20,25,.5);display:flex;justify-content:flex-end}
.lo-fcard{width:100%;max-width:400px;height:100vh;background:var(--s);border-left:1px solid var(--bd);box-shadow:-8px 0 30px rgba(0,0,0,.18);overflow:auto;display:flex;flex-direction:column;animation:lo-slidein .22s ease}
@keyframes lo-slidein{from{transform:translateX(100%)}to{transform:translateX(0)}}
.lo-fhead{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--bd);position:sticky;top:0;background:var(--s)}
.lo-fhead b{font-size:16px}
.lo-fx{border:none;background:none;font-size:16px;color:var(--t3);cursor:pointer;padding:4px 7px;border-radius:6px}
.lo-fx:hover{background:var(--s2);color:var(--t)}
.lo-fbody{padding:16px 18px;display:flex;flex-direction:column;gap:12px}
.lo-fbody .ff{width:100%}
.lo-fbody label{display:block;font-size:12.5px;font-weight:600;margin-bottom:5px}
.lo-fbody input,.lo-fbody select{width:100%}
.lo-ffoot{padding:16px 20px;border-top:1px solid var(--bd);display:flex;justify-content:flex-end;gap:10px;position:sticky;bottom:0;background:var(--s);margin-top:auto}

/* hide the redundant app heading row + subtitle on the leads page (toggle replaces it) */
/* Advance filter button in the toggle bar */
.lo-adv{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:7px 14px;font:600 12.5px inherit;font-family:inherit;border:1px solid var(--bd2);background:var(--s);color:var(--t2);border-radius:999px;cursor:pointer;position:relative}
.lo-adv:hover{background:var(--s2);color:var(--t)}
/* The "Advance filter" button moved to the top bar (r126). This row held
   nothing else once the Leads / Opportunities toggle went, so it is hidden. */
#page-leads .lo-header-row{display:none!important}