/* Shared step bar across the configurator pages. Loaded after each page's own styles. */
.steps{display:flex;align-items:center;gap:0;height:44px;padding:0 12px;background:#1e2124;color:#f2efe9;font:12px/1 "IBM Plex Sans",system-ui,sans-serif;letter-spacing:.04em;overflow-x:auto;white-space:nowrap}
.steps .brand{display:flex;align-items:center;gap:8px;margin-right:18px;color:#f2efe9;text-decoration:none;font-weight:500;letter-spacing:.14em;text-transform:uppercase}
.steps .brand img{height:20px;filter:invert(1) brightness(1.1)}
.steps a,.steps span.step{display:inline-flex;align-items:center;gap:8px;padding:0 14px;height:44px;color:#b9b5ad;text-decoration:none;border-bottom:2px solid transparent}
.steps a:hover{color:#f2efe9}
.steps .n{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:1px solid #6b7076;font-size:10px}
.steps .current{color:#f2efe9;border-bottom-color:#e8541f}
.steps .current .n{background:#e8541f;border-color:#e8541f;color:#1e2124}
.steps span.step{color:#6b7076;cursor:default}
.steps span.step small{font-size:9px;letter-spacing:.12em;text-transform:uppercase;border:1px solid #3a3e43;border-radius:3px;padding:2px 4px}
.app{height:calc(100% - 44px)}
.steps .spacer{flex:1}
.steps .staff{display:inline-flex;align-items:center;gap:10px}
.steps .staff .who{color:#f2efe9;letter-spacing:.06em}
.steps .staff button{font:inherit;letter-spacing:.06em;background:transparent;color:#f2efe9;border:1px solid #6b7076;border-radius:3px;padding:5px 10px;cursor:pointer}
.steps .staff button:hover{border-color:#e8541f;color:#e8541f}
.staff-dlg{background:var(--panel,#fff);color:var(--fg,#1d1f22);border:0;border-radius:6px;padding:0;box-shadow:0 10px 40px rgba(0,0,0,.35);width:min(340px,92vw);font:14px "IBM Plex Sans",system-ui,sans-serif}
.staff-dlg::backdrop{background:rgba(20,22,24,.55)}
.staff-dlg form{padding:20px 20px 16px;display:grid;gap:12px}
.staff-dlg h3{margin:0 0 4px;font-size:16px;font-weight:500}
.staff-dlg label{display:grid;gap:4px;font-size:12px;color:#6a6e74}
.staff-dlg input{font:inherit;padding:8px;border:1px solid var(--line,#d9d7d0);border-radius:4px;color:inherit;background:var(--bg,#fff)}
.staff-dlg .err{margin:0;min-height:1em;color:#b3261e;font-size:12px}
.staff-dlg .row{display:flex;justify-content:flex-end;gap:8px}
.staff-dlg button{font:inherit;padding:7px 14px;border-radius:4px;border:1px solid var(--line,#d9d7d0);background:transparent;color:inherit;cursor:pointer}
.staff-dlg button.go{background:#1e2124;color:#f2efe9;border-color:#1e2124}