/* ============================================================
   BADGES — Pills, tags, counts and status dots
   ============================================================ */

.pill{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.abcA{background:var(--red);color:#fff}
.abcB{background:var(--amber);color:#fff}
.abcC{background:var(--chrome);color:#fff}
.abcbadge{display:inline-block;text-align:center}
.rolebadge{background:var(--navy-bg);color:var(--navy)}
.workpill {
  display:flex;
  align-items:center;
  gap:7px;
  padding:7px 13px;
  border-radius:20px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.09);
  font-size:12px;
  color:#B6BCCA;
}
.workpill .dot{width:7px;height:7px;border-radius:50%;background:var(--chrome)}
.workpill.on{background:rgba(21,112,78,.22);border-color:rgba(21,112,78,.45);color:#7FE3B6}
.workpill.on .dot{background:#2ED08A;box-shadow:0 0 0 3px rgba(46,208,138,.22)}
.daychip {
  display:inline-flex;
  align-items:center;
  padding:5px 9px;
  border:1px solid var(--line);
  border-radius:7px;
  background:var(--card);
  cursor:pointer;
  font-size:11.5px;
  font-weight:600;
  color:var(--chrome);
}
.daychip.on{border-color:var(--navy);background:var(--navy);color:#fff}
.daychip input{display:none}
.attchip {
  display:flex;
  align-items:center;
  gap:9px;
  padding:8px 10px;
  border:1px solid var(--line);
  border-radius:9px;
  background:var(--card);
  box-shadow:var(--sh-1);
  text-align:left;
  text-decoration:none;
  color:inherit;
  width:100%;
}
.attchip.open{transition:box-shadow .14s,transform .1s,border-color .14s;cursor:pointer}
.attchip.open:hover{box-shadow:var(--sh-2);transform:translateY(-1px);border-color:var(--navy)}
.attchip .atk {
  font-family:var(--mono);
  font-size:8.5px;
  letter-spacing:.1em;
  font-weight:700;
  padding:3px 6px;
  border-radius:4px;
  background:var(--navy-bg);
  color:var(--navy);
  flex:0 0 auto;
}
.attchip.link .atk{background:var(--cyan-bg);color:var(--cyan)}
.attchip .atn {
  display:block;
  font-size:12.4px;
  font-weight:600;
  line-height:1.25;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.attchip .atm{display:block;font-size:10.3px;color:var(--chrome);font-family:var(--mono)}
.p-red{background:var(--red-bg);color:var(--red)}
.p-amb{background:var(--amber-bg);color:var(--amber)}
.p-grn{background:var(--green-bg);color:var(--green)}
.p-nav{background:var(--navy-bg);color:var(--navy)}
.p-cyn{background:var(--cyan-bg);color:var(--cyan)}
.p-gry{background:var(--n100);color:var(--n500)}
.rolebadge.admin{background:var(--red-bg);color:var(--red)}
.rolebadge.off{background:var(--n100);color:var(--n500)}