/* Jobs page (jobs.html). Builds on styles.css, dev.css and costs.css (table.cc, .cc-form, sheets). */
.jb-main{display:flex;flex-direction:column;min-height:0;flex:1}
.jb-tabs{display:flex;gap:2px;padding:8px 14px 0;border-bottom:1px solid var(--line);background:var(--panel);overflow-x:auto}
.jb-tabs button{border:0;background:none;padding:8px 14px;font:600 13px var(--f-ui);color:var(--muted);border-bottom:3px solid transparent;white-space:nowrap;cursor:pointer}
.jb-tabs button[aria-selected="true"]{color:var(--green);border-bottom-color:var(--gold)}
.jb-tabs .n{font-weight:500;font-size:11.5px;background:var(--soft);color:var(--ink);border-radius:9px;padding:0 6px;margin-left:3px}
.jb-bar{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;padding:8px 14px;border-bottom:1px solid var(--line);background:var(--panel);font-size:13px}
.jb-bar input[type=search]{width:min(100%,320px);padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink);font:14px var(--f-ui)}
.jb-bar select{padding:4px 6px;border:1px solid var(--line);border-radius:5px;background:var(--bg);color:var(--ink);margin-left:6px}
.jb-bar .chkl{display:flex;align-items:center;gap:5px}
.jb-q{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:baseline;padding:10px 14px;background:var(--gold-soft);border-bottom:1px solid var(--line);font-size:13px}
.jb-q .q-main b{font-size:16px;color:var(--green)}
.jb-q small{display:block;color:var(--muted);font-size:11.5px;margin-top:2px}
.jb-q .q-ppl{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:12px}
.jb-q .q-p b{font-weight:600}
table.jb td{white-space:normal}
table.jb select.st{padding:3px 4px;border:1px solid var(--line);border-radius:5px;background:var(--bg);color:var(--ink);font:12.5px var(--f-ui)}
table.jb .late{color:var(--warn);font-weight:600}
table.jb tr.is-late td:first-child{box-shadow:inset 3px 0 0 var(--warn)}
table.jb a{color:var(--green)}
table.jb .muted{color:var(--muted)}
.pbar{display:inline-block;width:46px;height:6px;border-radius:3px;background:var(--soft);margin-right:6px;vertical-align:middle;overflow:hidden}
.pbar i{display:block;height:100%;background:var(--green-2)}
.btn.sm{padding:3px 8px;font-size:12px}
.jb-note{margin:0;padding:8px 16px 0;font-size:12.5px;color:var(--muted)}
.cc-form label i,.jb-note i{font-style:normal;font:600 10px var(--f-cond);background:var(--soft);color:var(--muted);padding:0 5px;border-radius:7px;margin-left:4px}
.cc-form.one{grid-template-columns:minmax(0,1fr)}
@media (max-width:860px){.jb-bar #fold{display:none}}