/* WAMS 3.1.6 visual/profile hotfix: readable dark panels + clean profile avatars */
:root{--wams-dark-readable:#f8fbff;--wams-dark-muted:#e7f0ff;--wams-dark-gold:#ffd76a;--wams-navy:#061f49}
/* Dark blue panels/heroes must keep white readable copy even when theme text color changes. */
.apex-portal .v230-page-hero,.apex-portal .v230-results-hero,.apex-portal .v230-fee-hero,.apex-portal .v230-attendance-head,.apex-portal .portal-welcome,.apex-portal .class-hero,.apex-portal .v310-priority-hero,.apex-portal .v310-sheet-hero,.apex-portal .v310-results-overview,.apex-portal .sidebar-motto,.apex-portal .welcome-banner,.apex-public .teacher-profile-hero-v295,.apex-public .v280-showcase,.apex-public .v280-app-card,.apex-public .v280-cta,.apex-public .showcase-section,.apex-public .home-cta{color:var(--wams-dark-readable)!important}
.apex-portal .v230-page-hero h1,.apex-portal .v230-page-hero h2,.apex-portal .v230-results-hero h1,.apex-portal .v230-fee-hero h1,.apex-portal .portal-welcome h1,.apex-portal .class-hero h1,.apex-portal .class-hero h2,.apex-portal .v310-priority-hero h1,.apex-portal .v310-priority-hero h2,.apex-portal .v310-sheet-hero h1,.apex-portal .v310-results-overview h1,.apex-portal .welcome-banner h1,.apex-public .teacher-profile-hero-v295 h1,.apex-public .v280-showcase h2,.apex-public .v280-app-card h2,.apex-public .v280-cta h2,.apex-public .showcase-section h2,.apex-public .home-cta h2{color:var(--wams-dark-readable)!important;text-shadow:0 1px 2px rgba(0,0,0,.22)!important}
.apex-portal .v230-page-hero p,.apex-portal .v230-results-hero p,.apex-portal .v230-fee-hero p,.apex-portal .v230-attendance-head p,.apex-portal .portal-welcome p,.apex-portal .class-hero p,.apex-portal .v310-priority-hero p,.apex-portal .v310-sheet-hero p,.apex-portal .v310-results-overview p,.apex-portal .welcome-banner p,.apex-public .teacher-profile-hero-v295 p,.apex-public .v280-showcase p,.apex-public .v280-app-card p,.apex-public .v280-cta p,.apex-public .showcase-section p,.apex-public .home-cta p{color:var(--wams-dark-muted)!important;opacity:1!important}
.apex-portal .v230-page-hero>div>span,.apex-portal .v230-results-hero span,.apex-portal .v230-fee-hero span,.apex-portal .v310-kicker,.apex-portal .v310-priority-hero span,.apex-portal .v310-sheet-hero span,.apex-portal .v310-results-overview span,.apex-public .teacher-eyebrow,.apex-public .v280-showcase>div>span,.apex-public .v280-app-card span,.apex-public .v280-cta span,.apex-public .showcase-section span,.apex-public .home-cta span{color:var(--wams-dark-gold)!important;opacity:1!important}
.apex-portal .v230-page-hero>i,.apex-portal .v230-fee-hero i{background:rgba(255,255,255,.14)!important;color:var(--wams-dark-gold)!important}
/* Teacher activation ID card: never show a blank/invisible ID. */
.v310-id-card{background:#061f49!important;color:#fff!important;box-shadow:0 18px 45px rgba(6,31,73,.16)!important}.v310-id-card small,.v310-id-card span{color:#dbeafe!important}.v310-id-card strong{display:block!important;color:#ffd76a!important;font-size:2rem!important;line-height:1.12!important;margin:8px 0 14px!important;word-break:break-word!important;letter-spacing:.02em!important}
/* Logged-in profile page: keep fallback initial inside an avatar circle instead of loose text. */
.v314-profile-hero,.profile-hero.v314-profile-hero{display:flex!important;align-items:center!important;gap:22px!important;background:#fff!important;border:1px solid #dfe7f1!important;border-radius:24px!important;padding:24px!important;box-shadow:0 12px 32px rgba(15,23,42,.06)!important;margin-bottom:20px!important}.v314-profile-hero .avatar,.profile-hero.v314-profile-hero .avatar{width:96px!important;height:96px!important;min-width:96px!important;border-radius:28px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#fff6d8,#f2c94c)!important;color:#061f49!important;font-size:2.55rem!important;font-weight:900!important;overflow:hidden!important}.v314-profile-hero .avatar img,.profile-hero.v314-profile-hero .avatar img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:inherit!important;display:block!important}.v314-profile-hero .role-pill,.profile-hero.v314-profile-hero .role-pill{display:inline-flex!important;width:auto!important;margin:0 0 8px!important;padding:6px 11px!important;border-radius:999px!important;background:#eef5ff!important;color:#0b3c78!important;font-size:.76rem!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.05em!important}.v314-profile-hero h1,.profile-hero.v314-profile-hero h1{margin:0 0 8px!important;color:#061f49!important}.v314-profile-hero p,.profile-hero.v314-profile-hero p{margin:0!important;color:#53647a!important}.profile-card.v314-profile-card>span{overflow:hidden!important}.profile-card.v314-profile-card>span img,.user-chip img,.profile-popup-head img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}.profile-card.v314-profile-card small{display:inline-flex!important;width:auto!important;margin-bottom:6px!important;padding:5px 9px!important;border-radius:999px!important;background:#eef5ff!important;color:#0b3c78!important;font-weight:900!important}
/* Avatar previews everywhere use centre crop. */
.profile-card img,.profile-hero .avatar img,.teacher-avatar-wrap>img,.user-chip img,.profile-popup-head img{object-fit:cover!important;object-position:center!important}
@media(max-width:640px){.v314-profile-hero,.profile-hero.v314-profile-hero{align-items:flex-start!important;gap:14px!important;padding:18px!important}.v314-profile-hero .avatar,.profile-hero.v314-profile-hero .avatar{width:72px!important;height:72px!important;min-width:72px!important;border-radius:20px!important;font-size:2rem!important}}

/* v3.1.5: multi-role user editor */
.modal-card.wide .role-checks.span-2{grid-column:1/-1!important;background:#f8fbff!important;border:1px solid #dbe7f5!important;border-radius:16px!important;padding:14px!important;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:10px!important}.modal-card.wide .role-checks legend{grid-column:1/-1!important;font-weight:900!important;color:#061f49!important;padding:0 6px!important}.modal-card.wide .role-checks .form-note{grid-column:1/-1!important}.multi-role-help-card{border-left:5px solid #d49308!important;background:#fffaf0!important}.multi-role-help-card b{display:block!important;color:#061f49!important;margin-bottom:4px!important}.multi-role-help-card p{margin:0!important;color:#53647a!important}