/* matches page: Direction 1 focus queue (one role at a time) inside the Direction 3 frame.
   The "List" view keeps the older ranked list (with bulk actions), restyled as a D3 table. */
.hj-matches__kicker{font-size:15px;font-weight:600;color:var(--hj-muted)}
.hj-matches .hj-h1{margin-top:4px}
.hj-matches__pos{color:var(--hj-hi)}
.hj-matches__progress{height:4px;margin:-8px 0 24px;background:var(--hj-hair)}
.hj-matches__progress span{display:block;height:100%;background:var(--hj-primary)}

/* toolbar: filters, sort, view switch */
.hj-matches__toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.hj-matches__toolbar .hj-matches__pills{flex-grow:1}
.hj-matches__sortlabel{font-size:13px}
.hj-matches__view{display:inline-flex;border:1px solid var(--hj-edge);border-radius:2px;overflow:hidden}
.hj-matches__view button{height:36px;padding:0 14px;border:0;background:var(--hj-card);font-size:14px;font-weight:600;color:var(--hj-body);cursor:pointer}
.hj-matches__view button + button{border-left:1px solid var(--hj-edge)}
.hj-matches__view button[aria-pressed="true"]{background:var(--hj-fg);color:var(--hj-card)}

/* focus layout */
.hj-focuswrap{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
.hj-focus{border:1px solid var(--hj-hair);border-radius:2px;background:var(--hj-card)}
.hj-focus__body{padding:32px 36px 28px}
.hj-focus__top{display:flex;gap:24px;align-items:flex-start}
.hj-focus__who{flex:1;min-width:0}
.hj-focus__company{font-size:17px;font-weight:700;color:var(--hj-hi)}
.hj-focus__meta{margin-top:2px;font-size:15px;color:var(--hj-muted)}
.hj-focus__new{display:inline-block;margin-left:8px;padding:1px 7px;border-radius:2px;background:var(--hj-teal-soft);color:var(--hj-teal);font-size:12px;font-weight:700;vertical-align:1px}
.hj-focus__title{margin:22px 0 0;font:700 34px/1.12 var(--hj-font-display);letter-spacing:-.01em;color:var(--hj-hi)}
.hj-focus__title button{all:unset;cursor:pointer}
.hj-focus__title button:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}
.hj-focus__title button:focus-visible{outline:2px solid var(--hj-gold);outline-offset:3px}
.hj-focus__fit{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}
.hj-focus__fit .hj-fitbadge--lg{width:96px;height:96px;font-size:34px}
.hj-focus__reasons{margin-top:28px;padding:20px 24px;border-radius:2px;background:var(--hj-hover);border:1px solid var(--hj-hair)}
.hj-focus__reasons-title{margin-bottom:10px;font-size:14px;font-weight:700;color:var(--hj-gold)}
.hj-focus__reason{display:flex;gap:10px;align-items:flex-start;margin:8px 0 0;font-size:17px;line-height:1.5;color:var(--hj-body)}
.hj-focus__reason svg{flex-shrink:0;margin-top:3px;color:var(--hj-teal)}
.hj-focus__reason--gap svg{color:var(--hj-warn)}
.hj-focus__actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:18px 36px;border-top:1px solid var(--hj-hair)}
.hj-focus__save{height:48px;padding:0 26px;font-size:16px;font-weight:700}
.hj-focus__spacer{flex:1}
.hj-focus__keys{margin:0;padding:0 36px 18px;font-size:13px;color:var(--hj-muted)}
.hj-focus__keys kbd{display:inline-block;min-width:18px;margin:0 3px 0 8px;padding:1px 5px;border:1px solid var(--hj-edge);border-radius:2px;background:var(--hj-hover);font:600 12px var(--hj-font-body);text-align:center;color:var(--hj-fg)}
.hj-focus__keys kbd:first-child{margin-left:0}
.hj-focuswrap__back{margin-top:12px;display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:6px 0;font:inherit;font-size:15px;font-weight:600;color:var(--hj-muted);cursor:pointer}
.hj-focuswrap__back:hover{color:var(--hj-hi)}
.hj-focus-done{padding:32px 36px}
.hj-focus-done p{margin:10px 0 0}
.hj-focus-done__actions{display:flex;gap:10px;margin-top:20px}

/* side column */
.hj-focuswrap__side{display:grid;gap:16px}
.hj-upnext,.hj-sidesearch{padding:22px 24px}
.hj-upnext__head{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}
.hj-upnext__head .hj-h2,.hj-sidesearch .hj-h2{flex:1;font-size:20px}
.hj-upnext__list{list-style:none;margin:0;padding:0}
.hj-upnext__list li + li{border-top:1px solid var(--hj-edge)}
.hj-upnext__item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 0;border:0;background:none;text-align:left;font:inherit;color:inherit;cursor:pointer}
.hj-upnext__item:hover b{text-decoration:underline;text-underline-offset:3px}
.hj-upnext__text{flex:1;min-width:0;display:flex;flex-direction:column}
.hj-upnext__text b{font-size:15px;color:var(--hj-hi)}
.hj-upnext__text span{font-size:14px;color:var(--hj-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hj-upnext .hj-fitbadge{width:40px;height:40px;font-size:15px}
.hj-sidesearch__chips{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 10px}
.hj-sidesearch__where{margin:0 0 14px;font-size:15px}

/* list view: the old dark header row becomes a D3 table header */
.hj-matches .hj-matches__list{background:var(--hj-card);border:0;border-radius:0;box-shadow:none}
.hj-matches .hj-match--head{background:none;color:var(--hj-muted);border-bottom:1px solid var(--hj-fg);letter-spacing:0;text-transform:none;font-size:13px;font-weight:700}
.hj-matches .hj-match-list .hj-match{border-top:1px solid var(--hj-edge)}

@media (max-width:1100px){
  .hj-focuswrap{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  .hj-matches__sortlabel,.hj-matches__toolbar .hj-select{display:none}
  .hj-matches__toolbar .hj-matches__pills{flex-basis:100%}
  .hj-focus__body{padding:22px 18px 18px}
  .hj-focus__top{flex-direction:column-reverse;gap:14px}
  .hj-focus__fit{flex-direction:row;align-items:center}
  .hj-focus__fit .hj-fitbadge--lg{width:72px;height:72px;font-size:26px}
  .hj-focus__title{margin-top:12px;font-size:26px}
  .hj-focus__reasons{margin-top:18px;padding:14px 16px}
  .hj-focus__reason{font-size:16px}
  .hj-focus__actions{position:sticky;bottom:0;z-index:2;padding:12px 18px;background:var(--hj-card)}
  .hj-focus__save{flex:1;justify-content:center}
  .hj-focus__spacer{display:none}
  .hj-focus__keys{display:none}
}
@media (max-width:760px){
  /* phones: the sticky bar keeps the two decisions; the title opens the details */
  .hj-focus__actions .hj-btn:not(.hj-focus__save):not(.hj-btn--quiet),
  .hj-focus__actions a.hj-btn{display:none}
  .hj-focus__actions .hj-btn--quiet{flex:0 0 auto}
}