/* Atualizacao do app Windows: aviso no topo, painel e cartao em Configuracoes. */
.upd-aviso { display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 12px; border: 0; border-radius: 10px; background: var(--c-warn-soft); color: var(--c-warn); box-shadow: inset 0 0 0 1px var(--c-warn-bar); font: 600 calc(13px * var(--fs, 1)) var(--font-body); cursor: pointer; white-space: nowrap; }
.upd-aviso[hidden] { display: none; }
.upd-aviso:hover { filter: brightness(.97); }
.upd-aviso:focus-visible { outline: 2px solid var(--color-accent-300); outline-offset: 2px; }
.faixa.ok { background: var(--c-ok-soft); color: var(--c-ok); }
.upd-corpo { display: flex; flex-direction: column; gap: 16px; }
.upd-bloco { display: flex; flex-direction: column; gap: 6px; }
.upd-versao { font: 600 calc(18px * var(--fs, 1)) var(--font-heading); }
.upd-notas { white-space: pre-line; overflow-wrap: anywhere; max-height: 280px; overflow-y: auto; padding: 12px 14px; border-radius: 12px; background: var(--color-bg); box-shadow: inset 0 0 0 1px var(--color-divider); font-size: calc(13px * var(--fs, 1)); line-height: 1.5; }
.upd-prog { height: 10px; border-radius: 5px; background: var(--color-divider); overflow: hidden; }
.upd-prog i { display: block; height: 100%; border-radius: 5px; background: var(--graf-rec); transition: width .4s ease; }
.upd-prog-txt { display: flex; justify-content: space-between; gap: 12px; font-size: calc(12px * var(--fs, 1)); color: var(--color-neutral-300); }
.upd-prog-txt b { color: var(--color-text); }
@media (prefers-reduced-motion: reduce) { .upd-prog i { transition: none; } }