/* Release notice and focused runway alignment, using the existing components. */
.topbar .topbar-inner { display:grid; grid-template-columns:minmax(0,1fr) auto auto auto; gap:0 12px; min-height:78px; padding:10px 32px; }
.topbar .brand { grid-column:1; grid-row:1; min-width:0; flex-shrink:1; gap:16px; }
.topbar .brand img, .topbar .brand-divider { flex-shrink:0; }
.topbar .brand-product { min-width:0; max-width:none; flex:1; }
.topbar .header-observation { grid-column:2; grid-row:1; max-width:none; margin:0; }
.topbar .language-switch { grid-column:3; grid-row:1; margin:0; }
.topbar .top-actions { grid-column:4; grid-row:1; gap:10px; }
.topbar .release-status { display:block; margin-top:4px; font-size:12px; letter-spacing:0; line-height:1.2; white-space:normal; }
.topbar .release-status .brand-version { display:inline; margin:0; font-size:10px; font-weight:500; letter-spacing:.3px; white-space:nowrap; color:var(--muted); }
.release-separator { color:var(--muted); font-size:11px; font-weight:400; }
.validation-warning { color:#b5222b; font-size:12px; font-weight:750; letter-spacing:0; line-height:1.25; }
[data-theme=dark] .validation-warning { color:#ff858d; }
.runway-mode-panel { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.runway-mode-panel h2 { margin:0; }
.runway-management { align-items:stretch; }
.runway-management > .panel { display:flex; flex-direction:column; margin:0; }
.runway-management h2 { margin:0 0 8px; }
.runway-management .panel-description { min-height:38px; margin-bottom:10px; }
.runway-management .runway-selector { margin:0 0 14px; }
.runway-management .runway-validity { align-items:start; gap:10px 14px; }
.runway-validity #until-fields { grid-column:1/-1; grid-template-columns:1fr 1fr; gap:10px; }
.runway-validity #fold-field { grid-column:1/-1; }
.runway-validity [hidden] { display:none; }
.runway-manual-actions { margin-top:auto; padding-top:12px; justify-content:flex-end; }
.runway-calculation .preview-result { margin:0 0 14px; }
.runway-calculation-details { margin:0; }
.runway-calculation-details > div { display:flex; justify-content:space-between; gap:10px; padding:9px 0; border-bottom:1px solid var(--line); }
.runway-calculation-details dt { color:var(--muted); }
.runway-calculation-details dd { margin:0; font-weight:650; }
.runway-calculation > .form-help { margin-top:auto; padding-top:14px; }
@media (min-width:768px) and (max-width:1199px) {
 .topbar .topbar-inner { grid-template-columns:minmax(0,1fr) auto auto; padding:4px 24px; gap:0 10px; }
 .topbar .brand { grid-column:1; grid-row:1/3; gap:13px; }
 .topbar .language-switch { grid-column:2; grid-row:1; }
 .topbar .top-actions { grid-column:3; grid-row:1/3; gap:7px; }
 .topbar .header-observation { grid-column:2; grid-row:2; justify-content:flex-end; font-size:10px; line-height:1.2; }
 .topbar .utc-clock { display:block; font-size:11px; letter-spacing:0; }
 .topbar .account-button { min-width:44px; justify-content:center; }
 .topbar .account-button > span { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
}
@media (max-width:767px) {
 .topbar .topbar-inner { grid-template-columns:minmax(0,1fr) auto auto; padding:10px 16px; gap:5px 6px; }
 .topbar .brand { grid-column:1/-1; grid-row:1; gap:10px; }
 .topbar .top-actions { grid-column:3; grid-row:2; gap:6px; }
 .topbar .language-switch { grid-column:2; grid-row:2; justify-self:end; }
 .topbar .header-observation { grid-column:1; grid-row:2; max-width:none; justify-self:start; font-size:9px; }
 .topbar .release-status { margin-top:4px; }
 .validation-warning { font-size:12px; line-height:1.25; }
 .runway-mode-panel { align-items:flex-start; flex-direction:column; }
 .runway-modes { width:100%; }
 .runway-modes button { flex:1; min-height:44px; }
 .runway-manual-actions > button { width:100%; }
}