/* Small selector-level refinements for components that pre-date the PHOBEE tokens. */

/* Student class card view */
.student-class-next{background:#f4fbfa!important;border:1px solid #cce8e4!important;border-left:4px solid var(--ph-teal)!important;box-shadow:var(--ph-shadow)!important}
.student-class-next__eyebrow{color:var(--ph-teal-dark)!important}
.student-class-next__action{min-height:44px!important;background:var(--ph-indigo)!important;color:#fff!important;border-radius:var(--ph-radius-sm)!important;box-shadow:none!important}
.student-class-next__action:hover{background:var(--ph-indigo-dark)!important}
.student-class-urgency{background:#fff2d5!important;color:#996710!important}.student-class-urgency--late{background:#fde9e5!important;color:#b34c39!important}
.student-class-work-heading .eyebrow{color:var(--ph-indigo)!important}.student-class-work-heading h2{color:var(--ph-navy)!important}.student-class-work-heading p{color:var(--ph-slate)!important}.student-class-work-heading>a{color:var(--ph-indigo)!important}
.student-class-filters{border-color:var(--ph-mist)!important;background:#f6f7fa!important}
.student-class-filters button{min-height:44px!important;color:#58667a!important}
.student-class-filters button:hover{background:#fff!important;color:var(--ph-navy)!important}
.student-class-filters button.is-active{background:var(--ph-indigo)!important;color:#fff!important;box-shadow:none!important}
.student-class-work-card h3{color:var(--ph-navy)!important}.student-class-work-card__meta{color:var(--ph-slate)!important}.student-class-work-card__progress>div:first-child{color:var(--ph-slate)!important}.student-class-work-card__progress strong{color:var(--ph-navy)!important}
.student-class-show-more{min-height:44px!important;border-color:var(--ph-indigo)!important;color:var(--ph-indigo)!important;background:#fff!important;border-radius:var(--ph-radius-sm)!important}.student-class-show-more:hover{background:#f5f6ff!important}
.student-class-filter-empty{border-color:#ccd5e0!important;background:#fafbfc!important;color:var(--ph-slate)!important}

/* Assignment performance overview */
.align-performance-overview{background:#fff!important;border-color:var(--ph-mist)!important;border-radius:var(--ph-radius)!important;box-shadow:var(--ph-shadow)!important}
.align-performance-summary{border-color:var(--ph-mist)!important}
.align-score-donut{background:conic-gradient(var(--ph-indigo) calc(var(--score)*1%),#edf1f5 0)!important}
.align-score-donut:before{background:#fff!important}.align-score-donut span{color:var(--ph-slate)!important}.align-score-donut strong{color:var(--ph-navy)!important}
.align-score-donut.is-empty{background:#edf1f5!important}
.align-performance-summary-stats{border-color:var(--ph-mist)!important}.align-performance-summary-stats span{background:#fafbfc!important}.align-performance-summary-stats span+span{border-color:var(--ph-mist)!important}.align-performance-summary-stats strong{color:var(--ph-navy)!important}.align-performance-summary-stats small{color:var(--ph-slate)!important}
.align-performance-graph-head h2{color:var(--ph-navy)!important}.align-performance-legend{color:var(--ph-slate)!important}.align-performance-legend i{background:var(--ph-green)!important}.align-performance-scale{color:var(--ph-slate)!important}
.align-performance-chart{background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),var(--ph-mist) calc(25% - 1px),var(--ph-mist) 25%)!important;border-color:#cfd7e2!important}
.align-performance-value{color:#59677a!important}.align-performance-bar{background:#edf1f5!important}.align-performance-bar span{background:var(--ph-green)!important}.align-performance-word span{color:#7d8999!important}.align-performance-word strong{color:var(--ph-navy)!important}

/* PHOBEE keeps audio teal, primary navigation/actions indigo, completion green. */
.practice-whole-word,.hear-word-button,.assessment-hear-button,[data-action="hear-word"]{background:var(--ph-teal)!important;border-color:var(--ph-teal)!important;color:#fff!important}
.practice-next-button,.assessment-submit,.results-primary-action{background:var(--ph-indigo)!important;border-color:var(--ph-indigo)!important;color:#fff!important}

/* Keep text-only PHOBEE branding visible even while sidebars are collapsed. */
.student-sidebar__brand strong::after,.teacher-sidebar .student-brand span::after{white-space:nowrap}

@media(max-width:760px){
  .align-performance-overview{border-radius:12px!important}
}