.jobWatchShell{margin:28px 0 4px;border:1px solid rgba(148,163,184,.18);border-radius:24px;overflow:hidden;background:linear-gradient(180deg,rgba(16,24,40,.86),rgba(9,14,25,.94));box-shadow:0 18px 55px rgba(0,0,0,.18)}
.jobWatchHero{display:flex;justify-content:space-between;gap:28px;align-items:flex-start;padding:28px 30px 22px;border-bottom:1px solid rgba(148,163,184,.12)}
.jobWatchHero .eyebrow{margin:0 0 8px;font-size:11px;font-weight:800;letter-spacing:.16em;color:#8bd3ff}
.jobWatchHero h3{margin:0 0 8px;font-size:clamp(24px,3vw,36px);letter-spacing:-.035em}
.jobWatchHero p:not(.eyebrow){max-width:760px;margin:0;color:rgba(226,232,240,.72);line-height:1.6}
.jobWatchPulse{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(74,222,128,.22);border-radius:999px;background:rgba(34,197,94,.08);font-size:11px;font-weight:800;letter-spacing:.08em;color:#9cf2b6;white-space:nowrap}
.jobWatchPulse span{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 5px rgba(74,222,128,.08)}
.jobWatchComposer{padding:24px 30px;border-bottom:1px solid rgba(148,163,184,.12)}
.jobWatchFields{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(320px,1.4fr);gap:12px}
.jobWatchFields input,.jobWatchFields textarea{width:100%;box-sizing:border-box;border:1px solid rgba(148,163,184,.18);border-radius:14px;background:rgba(15,23,42,.68);color:#f8fafc;padding:14px 15px;font:inherit;outline:none}
.jobWatchFields textarea{min-height:78px;resize:vertical;line-height:1.45}
.jobWatchFields input:focus,.jobWatchFields textarea:focus{border-color:rgba(125,211,252,.62);box-shadow:0 0 0 3px rgba(56,189,248,.08)}
.jobWatchExamples{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.jobWatchExamples button,.jobWatchActions button,.jobWatchActions a{border:1px solid rgba(148,163,184,.17);border-radius:999px;background:rgba(30,41,59,.72);color:#dbeafe;padding:8px 11px;font-size:12px;text-decoration:none;cursor:pointer}
.jobWatchExamples button:hover,.jobWatchActions button:hover,.jobWatchActions a:hover{border-color:rgba(125,211,252,.46);background:rgba(30,58,91,.68)}
.jobWatchActionRow{display:flex;align-items:center;gap:14px;margin-top:15px}
.jobWatchPrimary{border:0;border-radius:12px;background:#f8fafc;color:#0f172a;padding:11px 15px;font-weight:800;cursor:pointer}
.jobWatchPrimary:disabled{opacity:.55;cursor:wait}
.jobWatchStatus{font-size:13px;color:#cbd5e1}
.jobWatchBoundary{margin-top:15px;border-radius:13px;background:rgba(30,41,59,.48);padding:11px 13px;color:#94a3b8;font-size:12px;line-height:1.5}
.jobWatchBoundary strong{color:#dbeafe}
.jobWatchListWrap{padding:24px 30px 30px}
.jobWatchListHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:#e2e8f0}
.jobWatchListHead>span{font-size:12px;color:#94a3b8}
.jobWatchGrid{display:grid;gap:14px}
.jobWatchEmpty{padding:24px;border:1px dashed rgba(148,163,184,.2);border-radius:16px;color:#94a3b8;text-align:center}
.jobWatchCard{border:1px solid rgba(148,163,184,.16);border-radius:18px;background:rgba(15,23,42,.56);padding:18px}
.jobWatchCardTop{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}
.jobWatchCardTitle{min-width:0}
.jobWatchCardTitle>span{display:block;margin-bottom:4px;color:#7dd3fc;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;overflow:hidden;text-overflow:ellipsis}
.jobWatchCardTitle h4{margin:0;font-size:18px;letter-spacing:-.02em}
.jobWatchState{flex:0 0 auto;border-radius:999px;padding:6px 9px;background:rgba(148,163,184,.08);color:#94a3b8;font-size:10px;font-weight:800;letter-spacing:.08em}
.jobWatchState.on{background:rgba(34,197,94,.1);color:#86efac}
.jobWatchSummary{margin:12px 0 10px;color:#cbd5e1;line-height:1.5;font-size:13px}
.jobWatchPills{display:flex;flex-wrap:wrap;gap:7px}
.jobWatchPills span{border:1px solid rgba(125,211,252,.14);border-radius:999px;background:rgba(14,116,144,.11);padding:5px 8px;color:#bae6fd;font-size:11px}
.jobWatchRead{display:flex;gap:10px;align-items:flex-start;margin-top:13px;padding:10px 11px;border-radius:12px;background:rgba(30,41,59,.42);font-size:12px;line-height:1.45}
.jobWatchRead strong{flex:0 0 auto;color:#94a3b8;font-size:10px;letter-spacing:.08em;margin-top:2px}
.jobWatchRead span{color:#dbeafe}
.jobWatchMatches{margin-top:14px;border-top:1px solid rgba(148,163,184,.12);padding-top:13px}
.jobWatchMatchesHead{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}
.jobWatchMatchesHead strong{font-size:12px;color:#e2e8f0}
.jobWatchMatchesHead span{font-size:11px;color:#94a3b8}
.jobWatchMatch{padding:11px 12px;border:1px solid rgba(74,222,128,.12);border-radius:13px;background:rgba(20,83,45,.08)}
.jobWatchMatch+.jobWatchMatch{margin-top:8px}
.jobWatchMatchTop{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.jobWatchMatchTop strong{display:block;color:#f8fafc;font-size:13px}
.jobWatchMatchTop small{display:block;margin-top:2px;color:#94a3b8}
.jobWatchMatchTop a{flex:0 0 auto;color:#7dd3fc;font-size:11px;text-decoration:none}
.jobWatchMatchFacts{display:flex;flex-wrap:wrap;gap:8px;margin-top:7px}
.jobWatchMatchFacts span{font-size:10px;color:#bae6fd}
.jobWatchMatch p{margin:7px 0 0;color:#b6c2d2;font-size:11px;line-height:1.45}
.jobWatchError{margin-top:12px;padding:9px 10px;border-radius:10px;background:rgba(127,29,29,.18);color:#fecaca;font-size:12px}
.jobWatchMeta{display:flex;flex-wrap:wrap;gap:12px;margin-top:13px;color:#64748b;font-size:10px}
.jobWatchActions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:13px}
.jobWatchActions .danger{color:#fca5a5}
@media (max-width:760px){
  .jobWatchShell{margin-top:20px;border-radius:19px}
  .jobWatchHero{display:block;padding:20px 17px 17px}
  .jobWatchPulse{display:inline-flex;margin-top:14px}
  .jobWatchComposer,.jobWatchListWrap{padding:17px}
  .jobWatchFields{grid-template-columns:1fr}
  .jobWatchActionRow{align-items:flex-start;flex-direction:column}
  .jobWatchPrimary{width:100%}
  .jobWatchCardTop,.jobWatchMatchTop{gap:9px}
  .jobWatchMatchTop{display:block}
  .jobWatchMatchTop a{display:inline-block;margin-top:5px}
  .jobWatchRead{display:block}
  .jobWatchRead strong{display:block;margin-bottom:4px}
}
