.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}

/* Keep firmware notices in the sidebar until the sidebar itself is hidden. */
.firmware-update-notice[hidden],.firmware-update-notice-mobile{display:none}
@media(max-width:700px){.sidebar-footer .firmware-update-notice{display:none}.firmware-update-notice-mobile:not([hidden]){display:flex;margin-bottom:16px}}

/* Version choices occupy the existing available-version column. */
/* Align both values within the existing selector height, including wrapped labels. */
.firmware-versions:has(.firmware-version-select)>div{display:flex;flex-direction:column}
.firmware-versions:has(.firmware-version-select) dt{flex:1}
.firmware-versions:has(.firmware-version-select) dd{min-height:32px;display:flex;align-items:center;line-height:20px}
.firmware-versions dd:has(.firmware-version-select){min-width:126px}
.firmware-version-select.select-trigger,.firmware-version-select:not(.custom-select-source){width:126px;min-height:32px;height:32px;padding:4px 6px 4px 6px;font:inherit;line-height:20px}
.firmware-version-select.select-trigger{padding-right:20px}
.firmware-version-select.select-trigger>.select-chevron{right:4px}
.firmware-beta-label{font:11px 'Inter',Arial,sans-serif}
/* Use the trigger width and position; compact only the firmware option spacing. */
#control-select-menu[data-firmware-version=true] .select-option{gap:4px;padding-inline:6px}
#control-select-menu[data-firmware-version=true] .select-option>span{white-space:nowrap;overflow-wrap:normal}

/* Known-issue text is shown only for the selected unavailable beta firmware. */
.firmware-beta-warning{grid-column:1/-1;margin:8px 0 0;color:var(--danger-ink,#f8aaaa);font-size:13px;line-height:1.6}
/* Outrank secondary-text theme rules without changing other help text. */
html[data-palette] body .firmware-card .firmware-component[data-firmware-kind] .firmware-beta-warning,html #dialog .firmware-beta-warning{color:var(--danger-ink,#f8aaaa)}
html[data-theme=light][data-palette] body .firmware-card .firmware-component[data-firmware-kind] .firmware-beta-warning,html[data-theme=light] #dialog .firmware-beta-warning{color:var(--light-danger,#a23337)}

/* Use the existing stacked version layout before translated action captions
   squeeze the two version columns in the compact-sidebar window range. */
@media(min-width:701px) and (max-width:920px){
 html:is([data-web-ui],[data-desktop-viewport]) .firmware-card .firmware-component:has(.firmware-version-select){grid-template-columns:minmax(0,1fr) var(--firmware-action-width,171px);grid-template-areas:"device action" "versions versions" "status progress";grid-template-rows:auto auto minmax(32px,auto)}
 .firmware-card .firmware-component:has(.firmware-version-select) .firmware-update-button{align-self:center;transform:none}
 .firmware-card .firmware-component:has(.firmware-version-select) .firmware-component-name{align-self:center}
}