/* Signed-in learner identity and course profile */
.learner-profile-button { display:flex; align-items:center; gap:9px; border:1px solid #c8d5e3; border-radius:24px; padding:5px 12px 5px 5px; background:white; color:#122638; cursor:pointer; text-align:left; }
.learner-profile-button:focus-visible { outline:3px solid #318fc3; outline-offset:3px; }
.learner-profile-button .learner-avatar { display:grid; width:34px; height:34px; font-size:17px; flex-shrink:0; }
.learner-identity { display:grid; gap:2px; min-width:0; }
.learner-identity strong { max-width:160px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; }
.learner-identity small { font-size:10px; color:#50667b; white-space:nowrap; }
#learner-profile { box-sizing:border-box; border:1px solid #c8d5e3; border-radius:14px; padding:24px; color:#122638; width:440px; max-width:calc(100vw - 24px); box-shadow:0 16px 70px #12263840; }
#learner-profile::backdrop { background:#12263870; }
.profile-dialog-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.profile-dialog-heading h2 { margin:0; font-size:23px; }
.profile-dialog-heading button { border:0; background:none; font-size:26px; cursor:pointer; color:inherit; }
.profile-email { color:#50667b; overflow-wrap:anywhere; font-size:13px; }
#learner-profile-form label { display:block; font-size:13px; font-weight:650; margin-bottom:8px; }
.profile-name-row { display:flex; gap:8px; }
.profile-name-row input { min-width:0; flex:1; border:1px solid #a9bed0; border-radius:6px; padding:10px; font:inherit; }
.profile-name-row button { border:0; border-radius:6px; padding:9px 12px; background:#117b42; color:white; cursor:pointer; }
#profile-message { min-height:18px; font-size:12px; color:#50667b; }
#learner-profile h3 { font-size:16px; margin:20px 0 10px; }
#profile-days { font-size:14px; margin-bottom:8px; }
#profile-course-meter { width:100%; height:12px; accent-color:#117b42; }
.profile-metrics { display:grid; gap:12px; margin:20px 0; }
.profile-metrics div { display:flex; justify-content:space-between; gap:12px; }
.profile-metrics dt { font-size:13px; }.profile-metrics dd { margin:0; font-weight:700; font-size:14px; }
.profile-note { font-size:12px; color:#50667b; line-height:1.5; }
.profile-actions { display:flex; justify-content:space-between; gap:12px; padding-top:16px; border-top:1px solid #dce5ee; }
.profile-actions a { color:#126392; font-weight:650; font-size:13px; }.profile-actions button { background:none; border:0; color:#50667b; font-size:13px; cursor:pointer; }
@media(max-width:760px) { .app-header { height:auto; min-height:64px; gap:8px; flex-wrap:wrap; }.header-tools { margin-left:auto; gap:8px; }.header-help,.notification-bell { display:none; }.learner-identity strong { max-width:110px; }.learner-profile-button { padding-right:8px; }.learner-profile-button .learner-avatar { width:28px; height:28px; }.learner-identity small { font-size:9px; } }