#scoutReleaseBanner[hidden]{display:none!important}
#scoutReleaseBanner{display:grid;margin:0 0 18px;padding:18px 20px;border:1px solid #454b50;border-radius:16px;background:linear-gradient(125deg,#282d30,#202326);color:var(--text);box-shadow:inset 0 1px 0 #ffffff08}
.scout-release-state{grid-area:1/1;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:16px;min-width:0}
.scout-release-logo{width:44px;height:44px;object-fit:contain;border-radius:11px;background:#101714}
.scout-release-copy{min-width:0}.scout-release-name{display:block;margin-bottom:4px;color:#c3ccc7;font:600 12px/1.3 var(--font-body)}
#scoutReleaseBanner h2{margin:0 0 5px;font:650 18px/1.3 var(--font-body);letter-spacing:-.02em;color:#eef2ef}
#scoutReleaseBanner p{margin:0;color:#abb5b0;font:400 13px/1.5 var(--font-body)}
.scout-release-action{display:flex;flex-direction:column;align-items:center;gap:7px}
.scout-release-action small{color:#a5afaa;font:400 11px/1.4 var(--font-body)}
#scoutReleaseLink{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:10px 18px;border:1px solid #a9f35f;border-radius:10px;background:#87f316;color:#142105;text-decoration:none;font:700 13px/1.3 var(--font-body)}
#scoutReleaseLink:hover{background:#a4ff4d}#scoutReleaseLink span,#scoutReleaseAgain span{font-size:18px}
#scoutReleaseAgain{display:inline-flex;gap:10px;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;color:#c0ccc5;font:600 13px/1.4 var(--font-body);text-decoration:underline;text-underline-offset:4px}
#scoutReleaseAgain:hover{color:#d9f7c0}
#scoutReleaseBanner a:focus-visible{outline:2px solid #b6ed8e;outline-offset:4px}
.scout-release-done{visibility:hidden;pointer-events:none}
#scoutReleaseBanner[data-downloaded="true"]{background:#191d20;border-color:#343b3f;box-shadow:none}
#scoutReleaseBanner[data-downloaded="true"] .scout-release-promo{visibility:hidden;pointer-events:none}
#scoutReleaseBanner[data-downloaded="true"] .scout-release-done{visibility:visible;pointer-events:auto}
.scout-release-done h2{font-size:16px;color:#cdd7d0}
/* Both states occupy the same grid cell: downloading never moves or refits the workspace. */
@media(max-width:640px){#scoutReleaseBanner{padding:16px}.scout-release-state{grid-template-columns:36px minmax(0,1fr);gap:12px}.scout-release-logo{width:36px;height:36px}.scout-release-action,#scoutReleaseAgain{grid-column:1/-1}.scout-release-action{align-items:stretch}#scoutReleaseLink{width:100%;box-sizing:border-box}#scoutReleaseBanner h2{font-size:17px}.scout-release-action small{text-align:center}}
html[data-appearance="light"] #scoutReleaseBanner{background:#f3f6f3;border-color:#b4c1b7;box-shadow:none}
html[data-appearance="light"] #scoutReleaseBanner h2{color:#253a2c}
html[data-appearance="light"] #scoutReleaseBanner p,html[data-appearance="light"] .scout-release-name,html[data-appearance="light"] .scout-release-action small,html[data-appearance="light"] #scoutReleaseAgain{color:#4d6255}
