/* Lugoda Sentinel — Business Development (leads board) + Job Card technician chips.
   Uses theme variables so it adapts to light/dark. */

/* ---- Leads pipeline board ---- */
.lead-board { display: flex; gap: 12px; overflow-x: auto; padding: 4px 14px 14px; }
.lead-col { flex: 0 0 220px; min-width: 220px; }
.lead-colhd {
  font-size: 12px; font-weight: 700; letter-spacing: .4px; text-transform: uppercase;
  padding: 6px 8px; border-radius: 8px 8px 0 0; border-bottom: 2px solid var(--line);
  background: rgba(127, 127, 140, .10); color: var(--txt);
}
.lead-colhd.grey { border-bottom-color: #8b8b96; }
.lead-colhd.blue { border-bottom-color: #6ea8fe; }
.lead-colhd.amber { border-bottom-color: #f0b429; }
.lead-colhd.green { border-bottom-color: #2fb380; }
.lead-colhd.red { border-bottom-color: #e11b22; }
.lead-col .empty { padding: 10px; }
.lead-card {
  background: rgba(127, 127, 140, .07); border: 1px solid var(--line); border-radius: 8px;
  padding: 8px 10px; margin-top: 8px; cursor: pointer; transition: .12s;
}
.lead-card:hover { border-color: var(--red); }
.lead-top { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.lead-top b { font-size: 13px; }
.lead-val { font-size: 12px; font-weight: 700; color: var(--txt); white-space: nowrap; }
.lead-next { font-size: 11px; margin-top: 6px; color: var(--muted); }
.lead-next.over { color: #e11b22; }
.lead-foot { margin-top: 8px; }
.lead-foot select { width: 100%; font-size: 11px; padding: 3px 6px; }

/* ---- Job Card: technician assignment chips ---- */
.jc-techs { display: flex; flex-wrap: wrap; gap: 8px; padding: 6px 0; }
.jc-tech {
  background: transparent; border: 1px solid var(--line); color: var(--txt);
  border-radius: 20px; padding: 6px 12px; font-size: 12px; cursor: pointer; transition: .12s;
}
.jc-tech:hover { border-color: var(--red); }
.jc-tech.on { background: var(--red); color: #fff; border-color: var(--red); }
.jc-tech.on .muted { color: rgba(255, 255, 255, .8); }

/* ---- Admin / Data tabs ---- */
.ad-tabs{display:flex;gap:6px}
.ad-tab{background:transparent;border:1px solid var(--line);color:var(--muted);padding:6px 14px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;transition:.14s}
.ad-tab:hover{border-color:var(--red);color:var(--txt)}
.ad-tab.on{background:var(--red);color:#fff;border-color:var(--red)}

.stk-act{white-space:nowrap}