/* Individual client controls and on-demand WODup search. */
.workflow-manager .manager-heading { justify-content: flex-start; }
.workflow-manager .manager-client-controls { display: flex; align-items: end; justify-content: flex-start; flex-wrap: wrap; gap: 12px; margin: 16px 0 24px; }
.workflow-manager .manager-client-controls .client-choice { width: 360px; max-width: 100%; min-width: 0; }
.workflow-manager .manager-client-controls button { min-height: 38px; }
.workflow-manager .client-finder-dialog { width: min(600px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); padding: 0; margin: auto; border: 1px solid var(--wf-line); border-radius: 8px; color: inherit; background: #fff; box-shadow: 0 16px 64px #18202526; }
.workflow-manager .client-finder-dialog::backdrop { background: #18202566; }
.workflow-manager .client-finder-dialog form { margin: 0; }
.workflow-manager .client-finder-dialog header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 24px; border-bottom: 1px solid var(--wf-line); }
.workflow-manager .client-finder-dialog h2 { font-size: var(--text-section, 18px); }
.workflow-manager #client-finder-close { padding: 4px 8px; font-size: 18px; border: 0; }
.workflow-manager .client-finder-body { padding: 20px 24px; }
.workflow-manager .client-finder-body input { width: 100%; margin-top: 6px; }
.workflow-manager .client-finder-status { margin: 12px 0; color: var(--wf-muted); font-size: var(--text-small, 12px); }
.workflow-manager .client-finder-status[data-status="error"] { color: var(--wf-accent); }
.workflow-manager .client-finder-results { display: grid; gap: 8px; max-height: min(380px, 45dvh); overflow-y: auto; padding: 3px; }
.workflow-manager .client-finder-result { display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; padding: 12px; text-align: left; }
.workflow-manager .client-finder-result[aria-pressed="true"] { border-color: var(--wf-accent); background: #faf1f4; }
.workflow-manager .client-finder-result > span:first-child { display: grid; gap: 3px; min-width: 0; overflow-wrap: anywhere; }
.workflow-manager .client-finder-result small, .workflow-manager .client-finder-selection { font-size: var(--text-small, 12px); color: var(--wf-muted); }
.workflow-manager .client-finder-result[aria-pressed="true"] .client-finder-selection { color: var(--wf-accent); }
.workflow-manager .client-finder-empty { margin: 12px 0; color: var(--wf-muted); }
.workflow-manager .client-finder-dialog footer { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding: 16px 24px; border-top: 1px solid var(--wf-line); }
.workflow-manager #client-finder-next { margin-right: auto; }
@media (max-width: 760px) {
  .workflow-manager .manager-client-controls .client-choice { width: 100%; }
  .workflow-manager .client-finder-dialog header, .workflow-manager .client-finder-body, .workflow-manager .client-finder-dialog footer { padding: 16px; }
}

/* Client names can be searched without changing the current calendar. */
.workflow-manager .client-combobox{position:relative;min-width:0}
.workflow-manager #workflow-client-search{display:block;width:100%;padding-right:38px;font-size:var(--text-base,14px);font-weight:600;color:var(--wf-muted)}
.workflow-manager .manager-client-controls .client-picker-toggle{position:absolute;right:1px;top:1px;bottom:1px;width:36px;min-height:0;padding:0;border:0;background:transparent url("../planner/dropdown-caret.svg") no-repeat center;background-size:7px 4px}
.workflow-manager .client-picker-toggle:disabled{cursor:default}
.workflow-manager .client-options{position:absolute;top:calc(100% + 5px);left:0;right:0;z-index:20;max-height:min(320px,45dvh);overflow-y:auto;border:1px solid var(--wf-line);border-radius:5px;background:#fff;box-shadow:0 6px 20px #14212e20;padding:4px}
.workflow-manager .client-option{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;min-height:38px;border-radius:3px;cursor:pointer;color:#292d30;font-size:var(--text-base,14px);overflow-wrap:anywhere}
.workflow-manager .client-option>span:first-child{min-width:0}
.workflow-manager .client-option:hover,.workflow-manager .client-option.is-active{background:#faf1f4;color:var(--wf-accent)}
.workflow-manager .client-options-empty{margin:0;padding:10px;color:var(--wf-muted);font-size:var(--text-small,12px)}