/* V8: all Overview presentation disappears below the desktop breakpoint. */
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-header{box-sizing:border-box;max-width:none;width:100%;padding:24px 32px 20px;margin:0;border-bottom:1px solid rgb(var(--divider-rgb));background:var(--surface);text-align:left}
body.desktop-app.desktop-overview:not(#_)>main{padding:0!important;align-items:stretch!important;scroll-padding:0!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-header h1{font:700 26px/1.25 var(--font);letter-spacing:-.03em;text-align:left;text-transform:none;margin:0 0 4px}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-content{box-sizing:border-box;max-width:1244px;width:100%;padding:28px 32px;margin:0 auto;display:flex;flex-direction:column;gap:32px}
body.desktop-app:not(#_) :is(main,#live-action-dock) :is(.overview-content,.overview-header) :is(div,span,h2,strong,button){text-align:left;text-transform:none;letter-spacing:normal}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-column{display:flex;flex-direction:column;gap:24px;min-width:0}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-card{overflow:hidden;border:1px solid rgb(var(--divider-rgb));border-radius:12px;background:var(--surface);min-width:0}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-card-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;padding:16px 20px 12px}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-card h2{font:700 16px/1.5 var(--font);margin:0;color:inherit}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-muted{color:var(--muted);font-size:12px;font-weight:400}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-card button{margin:0;min-height:52px;width:100%;max-width:none;box-sizing:border-box;padding:12px 20px;border:0;border-top:1px solid rgb(var(--divider-rgb));border-radius:0;background:transparent;color:inherit;box-shadow:none;cursor:pointer;font:400 14px/1.5 var(--font);transition:background-color .15s}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-card button:hover{background:var(--page)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-card button:focus-visible,body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-search-hit:focus-visible{outline:2px solid var(--ink);outline-offset:-3px}
body.desktop-app:not(#_) :is(main,#live-action-dock) :is(.overview-test-row,.overview-test-columns){display:grid;grid-template-columns:90px minmax(70px,1fr) minmax(150px,190px) 64px 16px;align-items:center;gap:8px}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-test-columns{padding:8px 20px;border-top:1px solid rgb(var(--divider-rgb));color:var(--muted);font-size:11px;font-weight:600}
body.desktop-app:not(#_) :is(main,#live-action-dock) :is(.overview-test-row>strong,.overview-row-copy>strong){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-stage{justify-self:start;display:inline-flex;align-items:center;padding:4px 10px;border:1px solid rgb(var(--divider-rgb));border-radius:999px;font-size:12px;font-weight:600;white-space:normal}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-stage-done{background:var(--tint-green);color:var(--score-high);border-color:transparent}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-stage-draft{background:var(--brand-tint);border-color:transparent}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-chevron{color:var(--muted);font-size:22px}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-average-row{display:grid;grid-template-columns:minmax(90px,1fr) 110px minmax(170px,1.2fr) 16px;gap:16px;align-items:center}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-row-copy{display:flex;flex-direction:column;min-width:0}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-average-score{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;font-variant-numeric:tabular-nums}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-average-score strong{font-size:20px;letter-spacing:-.03em}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-band-bar{display:flex;height:8px;gap:2px;border-radius:999px;overflow:hidden;background:var(--brand-tint)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-band-bar>span{flex-basis:0}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-band-strong{background:var(--marks-strong)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-band-middle{background:var(--marks-middle)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-band-help{background:var(--marks-help)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-band-labels{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:6px;color:var(--muted);font-size:11px}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-band-labels b{color:var(--ink)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-needs{padding:24px;background:var(--brand);color:var(--on-brand);border-radius:20px}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-needs .overview-card-heading{padding:0;opacity:.7}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-needs h2{font-size:14px;font-weight:400}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-needs-count{font-size:56px;font-weight:700;line-height:1;letter-spacing:-.05em;margin-top:4px;font-variant-numeric:tabular-nums}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-needs-caption{font-size:14px;opacity:.8;margin:4px 0 20px}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-card .overview-needs-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-color:rgb(var(--on-brand-rgb,255 255 255)/.18)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-card .overview-needs-row:hover{background:rgb(var(--on-brand-rgb,255 255 255)/.08)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-needs-row>span:first-child>span{opacity:.7}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-help-row{display:flex;align-items:center;gap:12px}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-help-row .overview-row-copy{flex:1}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-help-score{padding:3px 8px;border-radius:999px;background:var(--tint-red);color:var(--score-low);font-size:11px;font-weight:700;white-space:nowrap}
body.desktop-app:not(#_) :is(main,#live-action-dock) :is(.overview-empty,.overview-inline-error){padding:16px 20px;color:var(--muted);font-size:13px}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-needs :is(.overview-empty,.overview-inline-error){padding:12px 0;color:inherit;opacity:.8}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-loader{padding:16px;max-width:100%;min-width:0}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-search{position:relative;z-index:20}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-search-field{display:flex;align-items:center;gap:12px;height:56px;padding:0 20px;border:1px solid rgb(var(--divider-rgb));border-radius:16px;background:var(--surface);box-shadow:var(--shadow-tile);margin:0}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-search-field:focus-within{outline:2px solid var(--brand);outline-offset:0}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-search-field input{flex:1;min-width:0;width:auto;height:100%;padding:0;margin:0;background:transparent;border:0;border-radius:0;outline:0;box-shadow:none;color:var(--ink);font:400 16px var(--font)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-search-field input:focus{outline:0;box-shadow:none}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-search-field kbd{padding:4px 8px;border-radius:8px;background:var(--brand-tint);color:var(--muted);font:600 12px var(--font)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-search-icon{font-size:28px;color:var(--muted)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-search-results{position:absolute;top:64px;left:0;right:0;max-height:480px;overflow-y:auto;border:1px solid rgb(var(--divider-rgb));border-radius:12px;background:var(--surface);box-shadow:var(--shadow-lift);padding-top:8px}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-search-results[hidden]{display:none!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-search-group-label{padding:10px 20px 4px;color:var(--muted);font-size:12px;font-weight:600}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-search-hit{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:48px;width:100%;padding:10px 20px;margin:0;border:0;border-radius:0;background:transparent;color:var(--ink);font:400 14px var(--font);box-shadow:none;cursor:pointer}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-search-hit[aria-selected=true]{background:var(--brand-tint)}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-search-hit strong{font-weight:600;margin-right:8px}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-search-footer{padding:10px 20px;border-top:1px solid rgb(var(--divider-rgb));color:var(--muted);font-size:11px;white-space:pre-wrap}
@media (min-width:1024px) and (max-width:1279px){
 body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-grid{grid-template-columns:minmax(0,1fr)}
}
/* magic-layout centres every main descendant with !important; Overview reads left like the design. */
body.desktop-app:not(#_) :is(main,#live-action-dock) :is(.overview-content,.overview-header) *{text-align:left!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-content :is(.overview-needs-count,[class*=count]>strong){text-align:left!important}
body.desktop-app:not(#_) :is(main,#live-action-dock) .overview-card.overview-needs{max-height:min(520px,calc(100dvh - 220px));overflow-y:auto;overscroll-behavior:contain}