.generation-toolbar{padding:16px 0;border-bottom:1px solid #dce6ef;margin-bottom:16px}.generation-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.generation-actions button{min-height:44px}.generation-toolbar p{font-size:13px;overflow-wrap:anywhere}.generation-toolbar small{display:block;color:#53657a;line-height:1.7}.provider-dialog{box-sizing:border-box;width:350px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow-y:auto;padding:20px;border:1px solid #dce6ef;border-radius:16px;background:white;color:#23354d}.provider-dialog button{position:static;width:auto;height:auto;border-radius:10px;padding:9px 12px;font-size:13px;border:1px solid #dce6ef;background:#f2f6fa;color:#23354d}.provider-dialog button.primary{background:#276baa;color:white;border-color:#276baa}.provider-dialog p{color:#53657a}.provider-dialog input{border:1px solid #c9d7e5;border-radius:9px;padding:9px 10px;font-size:14px;color:#23354d;background:white}.provider-dialog::backdrop{background:rgba(18,35,58,.35)}.provider-dialog .dialog-head{display:flex;justify-content:space-between;align-items:center}.provider-dialog .dialog-head button{min-width:44px;min-height:44px}.provider-dialog label{display:block;font-size:14px;margin:12px 0}.provider-dialog input{width:100%;box-sizing:border-box;min-width:0;min-height:44px;margin-top:6px}.provider-dialog small{color:#53657a;line-height:1.6}.provider-dialog p{font-size:13px;line-height:1.6;overflow-wrap:anywhere}.provider-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.provider-buttons button{min-height:44px;font-size:13px}@media(max-width:480px){.generation-actions{display:grid;grid-template-columns:1fr auto}.generation-actions #startCodexGeneration{grid-column:1/-1}.generation-actions #openApiSettings{width:100%}.provider-dialog{padding:16px}}
/* Seven distinct review steps need their own title and employee rows. */
#stepper{grid-template-columns:repeat(7,minmax(144px,1fr));overflow-x:auto;max-width:100%}
#stepper .step{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:5px;min-height:72px;text-align:left}
#stepper .step>span:not(.avatar-stack){white-space:nowrap}
#stepper .step>.avatar-stack{grid-column:2;margin-left:0}
#stepper .step>small{grid-column:2;white-space:nowrap}
#stepper .step .named-avatar small{display:none}
@media(max-width:620px){#stepper{grid-template-columns:repeat(7,144px)}#stepper .step{min-height:58px}}