.connectivity-banner { gap: .5rem; flex-wrap: wrap; }
.connectivity-banner [data-connectivity-message] { flex: 1 1 20rem; }
.connectivity-banner .button { min-height: 2.5rem; white-space: nowrap; }
.app-page .app-sidebar { top: var(--finance-connection-height, 0px); height: calc(100dvh - var(--finance-connection-height, 0px)); }
.app-page .app-topbar { top: var(--finance-connection-height, 0px); }
.finance-device-dialog { border: 1px solid var(--border, #d5dadd); border-radius: 1rem; padding: 1.5rem; max-width: 38rem; width: calc(100% - 2rem); max-height: 85dvh; overflow-y: auto; color: var(--text, #111); background: var(--surface, #fff); }
.finance-device-dialog::backdrop { background: rgb(0 0 0 / .35); }
.finance-device-dialog > button { margin: .5rem .5rem 0 0; }
.finance-device-row { padding-block: 1rem; border-bottom: 1px solid var(--border, #d5dadd); }
.finance-device-row p { margin-block: .5rem; }