#emailDealerCard,#emailAdminCard{display:none!important}
#embeddedApp #loginScreen{position:relative!important;inset:auto!important;justify-content:flex-start!important;max-height:none!important;overflow:visible!important;flex-shrink:0}
#loginScreen>.odak-login-brand-logo{flex-shrink:0}
#loginScreen .odak-role-cards{display:block!important;width:100%!important;max-width:440px;margin:0 auto!important}
#loginScreen .login-card{width:100%!important;max-width:560px!important;min-width:0!important;padding:24px!important}
#loginScreen #odakCurrentHero,#loginScreen .odak-role-hero,#loginScreen .odak-login-system-badge{display:none!important}
#loginScreen{min-height:0!important;height:auto!important;overflow:visible!important;padding:20px 12px 40px!important;box-sizing:border-box;flex-direction:column!important;align-items:center!important}
#loginScreen>.odak-login-brand-logo{width:min(280px,80vw)!important;margin:8px auto 18px!important}
#emailStudentCard{width:100%!important;max-width:440px!important;box-sizing:border-box;padding:24px!important}
#emailStudentCard input{font-size:16px!important;width:100%!important;box-sizing:border-box;min-height:48px}
#emailStudentBtn{min-height:48px;width:100%}
#odakUnifiedLinks{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:18px}
#odakUnifiedLinks button,#odakUnifiedLinks a{font-size:15px;min-height:44px;display:inline-flex;align-items:center;color:#07559a}
@media(max-width:600px){#loginScreen .login-card{padding:12px!important}#emailStudentCard{padding:20px 16px!important}#appHomeBtn{max-width:100%}}
/* Keep badge content and dismissal controls inside short mobile viewports. */
#odakBadgesModal{padding:12px!important;overflow:hidden;box-sizing:border-box}
#odakBadgesModal .odak-badges-card{width:100%!important;max-width:720px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);min-width:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:12px 18px 20px!important}
#odakBadgesClose{position:sticky!important;top:0!important;right:auto!important;display:block;margin-left:auto;width:44px;height:44px;line-height:1;border-radius:50%;background:#fff;z-index:2;box-shadow:0 2px 8px #0002}
#odakBadgesGrid{grid-template-columns:repeat(3,minmax(0,1fr))}
#odakBadgesGrid .odak-badge-item{min-width:0;overflow-wrap:anywhere}
#odakBadgesGrid .odak-badge-item>div{min-width:0}
@media(max-width:600px){#odakBadgesGrid{grid-template-columns:1fr!important}#odakBadgesModal .odak-info-icon{font-size:36px}#odakBadgesModal h2{font-size:26px}}

.odak-suggestion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.odak-suggestion-card{display:flex;flex-direction:column;gap:10px;text-align:left;min-width:0;min-height:120px;padding:18px;border:1px solid #cce4f6;border-radius:18px;background:#f5fbff;color:#124b78;cursor:pointer;font:inherit}.odak-suggestion-card strong{font-size:18px;overflow-wrap:anywhere}.odak-suggestion-card:focus-visible{outline:3px solid #087fd2;outline-offset:3px}@media(max-width:600px){.odak-suggestion-grid{grid-template-columns:1fr}.odak-suggestion-card{min-height:100px}}

.odak-suggestions{background:#fff;border:1px solid #cce4f6;border-radius:22px;padding:20px;margin:0 0 18px;color:#124b78}.odak-suggestions h2{margin:0 0 8px}.odak-suggestions>p{margin:0 0 16px;line-height:1.6}

.odak-learning-feedback{margin:16px 0 0;padding:16px;border:1px solid #f1cf7a;border-radius:14px;background:#fff9e8;color:#40320e;text-align:left;max-width:100%;overflow-wrap:anywhere}.odak-learning-feedback p{margin:8px 0 12px;line-height:1.5}.odak-learning-feedback button{min-height:44px}

.odak-reading-gate{margin-top:18px;padding:14px;border-radius:14px;background:#eef7ff;color:#174a70}.odak-reading-gate p{line-height:1.5;margin:0 0 12px}.odak-reading-gate button{min-height:48px;white-space:normal}