/* Installation sits below the existing brand without changing its home link. */
.brand-group{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}
.install-app{display:inline-flex;align-items:center;gap:6px;margin-left:57px;padding:4px 0;min-height:28px;border:0;background:transparent;color:var(--muted);font-size:11px;font-weight:500;line-height:1.4;text-align:left;text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:3px}
.install-app>span{font-size:15px;text-decoration:none}.install-app:hover{color:var(--primary)}.install-app,.install-dialog h2{text-transform:none}
.install-dialog{max-width:420px}.install-dialog h2{font-size:22px;margin:0}.install-dialog .dialog-header{gap:16px}.install-dialog p,.install-dialog li{font-size:13px;line-height:1.8;color:var(--muted)}.install-dialog ol{padding-left:22px;margin:16px 0}.install-dialog li+li{margin-top:8px}.install-dialog .install-hint{margin:20px 0 0;padding-top:16px;border-top:1px solid var(--border);font-size:12px}
@media not all and (display-mode: browser){#install-app{display:none!important}}
@media(max-width:700px){.install-app{min-height:32px;font-size:11px}.brand-group{gap:4px}}
.connection-notice{position:sticky;top:0;z-index:1000;padding:12px 20px;border-bottom:1px solid #b97726;background:#fff0d5;color:#68400e;font-size:13px;line-height:1.6;text-align:center}.connection-notice strong{margin-right:5px}body[data-read-only] dialog::before{content:'You’re offline. Changes are disabled until you reconnect.';display:block;margin-bottom:20px;padding:10px 12px;border-radius:8px;background:#fff0d5;color:#68400e;font-size:12px;line-height:1.6}body[data-read-only] button:disabled,body[data-read-only] input:disabled,body[data-read-only] select:disabled,body[data-read-only] textarea:disabled{opacity:.5;cursor:not-allowed}