#page-leads .ld-top{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0 0 14px}
#page-leads .ld-due{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:12px 14px;margin:0 0 16px}
#page-leads .ld-due.hot{border-color:rgba(224,162,59,.5);background:rgba(224,162,59,.07)}
#page-leads .ld-due-t{font-size:12.5px;font-weight:800;letter-spacing:.3px;text-transform:uppercase;color:var(--text3);margin-bottom:8px}
#page-leads .ld-due.hot .ld-due-t{color:#e0a23b}
#page-leads .ld-duerow{display:flex;align-items:center;gap:10px;padding:7px 0;border-top:1px solid var(--border);font-size:13px}
#page-leads .ld-duerow:first-of-type{border-top:none}
#page-leads .ld-duerow b{cursor:pointer}
#page-leads .ld-duerow b:hover{text-decoration:underline}
#page-leads .ld-when{font-size:11.5px;font-weight:800;padding:2px 8px;border-radius:999px;white-space:nowrap}
#page-leads .ld-when.over{color:#e06b5b;background:rgba(224,107,91,.14)}
#page-leads .ld-when.today{color:#e0a23b;background:rgba(224,162,59,.14)}
#page-leads .ld-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:start}
@media(max-width:1100px){#page-leads .ld-board{grid-template-columns:repeat(2,minmax(0,1fr))}}
#page-leads .ld-col{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:10px;min-height:90px}
#page-leads .ld-colh{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:var(--text3);margin-bottom:9px}
#page-leads .ld-cnt{background:rgba(255,255,255,.07);border-radius:999px;padding:1px 7px;font-size:11px}
#page-leads .ld-card{background:rgba(255,255,255,.028);border:1px solid var(--border);border-radius:10px;padding:10px 11px;margin-bottom:8px;cursor:pointer;transition:border-color .12s,transform .1s}
#page-leads .ld-card:hover{border-color:var(--border-2);transform:translateY(-1px)}
#page-leads .ld-card.over{border-left:3px solid #e06b5b}
#page-leads .ld-card.today{border-left:3px solid #e0a23b}
#page-leads .ld-nm{font-size:13.5px;font-weight:700;color:var(--text);word-break:break-word}
#page-leads .ld-sub{font-size:11.5px;color:var(--text3);margin-top:2px;line-height:1.45}
#page-leads .ld-next{font-size:11.5px;color:var(--text2);margin-top:5px;display:flex;align-items:center;gap:5px}
#page-leads .ld-empty{font-size:12px;color:var(--text3);padding:8px 2px;line-height:1.5}
#page-leads .ld-src{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.3px;text-transform:uppercase;padding:1px 6px;border-radius:999px;background:rgba(47,154,166,.14);color:var(--blue-m);margin-right:5px}
/* The lead form is a centred modal on the app's own .modal-bg/.modal shell — the same
   bubble every other form in the program uses. Only the field grid is local. */
#modal-lead .ld-fgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#modal-lead .ld-fgrid.one{grid-template-columns:1fr}
#modal-lead label.ld-l{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text3);margin:0 0 5px}
#modal-lead .ld-in{width:100%;background:var(--bg2);border:1px solid var(--border);border-radius:9px;color:var(--text);font-size:13.5px;padding:9px 10px;outline:none;font-family:inherit}
#modal-lead .ld-in:focus{border-color:var(--blue)}
#modal-lead textarea.ld-in{min-height:62px;resize:vertical}
#modal-lead .ld-fld{margin-bottom:12px}
#modal-lead .ld-notes{margin-top:6px;max-height:180px;overflow-y:auto}
#modal-lead .ld-note{border-top:1px solid var(--border);padding:8px 0;font-size:12.5px;color:var(--text2);line-height:1.5}
#modal-lead .ld-note span{display:block;font-size:11px;color:var(--text3);margin-top:2px}
.ni .ni-badge{margin-left:auto;background:#e0a23b;color:#1b1206;font-size:10.5px;font-weight:800;border-radius:999px;padding:1px 7px;min-width:18px;text-align:center}
.app.nav-hidden .ni .ni-badge{display:none}