.mini-app-heading { display: flex; align-items: center; gap: 14px; }
.mini-app-heading img { flex: 0 0 64px; object-fit: contain; }
.mini-app-heading h2 { margin: 0 0 4px; }
.mini-app-versions { display: flex; flex-wrap: wrap; gap: 12px 28px; margin: 16px 0; }
.mini-app-versions div { display: grid; gap: 4px; }
.mini-app-versions dt { font-size: 12px; opacity: .75; }
.mini-app-versions dd { margin: 0; font-weight: 700; }
.mini-app-card .actions { flex-wrap: wrap; }
.mini-app-card [hidden] { display: none; }
.mini-extension-update { position: fixed; bottom: 92px; right: 24px; z-index: 300; display: grid; grid-template-columns: 40px minmax(0, 1fr) 32px; gap: 12px; width: 380px; max-width: calc(100vw - 24px); padding: 16px; border: 1px solid rgba(94, 213, 220, .55); border-radius: 8px; background: #121825; color: #f7fafc; box-shadow: 0 8px 28px rgba(0, 0, 0, .3); box-sizing: border-box; }
.mini-extension-update img { object-fit: contain; }
.mini-extension-update strong, .mini-extension-update small { display: block; overflow-wrap: anywhere; }
.mini-extension-update small { margin: 5px 0 10px; color: #c5cfda; }
.mini-extension-update .icon-button { width: 32px; height: 32px; min-width: 0; padding: 0; border-radius: 6px; font-size: 20px; }
@media (max-width: 600px) { .mini-extension-update { right: 12px; bottom: 86px; } }