/* jev-match.css — Match-M8 surfaces. BUSY system (governing design,
   Oct 14 2026): verdicts are filled pills you can read at a glance —
   Chase is a filled teal pill carrying the pursue %, Needs a human is
   a filled amber pill, Pass is a filled grey pill. Match numbers sit
   in mint pills at weight 800. Text colors are solid AA tiers (no
   opacity demotion). DM Sans inherited. */
.jm-chip {
  font: inherit; font-size: .8rem; font-weight: 800;
  border: 1px solid transparent; border-radius: 999px;
  padding: .22rem .65rem; cursor: pointer;
  white-space: nowrap; line-height: 1.35;
}
.jm-chip.jm-chase { background: #0a806f; color: #fff; }
.jm-chip.jm-chase:hover { background: #076657; }
.jm-chip.jm-human { background: #fff0d8; color: #9a5410; border-color: #e3b26a; }
.jm-chip.jm-pass { background: #e9efef; color: #43565b; border-color: #c9d4d4; }
.jm-gap { border-top: 1px solid rgba(0,0,0,.12); margin-top: .5rem; padding-top: .5rem; }
.jm-gap-label { display: block; font-size: .72rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: #4a5d61; margin-bottom: .3rem; }
.jm-gap-chip {
  font-size: .78rem; font-weight: 800; color: #076657;
  background: #d9f2ea; border: 1px solid rgba(10,128,111,.4);
  border-radius: 999px; padding: .14rem .55rem;
}
.jm-gap-sugg { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .4rem; }
.jm-sugg { font-size: .78rem; font-weight: 600; color: #2c343a; }
.jm-sortbar, .jm-dir-sort {
  display: flex; align-items: center; gap: .5rem; flex-wrap: wrap;
  padding: .45rem 0; border-bottom: 1px solid rgba(0,0,0,.12); margin-bottom: .6rem;
}
.jm-sort-label { font-size: .78rem; font-weight: 700; color: #4a5d61; }
.jm-sort-btn {
  font: inherit; font-size: .8rem; font-weight: 700; cursor: pointer;
  border: 1px solid #c9d4d4; background: #f5f7f7; color: #2c343a;
  border-radius: 999px; padding: .22rem .65rem;
}
.jm-sort-btn.on { background: #d9f2ea; color: #076657; border-color: rgba(10,128,111,.5); font-weight: 800; }
.jm-shared { font-size: .8rem; font-weight: 700; color: #076657; margin: .35rem 0 0; }
.jm-note { font-size: .85rem; color: #43565b; }
.jm-eyebrow { font-size: .72rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: #4a5d61; margin: 0 0 .4rem; }
.jm-keynum {
  display: inline-block; font-size: 1.35rem; font-weight: 800; color: #076657;
  background: #d9f2ea; border-radius: 999px; padding: .3rem .9rem; margin: 0 0 .4rem;
}
.jm-scrim { position: fixed; inset: 0; background: rgba(20,22,25,.45); z-index: 90; }
.jm-modal {
  position: fixed; z-index: 91; left: 50%; top: 50%; transform: translate(-50%,-50%);
  width: min(26rem, calc(100vw - 2rem)); max-height: 84vh; overflow: auto;
  background: #fff; border-radius: 14px; padding: 1.1rem 1.2rem;
  box-shadow: 0 18px 50px rgba(0,0,0,.25); color: #17191c;
}
.jm-modal-x {
  position: absolute; top: .5rem; right: .6rem; border: 0; background: transparent;
  font-size: 1.25rem; cursor: pointer; color: #43565b;
}
.jm-bars { display: grid; gap: .5rem; margin: .6rem 0; }
.jm-bar { display: grid; grid-template-columns: 8.5rem 1fr 2.6rem; align-items: center; gap: .6rem; }
.jm-bar-label { font-size: .82rem; font-weight: 600; color: #2c343a; }
.jm-bar-track { height: 8px; border-radius: 999px; background: rgba(0,0,0,.1); overflow: hidden; }
.jm-bar-fill { display: block; height: 100%; background: #0a806f; border-radius: 999px; }
.jm-bar-pct { font-size: .82rem; font-weight: 800; text-align: right; }
.ssp-pursuit .jm-chip, .inbox-msg .jm-chip { margin-left: .5rem; }

/* S2: stored people-fit pill + breakdown detail */
.jm-fit-pill {
  font: inherit; font-size: 12.5px; font-weight: 800; cursor: pointer;
  color: #06382d; background: #7fe6b8; border: 2px solid #0f5f4d;
  border-radius: 999px; padding: 3px 10px; margin-top: 6px;
}
.jm-bar-detail { margin: 0 0 6px; font-size: 12px; color: #43565e; font-weight: 600; }
.jm-keynum-name { margin: 0 0 2px; font-size: 16px; font-weight: 800; }