/* One compact row: centered logo only on Dashboard, side logo elsewhere. */
:root{--qp-dock-height:56px}
body[data-header-layout="dashboard"]{--qp-dock-height:64px}
header.app{position:sticky;top:0;z-index:30;padding:0;display:block;height:var(--qp-dock-height);background:#06038D;text-align:center;box-shadow:0 2px 8px #06038d18}
.qp-header-hero{display:none}
body[data-header-layout="dashboard"] .qp-header-hero{display:flex;position:absolute;inset:0 auto 0 50%;transform:translateX(-50%);width:72px;align-items:center;justify-content:center;pointer-events:none;z-index:1;padding:3px}
header.app .qp-header-logo{display:block;height:58px;width:58px;object-fit:contain}
.qp-header-dock{height:var(--qp-dock-height);display:flex;align-items:center;gap:9px;padding:4px 12px;background:#06038D;position:relative}
header.app button.qp-menu{position:static;flex:0 0 44px;margin:0;width:44px;height:44px;border:1px solid #ffffff45;border-radius:8px}
header.app #qpMenuBtn.hide{display:none}
header.app .qp-header-mini{width:38px;height:38px;object-fit:contain;flex:0 0 38px}
header.app h1{font-size:12px;letter-spacing:.05em;opacity:1;white-space:nowrap}
body[data-header-layout="dashboard"] .qp-header-mini,body[data-header-layout="dashboard"] header.app h1{display:none}
header.app .qp-who{margin-left:auto;min-width:0;max-width:48%;text-align:right;line-height:1.3;font-size:11px;opacity:1;overflow-wrap:anywhere}
body[data-header-layout="dashboard"] header.app .qp-who{max-width:calc(50% - 48px)}
header.app .qp-who a{white-space:nowrap}
header.app button.qp-menu:focus-visible{outline:2px solid white;outline-offset:2px}
.tt-size-tabs{top:calc(var(--qp-dock-height) + 8px)}
@media(min-width:1000px){
 .tt-preview{top:calc(var(--qp-dock-height) + 86px)}
 .jl-slide-strip,.fl-slide-strip{top:calc(var(--qp-dock-height) + 8px)}
 .jl-preview-pane,.fl-preview-pane{top:calc(var(--qp-dock-height) + 160px)}
 .lp-workspace>.lp-preview{top:calc(var(--qp-dock-height) + 18px)}
}
@media(max-width:600px){
 .qp-header-dock{padding:4px 8px;gap:6px}
 header.app .qp-header-mini{width:32px;height:36px;flex-basis:32px}
 header.app h1{font-size:11px;letter-spacing:0}
 .tt-size-tabs{top:calc(var(--qp-dock-height) + 4px)}
}
@media(max-width:380px){header.app h1{display:none}}
/* Dashboard gets a larger centered logo; all other screen headers stay compact. */
body[data-header-layout="dashboard"]{--qp-dock-height:120px}
body[data-header-layout="dashboard"] .qp-header-hero{width:128px;padding:4px}
body[data-header-layout="dashboard"] header.app .qp-header-logo{width:112px;height:112px}
body[data-header-layout="dashboard"] header.app .qp-who{max-width:calc(50% - 72px)}

/* Feedback remains in the drawer on narrow screens to preserve the compact header. */
@media(max-width:600px){header.app #qpFeedbackButton{display:none}}