.role-badge-wrap[data-v-8987c329]{position:relative;display:inline-flex;flex-shrink:0}.role-badge[data-v-8987c329]{display:inline-flex;align-items:center;padding:3px 10px;border:none;border-radius:9999px;font-size:12px;font-weight:700;line-height:1.3;color:#fff;white-space:nowrap;cursor:pointer;transition:background-color .15s ease}@media (min-width: 640px){.role-badge[data-v-8987c329]{font-size:13px;padding:4px 12px}}.role-badge--student[data-v-8987c329]{background:#2563eb}.role-badge--student[data-v-8987c329]:hover{background:#1d4ed8}.role-badge--parent[data-v-8987c329]{background:#059669}.role-badge--parent[data-v-8987c329]:hover{background:#047857}.role-badge[data-v-8987c329]:focus-visible{outline:2px solid #4f46e5;outline-offset:2px}.role-badge-pop[data-v-8987c329]{position:absolute;top:calc(100% + 6px);left:0;z-index:50;white-space:nowrap;background:#1f2937;color:#fff;font-size:12px;font-weight:500;padding:6px 10px;border-radius:8px;box-shadow:0 4px 12px #0000002e}.role-badge-pop[data-v-8987c329]:before{content:"";position:absolute;bottom:100%;left:14px;border:5px solid transparent;border-bottom-color:#1f2937}.rb-fade-enter-active[data-v-8987c329],.rb-fade-leave-active[data-v-8987c329]{transition:opacity .12s ease}.rb-fade-enter-from[data-v-8987c329],.rb-fade-leave-to[data-v-8987c329]{opacity:0}header[data-v-3fcc463d]{z-index:30}