/* Signature — option 20 from The Twenty collection.
   Standalone cards, two-source comparison, concise scope and shared actions.
   Navigation, permissions, imports and provider actions remain native. */
#appShell.ui-workspace .workspace-workflow-picker {
  position:relative;min-width:0;margin:0 0 20px;border:0;
  border-radius:0;background:transparent;color:var(--ui-ink);
  box-shadow:none;overflow:visible;
}
#appShell.ui-workspace .workspace-workflow-picker[hidden] {display:none!important}
/* Center the whole chooser, including its action bar, in the existing space
   below the toolbar. Auto margins collapse when the content needs to scroll. */
#appShell.ui-workspace .workspace-content[data-workflow-picker] {display:flex;flex-direction:column}
#appShell.ui-workspace .workspace-content[data-workflow-picker] > .workspace-workflow-picker {
  flex:none;width:100%;max-width:1200px;margin:auto;
}
@media(max-width:900px),(max-height:650px){
  #appShell.ui-workspace .workspace-content[data-workflow-picker] > .workspace-workflow-picker {margin-block:0}
}
#appShell.ui-workspace .workflow-picker-title {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#appShell.ui-workspace .workflow-picker-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0}
#appShell.ui-workspace button.workflow-picker-card {
  position:relative;display:flex;flex-direction:column;align-items:stretch;gap:17px;
  min-width:0;width:100%;height:auto;min-height:0;padding:22px;text-align:left;
  white-space:normal;border:1px solid var(--ui-line);border-radius:10px;box-shadow:none;
  background:linear-gradient(var(--ui-surface-muted),var(--ui-surface-solid));
  color:var(--ui-ink);font-family:var(--ui-font-sans);cursor:pointer;
}
#appShell.ui-workspace button.workflow-picker-card:hover:not(:disabled) {border-color:color-mix(in srgb,var(--ui-blue) 35%,var(--ui-line))}
#appShell.ui-workspace button.workflow-picker-card[aria-pressed="true"] {
  border-color:color-mix(in srgb,var(--ui-blue) 40%,var(--ui-line));
  background:linear-gradient(var(--ui-blue-soft),var(--ui-surface-solid));box-shadow:0 2px 9px #1b5ab009;
}
/* White choices stand apart from the silver canvas without an outer tray.
   Keep selection on the border and radio; preserve the existing dark theme. */
#appShell.ui-workspace:not([data-ui-theme="dark"]) button.workflow-picker-card {
  background:#fff;box-shadow:0 3px 12px #3441540b;
}
#appShell.ui-workspace:not([data-ui-theme="dark"]) button.workflow-picker-card[aria-pressed="true"] {
  border-color:var(--ui-blue);box-shadow:0 0 0 1px var(--ui-blue),0 3px 12px #3441540b;
}
#appShell.ui-workspace .workflow-picker-card-head {display:flex;align-items:center;justify-content:space-between;gap:15px;min-width:0}
#appShell.ui-workspace .workflow-picker-name {display:block;font-size:20px;font-weight:600;letter-spacing:-.55px;line-height:1.35;overflow-wrap:anywhere}
#appShell.ui-workspace .workflow-picker-radio {display:grid;place-items:center;flex:none;width:17px;height:17px;border:1px solid var(--ui-line-strong);border-radius:50%;background:var(--ui-surface-solid);color:transparent}
#appShell.ui-workspace .workflow-picker-radio svg {width:11px;height:11px}
#appShell.ui-workspace [aria-pressed="true"] .workflow-picker-radio {background:var(--workspace-primary-fill);border-color:var(--workspace-primary-fill);color:var(--workspace-primary-ink)}
#appShell.ui-workspace .workflow-picker-sources {display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);gap:10px;align-items:center;padding:15px 0}
#appShell.ui-workspace .workflow-picker-source {display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;min-width:0;font-size:11px;line-height:1.6;font-weight:400;color:var(--ui-ink-secondary)}
#appShell.ui-workspace .workflow-picker-source-label {overflow-wrap:anywhere;max-width:100%}
#appShell.ui-workspace .workflow-picker-source-mark {display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--ui-line);border-radius:14px;background:linear-gradient(145deg,var(--ui-surface-solid),var(--ui-blue-soft));box-shadow:0 5px 8px -6px #264c8740}
#appShell.ui-workspace .workflow-picker-source-mark svg {width:23px;height:23px;color:var(--ui-blue)}
/* Original provider assets retain a light backing in both themes. */
#appShell.ui-workspace .workflow-picker-source-mark.is-provider {width:112px;max-width:100%;padding:8px;border-radius:10px;background:#fff;border-color:#dde5ef}
#appShell.ui-workspace .workflow-picker-source-mark img {width:100%;height:100%;max-height:28px;object-fit:contain}
#appShell.ui-workspace .workflow-picker-sources > svg {width:16px;height:16px;color:var(--ui-blue);margin-top:-29px;opacity:.65}
#appShell.ui-workspace .workflow-picker-description {display:block;font-size:11px;line-height:1.9;color:var(--ui-ink-secondary);font-weight:400;margin:0}
#appShell.ui-workspace .workflow-picker-footer {display:flex;align-items:center;gap:18px;margin:0;padding:16px 0 0;border:0;background:transparent}
#appShell.ui-workspace .workflow-picker-status {flex:1;min-width:0;margin:0;font-size:11px;line-height:1.7;color:var(--ui-ink-secondary);overflow-wrap:anywhere}
#appShell.ui-workspace .workflow-picker-footer button {min-height:40px;border-radius:7px;font-size:12px;padding:10px 15px;white-space:normal}
#appShell.ui-workspace #workspaceWorkflowPicker .workflow-picker-footer .btn:disabled {opacity:1;background:var(--ui-line);border-color:var(--ui-line);color:var(--ui-ink-secondary);box-shadow:none}
#appShell.ui-workspace .workflow-picker-unavailable {font-size:11px;color:var(--ui-ink-secondary)}
#appShell.ui-workspace .workflow-picker-card:disabled {opacity:.5;cursor:not-allowed}
#appShell.ui-workspace .workspace-workflow-picker button:focus-visible {outline:2px solid var(--ui-blue);outline-offset:-3px}
#appShell.ui-workspace .workspace-workflow-picker svg {flex-shrink:0;pointer-events:none}
@media(min-width:1050px){#appShell.ui-workspace .workflow-picker-grid[data-columns="3"] {grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1120px){#appShell.ui-workspace button.workflow-picker-card {padding:19px}#appShell.ui-workspace .workflow-picker-name {font-size:18px}}
@media(max-width:760px){
  #appShell.ui-workspace .workflow-picker-grid {grid-template-columns:1fr}
  #appShell.ui-workspace button.workflow-picker-card {padding:20px}
  #appShell.ui-workspace .workflow-picker-name {font-size:20px}
  #appShell.ui-workspace .workflow-picker-sources {padding:8px 0}
  #appShell.ui-workspace .workflow-picker-footer {flex-wrap:wrap;gap:10px;padding:16px 0 0}
  #appShell.ui-workspace .workflow-picker-status {flex-basis:100%;order:-1}
  #appShell.ui-workspace .workflow-picker-footer .btn {flex:1;min-width:0}
}