.update-banner{position:fixed;z-index:1200;left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right));bottom:calc(82px + env(safe-area-inset-bottom));display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px 16px;border:1px solid rgba(255,139,49,.55);border-radius:18px;background:rgba(18,24,32,.97);box-shadow:0 18px 60px rgba(0,0,0,.45);transform:translateY(160%);opacity:0;pointer-events:none;transition:.25s ease;backdrop-filter:blur(18px)}
.update-banner.show{transform:translateY(0);opacity:1;pointer-events:auto}.update-banner-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(255,139,49,.15);color:var(--accent);font-size:1.35rem}.update-banner strong,.update-banner span{display:block}.update-banner span{margin-top:3px;color:var(--muted);font-size:.78rem}.update-banner-actions{display:flex;gap:8px}.release-meta,.sync-diagnostic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0}.release-meta>div,.sync-diagnostic-grid>div{min-width:0;padding:11px 12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025)}.release-meta span,.sync-diagnostic-grid span,.sync-device-line span,.sync-error-line span{display:block;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.07em}.release-meta strong,.sync-diagnostic-grid strong{display:block;margin-top:5px;font-size:.83rem;overflow-wrap:anywhere}.sync-device-line{display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px 10px;padding:12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.02)}.sync-device-line code{font-size:.71rem;color:#d9e3ec;overflow-wrap:anywhere}.sync-error-line{margin-top:8px;padding:11px 12px;border:1px solid var(--line);border-radius:13px}.sync-error-line strong{display:block;margin-top:4px;font-size:.78rem;color:#dce6ef;overflow-wrap:anywhere}.sync-actions{flex-wrap:wrap;margin-top:14px}.sync-log-panel{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}.sync-log-panel summary{cursor:pointer;font-weight:700;font-size:.84rem}.sync-log-panel summary span{float:right;color:var(--muted)}.sync-log-row{display:grid;grid-template-columns:10px 1fr;gap:10px;padding:10px 2px;border-bottom:1px solid rgba(255,255,255,.05)}.sync-log-row strong,.sync-log-row small{display:block}.sync-log-row strong{font-size:.78rem}.sync-log-row small{margin-top:3px;color:var(--muted);font-size:.66rem}.sync-log-dot{width:8px;height:8px;margin-top:4px;border-radius:99px;background:#7f8b96}.sync-log-dot.success,.sync-log-dot.verified,.sync-log-dot.realtime{background:#4ed49a}.sync-log-dot.error,.sync-log-dot.conflict{background:#ff6c6c}.sync-log-dot.pending,.sync-log-dot.attempt{background:var(--accent)}.sync-log-dot.remote{background:#6fb6ff}.sync-log-dot.offline{background:#e6b35c}
@media(max-width:620px){.update-banner{grid-template-columns:auto 1fr;bottom:calc(78px + env(safe-area-inset-bottom))}.update-banner-actions{grid-column:1/-1}.update-banner-actions button{flex:1}.release-meta,.sync-diagnostic-grid{grid-template-columns:1fr}.sync-actions button{flex:1 1 45%}}