/* jev-home.css — Match-M8 Home intelligence + Find Work social (PR2).
 * BUSY presentation (governing design): mint match pills, colored
 * chips, visible counts, bold weights, full information at a glance.
 * Solid AA text colors only — no opacity demotion of information. */
#jev-home-best, #jev-home-formation, #jev-home-pulse {
  background: #ffffff; border: 1px solid #d8e0e1; border-radius: 18px;
  padding: 14px; margin: 0 0 12px; color: #102428;
  font-family: "DM Sans", system-ui, sans-serif;
}
.jh-head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.jh-title { margin: 0; font-size: 17px; font-weight: 800; color: #123f4c; }
.jh-count { background: #d9f2ea; color: #076657; font-weight: 800; font-size: 12px; border-radius: 999px; padding: 3px 9px; }
.jh-sub { margin: 4px 0 10px; color: #4a5d61; font-size: 13px; font-weight: 600; }
.jh-empty { margin: 6px 0; color: #4a5d61; font-size: 13.5px; font-weight: 600; }
.jh-row { border: 1px solid #d8e0e1; border-radius: 14px; padding: 11px 12px; margin: 0 0 8px; background: #ffffff; }
.jh-row-top { display: flex; align-items: flex-start; gap: 10px; }
.jh-row-title { background: none; border: none; padding: 0; font: inherit; font-weight: 800; font-size: 14.5px; color: #102428; text-align: left; flex: 1; cursor: pointer; }
.jh-row-title:hover { color: #0a806f; text-decoration: underline; }
.jh-match { background: #d9f2ea; color: #076657; font-weight: 800; font-size: 12.5px; border: none; border-radius: 999px; padding: 4px 11px; white-space: nowrap; cursor: pointer; }
.jh-match.static { cursor: default; }
.jh-chips { display: flex; gap: 6px; flex-wrap: wrap; margin-top: 8px; }
.jh-chip { background: #e9efef; color: #102428; border: 1px solid #d8e0e1; border-radius: 999px; padding: 3px 9px; font-size: 12px; font-weight: 700; }
.jh-chip.due { background: #fff0d8; color: #9a5410; border-color: transparent; }
.jh-chip.teal { background: #d9f2ea; color: #076657; border-color: transparent; }
.jh-row-meta { margin: 6px 0 0; color: #4a5d61; font-size: 12.5px; font-weight: 600; }
.jh-hook { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; background: #eef8f4; border: 1px solid #d9f2ea; border-radius: 14px; padding: 11px 12px; margin-top: 4px; }
.jh-hook-text { font-weight: 700; font-size: 13.5px; color: #102428; flex: 1; }
.jh-btn { background: #0a806f; color: #ffffff; border: none; border-radius: 999px; padding: 8px 14px; font-weight: 800; font-size: 13px; cursor: pointer; text-decoration: none; display: inline-block; }
.jh-link { color: #0a806f; font-weight: 800; font-size: 13px; display: inline-block; margin-top: 8px; }
.jh-dismiss { margin-left: auto; background: #e9efef; color: #102428; border: 1px solid #d8e0e1; border-radius: 999px; padding: 5px 11px; font-weight: 700; font-size: 12px; cursor: pointer; }
.jh-form-sec { margin-top: 10px; }
.jh-form-tag { display: inline-block; font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: #0a806f; margin-bottom: 5px; }
.jh-form-line { margin: 3px 0; font-size: 13.5px; font-weight: 600; color: #102428; }
.jh-pursuit-link { color: #102428; font-weight: 800; }
.jh-quest { background: #fdf3d7; border: 1px solid #d9a92c; border-radius: 14px; padding: 11px 12px; margin-top: 12px; }
.jh-quest-tag { display: inline-block; font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: #7a5c06; margin-right: 8px; }
.jh-quest-title { font-size: 14px; color: #102428; }
.jh-progress { height: 8px; border-radius: 99px; background: #e9efef; overflow: hidden; margin-top: 8px; }
.jh-progress-fill { display: block; height: 100%; background: #0a806f; border-radius: 99px; }
.jh-quest-line { margin: 7px 0 0; font-size: 13px; font-weight: 600; color: #102428; }
.ssp-profile .jh-quest { margin: 12px 0; }
.jh-pulse-row { display: flex; gap: 10px; align-items: flex-start; border: 1px solid #d8e0e1; border-radius: 14px; padding: 10px 12px; margin: 0 0 8px; }
.jh-pulse-main { flex: 1; min-width: 0; }
.jh-pulse-title { background: none; border: none; padding: 0; font: inherit; font-weight: 800; font-size: 14px; color: #102428; text-align: left; cursor: pointer; }
.jh-pulse-title:hover { color: #0a806f; text-decoration: underline; }
.jh-pulse-snip { margin: 3px 0 0; color: #4a5d61; font-size: 12.5px; font-weight: 600; }
.jh-question { background: #eef8f4; border: 1px solid #d9f2ea; border-radius: 14px; padding: 11px 12px; margin-top: 4px; }
.jh-discuss { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 8px; }
.jh-discuss-count { background: #d9f2ea; color: #076657; font-weight: 800; font-size: 12px; border-radius: 999px; padding: 3px 9px; }
.jh-discuss-count.none { background: #e9efef; color: #4a5d61; }
.jh-discuss-snip { color: #4a5d61; font-size: 12.5px; font-weight: 600; flex: 1; min-width: 120px; }
.jh-discuss-in { color: #102428; font-size: 12px; font-weight: 700; }
.jh-discuss-btn { background: #123f4c; color: #ffffff; border: none; border-radius: 999px; padding: 6px 12px; font-weight: 800; font-size: 12px; cursor: pointer; }
.jh-contract-card { display: block; width: 100%; text-align: left; background: #eef8f4; border: 1px solid #0a806f; border-radius: 12px; padding: 9px 11px; margin-top: 8px; cursor: pointer; font: inherit; }
.jh-cc-top { display: flex; align-items: center; gap: 8px; }
.jh-cc-title { font-weight: 800; font-size: 13px; color: #102428; flex: 1; }
.jh-cc-meta { display: block; margin-top: 3px; color: #4a5d61; font-size: 12px; font-weight: 700; }
/* Sits above "Send feedback" (fixed at bottom 18px), so neither covers the other. */
.jh-dock { position: fixed; right: 18px; bottom: 76px; z-index: 60; background: #0a806f; color: #ffffff; border: none; border-radius: 999px; padding: 12px 18px; font-weight: 800; font-size: 14px; box-shadow: 0 6px 24px rgba(16,36,40,.28); cursor: pointer; }
.jh-scrim { position: fixed; inset: 0; background: rgba(16,36,40,.45); z-index: 90; }
.jh-modal { position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 91; background: #ffffff; color: #102428; border-radius: 18px; padding: 18px; width: min(440px, 92vw); box-shadow: 0 12px 40px rgba(0,0,0,.3); font-family: "DM Sans", system-ui, sans-serif; }
.jh-modal-x { position: absolute; right: 10px; top: 8px; background: none; border: none; font-size: 20px; font-weight: 800; color: #102428; cursor: pointer; }
.jh-eyebrow { margin: 0 0 8px; font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #0a806f; }
.jh-keynum { display: inline-block; background: #d9f2ea; color: #076657; font-weight: 800; font-size: 16px; border-radius: 999px; padding: 6px 14px; margin: 0 0 10px; }
.jh-note { color: #4a5d61; font-size: 13px; font-weight: 600; margin: 8px 0 0; }
.jh-bars { display: flex; flex-direction: column; gap: 8px; }
.jh-bar { display: flex; align-items: center; gap: 10px; }
.jh-bar-label { width: 150px; font-size: 13px; font-weight: 700; color: #102428; }
.jh-bar-track { flex: 1; height: 8px; border-radius: 99px; background: #e9efef; overflow: hidden; }
.jh-bar-fill { display: block; height: 100%; background: #0a806f; }
.jh-bar-pct { font-size: 13px; font-weight: 800; color: #076657; width: 42px; text-align: right; }
@media (prefers-color-scheme: dark) {
  #jev-home-best, #jev-home-formation, #jev-home-pulse { background: #16282c; border-color: #2a4448; color: #eaf2f2; }
  .jh-title { color: #bfe3da; }
  .jh-row, .jh-pulse-row { background: #16282c; border-color: #2a4448; }
  .jh-row-title, .jh-pulse-title, .jh-cc-title, .jh-quest-title, .jh-quest-line, .jh-form-line { color: #eaf2f2; }
  .jh-count, .jh-match, .jh-chip.teal, .jh-discuss-count { color: #8fe0c9; }
  .jh-modal { background: #16282c; color: #eaf2f2; }
  .jh-bar-label { color: #eaf2f2; }
  .jh-keynum, .jh-bar-pct { color: #8fe0c9; }
}
/* x01 (owner direction 2026-10-16): no floating "Chat — this contract" on phones; the room's own
   Discussion tab does that job, and the corner stays clear. */
@media (max-width: 760px) { .jh-dock, #jev-home-dock { display: none !important; } }