.app-update-banner{position:fixed;bottom:var(--space-4);left:50%;z-index:10050;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-4);max-width:min(560px,calc(100vw - var(--space-8)));padding:var(--space-3) var(--space-4);transform:translateX(-50%);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-inner);box-shadow:var(--shadow-md);color:var(--text-1);font-size:14px;line-height:1.45}.app-update-banner__text{flex:1 1 200px;margin:0}.app-update-banner__actions{display:flex;flex-shrink:0;gap:var(--space-2)}.app-update-banner__btn{min-height:36px;padding:0 var(--space-4);border-radius:var(--r-inner);font-size:13px;font-weight:600;cursor:pointer;border:1px solid transparent}.app-update-banner__btn--primary{background:var(--primary);color:#fff;border-color:var(--primary-dk)}.app-update-banner__btn--primary:hover{background:var(--primary-dk)}.app-update-banner__btn--ghost{background:var(--surface-alt);color:var(--text-2);border-color:var(--border)}.app-update-banner__btn--ghost:hover{background:var(--surface);color:var(--text-1)}@media (max-width:480px){.app-update-banner{left:var(--space-4);right:var(--space-4);transform:none;max-width:none}.app-update-banner__actions{width:100%}.app-update-banner__btn{flex:1}}