.dev-role-page{max-width:1120px;margin:0 auto}.lead-text{max-width:72ch}.hint-text{color:#2f6174;font-size:.92rem}.role-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.role-btn{border:1px solid #bcd2dc;background:#f5fafc;color:#154758;border-radius:12px;padding:12px 14px;font-size:.98rem;font-weight:700;cursor:pointer}.role-btn.is-active{border-color:#1d5e74;background:#1d5e74;color:#fff}.status-wrap{margin-top:14px}#activeRoleText{margin:0;font-weight:700}.quick-links{display:flex;flex-wrap:wrap;gap:10px}.quick-link{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;border:1px solid #c8d9e1;text-decoration:none;color:#114255;background:#fff;font-weight:600}.quick-link:hover{border-color:#1d5e74;color:#1d5e74}.deployment-status-header{display:grid;gap:8px}.deployment-status-header .quick-link{width:fit-content;font-weight:700}.deployment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.status-card{background:#fff;border:1px solid #c8d9e1;border-radius:12px;padding:12px}.status-card-wide{grid-column:1 / -1}.status-label{margin:0 0 6px;font-size:.86rem;color:#3a6574;font-weight:700}.status-value{margin:0;font-weight:700}.status-ok{color:#146534}.status-warn{color:#9a3412}.status-error{color:#b91c1c}