body { display:block !important; }
.sup-toolbar { position:relative; z-index:3; display:flex; align-items:center; justify-content:space-between; gap:6px; box-sizing:border-box; width:100%; height:calc(48px + env(safe-area-inset-top)); padding:calc(4px + env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) 4px max(6px,env(safe-area-inset-left)); background:#101827; border-bottom:1px solid #354157; }
.sup-toolbar-primary,.sup-toolbar-preferences { display:flex; align-items:center; flex-wrap:nowrap; gap:4px; min-width:0; }
.sup-toolbar button,.sup-toolbar summary { position:static !important; box-sizing:border-box; height:36px; padding:5px 8px !important; opacity:1 !important; font:13px/1.2 system-ui,sans-serif !important; white-space:nowrap; }
.sup-toolbar-preferences { margin-left:auto; flex-shrink:0; }
.sup-toolbar #native-back { display:block !important; visibility:visible !important; width:32px; flex-shrink:0; font-size:0 !important; padding:0 !important; }
.sup-toolbar #native-back { position:relative !important; }
.sup-toolbar #native-back::before { content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:block; width:20px; height:20px; background:currentColor; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M20 12H4m7-7-7 7 7 7'/%3E%3C/svg%3E") center/contain no-repeat; }
.sup-toolbar #native-back[hidden],.sup-toolbar #native-back:disabled { opacity:.35 !important; pointer-events:none; }
.sup-toolbar #native-back[hidden] { visibility:hidden !important; }
.sup-language-picker { display:flex; gap:3px; }
.sup-toolbar .sup-language-picker button { display:grid; place-items:center; width:34px; padding:4px !important; }
.sup-language-picker button[aria-pressed="true"],.sup-toolbar #sup-guidance-inspect[aria-pressed="true"] { outline:2px solid #ebc557; outline-offset:-2px; background:#384351; }
.sup-language-picker svg { display:block; border:1px solid #667085; border-radius:1px; }
.sup-toolbar #sup-guidance-inspect { width:32px; font-weight:700 !important; }
.sup-guidance { width:min(100%,960px); justify-self:center; border-top:1px solid #354157; }
#menu-button[hidden],#sup-guidance-menu-tutorial[hidden] { display:none !important; }
@media(max-width:600px) {
 .sup-toolbar { gap:3px; padding-inline:3px; }
 .sup-toolbar-primary,.sup-toolbar-preferences { gap:3px; }
 .sup-toolbar button,.sup-toolbar summary { font-size:11px !important; padding-inline:5px !important; }
 .sup-toolbar #native-back { width:28px; }
 .sup-toolbar .sup-language-picker button { width:30px; }
 .sup-toolbar #sup-guidance-inspect { width:28px; }
}

.sup-start-prompt { position:absolute; z-index:4; pointer-events:none; top:45%; left:50%; transform:translate(-50%,-50%); box-sizing:border-box; max-width:90vw; padding:14px 20px; border:1px solid #a78e47; background:#101827ed; color:#f1d878; text-align:center; font:16px/1.4 system-ui,sans-serif; box-shadow:0 4px 24px #000b; }
.sup-start-prompt[hidden] { display:none; }

@media(max-width:360px) {
 .sup-toolbar { padding-inline:2px; gap:2px; }
 .sup-toolbar-primary,.sup-toolbar-preferences { gap:2px; }
 .sup-toolbar button,.sup-toolbar summary { padding-inline:3px !important; font-size:10px !important; }
 .sup-toolbar #native-back { width:26px; }
 .sup-toolbar .sup-language-picker button { width:28px; }
 .sup-toolbar #sup-guidance-inspect { width:26px; }
}


/* Shared utilities remain beside Help; the normal fit uses the measured header. */
.sup-toolbar{height:auto;min-height:calc(48px + env(safe-area-inset-top));flex-wrap:wrap}
.sup-utility-pair{display:flex;align-items:center;gap:4px;flex-wrap:nowrap;flex-shrink:0}
.sup-toolbar .sup-utility-pair button{width:44px;height:44px;min-height:44px;min-width:44px;padding:0!important}
.sup-toolbar .px-feedback-button{background:#202838;border-color:#64708a}
.sup-experience-status{display:none;flex-basis:100%;width:100%}
.sup-experience-status:has(>.pe-recovery-note:not([hidden])){display:block}
.sup-experience-status .pe-recovery-note{font-size:13px;border:0;padding:4px 6px}
@media(max-width:600px){.sup-toolbar{row-gap:4px}.sup-toolbar-preferences{justify-content:flex-end}.sup-utility-pair{gap:4px}.sup-toolbar .px-feedback-button{font-size:12px!important}}
/* Keep the authored flag inside the existing compact language target. */
.sup-toolbar .sup-language-picker svg{max-width:100%;height:auto;box-sizing:border-box}
