/* YBDC All Leads | accessible, isolated UI; follows CRM dark-green/gold brand. */
#yle-panel,#yle-results{font-family:inherit;color:var(--text,#e9f1ec)}
#yle-panel{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin:12px 0 14px;padding:14px 18px;border:1px solid #315b4b;border-radius:14px;background:#102a21}
.yle-panel-title{display:flex;flex-direction:column;gap:3px}.yle-panel-title strong{font-size:15px;color:#f3f5ed}.yle-panel-title span{font-size:12px;color:#acc7b8}
.yle-toggle{display:flex;gap:5px;background:#071d17;padding:4px;border-radius:10px;border:1px solid #315446}
.yle-toggle-btn{padding:10px 14px;border-radius:8px;background:transparent;border:0;color:#c6dbd0;font-size:13px;font-weight:700;cursor:pointer}
.yle-toggle-btn.active{background:#1f6650;color:#fff;box-shadow:inset 0 0 0 1px #e2be6e}
.yle-toggle-btn:focus-visible,.yle-btn:focus-visible,.yle-pager:focus-visible{outline:3px solid #edc36a;outline-offset:2px}
#leadTable.yle-hidden-table{display:none!important}
#yle-results[hidden]{display:none!important}
.yle-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#dbece1;margin:5px 3px 15px;font-size:13px}
.yle-summary span{color:#a6c2b2}.yle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.yle-card{display:flex;flex-direction:column;min-width:0;border:1px solid #315747;background:#0a231b;border-radius:16px;overflow:hidden;box-shadow:0 2px 9px #0002;transition:border-color .14s}
.yle-card:hover{border-color:#b79b5b}.yle-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 18px 10px}
.yle-lead-name{min-width:0}.yle-lead-name h3{font-size:18px;color:#f2f5ec;margin:5px 0;overflow-wrap:anywhere;line-height:1.25}
.yle-eyebrow{color:#e7c46e;font-weight:800;text-transform:uppercase;letter-spacing:.055em;font-size:10px}
.yle-phone{font-size:12px;color:#bdd8c6;word-break:break-word}.yle-status{flex-shrink:0;border-radius:20px;padding:6px 9px;font-size:11px;font-weight:800;background:#1b3e31;color:#d6e8d9;text-align:center;max-width:45%}
.yle-status-attention{background:#4b3029;color:#ffcfc0}.yle-status-pending{background:#493a22;color:#ffe1a0}.yle-status-done{background:#214e3a;color:#b2f2d2}
.yle-loc{padding:0 18px 11px;display:flex;flex-direction:column;gap:2px}.yle-small-label{font-size:11px;color:#a1bcae}.yle-loc strong{font-size:14px;color:#f0e5c9;overflow-wrap:anywhere}
.yle-details{margin:0 18px 14px;padding:10px 12px;background:#13362a;border-radius:9px;min-height:70px}
.yle-details strong{font-size:12px;line-height:1.45;color:#f0f5ee;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.yle-details p{margin:5px 0 0;font-size:12px;line-height:1.45;color:#c4d4ca;overflow-wrap:anywhere}
.yle-meta{padding:0 18px 15px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 10px}
.yle-meta-cell{min-width:0}.yle-meta-cell small{display:block;font-size:10px;color:#aac5b6;margin-bottom:4px}.yle-meta-cell strong{display:block;color:#e0eae4;font-size:12px;font-weight:700;overflow-wrap:anywhere}
.yle-card-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #305445;padding:13px 18px}
.yle-index{font-size:11px;color:#9cbca9}.yle-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.yle-btn{padding:9px 14px;border-radius:9px;min-height:38px;font-size:12px;font-weight:800;cursor:pointer}
.yle-outline{background:#14372b;color:#ebf3e8;border:1px solid #537c66}.yle-gold{background:#e3be6c;border:1px solid #e6c880;color:#102820}
.yle-btn:hover{filter:brightness(1.12)}.yle-pagination{display:flex;align-items:center;justify-content:center;gap:14px;margin:18px 0 20px;color:#cfdfd4;font-size:12px}
.yle-pager{padding:10px 14px;border:1px solid #456c57;border-radius:8px;background:#153b2c;color:white;font-weight:700;cursor:pointer}.yle-pager:disabled{opacity:.4;cursor:not-allowed}
.yle-empty{grid-column:1/-1;padding:45px;text-align:center;color:#cbded1}
.content:has(#leadTable) .toolbar{gap:12px;align-items:flex-start;flex-wrap:wrap}.content:has(#leadTable) .toolbar .filters{flex:1 1 680px;flex-wrap:wrap;gap:9px}
.content:has(#leadTable) #leadSearch{min-width:220px;flex:2 1 260px}.content:has(#leadTable) .filter-select{min-width:145px;flex:1 1 145px}
@media(max-width:1150px){.yle-grid{grid-template-columns:1fr}}
@media(max-width:700px){#yle-panel{align-items:stretch}.yle-toggle{width:100%}.yle-toggle-btn{flex:1}.yle-card-top{flex-wrap:wrap}.yle-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.yle-card-foot{align-items:stretch;flex-wrap:wrap}.yle-actions{width:100%}.yle-btn{flex:1}.yle-summary{flex-wrap:wrap}}