/* No-gradient theme override.
   Keep this stylesheet last so the portal stays visually clean and solid. */
*,
*::before,
*::after {
  background-image: none !important;
  mask-image: none !important;
}

html,
body {
  background-color: #f7f7fb !important;
}

body::before,
.sidebar::before,
.page-header::before,
.auth-card::before,
.level-card::after,
.block-card::after,
.module-card::after,
.class-launcher-card::after,
.resource-card::after,
.recent-module-card::after {
  display: none !important;
}

.main-area,
.page,
.auth-shell,
.mobile-nav {
  background-color: #f7f7fb !important;
}

.sidebar {
  background-color: #2b1287 !important;
}

.page-header,
.auth-card,
.search-panel,
.module-controls,
.assignment-dashboard-controls,
.students-panel,
.workspace-panel,
.module-workspace-header,
.assignment-dashboard-card,
.assignment-detail-card,
.assignment-detail-hero,
.student-search-panel,
.link-manager-form,
.link-list-card,
.material-placeholder,
.material-reference,
.media-loading-state,
.media-fallback-state,
.whiteboard-canvas-shell,
.text-display-toolbar,
.student-text-display {
  background-color: #ffffff !important;
}

.level-card,
.resource-card,
.block-card,
.module-card,
.tool-card,
.empty-state,
.class-launcher-card,
.recent-module-card,
.student-card,
.assignment-summary-card,
.assignment-dashboard-item,
.student-assignment-row,
.student-progress-card,
.student-level-module-card,
.student-level-block-progress,
.assignment-history-item,
.teacher-student-link-card {
  background-color: #ffffff !important;
}

.button.primary,
.filter-chip.is-active,
.module-open-button,
.tool-launch-button,
.assignment-form button[type="submit"],
.profile-sign-out:hover {
  background-color: var(--accent-green) !important;
  color: var(--brand-navy) !important;
}

.button.secondary,
.button.ghost,
.back-link,
.clear-search,
.filter-chip,
.module-sibling-link,
.media-tab,
.teaching-mode-tab,
.whiteboard-tool,
.workspace-resource-action,
.external-button,
.profile-sign-out {
  background-color: #ffffff !important;
  color: var(--brand-navy) !important;
}

.button.disabled,
.disabled-card .button,
.tool-card.is-pending .tool-launch-button {
  background-color: #f2effa !important;
  color: var(--muted) !important;
}

.button.danger {
  background-color: var(--accent-coral-soft) !important;
  color: #8e2c24 !important;
}

.assignment-panel {
  border-color: rgba(255, 255, 255, 0.34) !important;
  background-color: #2b1287 !important;
  color: #ffffff !important;
  box-shadow: 0 20px 0 rgba(36, 16, 111, 0.12), 0 28px 64px rgba(36, 16, 111, 0.24) !important;
}

.assignment-panel .eyebrow,
.assignment-panel-header h2,
.assignment-panel-header p {
  color: #ffffff !important;
}

.assignment-panel .eyebrow {
  color: var(--accent-green) !important;
}

.assignment-loading,
.assignment-notice,
.assignment-module-summary,
.assignment-student-picker,
.assignment-picker-toolbar,
.assignment-student-option {
  background-color: #ffffff !important;
  color: var(--text) !important;
}

.assignment-student-picker legend,
.assignment-module-summary strong,
.assignment-module-summary p,
.assignment-student-option strong,
.assignment-student-option small {
  color: inherit !important;
}

.status-badge,
.header-meta,
.assignment-dashboard-count,
.link-count,
.tool-status,
.block-number,
.module-number,
.review-badge,
.student-sync-badge,
.student-card-stats span,
.assignment-history-status,
.assignment-due-date,
.student-level-module-meta > span:not(.assignment-history-status),
.student-level-module-meta a,
.resource-chip,
.assignment-inline-status,
.link-status {
  background-color: #f4f1ff !important;
  color: var(--brand-navy) !important;
}

