/* Open roles as you type (live.js), under the composer. Uses home.css tokens. */
.live{position:relative;z-index:2;width:min(560px,100%);margin-top:10px;text-align:left;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);
  padding:12px 8px 8px;animation:rise .25s var(--ease) both}
.lv-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 10px 8px;font-size:13px;color:var(--muted)}
.lv-phase{display:flex;align-items:center;gap:8px}
.lv-ms{color:var(--faint);font-variant-numeric:tabular-nums;white-space:nowrap}
.lv-spin{width:11px;height:11px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--gold);animation:lvspin .7s linear infinite}
.lv-dot{width:7px;height:7px;border-radius:50%;background:var(--gold)}
@keyframes lvspin{to{transform:rotate(360deg)}}
.lv-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.lv-job{display:flex;align-items:center;gap:14px;padding:10px;border-radius:14px;color:inherit;text-decoration:none;transition:background .15s}
.lv-job:hover,.lv-job:focus-visible{background:var(--card)}
.lv-main{flex:1;min-width:0;display:grid;gap:2px}
.lv-title{font-weight:650;font-size:15px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lv-title mark{background:none;color:var(--gold-2)}
.lv-meta{font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lv-pay{color:var(--gold)}
.lv-fit{flex:none;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}
.lv-fit i{display:block;width:44px;height:4px;border-radius:9px;background:var(--line);overflow:hidden}
.lv-fit i::after{content:"";display:block;height:100%;width:var(--w);background:var(--gold);border-radius:inherit}
.lv-fit b{font-weight:600;min-width:3ch;text-align:right;color:var(--text);font-variant-numeric:tabular-nums}
.lv-empty{margin:4px 10px 10px;color:var(--muted);font-size:14px}
.lv-all{display:block;margin-top:4px;padding:10px;border-radius:14px;font-size:14px;font-weight:600;color:var(--gold);text-decoration:none}
.lv-all:hover{background:var(--card)}
@media (max-width:520px){.lv-fit i{display:none}.lv-title,.lv-meta{white-space:normal}}