/* _content/BPack.Dist.Client.Ui/BpDistUpdateBanner.razor.rz.scp.css */
/* F13 알림 줄(DES-F13-UI) — 색 · 간격은 --bp-* 토큰만. 버튼 · 배지는 BPack.Components 모양 그대로. */
.bp-dist-update-banner[b-d68lbki1d5] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--bp-space-2) var(--bp-space-3); min-height: 48px; padding: var(--bp-space-2) var(--bp-space-4); border: 1px solid var(--bp-border-default); border-radius: var(--bp-radius-md); background: var(--bp-active-bg-soft); font-size: var(--bp-size-body); }
.bp-dist-update-banner-strong[b-d68lbki1d5] { border-color: var(--bp-warning-fg); }
.bp-dist-update-banner-icon[b-d68lbki1d5] { color: var(--bp-info-fg); font-size: 18px; }
.bp-dist-update-banner-strong .bp-dist-update-banner-icon[b-d68lbki1d5] { color: var(--bp-warning-fg); }
.bp-dist-update-banner-text[b-d68lbki1d5] { flex: 1 1 240px; min-width: 0; font-weight: var(--bp-weight-semibold); word-break: keep-all; }
.bp-dist-update-banner-actions[b-d68lbki1d5] { display: flex; align-items: center; gap: var(--bp-space-2); margin-left: auto; }
/* _content/BPack.Dist.Client.Ui/BpRollingStatusBar.razor.rz.scp.css */
/* Rolling 상태바 줄(DES-F26-SPEC §6) — 색 · 간격은 --bp-* 토큰만. 위치 · 높이는 호스트 상태바가 정한다. */
.bp-rolling-status-bar[b-9b92rp8p9p] { display: flex; align-items: center; gap: var(--bp-space-2); min-width: 0; padding: var(--bp-space-1) var(--bp-space-3); border-radius: var(--bp-radius-sm); background: var(--bp-info-op-01); color: var(--bp-text-primary); font-size: var(--bp-size-body); }
.bp-rolling-status-bar--draining[b-9b92rp8p9p], .bp-rolling-status-bar--recreate[b-9b92rp8p9p] { background: var(--bp-warning-op-01); }
.bp-rolling-status-bar-now[b-9b92rp8p9p], .bp-rolling-status-bar-moving[b-9b92rp8p9p] { display: inline-flex; align-items: center; gap: var(--bp-space-2); min-width: 0; }
.bp-rolling-status-bar-icon[b-9b92rp8p9p] { flex: none; color: var(--bp-info-fg); }
.bp-rolling-status-bar--draining .bp-rolling-status-bar-now .bp-rolling-status-bar-icon[b-9b92rp8p9p],
.bp-rolling-status-bar--recreate .bp-rolling-status-bar-now .bp-rolling-status-bar-icon[b-9b92rp8p9p] { color: var(--bp-warning-fg); }
.bp-rolling-status-bar-text[b-9b92rp8p9p] { min-width: 0; word-break: keep-all; }
.bp-rolling-status-bar-text b[b-9b92rp8p9p] { font-variant-numeric: tabular-nums; }
.bp-rolling-status-bar-reload[b-9b92rp8p9p] { flex: none; }
.bp-rolling-status-bar-moving[b-9b92rp8p9p] { display: none; }
.bp-rolling-status-bar--moving .bp-rolling-status-bar-moving[b-9b92rp8p9p] { display: inline-flex; }
.bp-rolling-status-bar[data-bp-rolling-moving][b-9b92rp8p9p] { background: var(--bp-info-op-01); }
.bp-rolling-status-bar[data-bp-rolling-moving] .bp-rolling-status-bar-now[b-9b92rp8p9p] { display: none; }
.bp-rolling-status-bar[data-bp-rolling-moving] .bp-rolling-status-bar-moving[b-9b92rp8p9p] { display: inline-flex; }
/* 어두운 호스트 상태바(BPack.Components .bp-footer — neutral-900)에서는 밝은 글자 · 진한 배경(BPack.Remote TSK-F09-021 지적). */
.bp-footer .bp-rolling-status-bar[b-9b92rp8p9p] { color: var(--bp-neutral-0); background: var(--bp-info-op-02); }
.bp-footer .bp-rolling-status-bar--draining[b-9b92rp8p9p], .bp-footer .bp-rolling-status-bar--recreate[b-9b92rp8p9p] { background: var(--bp-warning-op-02); }
.bp-footer .bp-rolling-status-bar[data-bp-rolling-moving][b-9b92rp8p9p] { background: var(--bp-info-op-02); }
/* 좁은 화면: 문장을 숨기고 남은 시간만 보인다. */
@media (max-width: 640px) {
    .bp-rolling-status-bar-now .bp-rolling-status-bar-text[b-9b92rp8p9p] { font-size: 0; }
    .bp-rolling-status-bar-now .bp-rolling-status-bar-text b[b-9b92rp8p9p] { font-size: var(--bp-size-body); }
}
/* _content/BPack.Dist.Client.Ui/DistUpdateConfirmDialog.razor.rz.scp.css */
/* F13 업데이트 확인 대화상자(DES-F13-UI) — 토큰만. */
.bp-dist-update-confirm-versions[b-7yjb1kdjef] { margin: 0 0 var(--bp-space-3); font-family: var(--bp-font-mono, monospace); font-weight: var(--bp-weight-semibold); }
.bp-dist-update-confirm ul[b-7yjb1kdjef] { margin: 0 0 var(--bp-space-4); padding-left: var(--bp-space-5); list-style: disc; line-height: 1.6; word-break: keep-all; }
.bp-dist-update-confirm li + li[b-7yjb1kdjef] { margin-top: var(--bp-space-1); }