/* Hiring tools in the members' area: holds, shortlists, company accounts, verification, kit packages */
.tm-h{font-family:var(--display);font-weight:800;font-size:28px;letter-spacing:-.02em;margin-top:18px}
.tm-panel{max-width:900px;width:100%;gap:14px}
.tm-panel>h3{font-family:var(--display);font-weight:800;font-size:24px;color:var(--mint)}
.tm-body{display:flex;flex-direction:column;gap:16px}
.tm-members{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.tm-member{display:flex;align-items:center;gap:14px;padding:10px 14px;border:1px solid #2e2e2e;border-radius:14px}
.tm-member .d-face{width:44px;height:44px;flex:none}
.tm-who{display:flex;flex-direction:column;flex:1;min-width:0}
.tm-status{font-size:13px;font-weight:600;padding:4px 10px;border-radius:999px;border:1px solid #5c5c5c;color:#c4c4c4;white-space:nowrap}
.tm-status.in{border-color:var(--mint);color:var(--mint)}
.tm-status.no{border-color:#7a4b4b;color:#e3a6a6}
.tm-invite{display:flex;flex-direction:column;gap:12px;max-width:none;padding-top:6px;border-top:1px solid #2e2e2e}
.tm-invite>button{align-self:flex-start}
.tm-inviteCard{border:2px solid var(--mint)}
.linkish{min-height:44px;padding:0;border:0;background:none;color:#c4c4c4;font:inherit;font-size:14px;text-decoration:underline;text-underline-offset:3px;cursor:pointer;align-self:flex-start}
.linkish:hover{color:#fff}
.small-btn{min-height:44px;padding:10px 18px;font-size:15px}

.hh-form{max-width:900px;width:100%;display:flex;flex-direction:column;gap:14px}
.hh-form>h3{font-family:var(--display);font-weight:800;font-size:24px}
.hh-form>button{align-self:flex-start}
.hh-jobs{display:flex;flex-direction:column;gap:16px;max-width:900px;width:100%}
.hh-job>h3{font-family:var(--display);font-weight:800;font-size:22px;color:var(--mint)}
.hh-crew{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.hh-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:10px 14px;border:1px solid #2e2e2e;border-radius:14px}
.hh-row .row{gap:12px;align-items:center;flex-wrap:wrap}
.hh-rec{display:flex;flex-direction:column;gap:10px;width:100%}
.hh-hold.hh-new{border-color:var(--mint)}
.hh-hold .row{gap:10px;flex-wrap:wrap}
.hh-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:900px;width:100%}
.hh-stat{display:flex;flex-direction:column;gap:4px;padding:18px;border:1px solid #2e2e2e;border-radius:16px;color:inherit;text-decoration:none}
.hh-stat b{font-family:var(--display);font-weight:800;font-size:34px;color:var(--mint);line-height:1}
.hh-stat span{font-size:14px;color:#c4c4c4}
.hh-stat:hover{border-color:var(--mint)}

.hp-picker{display:flex;flex-direction:column;gap:10px}
.hp-results{display:flex;flex-direction:column;gap:6px}
.hp-add{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border:1px solid #2e2e2e;border-radius:12px;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.hp-add:hover{border-color:var(--mint)}
.hp-plus{color:var(--mint);font-weight:700;font-size:14px}
.hp-picked{display:flex;flex-wrap:wrap;gap:8px}
.hp-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 4px 4px 14px;border-radius:999px;background:#242424;border:1px solid #3a3a3a;font-size:14px}
.hp-x{width:32px;height:32px;border:0;border-radius:50%;background:none;color:#c4c4c4;font-size:20px;line-height:1;cursor:pointer}
.hp-x:hover{background:#333;color:#fff}

.hv-promise{border:2px solid var(--mint);max-width:900px}
.hv-type{display:flex;flex-direction:column;gap:2px;padding:10px 0;border-bottom:1px solid #2e2e2e}
.hv-type .small{margin-left:34px}
.hv-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-width:900px}
.hv-list li{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #2e2e2e;border-radius:14px}
.hv-list li .small{margin-left:auto}
.hv-tick{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--mint);color:#191919;font-weight:800;flex:none}

@media (max-width:700px){
  .hh-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hv-list li{flex-wrap:wrap}
  .hv-list li .small{margin-left:40px;width:100%}
}