.status-badge:not(.soon),
.student-sync-badge.is-synced,
.assignment-history-status.status-completed,
.assignment-inline-status.is-success,
.link-status.active {
  background-color: var(--accent-green-soft) !important;
  color: #147443 !important;
}

.assignment-history-status.status-assigned,
.review-badge,
.assignment-due-date.is-overdue {
  background-color: var(--brand-yellow-soft) !important;
  color: var(--brand-navy) !important;
}

.assignment-history-status.status-in_progress,
.assignment-history-status.status-in-progress,
.student-sync-badge.is-teacher-only,
.link-status.inactive {
  background-color: var(--accent-purple-soft) !important;
  color: var(--brand-navy) !important;
}

.level-card-accent,
.block-accent,
.module-card::before,
.tool-card::before,
.student-card::before,
.assignment-summary-card::before,
.student-progress-meter-fill,
.student-level-module-card::before,
.assignment-dashboard-item::before,
.student-level-block-progress::before {
  background-color: var(--accent-green) !important;
}

.level-icon {
  background-color: var(--level-main, var(--brand-yellow)) !important;
}

.block-icon {
  background-color: var(--block-main, var(--accent-purple)) !important;
}

.tool-icon,
.resource-icon,
.empty-icon,
.auth-mark,
.brand-mark,
.nav-icon,
.assignment-summary-icon,
.student-avatar,
.assignment-student-avatar,
.link-person-icon,
.material-placeholder-icon {
  background-color: var(--brand-yellow-soft) !important;
  color: var(--brand-navy) !important;
}

.sidebar .nav-link[aria-current="page"],
.mobile-nav-link[aria-current="page"] {
  background-color: #ffffff !important;
  color: var(--brand-navy) !important;
}

.sidebar .nav-link[aria-current="page"] {
  border-color: rgba(255, 255, 255, 0.68) !important;
  box-shadow: 0 14px 26px rgba(16, 5, 62, 0.18) !important;
}

.sidebar .nav-link[aria-current="page"] .nav-icon,
.mobile-nav-link[aria-current="page"] .nav-icon {
  background-color: var(--brand-yellow-soft) !important;
  color: var(--brand-navy) !important;
}

.brand,
.teacher-profile,
.sidebar-collapse-toggle {
  background-color: rgba(255, 255, 255, 0.14) !important;
}

.sidebar-show-toggle {
  background-color: #ffffff !important;
}

input,
select,
textarea,
.search-wrap,
.module-search,
.link-search-panel .search-wrap,
.assignment-field,
.assignment-student-option,
.assignment-notes-form textarea,
.assignment-student-filter select {
  background-color: #ffffff !important;
}

.media-tab.is-active,
.teaching-mode-tab.is-active,
.whiteboard-tool.is-active {
  background-color: var(--accent-purple-soft) !important;
}

.whiteboard-swatch {
  background-color: var(--swatch-color) !important;
}

.teaching-more-tools,
.teaching-more-tools-grid {
  background-color: #ffffff !important;
}

.student-text-display.text-background-lines {
  background-color: #ffffff !important;
  background-image: repeating-linear-gradient(to bottom, #ffffff 0 38px, rgba(106, 54, 216, 0.14) 39px, #ffffff 40px) !important;
}

.student-text-display.text-background-grid {
  background-color: #ffffff !important;
  background-image:
    linear-gradient(rgba(106, 54, 216, 0.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(106, 54, 216, 0.12) 1px, transparent 1px) !important;
  background-size: 32px 32px !important;
}

.student-text-display.text-background-columns {
  background-color: #ffffff !important;
  background-image: linear-gradient(90deg, transparent calc(50% - 1px), rgba(106, 54, 216, 0.18) calc(50% - 1px), rgba(106, 54, 216, 0.18) calc(50% + 1px), transparent calc(50% + 1px)) !important;
}