/* Owner-approved scope: 240px desktop sidebar and a single intro-level header. */
@media(min-width:701px){body.finished-ui.owner-shell aside{width:240px;height:auto}body.finished-ui.owner-shell main{margin-left:240px;left:auto;padding-inline:32px}}
body.owner-shell main>header[hidden]{display:none!important}
body.finished-ui.owner-shell .intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 24px;padding:24px 0}
.owner-shell .intro-navigation{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0}
.owner-shell .intro-navigation .breadcrumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0;font-size:12px;color:var(--muted)}
.owner-shell .breadcrumb strong{color:var(--ink)}.owner-shell .breadcrumb-home{border:0;background:none;padding:10px 0;min-height:44px;font:inherit;color:var(--muted);border-radius:4px}.owner-shell .breadcrumb-home:hover{color:var(--ink)}
.owner-shell .display-mode{display:flex;flex:none;gap:3px;padding:3px;border:1px solid var(--line);border-radius:12px;background:var(--panel-bg)}.owner-shell .display-mode button{min-height:44px;padding:8px 12px;border:1px solid transparent;border-radius:8px;background:none;color:var(--muted);font-size:12px}.owner-shell .display-mode button[aria-pressed=true]{background:var(--surface-raised);border-color:var(--line);color:var(--ink)}
body.owner-shell .intro-utilities{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px 16px;font-size:12px}.owner-shell .intro-utilities .availability{color:var(--muted)}.owner-shell .intro-utilities:has(>#connection-note:empty):not(:has(#app-update)):not(:has(#install-app:not(.hidden))){display:none}
.owner-shell .intro-navigation .mobile-brand{display:none}.owner-shell .intro>.v1-context{max-width:100%;align-self:center}
/* No fixed sidebar height or positional drag offsets. */
@media(max-width:980px){body.finished-ui.owner-shell .intro{grid-template-columns:minmax(0,1fr)}.owner-shell .intro>.v1-context{justify-content:flex-start}.owner-shell .intro>.v1-context>div{text-align:left}}
@media(max-width:700px){body.finished-ui.owner-shell main{margin-left:0;left:auto;padding:0 15px 100px}body.finished-ui.owner-shell .intro{padding:16px 0 20px;gap:16px}.owner-shell .intro-navigation{flex-wrap:wrap;gap:8px 12px}.owner-shell .intro-navigation .breadcrumb{flex:1;font-size:11px;gap:6px}.owner-shell .display-mode button{padding:8px 10px}.owner-shell .intro-utilities{justify-content:flex-start!important}.owner-shell .intro>.v1-context{margin:0}}
html[data-appearance=Light] .owner-shell :is(input,select,textarea){color-scheme:light}
/* The approved white HU mark needs its paired foreground on the Light navigation plane. */
html[data-appearance=Light] body.owner-shell :is(.product-logo,.mobile-brand) img{filter:invert(1)}
/* Keep the unchanged profile controls usable beside the wider sidebar at tablet widths. */
@media(min-width:701px) and (max-width:980px){.owner-shell .quote-profile .preset-bar{flex-wrap:wrap;gap:8px}.owner-shell .quote-profile .preset-bar>div{display:block;flex-basis:100%}.owner-shell .quote-profile .preset-bar label{width:auto;margin-bottom:6px}.owner-shell .quote-profile .preset-bar button{flex:1}.owner-shell .quote-profile-source{padding-left:0}}