/* Lists */
.section{margin-top:27px}
.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}
.sectionhead h3{margin:0;font-size:15px;letter-spacing:-.018em}
.sectionhead span{font-size:10px;color:var(--muted)}
.list{border-top:1px solid var(--line)}
.vrow{
  display:grid;grid-template-columns:48px minmax(0,1fr) 108px 120px 84px 24px;
  align-items:center;gap:12px;min-height:84px;border-bottom:1px solid var(--line);
  cursor:pointer;transition:background .15s,transform .12s
}
.vrow:hover{background:rgba(127,127,127,.03)}
.vrow:active{transform:scale(.997)}
.score{font-size:17px;font-weight:780;letter-spacing:-.04em}
.score.high{color:var(--accent)}
.score.low{color:var(--muted)}
.score small{display:block;margin-top:2px;font-size:8px;color:var(--muted);font-weight:650;letter-spacing:0}
.logo{
  width:31px;height:31px;border-radius:9px;background:var(--surface2);border:1px solid var(--line);
  display:grid;place-items:center;font-size:9px;font-weight:800;color:var(--muted);flex:0 0 auto
}
.titlewrap{display:flex;align-items:center;gap:10px;min-width:0}
.titletext{min-width:0}
.title{font-size:13px;font-weight:720;letter-spacing:-.012em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.company{font-size:10px;color:var(--muted);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cell{font-size:10px;color:var(--muted);line-height:1.35}
.cell strong{color:var(--text);font-weight:650}
.direct{display:inline-flex;height:23px;align-items:center;padding:0 7px;border-radius:7px;background:var(--accentSoft);color:var(--accent);font-size:9px;font-weight:760}
.chev{font-size:18px;color:var(--muted2);text-align:right}

/* Attention */
.attentionitem{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;
  min-height:70px;border-bottom:1px solid var(--line);cursor:pointer
}
.attentionitem:last-child{border-bottom:0}
.attn-title{font-size:12px;font-weight:700}
.attn-sub{font-size:9px;color:var(--muted);margin-top:4px}
.attn-action{font-size:9px;color:var(--accent);font-weight:750;background:var(--accentSoft);padding:6px 8px;border-radius:7px}

/* Search */
.searchbar{
  position:sticky;top:12px;z-index:15;display:flex;align-items:center;gap:8px;
  padding:7px;border:1px solid var(--line);background:var(--glass);backdrop-filter:blur(28px) saturate(170%);
  border-radius:13px;margin-bottom:10px;box-shadow:0 5px 24px rgba(0,0,0,.04)
}
.searchfield{position:relative;flex:1}
.searchfield svg{position:absolute;left:11px;top:10px;width:15px;height:15px;color:var(--muted)}
.searchfield input{width:100%;height:35px;border:0;background:transparent;outline:0;padding:0 9px 0 34px;font-size:11px}
.searchfield input::placeholder{color:var(--muted2)}
.select{height:34px;border:0;background:var(--surface2);border-radius:8px;padding:0 9px;font-size:10px;color:var(--muted);outline:0}
.filters{display:flex;gap:6px;overflow-x:auto;padding:1px 0 11px;scrollbar-width:none}
.filters::-webkit-scrollbar{display:none}
.filter{flex:0 0 auto;height:29px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:0 9px;color:var(--muted);font-size:9px;font-weight:700}
.filter.active{background:var(--accentSoft);color:var(--accent);border-color:transparent}
.resultline{display:flex;justify-content:space-between;align-items:center;margin:2px 0 0}
.resultline span{font-size:9px;color:var(--muted)}

/* Pipeline */
.pipeline{display:grid;grid-template-columns:repeat(5,minmax(185px,1fr));gap:9px;overflow-x:auto}
.pcol{min-height:350px;border:1px solid var(--line);border-radius:14px;padding:8px;background:rgba(127,127,127,.02)}
.phead{display:flex;justify-content:space-between;padding:3px 4px 8px;font-size:9px;color:var(--muted);font-weight:750}
.pcount{min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:var(--surface);border:1px solid var(--line);font-size:8px}
.pcard{border:1px solid var(--line);background:var(--surface);border-radius:11px;padding:10px;margin-bottom:6px;cursor:pointer}
.pcard strong{display:block;font-size:10px;line-height:1.35}.pcard span{display:block;margin-top:4px;font-size:8px;color:var(--muted)}

/* Archive / directions */
.archive-row{display:grid;grid-template-columns:44px minmax(0,1fr) 92px;gap:12px;align-items:center;min-height:62px;border-bottom:1px solid var(--line);cursor:pointer}
.archive-title{font-size:11px;font-weight:680}.archive-sub{font-size:9px;color:var(--muted);margin-top:3px}
.dirgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.dir{border:1px solid var(--line);background:var(--surface);border-radius:15px;padding:16px}
.dirscore{font-size:9px;color:var(--accent);font-weight:800}.dir h4{margin:6px 0 6px;font-size:13px}.dir p{margin:0;font-size:10px;line-height:1.55;color:var(--muted)}

/* Drawer */
.backdrop{position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.28);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:.2s}
.backdrop.open{opacity:1;pointer-events:auto}
.drawer{
  position:fixed;top:0;right:0;height:100svh;width:min(540px,94vw);z-index:80;
  background:var(--glassStrong);backdrop-filter:blur(36px) saturate(180%);
  border-left:1px solid var(--lineStrong);box-shadow:var(--shadowDeep);
  transform:translateX(102%);transition:transform .27s cubic-bezier(.2,.75,.2,1);display:flex;flex-direction:column
}
.drawer.open{transform:none}
.drawerhead{display:flex;justify-content:space-between;gap:14px;padding:20px;border-bottom:1px solid var(--line)}
.drawereyebrow{font-size:9px;color:var(--muted);font-weight:700}.drawertitle{margin:5px 0 0;font-size:22px;line-height:1.12;letter-spacing:-.035em}
.close{width:31px;height:31px;border:0;border-radius:50%;background:var(--surface2);color:var(--muted);font-size:18px;display:grid;place-items:center}
.drawerbody{padding:18px 20px 30px;overflow:auto}
.detailscore{font-size:25px;font-weight:790;letter-spacing:-.04em}.detailscore small{font-size:9px;color:var(--muted);font-weight:650}
.detailmeta{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.matchgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.matchbox{padding:10px;border-radius:10px;background:var(--surface2)}
.matchbox span{font-size:8px;color:var(--muted);display:block}.matchbox strong{font-size:12px;display:block;margin-top:3px}
.detailsection{margin-top:22px}
.detailsection h3{margin:0 0 7px;font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.detailcopy{font-size:11px;line-height:1.6}
.detailcopy.muted{color:var(--muted)}
.alert{padding:10px 11px;border-radius:10px;background:var(--orangeSoft);color:var(--orange);font-size:10px;line-height:1.5}
.salarybox{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--surface)}
.salaryrow{display:flex;justify-content:space-between;gap:12px;padding:5px 0;font-size:10px}
.salaryrow span{color:var(--muted)}.salaryrow strong{font-weight:700}
.linkstack{display:grid;gap:7px;margin-top:10px}
.action{width:100%;height:41px;border:0;border-radius:10px;background:var(--text);color:var(--bg);font-size:11px;font-weight:760;display:flex;align-items:center;justify-content:space-between;padding:0 12px}
.action.secondary{background:var(--surface2);color:var(--text);border:1px solid var(--line)}
.formlabel{display:block;font-size:9px;color:var(--muted);font-weight:750;margin:0 0 6px}
.drawer select,.drawer textarea{width:100%;border:1px solid var(--line);background:var(--surface);border-radius:10px;outline:0;padding:10px;font-size:10px}
.drawer textarea{min-height:100px;resize:vertical;line-height:1.5}
.employernote{font-size:9px;line-height:1.5;color:var(--muted);margin-top:8px}
.mobile-sticky-action{display:none}