/* Remaining receiving routes: source-owned presentation; trainer runtimes own state. */
.remaining-receiving { background: #081521; color: #e6eef5; font-family: var(--mtp-font-sans); color-scheme: dark; }
.remaining-receiving :is(main, .content-container, body > .container) { min-width: 0; }
.remaining-receiving .receiving-back { display: inline-flex; align-items: center; min-height: 44px; color: #74dce8; text-decoration: underline; text-underline-offset: 4px; font-size: .9375rem; margin-bottom: 8px; }
.remaining-receiving h1 { color: #f2f7fa; background: none; -webkit-text-fill-color: currentColor; font-family: var(--mtp-font-sans); font-size: clamp(1.8rem, 3vw, 2.3rem); line-height: 1.2; }
.remaining-receiving h2 { font-size: 1.25rem; }
.remaining-receiving .receiving-heading { margin-bottom: 24px; }
.remaining-receiving .receiving-heading p { color: #bbcbd9; margin-top: 10px; max-width: 70ch; }
.remaining-receiving :is(button, select, summary, input:not([type=checkbox]):not([type=radio]), .primary-btn, .secondary-btn, .danger-btn) { min-height: 44px; }
.remaining-receiving :is(button, input, select, textarea) { font-family: inherit; max-width: 100%; }
.remaining-receiving :is(button, select, input, textarea, summary, a):focus-visible { outline: 3px solid #74dce8 !important; outline-offset: 3px; }
.remaining-receiving input, .remaining-receiving textarea { caret-color: #74dce8; }
.remaining-receiving ::selection { background: #74dce8; color: #081521; }
.remaining-receiving input::placeholder, .remaining-receiving textarea::placeholder { color: #aabccb; opacity: 1; }
.remaining-receiving .receiving-detail { border: 1px solid #34495a; border-radius: 8px; margin: 16px 0; background: #101f2d; overflow: visible; }
.remaining-receiving .receiving-detail > summary { padding: 12px 16px; cursor: pointer; color: #dceaf3; font-weight: 600; }
.remaining-receiving .receiving-detail > summary:hover { background: #192e40; }
.remaining-receiving .receiving-detail[open] > summary { border-bottom: 1px solid #34495a; margin-bottom: 16px; }
.remaining-receiving .receiving-detail > :not(summary) { margin-left: 16px; margin-right: 16px; }
.remaining-receiving .receiving-detail > :last-child { margin-bottom: 16px; }
.remaining-receiving .receiving-label { display: block; margin: 0 0 6px; font-size: .875rem; font-weight: 500; color: #c6d5e1; }
.remaining-receiving .receiving-field { min-width: 0; }
.remaining-receiving .receiving-field :is(input,select,textarea) { width: 100%; }
.remaining-receiving :is(.panel,.section,.cmc-card,.cmc-panel,.cwbg-panel,.filter-section,.cw-settings-panel) { background: #101f2d; border-color: #34495a; box-shadow: none; }
.remaining-receiving :is(.section-header,.cmc-hero) { background: transparent; }
.remaining-receiving :is(.text-gray-400,.text-gray-500) { color: #b4c4d2; }
.remaining-receiving #loginRequiredMessage { background: #142736; border-color: #3f5768; }
.remaining-receiving #loginRequiredMessage :is(h2,h3,p,a,svg) { color: #d0e1ed; }
.remaining-receiving .training-type-selector { gap: 12px; }
.remaining-receiving :is(.training-type-option,.mode-option) { color: #e6eef5; text-align: left; background: #142736; box-shadow: none; }
.remaining-receiving :is(.training-type-option,.mode-option) > span { display: block; }
.remaining-receiving :is(.training-type-option,.mode-option).active { border-color: #74dce8; background: #163544; }
.remaining-receiving .audio-btn { box-shadow: none; transform: none; }
.remaining-receiving .audio-btn:not(:disabled) { background: #285a76; }
.remaining-receiving #startTraining { background: #74dce8; color: #081521; }
.remaining-receiving .cmc-speed-readout { background: #101f2d; box-shadow: none; }
.remaining-receiving :is(.stat-card,.cwbg-stat) { background: transparent; box-shadow: none; border: 0; }
.remaining-receiving .receiving-book-info .sticky { position: static; }
.remaining-receiving #bookCover { height: 200px; }
.remaining-receiving #userStatsSection { background: transparent; padding: 0; border: 0; }
.remaining-receiving #userStatsSection .grid > div { background: #142736; }
@media (max-width: 767px) {
 .remaining-receiving .content-container > .container, .remaining-receiving > .container { padding: 20px 16px; }
 .remaining-receiving .receiving-book-practice { order: -1; }
 .remaining-receiving .training-type-selector { grid-template-columns: 1fr; }
 .remaining-receiving .cmc-hero { gap: 16px; }
 .remaining-receiving .cmc-speed-readout { min-width: 0; }
 .remaining-receiving .receiving-detail > :not(summary) { margin-left: 12px; margin-right: 12px; }
}
@media (prefers-reduced-motion: reduce) {
 .remaining-receiving *, .remaining-receiving *::before, .remaining-receiving *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
/* Collapse resolved access placeholders without changing guard state. */
.remaining-receiving .mtp-f05-access-shell[hidden] { display: none !important; }
.remaining-receiving .panel-title { text-transform: none; letter-spacing: normal; }
.remaining-receiving .cwbg-shell { padding-top: 24px; }
.remaining-receiving.mpt-sticky-enabled > .container { margin-top: 0 !important; }
.remaining-receiving .content-container .section { padding: 16px; margin-bottom: 20px; }
.remaining-receiving .content-container .section-header { margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid #34495a; }
.remaining-receiving .content-container .training-type-option { padding: 14px; border-radius: 8px; }
.remaining-receiving .content-container .training-type-option span:first-child { font-size: 1.0625rem; }
.remaining-receiving .training-container { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 20px; }
.remaining-receiving :is(.training-display-section,.messages-section) { width: auto; min-width: 0; padding: 16px; background: #101f2d; border: 1px solid #34495a; box-shadow: none; }
.remaining-receiving .audio-controls { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 16px; }
.remaining-receiving .audio-controls .audio-btn { flex: 1 1 135px; }
.remaining-receiving .receiving-heading h1 svg { display: none; }
.remaining-receiving .cmc-shell { padding-inline: 16px; }
@media(max-width:767px) {
 .remaining-receiving .training-container { grid-template-columns: minmax(0, 1fr); }
 .remaining-receiving .training-type-option span:last-child { margin-top: 4px; }
 .remaining-receiving .codesnap-display-container { height: auto; min-height: 120px; }
 .remaining-receiving .difficulty-indicator { flex-wrap: wrap; }
}
/* Override legacy force rules that narrow the stacked mobile practice area. */
body.remaining-receiving .training-container { display: grid !important; }
body.remaining-receiving :is(.training-display-section,.messages-section) { max-width: 100% !important; width: 100% !important; }
/* Keep legacy diagnostics available without covering the practice controls. */
.remaining-receiving :is(#toggleDiagnosticsBtn,#codesnapStatusIndicator) { position: static; display: inline-flex; align-items: center; margin: 16px; }
.remaining-receiving .doc-card { background: #101f2d; border-color: #34495a; box-shadow: none; }
.remaining-receiving .doc-card :is(p,ul,ol) { max-width: 72ch; font-size: 1rem; line-height: 1.65; }
.remaining-receiving .doc-card[id] { scroll-margin-top: 100px; }
.remaining-receiving .quick-nav a, .remaining-receiving #listCard a, .remaining-receiving .doc-card header a { display: inline-flex; align-items: center; min-height: 44px; }
.remaining-receiving #listError { line-height: 1.6; }
.remaining-receiving a[class*="rounded"] { display: inline-flex; align-items: center; min-height: 44px; }
