.menubar .install-app { display: inline-flex; align-items: center; gap: 5px; padding: 4px 8px; margin-left: 6px; border: 1px solid var(--line); border-radius: 4px; background: var(--panel-2); color: var(--accent); font-size: 12px; }
.install-app svg { width: 14px; height: 14px; flex-shrink: 0; }
#installDialog { width: min(480px, calc(100% - 24px)); max-height: calc(100dvh - 32px); overflow: auto; padding: 22px; color: var(--fg); background: var(--panel); border: 1px solid var(--line); border-radius: 10px; box-shadow: 0 16px 60px #0008; }
#installDialog::backdrop { background: #0009; }
#installDialog header { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
#installDialog header img { width: 52px; height: 52px; border-radius: 12px; }
#installDialog h2 { margin: 0 0 3px; font-size: 19px; }
#installDialog p { margin: 0 0 14px; line-height: 1.5; }
#installDialog .install-subtitle { margin: 0; color: var(--muted); font-size: 12px; }
#installDialog .install-close { margin-left: auto; align-self: flex-start; background: none; border: 0; font-size: 24px; line-height: 1; padding: 3px; color: var(--muted); }
#installDialog details { margin: 8px 0; border: 1px solid var(--line); border-radius: 6px; padding: 10px 12px; }
#installDialog summary { cursor: pointer; font-weight: 600; }
#installDialog details p { margin: 10px 0 0; }
#installDialog .install-note { color: var(--muted); font-size: 12px; margin: 16px 0 0; }
#installDialog .install-offline { color: var(--accent); font-size: 12px; margin: 14px 0 0; }
#installDialog .install-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
#installDialog .install-actions button { border: 1px solid var(--line); border-radius: 5px; padding: 8px 12px; background: var(--panel-2); }
#installDialog .install-actions .primary { background: var(--accent); border-color: var(--accent); color: #101820; font-weight: 600; }
@media (max-width: 480px) { #installDialog { padding: 16px; } }