/* Parent Hub v31. Loaded after strict-palette.css on both Parent routes.
   The gray-brain/yellow-bolt foreground artwork is unchanged. */
:root {
  color-scheme: light;
  background: #f7f3ff !important;
  color: #2d1752 !important;
  --parent-purple: #46178f;
  --parent-red: #e21b3c;
  --parent-blue: #1368ce;
  --parent-gold: #d89e00;
  --parent-green: #26890c;
  --parent-lavender: #f7f3ff;
  --parent-soft: #eee7fb;
  --parent-ink: #2d1752;
  --parent-muted: #51446c;
}
body { background: #f7f3ff !important; color: #2d1752 !important }
body .parent-shell { color: #2d1752 }
body .parent-shell :is(h1,h2,h3,h4,p,li,label,small,summary,span,strong,div,a,button) { text-shadow: none }
body .parent-shell .topbar { background: #fff !important; border-color: #d9c9f3 !important }
body .parent-shell .brand,
body .parent-shell .brand span { color: #46178f !important }
body .parent-shell .eyebrow { color: #46178f !important }
body .parent-shell .parent-study-preview {
  background: #fff !important; color: #46178f !important;
  border: 2px solid #46178f !important; box-shadow: none !important;
}
body .parent-shell .parent-study-preview:hover { background: #eee7fb !important }
body .parent-shell .parent-hero {
  background: linear-gradient(115deg,#46178f 0%,#46178f 68%,#1368ce 100%) !important;
  color: #fff !important; border: 1px solid #46178f !important;
  box-shadow: 0 12px 28px #46178f25 !important;
}
body .parent-shell .parent-hero :is(h1,p,.eyebrow) { color: #fff !important }
body .parent-shell .parent-hero-mark { color: #fff; animation: parent-brand-arrive 1.3s ease-out 1 both }
@keyframes parent-brand-arrive {
  0% { transform: translateX(-7px); filter: drop-shadow(0 0 0 #ffffff00) }
  55% { transform: translateX(2px); filter: drop-shadow(0 0 12px #ffffff88) }
  100% { transform: none; filter: drop-shadow(0 0 3px #ffffff44) }
}
@media (prefers-reduced-motion: reduce) { body .parent-shell .parent-hero-mark { animation: none; filter: none } }
body .parent-shell .action {
  background: #fff !important; color: #46178f !important;
  border: 2px solid #46178f !important; box-shadow: none !important;
}
body .parent-shell .action:hover { background: #eee7fb !important }
body .parent-shell .action-main {
  background: #e21b3c !important; color: #fff !important;
  border-color: #e21b3c !important; box-shadow: 0 4px 0 #a71029 !important;
}
body .parent-shell .action-main:hover { background: #c91634 !important }
body .parent-shell .action-status { color: #46178f !important }
body .parent-shell .empty-state,
body .parent-shell .metric,
body .parent-shell .data-section,
body .parent-shell .parent-help,
body .parent-shell .share-section {
  background: #fff !important; color: #2d1752 !important;
  border: 1px solid #d9c9f3 !important; box-shadow: 0 4px 16px #46178f0d !important;
}
body .parent-shell .empty-state { border-style: dashed !important; border-color: #1368ce !important }
body .parent-shell .empty-state h2,
body .parent-shell .section-top h2,
body .parent-shell .data-section h3,
body .parent-shell .parent-help summary,
body .parent-shell .history-section summary,
body .parent-shell .share-section h2 { color: #46178f !important }
body .parent-shell .empty-illustration { color: #1368ce !important; filter: none !important }
body .parent-shell .empty-state p,
body .parent-shell .empty-state strong,
body .parent-shell .metric span,
body .parent-shell .metric small,
body .parent-shell .sample-note,
body .parent-shell .chart-note,
body .parent-shell .skill-sub,
body .parent-shell .round-label small,
body .parent-shell .muted-empty,
body .parent-shell .parent-help p,
body .parent-shell .share-section small,
body .parent-shell .history-section details p,
body .parent-shell footer { color: #51446c !important }
body .parent-shell .metric:nth-child(1) { border-top: 4px solid #1368ce !important }
body .parent-shell .metric:nth-child(2) { border-top: 4px solid #26890c !important }
body .parent-shell .metric:nth-child(3) { border-top: 4px solid #d89e00 !important }
body .parent-shell .metric strong { color: #46178f !important }
body .parent-shell .metric:nth-child(2) strong { color: #26890c !important }
body .parent-shell .metric:nth-child(3) strong { color: #825c00 !important }
body .parent-shell .focus-panel {
  background: #eee7fb !important; color: #2d1752 !important;
  border: 1px solid #b69ae6 !important; box-shadow: none !important;
}
body .parent-shell .focus-panel :is(h2,p,small,.eyebrow,span,strong) { color: #2d1752 !important }
body .parent-shell .focus-panel .focus-line { border-top-color: #b69ae6 }
body .parent-shell .focus-panel .focus-line :is(strong,p) { color: #2d1752 !important }
body .parent-shell .focus-panel .focus-lesson { background: #46178f !important }
body .parent-shell .focus-panel .focus-lesson :is(strong,p) { color: #fff !important }
body .parent-shell .focus-icon { color: #46178f !important; filter: none !important }
body .parent-shell .report-picker,
body .parent-shell .report-source,
body .parent-shell .device-label,
body .parent-shell .compare-controls label { color: #51446c !important }
body .parent-shell :is(.report-picker,.compare-controls,.device-label) select,
body .parent-shell select {
  background: #fff !important; color: #2d1752 !important;
  border: 2px solid #b69ae6 !important; box-shadow: none !important;
}
body .parent-shell select:disabled { background: #eee7fb !important; color: #51446c !important; opacity: 1 }
body .parent-shell .report-source .report-strip,
body .parent-shell .attempt-row {
  background: #eee7fb !important; color: #2d1752 !important;
  border: 1px solid #b69ae6 !important;
}
body .parent-shell .report-strip h2,
body .parent-shell .report-source .report-strip h2,
body .parent-shell .attempt-row strong { color: #46178f !important }
body .parent-shell .report-strip p,
body .parent-shell .report-source .report-strip p,
body .parent-shell .attempt-row small { color: #51446c !important }
body .parent-shell .skill-name,
body .parent-shell .skill-value,
body .parent-shell .round-value { color: #2d1752 !important }
body .parent-shell :is(.bar-track,.trend-track,.compare-bar-track) {
  background: #eee7fb !important; border: 1px solid #b69ae6 !important;
}
body .parent-shell :is(.bar-fill,.trend-fill) { background: #26890c !important }
body .parent-shell .compare-bar-fill { background: #1368ce !important }
body .parent-shell .compare-group { border-top-color: #d9c9f3 }
body .parent-shell .compare-group h3,
body .parent-shell .compare-bar-row strong { color: #46178f !important }
body .parent-shell .compare-bar-row>span:first-child { color: #51446c !important }
body .parent-shell .word-chip {
  background: #f7f3ff !important; color: #2d1752 !important;
  border: 1px solid #d9c9f3 !important; border-left: 4px solid #e21b3c !important;
}
body .parent-shell .word-chip strong { color: #46178f !important }
body .parent-shell .word-chip small { color: #51446c !important }
body .parent-shell .math-practice,
body .parent-shell .math-attempts,
body .parent-shell .history-section details { border-top-color: #d9c9f3 !important }
body .parent-shell .math-recommendation {
  background: #eee7fb !important; color: #2d1752 !important;
  border: 1px solid #b69ae6 !important; border-left: 4px solid #26890c !important;
}
body .parent-shell .math-recommendation :is(h3,p) { color: #2d1752 !important }
body .parent-shell .math-recommendation a { color: #1368ce !important }
body .parent-shell .round-row.partial-practice {
  background: #eee7fb !important; color: #2d1752 !important;
  border: 1px solid #d9c9f3 !important;
}
body .parent-shell .round-row.partial-practice .round-value { color: #46178f !important }
body .parent-shell .share-section { border-top: 4px solid #1368ce !important }
body .parent-shell .share-section p,
body .parent-shell .share-section #recap-text { color: #2d1752 !important }
body .parent-shell :is(.share-actions button,.history-section button,.parent-help button,.archive-label) {
  background: #46178f !important; color: #fff !important;
  border: 2px solid #46178f !important; box-shadow: none !important;
}
body .parent-shell :is(.share-actions button,.history-section button,.parent-help button,.archive-label):hover { background: #35106f !important }
body .parent-shell .share-actions button+button,
body .parent-shell .archive-label { background: #d89e00 !important; color: #2d1752 !important; border-color: #d89e00 !important }
body .parent-shell .share-actions button+button:hover,
body .parent-shell .archive-label:hover { background: #c59000 !important }
body .parent-shell .history-section li { border-bottom-color: #d9c9f3 !important }
body .parent-shell .history-section li strong,
body .parent-shell #history-count { color: #46178f !important }
body .parent-shell :is(.parent-help,.share-section) textarea {
  background: #fff !important; color: #2d1752 !important;
  border: 2px solid #b69ae6 !important;
}
body .parent-shell textarea::placeholder { color: #51446c }
body .parent-shell input[type=file] { color: #2d1752; accent-color: #46178f }
body .parent-shell input[type=file]::file-selector-button {
  background: #eee7fb; color: #46178f; border: 1px solid #b69ae6;
  border-radius: 8px; padding: 8px; font: inherit; font-weight: 800;
}
body .parent-shell :is(button,a,input,textarea,summary,select):focus-visible,
body .parent-shell #progress-file:focus-visible + .action {
  outline: 3px solid #1368ce !important; outline-offset: 3px !important;
}
body .parent-shell ::selection { background: #d9c9f3; color: #2d1752 }
body .parent-shell :is(input,textarea,select) { accent-color: #46178f }
@media print {
  :root,body { background: #fff !important; color: #2d1752 !important; color-scheme: light }
  body .parent-shell :is(.parent-hero,.focus-panel,.metric,.data-section,.share-section,.word-chip,.math-recommendation,.round-row.partial-practice,.attempt-row) {
    background: #fff !important; color: #2d1752 !important;
    border-color: #b69ae6 !important; box-shadow: none !important;
  }
  body .parent-shell :is(h1,h2,h3,p,small,strong,.eyebrow,.metric strong,.word-chip small,.chart-note,.skill-sub,.round-label small,.share-section small,.focus-panel small,.skill-name,.skill-value,.round-value) { color: #2d1752 !important }
  body .parent-shell .focus-panel .focus-lesson { background: #fff !important; border: 1px solid #46178f !important }
  body .parent-shell .focus-panel .focus-lesson :is(strong,p) { color: #2d1752 !important }
  body .parent-shell :is(.bar-track,.trend-track,.compare-bar-track) { background: #eee7fb !important; border-color: #b69ae6 !important }
  body .parent-shell :is(.bar-fill,.trend-fill) { background: #26890c !important }
  body .parent-shell .compare-bar-fill { background: #1368ce !important }
  body .parent-shell .compare-bar-row>span:first-child,
  body .parent-shell .compare-bar-row strong,
  body .parent-shell .compare-group h3 { color: #2d1752 !important }
}