.job-tabs{display:flex;align-items:flex-start;gap:6px;flex-wrap:wrap;min-width:0;max-width:100%;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid var(--line,#ccd9cd)}
.job-tabs[hidden]{display:none}
.job-tabs-list{display:flex;gap:5px;flex:0 1 auto;min-width:0;max-width:calc(100% - 50px);overflow-x:auto;padding:2px 2px 5px}
.job-tab{display:flex;align-items:center;flex:none;border:1px solid #c7d6cc;border-radius:8px;background:#f3f6f3;overflow:hidden}
.job-tab.is-active{background:#17665e;border-color:#17665e;color:#fff}
.job-tab a,.job-tab button,.job-tabs-add{display:flex;align-items:center;justify-content:center;min-height:40px;color:inherit;text-decoration:none;font:inherit}
.job-tab a{padding:8px 12px;font-size:.84rem;font-weight:600;white-space:nowrap}
.job-tab button{padding:4px 8px;border:0;background:transparent;cursor:pointer;min-width:32px;font-size:1.1rem}
.job-tab button:hover{background:#0001}
.job-tabs-add{width:40px;flex:none;border:1px solid #c7d6cc;border-radius:8px;background:#fff;cursor:pointer;font-size:1.4rem;color:#17665e}
.job-tabs :is(a,button):focus-visible{outline:3px solid #b8790d;outline-offset:-3px}
.job-tabs-status{flex-basis:100%;margin:0;font-size:.8rem;color:var(--muted,#46574d);overflow-wrap:anywhere}
.job-tabs-status:empty{display:none}
.job-tabs-status[data-state=error]{color:#942e28}
.job-tabs[aria-busy=true] .job-tabs-add{opacity:.6}
@media(max-width:760px){.job-tab a,.job-tab button,.job-tabs-add{min-height:44px}.job-tabs-add{width:44px}.job-tab button{min-width:36px}.job-tabs-list{max-width:calc(100% - 54px)}}

/* Keep job notices beside the opener without moving the job content. */
.job-tabs{flex-wrap:nowrap;align-items:center;height:60px}
.job-tabs-list{max-width:none}
.job-tabs-notices{flex:1 0 8rem;min-width:0;height:48px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;font-size:.8rem;line-height:1.35}
.job-tabs-notices:focus-visible{outline:3px solid #b8790d;outline-offset:-3px;border-radius:8px}
.job-tabs-notices .messages{margin:0}
.job-tabs-notices .message{margin:0 0 4px!important;padding:6px 10px;font-size:inherit;width:fit-content;max-width:100%;overflow-wrap:anywhere}
.job-tabs-notices .job-tabs-status{margin:0;overflow-wrap:anywhere}