.workspace > .sidebar > h2 { color: #216e87; }
#selected-role-summary { background: #e0f2f8; border: 1px solid #78b6cb; color: #216e87; box-shadow: none; }
#selected-role-summary .mini-mark { background: #267d98; color: #fff; }
#selected-role-summary .role-choice-name { min-width: 0; font-size: 18px; line-height: 1.4; font-weight: 550; overflow-wrap: anywhere; }
#selected-role-summary .role-choice-arrow { display: none; }
#selected-role-summary[data-pending="true"] { display: grid; grid-template-columns: minmax(0, 1fr) 48px; align-items: center; gap: 12px; }
#selected-role-summary[data-pending="true"] .mini-mark { display: none; }
#selected-role-summary[data-pending="true"] .role-choice-arrow { display: grid; place-items: center; width: 48px; height: 48px; font: 400 38px/1 "Segoe UI", sans-serif; color: #216e87; text-decoration: none; }
#selected-role-summary .role-choice-arrow:hover { color: #12485e; background: #cbe9f3; border-radius: 4px; }
#selected-role-summary .role-choice-arrow:focus-visible { outline: 2px solid #216e87; outline-offset: 3px; }
.role-card h3, .role-card.selected h3 { color: #216e87; font-weight: 550; }
.role-card[data-role] .role-code { color: #216e87; background: #e0f2f8; border-color: #78b6cb; }
.role-card:focus-visible { outline: 3px solid #267d98; outline-offset: 4px; }
.role-card.selected { border-color: #267d98; }
@media (max-width: 920px) {
  #selected-role-summary[data-pending="true"] .role-choice-arrow { transform: rotate(90deg); }
}