/* V229: predictable columns and labels, independent of light/dark surfaces. */
.dm-account-options{display:grid}.dm-account-option{appearance:none;display:grid;grid-template-columns:40px minmax(0,1fr) 18px;align-items:center;gap:12px;padding:16px 18px;min-height:72px;width:100%;text-align:left;border:0;border-top:1px solid var(--dm-line);background:var(--surface);color:var(--dm-ink);font:inherit;cursor:pointer}.dm-account-option:first-child{border-top:0}.dm-account-option>span:nth-child(2){min-width:0}.dm-account-option strong,.dm-account-option small{display:block;overflow-wrap:anywhere}.dm-account-option strong{font-size:14px;line-height:1.35;font-weight:650}.dm-account-option small{font-size:12px;color:var(--dm-muted);line-height:1.45;margin-top:4px}.dm-account-option-icon{display:grid;place-items:center;width:40px;height:40px;background:var(--dm-brand-soft);color:var(--dm-accent-text);border-radius:13px}.dm-account-option-icon .icon{width:21px;height:21px}.dm-account-option>.icon{width:18px;height:18px;color:var(--dm-muted)}.dm-account-option:focus-visible{outline:2px solid var(--dm-accent-text);outline-offset:-3px}.dm-account-contact{display:grid;gap:6px;padding:18px;border-top:1px solid var(--dm-line);color:var(--dm-ink);overflow-wrap:anywhere}.dm-account-contact strong{font-size:12px}.dm-account-contact span,.dm-account-contact small{font-size:12px;line-height:1.5;color:var(--dm-muted)}.dm-account-contact small{margin-top:5px}.dm-account-logout{width:100%;min-height:48px}.dm-password-dialog .modal-foot{gap:12px;flex-wrap:wrap}.dm-password-dialog .field+.field{margin-top:16px}.dm-native-wallet{margin-top:18px;padding:16px;border:1px solid var(--dm-line);background:var(--surface);border-radius:18px;color:var(--dm-ink)}.dm-native-wallet h3{font-size:16px;margin:0 0 8px}.dm-native-wallet p{font-size:12px;line-height:1.5;color:var(--dm-muted)}.dm-native-wallet .btn{width:100%;min-height:48px;margin-top:10px}.dm-native-wallet [role=status]{overflow-wrap:anywhere}.dm-wallet-actions:has(#dmCardWallet){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.dm-wallet-actions:has(#dmCardWallet)>button{min-width:0!important;min-height:64px!important;justify-content:center}.dm-wallet-actions:has(#dmCardWallet)>button small{font-size:11px!important;text-align:center;line-height:1.4}.dm-wallet-actions #dmCardWallet span{display:grid;place-items:center}
@media screen and (max-width:780px){html body #app :is(.panel-head,.dm-teacher-home-section-head){flex-wrap:wrap;gap:10px!important;align-items:center!important}html body #app .panel-head>div{min-width:0;max-width:100%}html body #app .panel-head h2{min-width:0;overflow-wrap:anywhere;line-height:1.35!important}html body #app .panel-head>.actions{display:flex;flex-wrap:wrap;gap:8px;max-width:100%}html body #app .panel-head>.btn{flex-shrink:0;max-width:100%;white-space:normal!important}html body #app .dm-student-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center!important}html body #app .dm-student-row>div{min-width:0;overflow-wrap:anywhere}html body #app .dm-student-row>strong{white-space:nowrap;font-variant-numeric:tabular-nums;text-align:right}html body #app .dm-student-row small{line-height:1.45!important}html body #app .dm-student-kpis{align-items:stretch!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}html body #app .dm-student-kpis>.dm-sprint-kpi{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;min-width:0;gap:8px!important}html body #app .dm-student-kpis>.dm-sprint-kpi>strong{margin-top:auto;max-width:100%;font-size:clamp(17px,5vw,21px)!important;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}html body #app .dm-student-card-shortcut{display:grid!important;grid-template-columns:44px minmax(0,1fr) 20px;gap:12px!important;align-items:center!important}html body #app .dm-student-card-shortcut>div{min-width:0}html body #app .dm-student-card-shortcut strong,html body #app .dm-student-card-shortcut small{overflow-wrap:anywhere}html body #modalWrap :is(.form-grid,.actions){gap:12px}html body #modalWrap .field{min-width:0}html body #app .dm-account-section .panel-head{padding:14px 18px!important}html body #app .dm-account-section .panel-head h2{font-size:15px!important}html body #app .dm-account-section{overflow:hidden}.dm-password-dialog .modal-head h2{font-size:20px}.dm-password-dialog .modal-foot .btn{flex:1;min-height:44px}}

@media screen and (max-width:780px){html body #app .dm-student-row:has(>.dm-student-date){grid-template-columns:78px minmax(0,1fr)}html body #app .dm-student-row>.dm-student-date{min-width:0;max-width:78px}html body #app .dm-student-row .status{white-space:normal;max-width:100%;line-height:1.4;margin-top:6px}}
/* V230: the avatar needs its own centering rule, without generic icon padding. */
html body #app .dm-student-header>.dm-profile-button{display:flex!important;align-items:center!important;justify-content:center!important;align-self:center!important;box-sizing:border-box!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;flex:0 0 44px!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;line-height:1!important}
html body #app .dm-student-header>.dm-profile-button>.dm-person-avatar{box-sizing:border-box!important;width:36px!important;height:36px!important;flex:0 0 36px!important;margin:0!important;transform:none!important;border-radius:50%!important}