/* Desktop 10/11. ID-level specificity beats the phone's magic-layout rules. */
@media(min-width:1024px){
body.desktop-app.desktop-class-report-screen{--desktop-rail-height:0px}
body.desktop-app.desktop-class-report-screen.compact-journey-app>main{padding:20px 24px!important;align-items:stretch!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-columns{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px;width:100%;max-width:1180px!important;margin:0 auto;padding:0;text-align:left}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-column{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px;min-width:0;width:100%!important;align-content:start}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-column .report-chapter{box-sizing:border-box;width:100%!important;max-width:none!important;margin:0;padding:20px;border:1px solid rgb(var(--divider-rgb));border-radius:12px;background:var(--surface);box-shadow:none;text-align:left}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-column :is(h2,.reports-gauge-copy,.reports-chapter-eyebrow,.report-topic-title,.report-topic-students){text-align:left!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-column h2{font:700 18px/26px var(--font);text-transform:none;letter-spacing:normal}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-column .reports-chapter-eyebrow{font:400 13px/20px var(--font);color:var(--muted);text-transform:none;letter-spacing:normal}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-report-subtitle{display:block;margin-top:4px;color:var(--muted);font:400 14px/20px var(--font);text-align:left}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-columns~.report-chapters:empty{display:none!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-columns~.report-chapters{padding:0}
/* Empty Local reports use the full card width; populated support stays on the right. */
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-columns:has(>.desktop-class-column:last-child:empty){grid-template-columns:minmax(0,1fr)!important}
body.desktop-app:not(#_) main .desktop-class-columns>.desktop-class-column:last-child:empty{display:none!important}
body.desktop-app:not(#_) main .mp-screen-title-copy:has(>.desktop-report-subtitle)>.screen-title-hint{display:none!important}
body.desktop-app:not(#_) main .desktop-class-column .report-band-pills{display:flex!important;flex-wrap:wrap;justify-content:flex-start!important;gap:8px 16px;text-align:left!important}
body.desktop-app:not(#_) main .desktop-class-column .report-band-pills li{justify-content:flex-start!important;text-align:left!important}
body.desktop-app:not(#_) main .desktop-class-column .report-band-pills .mp-legend-name{flex:none;text-align:left!important}
/* The native modal remains modal, with its original Close/Back and controls. */
body.desktop-app:not(#_) main .student-report-dialog.desktop-student-report[open]{position:fixed!important;inset:0 0 0 240px!important;width:calc(100vw - 240px)!important;max-width:none!important;height:100dvh!important;max-height:none!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;border:0!important;border-radius:0!important;background:var(--page);box-shadow:none;overflow:hidden!important}
body.desktop-app:not(#_) main .desktop-student-report>.title-collapse-dialog-scroll{display:contents!important}
body.desktop-app:not(#_) main .desktop-student-report header.mp-screen-title{position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;align-items:center;gap:16px;flex:none;width:100%!important;min-height:108px!important;max-width:none!important;margin:0!important;padding:20px 40px!important;border-bottom:1px solid rgb(var(--divider-rgb));background:var(--surface)!important;transform:none!important}
body.desktop-app:not(#_) main .desktop-student-report header :is(.mp-screen-title-row,.mp-screen-title-copy){display:flex!important;flex-direction:column;align-items:flex-start!important;text-align:left!important;padding:0!important;grid-column:auto!important}
body.desktop-app:not(#_) main .desktop-student-report header h2{font:700 28px/35px var(--font)!important;text-align:left!important;text-transform:none;white-space:normal!important}
body.desktop-app:not(#_) main .desktop-student-report header .mp-back{position:static!important;inset:auto!important;width:40px!important;height:40px!important;min-width:40px!important;transform:none!important;border:1px solid rgb(var(--divider-rgb));border-radius:50%;background:var(--surface);box-shadow:none}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-report-context{display:block;color:var(--muted);font:400 13px/20px var(--font);text-align:left!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-report-layout{box-sizing:border-box;display:flex;flex:1;min-height:0;gap:24px;width:100%;padding:20px 24px;text-align:left}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-report-left{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-report-image-toolbar{display:flex;align-items:center;justify-content:space-between;flex:none;gap:12px;margin-bottom:8px}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-report-image-caption{font:700 14px/20px var(--font);text-align:left}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-report-image-toolbar .student-report-zoom{display:inline-flex;align-items:center;justify-content:center;width:auto;min-height:36px;height:36px;margin:0;padding:0 12px;border:1px solid rgb(var(--divider-rgb));border-radius:16px;background:var(--surface);color:var(--ink);font:700 12px/18px var(--font);letter-spacing:.08em;box-shadow:none}
body.desktop-app:not(#_) main .desktop-student-report .student-report-view{flex:1;min-height:0;overflow:auto!important;padding:24px;border:1px solid rgb(var(--divider-rgb));border-radius:12px;background:var(--photo)}
body.desktop-app:not(#_) main .desktop-student-report .student-report-view canvas{display:block;width:min(100%,540px);max-width:none;height:auto;margin:0 auto;box-shadow:0 4px 8px rgb(var(--shadow-rgb)/.08),0 24px 48px -16px rgb(var(--shadow-rgb)/.32)}
body.desktop-app:not(#_) main .desktop-student-report .student-report-view.is-zoomed canvas{width:729px;max-width:none;margin:0 auto}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-report-aside{flex:none;width:340px;min-height:0;overflow:auto}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-report-card{box-sizing:border-box;padding:24px;border:1px solid rgb(var(--divider-rgb));border-radius:12px;background:var(--surface);text-align:left}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-report-name{font:700 18px/28px var(--font);text-align:left}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-report-score{margin-top:4px;color:var(--muted);font:400 14px/20px var(--font);text-align:left}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-report-steps{display:grid;gap:12px;padding:0;margin:20px 0 0;list-style:none}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-report-steps li{display:flex;align-items:center;gap:12px;text-align:left;font:400 14px/20px var(--font)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-report-step{box-sizing:border-box;display:grid;place-items:center;flex:none;width:24px;height:24px;border:2px solid rgb(var(--divider-rgb));border-radius:50%;color:var(--muted);background:var(--surface);font:700 11px/16px var(--font)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-report-step.is-done{border-color:var(--ink);background:var(--ink);color:var(--page)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-report-step.is-done+span{font-weight:600}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-report-stale{margin-top:20px;padding:16px;border:1px solid var(--tint-yellow-edge);border-radius:16px;background:var(--tint-yellow);font:400 14px/20px var(--font);text-align:left}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-report-stale>div:first-child{font-weight:600}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-report-stale>div+div{margin-top:4px;color:var(--muted)}
body.desktop-app:not(#_) main .desktop-student-report .desktop-report-card>footer{display:flex;flex-direction:column;margin:24px 0 0;padding:0;border:0;background:transparent}
body.desktop-app:not(#_) main .desktop-student-report .reading-primary{display:flex;align-items:center;justify-content:center;width:100%;height:56px;min-height:56px;padding:0 12px;margin:0;border:0;border-radius:16px;background:var(--forward);color:var(--on-forward);font:700 14px/20px var(--font);letter-spacing:.08em;text-align:center;box-shadow:var(--shadow-tile)}
body.desktop-app:not(#_) main .desktop-student-report .student-report-download{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;height:auto;margin:12px 0 0;padding:8px;border:1px solid rgb(var(--divider-rgb));border-radius:16px;background:var(--surface);color:var(--ink);font:700 13px/20px var(--font);letter-spacing:.08em;box-shadow:none}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-report-helper{margin-top:16px;font:400 12px/19.5px var(--font);color:var(--muted);text-align:left}
body.desktop-app:not(#_) :is(main,#live-action-dock) :is(.desktop-report-steps,.desktop-report-stale)[hidden]{display:none!important}
body.desktop-app:not(#_) main .desktop-student-report :is(.student-report-notice,.student-report-description){display:none!important}
body.desktop-app.desktop-class-report-screen.compact-journey-app>main .desktop-page-title{inset:32px auto auto 280px!important;width:calc(100vw - 320px)!important}
body.desktop-app.desktop-student-route.compact-journey-app>main{overflow:hidden!important}
body.desktop-app.desktop-student-route>main>.live-direct-report{flex:1!important;min-height:0!important;padding-bottom:0!important}
}
@media(min-width:1024px){
body.desktop-app.desktop-class-report-screen>main>.live-direct-report{max-width:none!important}
body.desktop-app:not(#_) main .desktop-student-report .student-report-download[hidden]{display:none!important}
body.desktop-app.desktop-class-report-screen.compact-journey-app>main .desktop-page-title{max-width:calc(100vw - 580px)!important}
}
/* V7: the existing report content in the v2 shell. */
@media(min-width:1024px){
body.desktop-app.desktop-class-report-screen.compact-journey-app>main{padding:24px 32px!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-columns{grid-template-columns:minmax(0,1fr) 340px;gap:24px}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-column{gap:24px}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-column .report-chapter{padding:24px;border-radius:20px;color:var(--ink)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-column .report-room{padding:20px;border-radius:12px;background:var(--page)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-column .report-chalkboard{display:flex;flex-direction:column;align-items:center;gap:6px;height:auto;margin-bottom:20px;color:var(--brand)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-column .report-chalkboard svg{display:none}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-column .report-chalkboard::before{content:'';width:50%;height:8px;border-radius:999px;background:var(--brand)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-board-label{font:500 11px/16px var(--font);color:var(--muted)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-column .report-desk{border-radius:12px;box-shadow:none}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-column .report-desk.report-band-high .report-desk-top{background:var(--tint-green);color:var(--score-high);border-color:var(--tint-green-edge)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-column .report-desk.report-band-middle .report-desk-top{background:var(--tint-yellow);color:var(--score-middle);border-color:var(--tint-yellow-edge)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-column .report-desk.report-band-low .report-desk-top{background:var(--tint-red);color:var(--score-low);border-color:var(--tint-red-edge)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-column .report-topic-row{border-radius:0;box-shadow:none;background:transparent;color:var(--ink)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-column .report-average{flex-direction:column;align-items:flex-start;gap:16px}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-column .report-average .report-gauge{align-self:center}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-column .report-provenance{color:var(--muted)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-report-original-title{display:none!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-report-student-name{font:700 26px/1.25 var(--font);letter-spacing:-.03em;color:var(--ink)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-report-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:0;padding:0;overflow:hidden}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-report-left{padding:12px 16px 24px;background:var(--photo);overflow:hidden}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-report-image-toolbar{justify-content:flex-end}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-report-image-caption{margin-right:auto;font:400 12px/20px var(--font);color:var(--muted)}
body.desktop-app:not(#_) main .desktop-student-report header.mp-screen-title{min-height:108px!important;padding:20px 32px!important}
body.desktop-app:not(#_) main .desktop-student-report .student-report-view{border:0;border-radius:0;padding:12px 16px;background:var(--photo)}
body.desktop-app:not(#_) main .desktop-student-report .student-report-view canvas{box-shadow:var(--shadow-lift);border-radius:14px}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-report-aside{width:auto;padding:24px 20px;background:var(--surface);border-left:1px solid rgb(var(--divider-rgb))}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-report-card{padding:0;border:0;border-radius:0;color:var(--ink)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-report-card .desktop-report-name{margin:0;font:700 14px/20px var(--font);text-transform:none;letter-spacing:normal}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-report-steps{gap:0;margin-top:16px}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-report-steps li{position:relative;align-items:flex-start;min-height:52px;padding-bottom:20px;color:var(--muted)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-report-steps li:last-child{min-height:24px;padding-bottom:0}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-report-steps li:not(:last-child)::after{content:'';position:absolute;left:11px;top:28px;bottom:4px;width:2px;background:rgb(var(--divider-rgb))}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-report-step{border-width:1px}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-report-step.is-done{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-report-steps .is-current{font-weight:700;color:var(--ink)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-report-steps .is-current .desktop-report-step{border:2px solid var(--brand);color:var(--ink)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-report-stale{color:var(--score-middle);border-radius:12px}
body.desktop-app:not(#_) main .desktop-student-report .reading-primary{height:48px;min-height:48px;font:600 14px/20px var(--font);text-transform:none;letter-spacing:normal;color:var(--on-forward)}
body.desktop-app:not(#_) main .desktop-student-report .reading-primary:disabled{background:var(--brand-tint);color:var(--muted);box-shadow:none}
body.desktop-app:not(#_) main .desktop-student-report :is(.student-report-download,.student-report-zoom){font:600 12px/20px var(--font);text-transform:none;letter-spacing:normal;min-height:44px}
body.desktop-app:not(#_) main .desktop-student-report .screen-title-hint{display:none!important}
body.desktop-app.desktop-class-report-screen.compact-journey-app>main .desktop-page-title{inset:42px auto auto calc(var(--desktop-sidebar-width) + 32px)!important;width:calc(100vw - var(--desktop-sidebar-width) - 64px)!important;max-width:calc(100vw - var(--desktop-sidebar-width) - 64px)!important}
}
@media(min-width:1024px) and (max-width:1279px){
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-columns{grid-template-columns:minmax(0,1fr) 300px}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-report-layout{display:flex;flex-direction:column;overflow:auto;flex:1}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-report-left{flex:none;height:60dvh;min-height:360px}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-report-aside{flex:none;width:100%;overflow:visible;border-left:0;border-top:1px solid rgb(var(--divider-rgb))}
}
@media(min-width:1024px){
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-report-unapproved .student-report-download{display:none!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-report-is-stale .student-report-view canvas{opacity:.6}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-column .report-desk-top{min-height:36px;box-shadow:none}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-column .report-desk-label{font-size:12px;color:inherit}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-column .report-desk.report-band-absent .report-desk-top{background:transparent;color:var(--absent);border-color:var(--absent)}
}
@media(min-width:1024px){
body.desktop-app.desktop-class-report-screen:not(#_) :is(main,#live-action-dock) .report-provenance{display:none!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-class-column :is(.reports-chapter-eyebrow,.ds-eyebrow){display:none!important}
}