.web-firmware-check{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;margin:0 0 22px}
.web-firmware-check .button{flex-shrink:0;display:inline-grid}
.web-firmware-check .button>span{grid-area:1/1}
.web-firmware-check-size{visibility:hidden}
.web-firmware-check .button[aria-busy=true]{cursor:progress;opacity:1}
.web-firmware-check-status{flex:1;min-width:180px;margin:0;display:grid}
.web-firmware-check-status>span{grid-area:1/1}
.web-firmware-status-size{visibility:hidden}
.web-firmware-compatibility{grid-column:1/-1;margin:8px 0 0}
.changelog-card{display:flex;flex-direction:column;padding-bottom:0;overflow:hidden}
.changelog-card .changelog-list{flex:1 1 0;min-height:0;max-height:none;padding-bottom:24px}
/* Release notes scroll within the Connection row, without resizing that row. */
@media(min-width:701px){.device-page-grid>.changelog-card{contain:size}}
@media(max-width:700px){.changelog-card .changelog-list{flex:0 0 244px}}
.changelog-card:has(.web-firmware-note-body) .changelog-version h3{display:flex;flex-wrap:wrap;gap:6px}
.web-firmware-note-body{white-space:normal;overflow-wrap:anywhere;font-size:13px;line-height:1.7;font-weight:400;color:var(--muted);margin:10px 0 0}
@media(max-width:700px){.web-firmware-check{align-items:flex-start;flex-direction:column}.web-firmware-check-status{min-width:0}}

/* Keep the other-app warning distinct from reinstall guidance in every theme. */
html[data-web-ui] #dialog .firmware-web-app-note{color:var(--danger-ink,#f8aaaa);font-weight:600;line-height:1.6;padding:12px 14px;border:1px solid color-mix(in srgb,currentColor 40%,transparent);border-radius:6px;background:color-mix(in srgb,currentColor 6%,transparent)}

/* Retain existing line height and paragraph gaps; measure the bullet prefix in the current font. */
.firmware-note-row{display:block;white-space:pre-wrap;min-block-size:1.7em}
.firmware-note-bullet{display:grid;grid-template-columns:max-content minmax(0,1fr)}
.firmware-note-bullet>span:first-child{white-space:pre}

/* Firmware notices use each theme's existing button styles. */
.firmware-update-notice{display:block;width:100%;max-width:100%;white-space:normal;text-align:start;font-size:12px;line-height:1.5;margin:0 0 12px}
.firmware-update-notice[hidden],.firmware-update-notice-mobile{display:none}
@media(max-width:920px){.sidebar-footer .firmware-update-notice{display:none}.firmware-update-notice-mobile:not([hidden]){display:block;margin-bottom:16px}}