/* Shared job switchboard. The enclosing dialog body owns vertical scrolling. */
.job-flow-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 12px}
.job-flow-heading h3{margin:0;text-transform:capitalize}
.job-flow-heading>span{font-size:12px;color:var(--pf-muted,#53616b)}

.job-flow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.job-flow-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:128px;padding:16px 12px;border:1px solid var(--pf-line,#cbd2d5);border-radius:8px;background:#fff;color:var(--pf-muted,#53616b);text-align:left;cursor:pointer;font:inherit}
.job-flow-tile svg{width:27px;height:27px}
.job-flow-tile strong{font-size:14px;color:inherit}
.job-flow-tile small{font-size:11px;line-height:1.4}
.job-flow-tile:hover{border-color:var(--pf-green,#295436)}
.job-flow-tile.is-selected{background:#eaf3ec;border-color:#4c855c;color:var(--pf-green-deep,#183a23)}
.job-flow-tile:disabled{cursor:default;opacity:.55}
.job-flow-tile.is-selected:disabled{opacity:.85}
.job-flow-check{position:absolute;right:10px;top:9px;font-size:16px;color:var(--pf-green,#295436)}
.job-flow-presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.job-flow-presets button,.job-flow-option button,.job-customer-choices button{display:flex;align-items:center;gap:8px;border:1px solid var(--pf-line,#cbd2d5);border-radius:9px;background:#fff;color:var(--pf-ink,#193124);font:inherit;font-size:12px;padding:10px 12px;cursor:pointer}
.job-flow-presets svg{width:19px;height:19px}
.job-flow-presets button[aria-pressed=true],.job-flow-option button[aria-pressed=true],.job-customer-choices button[aria-pressed=true]{background:var(--pf-green-deep,#183a23);border-color:var(--pf-green-deep,#183a23);color:#fff}
.job-flow-options{margin-top:14px;display:grid;gap:9px}
.job-flow-option{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 0}
.job-flow-option>span{font-size:13px}
.job-flow-option>div{display:flex;gap:5px}
.job-flow-option button{padding:6px 10px;font-size:11px}
.job-flow-editor{min-width:0}
.job-flow-editor :focus-visible,.job-flow-overview :focus-visible,.job-customer-choices :focus-visible{outline:2px solid var(--pf-green,#295436);outline-offset:3px}
.job-flow-overview{margin-bottom:20px}
.job-customer-choices{display:flex;flex-wrap:wrap;gap:8px}
.job-create-name input{font-size:20px!important;padding:14px!important}
.job-setup-summary{font-size:13px;color:var(--pf-muted,#53616b)}
.job-flow-overview .job-flow-tile{min-height:112px}
.job-flow-overview .job-flow-grid{grid-template-columns:repeat(auto-fit,minmax(135px,1fr))}

#portfolioDialog:has([data-job-flow-editor]){width:min(840px,calc(100vw - 24px));max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}

@media(max-width:560px){.job-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.job-flow-tile{min-height:112px;padding:12px}
.job-flow-heading{align-items:flex-start;flex-direction:column}
.job-flow-option{align-items:flex-start}
.job-flow-option>div{flex-shrink:0}
.job-flow-presets{gap:6px}
.job-flow-presets button{padding:9px}
.job-flow-overview .job-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}


.job-flow-timing{margin-top:12px}
#portfolioDialog:has([data-job-flow-editor]) :is(input,select,textarea){min-width:0;max-width:100%;box-sizing:border-box}
.job-flow-option button{min-height:36px}