/* Desktop 09 — Results.tsx geometry; all phone surfaces are restored on exit. */
@media(min-width:1024px){
body.desktop-app.desktop-results-screen.compact-journey-app>main{padding:0!important;overflow:hidden!important;align-items:stretch!important}
body.desktop-app.desktop-results-screen{--desktop-rail-height:0px}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-original{display:none!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-layout{display:flex;flex:1 1 0!important;gap:0;width:100%;max-width:none!important;min-height:0;min-width:0;margin:0;padding:0;font-family:var(--font);color:var(--ink);text-align:left!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-layout *{box-sizing:border-box;text-align:left!important;letter-spacing:normal;text-transform:none}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-aside{display:flex;flex:none;flex-direction:column;gap:16px;width:320px;overflow-y:auto;border-right:1px solid rgb(var(--divider-rgb));padding:24px}
body.desktop-app:not(#_) :is(main,#live-action-dock) :is(.desktop-results-average,.desktop-results-status,.desktop-results-table){border:1px solid rgb(var(--divider-rgb));border-radius:12px;background:var(--surface)}
body.desktop-app:not(#_) :is(main,#live-action-dock) :is(.desktop-results-average,.desktop-results-table){box-shadow:0 1px 2px rgb(var(--shadow-rgb)/.04),0 4px 16px rgb(var(--shadow-rgb)/.04)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-average{padding:24px}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-caption{font:400 13px/20px var(--font);color:var(--muted)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-number{margin-top:4px;font:700 56px/56px var(--font)!important;font-variant-numeric:tabular-nums}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-number>span{font:700 20px/28px var(--font)!important;color:var(--muted)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-percent{margin-top:4px;font:600 14px/20px var(--font)!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-bandbar{display:flex;height:12px;overflow:hidden;border-radius:999px;margin-top:20px;background:var(--photo)}
body.desktop-app:not(#_) :is(main,#live-action-dock) [data-band=high].desktop-results-dot,body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-bandbar>[data-band=high]{background:var(--marks-strong)}
body.desktop-app:not(#_) :is(main,#live-action-dock) [data-band=middle].desktop-results-dot,body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-bandbar>[data-band=middle]{background:var(--marks-middle)}
body.desktop-app:not(#_) :is(main,#live-action-dock) [data-band=low].desktop-results-dot,body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-bandbar>[data-band=low]{background:var(--marks-help)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-legend{display:grid;gap:6px;list-style:none;margin:16px 0 0;padding:0}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-band-filter{display:flex;align-items:center;gap:12px;width:100%;min-height:36px;height:auto;margin:0;padding:8px 12px;border:0;border-radius:16px;background:transparent;color:var(--ink);box-shadow:none;transform:none;font:400 14px/20px var(--font)!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-band-filter[aria-pressed=true]{background:var(--brand-tint);font-weight:600!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-band-filter:hover{background:var(--page)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-dot{width:10px;height:10px;flex:none;border-radius:50%}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-band-label{flex:1}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-status{padding:16px 20px;font:400 14px/20px var(--font)!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-reviewed{margin-top:4px;color:var(--muted)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-table{display:flex;flex:1;flex-direction:column;min-width:0;min-height:0;overflow:auto}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-table-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:12px 24px;border-bottom:1px solid rgb(var(--divider-rgb))}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-table-label{font:700 15px/24px var(--font)!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-sort{display:flex;border-radius:16px;background:var(--brand-tint);padding:2px}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-sort>button{width:auto;min-width:0;min-height:26px;height:auto;padding:4px 12px;margin:0;border:0;border-radius:12px;box-shadow:none;background:transparent;color:var(--muted);font:600 12px/18px var(--font)!important;transform:none;white-space:nowrap}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-sort>button[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px rgb(var(--shadow-rgb)/.05)}
body.desktop-app:not(#_) :is(main,#live-action-dock) :is(.desktop-results-columns,.desktop-results-row){display:grid;grid-template-columns:44px minmax(120px,1fr) 90px 130px 100px;align-items:center;gap:12px;min-width:0;padding:0 24px;border-bottom:1px solid rgb(var(--divider-rgb))}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-columns{padding-top:8px;padding-bottom:8px;font:600 11px/16px var(--font)!important;color:var(--muted)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-columns>span{text-transform:uppercase;letter-spacing:.05em}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-rows{list-style:none;flex:none;min-height:0;min-width:0;overflow-y:visible;margin:0;padding:0}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-row:last-child{border-bottom:0}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-row:hover{background:var(--brand-tint)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-roll{padding:12px 0;color:var(--muted);font:400 13px/20px var(--font);font-variant-numeric:tabular-nums}
body.desktop-app:not(#_) :is(main,#live-action-dock) :is(.desktop-results-open,.desktop-results-row>button.desktop-results-control){display:block!important;width:100%!important;min-width:0!important;min-height:56px!important;height:auto!important;padding:12px 0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--ink)!important;box-shadow:none!important;transform:none!important;opacity:1!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-name{display:block;font:600 14px/20px var(--font)!important;overflow-wrap:anywhere}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-review-state{display:block;color:var(--muted);font:400 11px/16px var(--font)!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-row-band{font:400 13px/20px var(--font)!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-score{display:inline-flex;white-space:nowrap;border:1px solid rgb(var(--divider-rgb));border-radius:999px;padding:2px 10px;font:700 12px/16px var(--font)!important;font-variant-numeric:tabular-nums;color:var(--muted)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-row[data-band=high] .desktop-results-score{background:var(--tint-green);border-color:var(--tint-green-edge);color:var(--score-high)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-row[data-band=middle] .desktop-results-score{background:var(--tint-yellow);border-color:var(--tint-yellow-edge);color:var(--score-middle)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-row[data-band=low] .desktop-results-score{background:var(--tint-red);border-color:var(--tint-red-edge);color:var(--score-low)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-row.is-absent :is(.desktop-results-name,.desktop-results-row-band){color:var(--absent)!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-row.is-absent .desktop-results-row-actions{visibility:hidden}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-row.is-absent .desktop-results-score{border:0;background:var(--photo);color:var(--absent);font-weight:600!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) :is(.desktop-results-report,.desktop-results-row>button.desktop-results-control)>:not(.desktop-results-control-copy){display:none!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-control-copy{display:block!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-row-actions{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:8px 0}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-report{display:flex!important;align-items:center!important;justify-content:center!important;flex:none!important;width:36px!important;height:36px!important;min-height:36px!important;padding:0!important;margin:0!important;border:1px solid rgb(var(--divider-rgb))!important;border-radius:999px!important;background:var(--surface)!important;color:var(--ink)!important;font-size:0!important;box-shadow:none!important;transform:none!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-report:disabled{opacity:.4}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-small-action{width:auto!important;min-width:0!important;min-height:24px!important;height:auto!important;margin:0!important;padding:2px 4px!important;border:0!important;border-radius:4px!important;background:var(--brand-tint)!important;color:var(--ink)!important;font:500 10px/14px var(--font)!important;box-shadow:none!important;transform:none!important}
/* Retain the disabled phone placeholder and its original handler for desktop exit. */
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-row-actions>.desktop-results-small-action.result-report-action:disabled{display:none!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-empty{padding:32px 24px;font:400 14px/20px var(--font);color:var(--muted)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-header{position:fixed!important;inset:36px 40px auto auto!important;z-index:103;width:auto!important;max-width:none!important;margin:0;padding:0;display:flex;align-items:center;gap:12px}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-header>button{width:auto!important;min-width:220px!important;max-width:none!important;flex:none!important;height:56px!important;min-height:56px!important;white-space:nowrap!important;margin:0!important;padding:0 24px!important;border:0!important;border-radius:16px!important;background:var(--forward)!important;color:var(--on-forward)!important;font:700 14px/20px var(--font)!important;letter-spacing:.08em;text-transform:uppercase}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-header>button :is(.mp-primary-label,.main-button-label){white-space:nowrap!important}
}

@media(min-width:1024px){
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-average{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-status{display:grid;gap:8px;margin:24px 0 0;padding:20px 0 0;border:0;border-top:1px solid rgb(var(--divider-rgb));border-radius:0;background:transparent}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-status>div{display:flex;justify-content:space-between;gap:12px}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-status dt{color:var(--muted)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-status dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-threshold{display:inline;margin-left:4px;font-size:11px;color:var(--muted)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-bandbar{gap:4px}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-bandbar .is-dimmed{opacity:.25}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-band-filter{min-height:44px;padding:8px}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-band-filter[aria-pressed=true]{background:var(--surface);box-shadow:inset 0 0 0 1px var(--brand),var(--shadow-tile)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-table{padding:24px 32px;border:0;border-radius:0;background:var(--page);box-shadow:none;overflow:auto}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-table-top{padding:0 0 12px;border:0;flex-wrap:wrap}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-table-heading{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-clear{width:auto;min-height:32px;height:auto;padding:4px 10px;border:0;border-radius:999px;background:var(--brand-tint);color:var(--ink);font:600 12px/20px var(--font);box-shadow:none}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-sort{padding:4px}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-sort>button{min-height:36px}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-columns{border:1px solid rgb(var(--divider-rgb));border-radius:12px 12px 0 0;background:var(--surface)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-columns>span{text-transform:none;letter-spacing:normal}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-columns>span:last-child{text-align:right!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-rows{flex:none;overflow:visible;border:1px solid rgb(var(--divider-rgb));border-top:0;border-radius:0 0 12px 12px;background:var(--surface)}
body.desktop-app:not(#_) :is(main,#live-action-dock) :is(.desktop-results-columns,.desktop-results-row){padding-left:20px;padding-right:20px;gap:8px}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-row.is-checked{cursor:pointer}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-row.is-checked .desktop-results-review-state{color:var(--muted)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-row-band{display:inline-flex;align-items:center;gap:8px;font-size:12px!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-row-band:not(:empty)::before{content:'';width:8px;height:8px;flex:none;border-radius:50%;background:var(--marks-strong)}
body.desktop-app:not(#_) :is(main,#live-action-dock) [data-band=middle] .desktop-results-row-band::before{background:var(--marks-middle)}
body.desktop-app:not(#_) :is(main,#live-action-dock) [data-band=low] .desktop-results-row-band::before{background:var(--marks-help)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-score{padding:4px 10px}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-row-actions{justify-content:flex-end}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-report{width:auto!important;min-height:44px!important;height:44px!important;padding:0 10px!important;border:0!important;border-radius:16px!important;background:transparent!important;font:600 13px/20px var(--font)!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-report .desktop-results-control-copy{display:flex!important;align-items:center;gap:6px}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-report:hover{background:var(--brand-tint)!important}
body.desktop-app.desktop-results-screen:not(#_) :is(main,#live-action-dock) .screen-title-hint{display:none!important}
}
@media(min-width:1024px) and (max-width:1279px){
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-layout{display:block;overflow:auto}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-aside{width:100%;border-right:0;border-bottom:1px solid rgb(var(--divider-rgb))}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-average{display:grid;grid-template-columns:240px minmax(0,1fr);column-gap:32px}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-average>:is(.desktop-results-caption,.desktop-results-number,.desktop-results-percent){grid-column:1}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-bandbar{grid-column:2;grid-row:1;margin:0;align-self:center}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-legend{grid-column:2;grid-row:2 / span 3;margin:4px 0 0;gap:0}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-status{grid-column:1;grid-row:4;margin-top:12px;padding-top:12px}
}
/* Sending and practice, under the class summary. */
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-send-actions{display:grid;gap:8px;margin-top:16px}
body.desktop-app:not(#_) :is(main,#live-action-dock) :is(.desktop-results-send,.desktop-results-practice){display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;padding:0 16px;border-radius:12px;font:600 14px/20px var(--font)!important;cursor:pointer}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-send{border:0;background:var(--ink);color:var(--surface)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-practice{border:1px solid rgb(var(--divider-rgb));background:var(--surface);color:var(--ink)}
body.desktop-app:not(#_) :is(main,#live-action-dock) :is(.desktop-results-send,.desktop-results-practice):focus-visible{outline:2px solid var(--ink);outline-offset:2px}
body.desktop-app:not(#_) :is(main,#live-action-dock) .desktop-results-series{display:inline-block;margin-left:8px;padding:1px 8px;border-radius:999px;background:rgb(var(--ink-rgb)/.06);color:var(--muted);font:700 10px/16px var(--font)!important;letter-spacing:.08em;text-transform:uppercase}
