.student-password-access {
    display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap;
    gap:10px; padding:12px; margin:12px 0; border:1px solid #d6e2ec; border-radius:10px;
    background:#f8fafc; color:#173b59;
}
.student-password-access div {display:grid; gap:3px;}
.student-password-access span,.student-password-person span {font-size:12px; color:#526b80;}
.student-password-dialog {text-align:left;}
.student-password-person {display:flex; align-items:center; gap:10px; margin:14px 0;}
.student-password-person>div {display:grid; gap:3px; min-width:0; overflow-wrap:anywhere;}
.student-password-avatar {position:relative; flex:0 0 42px; width:42px; height:42px; border-radius:9px; overflow:hidden; background:#e4f1ff; display:grid; place-items:center;}
.student-password-avatar img {position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}
.student-password-dialog input[type=password] {width:100%; box-sizing:border-box; padding:9px 10px; border:1px solid #9ac6ec; border-radius:8px; font:inherit; color:#173b59; background:#fff;}
.student-password-dialog input:focus-visible {outline:3px solid #70afe5; outline-offset:2px;}
.student-password-hint {font-size:12px; color:#526b80;}
.student-password-dialog [data-student-password-status] {overflow-wrap:anywhere;}
.student-password-dialog [data-student-password-status][role=alert] {color:#9c2633;}
.student-password-dialog [hidden] {display:none!important;}