.workflow-setup{margin:0 0 20px;padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--card);overflow:hidden}
.workflow-grid{display:grid;grid-template-columns:1fr;gap:22px;margin-top:18px}.workflow-subhead{display:flex;justify-content:space-between;align-items:start;gap:14px;margin-bottom:10px}.workflow-subhead h4,.id-format-box h4{margin:0 0 4px;font-size:17px}.workflow-subhead p{margin:0;color:var(--muted);font-size:13px}.status-builder-list{display:grid;gap:9px}.status-builder-row{display:grid;grid-template-columns:44px minmax(0,1fr) minmax(100px,.45fr) repeat(3,38px);gap:8px;align-items:center;padding:9px;border:1px solid var(--line);border-radius:10px}.status-color{width:40px;height:40px;padding:3px;border:1px solid var(--line);border-radius:9px;background:transparent}.status-builder-row input[type=text]{width:100%;min-width:0}.status-builder-row .status-code{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.status-builder-row button{width:38px;min-width:38px;padding:8px 0}.id-format-box{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:14px;padding:18px;border:1px solid var(--line);border-radius:11px;overflow:hidden}.id-format-box h4,.id-token-help,.id-preview{grid-column:1/-1}.id-format-box label{display:grid;min-width:0;gap:6px;font-weight:700}.id-format-box input,.id-format-box select{width:100%;min-width:0}.id-token-help{display:flex;flex-wrap:wrap;align-content:end;gap:6px}.id-token-help strong{width:100%;font-size:12px}.id-token-help span{padding:5px 7px;border-radius:6px;background:color-mix(in srgb,var(--line) 55%,transparent);font-size:11px}.id-token-help b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.id-preview{margin:2px 0 0;padding:11px;border-radius:8px;background:color-mix(in srgb,var(--primary) 9%,transparent)}
@media(max-width:900px){.status-builder-row{grid-template-columns:42px minmax(0,1fr) minmax(90px,.55fr) repeat(3,36px)}}
@media(max-width:600px){.workflow-setup{padding:16px}.workflow-subhead{display:grid}.status-builder-row{grid-template-columns:40px minmax(0,1fr) repeat(3,36px)}.status-builder-row .status-code{grid-column:2/-1}.status-builder-row button{padding:8px}.id-format-box{grid-template-columns:1fr}.id-format-box h4,.id-token-help,.id-preview{grid-column:1}}