.job-alert-notify,.job-alert-button{border:1px solid var(--ink-200);background:var(--white);min-height:36px;color:var(--ink-700);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:600;display:inline-flex}.job-alert-notify{border-color:var(--brand-200,#d5ccfc);background:var(--brand-50);color:var(--brand-700);border-radius:999px}.job-alert-button--primary{border-color:var(--brand-500);background:var(--brand-500);color:#fff}.job-alert-saved{color:var(--ink-600);align-items:center;gap:5px;font-size:12px;display:inline-flex}.app .page.page-job-alerts{width:min(100%,1024px);max-width:1024px;color:var(--ink-900);margin-inline:auto;padding:32px}.job-alerts-intro{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.job-alerts-intro h1{letter-spacing:-.035em;margin:0 0 6px;font-size:30px;font-weight:750}.job-alerts-intro p{color:var(--ink-600);max-width:58ch;margin:0;font-size:13px;line-height:1.6}.job-alerts-panel{border:1px solid var(--ink-200);background:var(--white);border-radius:16px;margin-bottom:24px;overflow:hidden;box-shadow:0 1px 4px #17122b04}.job-alerts-panel>header{border-bottom:1px solid var(--ink-100);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;display:flex}.job-alerts-panel h2{margin:0;font-size:14px;font-weight:700}.job-alerts-panel>header p{color:var(--ink-600);overflow-wrap:anywhere;margin:0;font-size:12px}.job-alerts-panel>header strong{font-weight:500}.job-alerts-list{margin:0;padding:0;list-style:none}.job-alerts-list>li{border-bottom:1px solid var(--ink-100);align-items:center;gap:16px;padding:24px;display:flex}.job-alerts-list>li:last-child{border-bottom:0}.job-alert-row-icon{background:var(--brand-50);width:44px;height:44px;color:var(--brand-600);border-radius:12px;flex:0 0 44px;place-items:center;display:inline-grid}.job-alert-row-copy{flex:1;min-width:0}.job-alert-row-copy h3{overflow-wrap:anywhere;margin:0 0 6px;font-size:14px;font-weight:650}.job-alert-row-copy p{color:var(--ink-600);align-items:center;gap:8px;margin:0 0 6px;font-size:11px;display:flex}.job-alert-row-copy small{color:var(--ink-600);overflow-wrap:anywhere;font-size:12px}.job-alert-status{background:var(--brand-50);color:var(--brand-700);border-radius:5px;padding:3px 7px}.job-alert-status--paused,.job-alert-row-icon--paused{background:var(--ink-50);color:var(--ink-500)}.job-alert-row-actions{align-items:center;gap:12px;display:flex}.job-alert-switch{cursor:pointer;background:0 0;border:0;width:44px;height:44px;position:relative}.job-alert-switch:before{content:"";background:var(--ink-300);border-radius:999px;position:absolute;inset:10px 0}.job-alert-switch>span{top:13px;background:#fff;border-radius:50%;width:18px;height:18px;transition:inset-inline-start .14s;position:absolute;inset-inline-start:3px;box-shadow:0 1px 3px #0002}.job-alert-switch[aria-checked=true]:before{background:var(--brand-500)}.job-alert-switch[aria-checked=true]>span{inset-inline-start:23px}.job-alert-delete{width:44px;height:44px;color:var(--ink-500);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.job-alert-delete:hover{background:var(--ink-50);color:var(--ink-900)}.job-alerts-back{color:var(--brand-600);align-items:center;gap:8px;min-height:44px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.job-alerts-empty{text-align:center;justify-items:center;gap:12px;padding:48px 24px;display:grid}.job-alerts-empty h3{margin:0;font-size:16px}.job-alerts-empty p{color:var(--ink-600);max-width:40ch;margin:0 0 8px;font-size:13px;line-height:1.6}.sys-dialog__content.job-alert-dialog{border-radius:16px;flex-direction:column;width:min(448px,100vw - 32px);max-height:calc(100dvh - 32px);padding:24px;display:flex;overflow:hidden}.job-alert-dialog>.sys-dialog__title{align-items:center;gap:8px;min-height:32px;margin:0 0 16px;padding-inline-end:28px;font-size:16px;font-weight:700;display:flex}.job-alert-dialog>.sys-dialog__body{overscroll-behavior:contain;min-height:0;margin-top:0;overflow-y:auto}.job-alert-description{color:var(--ink-600);margin:0 0 20px;font-size:12px;line-height:1.6}.job-alert-field{gap:7px;margin-bottom:16px;font-size:12px;font-weight:600;display:grid}.job-alert-field input{border:1px solid var(--ink-200);background:var(--white);width:100%;min-height:44px;color:var(--ink-900);border-radius:10px;padding:10px 12px;font-size:12px;font-weight:500}.job-alert-field input[readonly]{background:var(--ink-50);color:var(--ink-600)}.job-alert-form fieldset{border:0;margin:0 0 16px;padding:0}.job-alert-form legend{margin-bottom:10px;font-size:12px;font-weight:600}.job-alert-frequency{border:1px solid var(--ink-200);cursor:pointer;border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:10px;padding:12px;display:flex}.job-alert-frequency:has(input:checked){background:var(--brand-50);border-color:var(--brand-300,#b6a5f8)}.job-alert-frequency input{accent-color:var(--brand-500);flex:none;width:16px;height:16px;margin-top:2px}.job-alert-frequency-icon{background:var(--ink-50);width:28px;height:28px;color:var(--ink-600);border-radius:8px;flex:none;place-items:center;display:grid}.job-alert-frequency:has(input:checked) .job-alert-frequency-icon{color:var(--brand-600);background:var(--brand-100)}.job-alert-frequency strong,.job-alert-frequency small{display:block}.job-alert-frequency strong{font-size:12px;font-weight:650}.job-alert-frequency small{color:var(--ink-600);margin-top:2px;font-size:11px;line-height:1.5}.job-alert-form>footer{border-top:1px solid var(--ink-100);background:var(--white);justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;display:flex;position:sticky;bottom:0}.job-alert-form [role=alert]{color:var(--ink-900);font-size:12px}.job-alert-form :is(input,button):focus-visible,.page-job-alerts :is(button,a):focus-visible,.job-alert-notify:focus-visible{outline:3px solid var(--brand-500);outline-offset:3px}[data-theme=dark] :is(.job-alert-notify,.job-alert-status,.job-alerts-back,.job-alert-row-icon){color:var(--brand-300,#b6a5f8)}[dir=rtl] .job-alerts-back svg{transform:scaleX(-1)}@media (max-width:700px){.app .page.page-job-alerts{padding:24px 16px}.job-alerts-intro h1{font-size:24px}.job-alerts-panel>header,.job-alerts-list>li{padding:18px}.job-alerts-list>li{flex-wrap:wrap;gap:12px}.job-alert-row-actions{margin-inline-start:auto}.job-alert-row-copy{flex-basis:calc(100% - 60px)}.job-alert-button,.job-alert-notify{min-height:44px}.job-alert-field input{font-size:16px}.sys-dialog__content.job-alert-dialog{padding:20px}}@media (prefers-reduced-motion:reduce){.job-alert-switch>span{transition:none}}.job-alert-button{text-decoration:none}.job-alert-title-icon{color:#d97706;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;flex:none;place-items:center;width:32px;height:32px;display:inline-grid}.job-alert-form>footer>button:first-child{background:0 0;border-color:#0000;padding-inline:12px}.job-alert-form>footer>button:last-child{padding-inline:20px}.job-alert-frequency:last-child{margin-bottom:0}.job-alert-dialog>.sys-dialog__close{top:18px;inset-inline-end:16px}[data-theme=dark] .job-alert-title-icon{color:#fbbf24;background:#422006;border-color:#78350f}.job-alert-dialog>.sys-dialog__body{margin:-3px;padding:3px}.job-alert-form .job-alert-field input:focus{outline-offset:0;border-color:var(--brand-500);outline:none;box-shadow:0 0 0 2px #6366f133}.job-alert-sources{overflow-wrap:anywhere;font-size:13px;line-height:1.5}
