/* Native top-layer dialogs let the newest confirmation/validation sit above
   another open dialog. A large z-index on an ordinary div cannot do that. */
dialog.rowgoals-confirm-shell,dialog#appAlert,dialog#bridgeOverlay { margin:0; width:100%; height:100%; height:100dvh; max-width:none; max-height:none; box-sizing:border-box; border:0; }
dialog.rowgoals-confirm-shell:not([open]),dialog#appAlert:not([open]),dialog#bridgeOverlay:not([open]) { display:none!important; }
dialog.rowgoals-confirm-shell::backdrop,dialog#appAlert::backdrop,dialog#bridgeOverlay::backdrop { background:transparent; }
dialog.rowgoals-confirm-shell { overflow:auto; align-items:center; padding:16px; }
.rowgoals-confirm-shell .rowgoals-confirm-card { box-sizing:border-box; max-height:calc(100dvh - 32px); overflow-y:auto; overscroll-behavior:contain; }
dialog#appAlert { overflow:auto; align-items:center; }
dialog#appAlert section { box-sizing:border-box; max-height:calc(100dvh - 36px); overflow-y:auto; overscroll-behavior:contain; }
dialog#bridgeOverlay { padding:12px; overflow:hidden; }
dialog#bridgeOverlay #bridgeBox { box-sizing:border-box; max-height:calc(100dvh - 24px); overflow-y:auto; overscroll-behavior:contain; overflow-x:hidden; scrollbar-width:thin; }
dialog#bridgeOverlay #bridgeBox>.close { position:sticky; top:0; z-index:20; float:right; }
dialog#toolDialog { box-sizing:border-box; max-height:calc(100dvh - 24px); overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain; scrollbar-width:thin; }
dialog#toolDialog #toolDialogForm { min-height:0; max-height:none; overflow:visible; }
dialog#toolDialog #toolDialogForm>.close { position:sticky; top:12px; margin-left:auto; display:block; z-index:20; }
dialog .custom-select-menu,.custom-select-menu[popover] { overflow-y:auto!important; overscroll-behavior:contain; max-height:min(280px,45dvh); scrollbar-width:thin; }
.custom-select-menu[popover] { margin:0!important; box-sizing:border-box; }
.income-custom-source[hidden] { display:none!important; }
@media(max-width:600px){dialog#bridgeOverlay{padding:8px}dialog#bridgeOverlay #bridgeBox{width:100%;max-height:calc(100dvh - 16px)}dialog#toolDialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.rowgoals-confirm-shell .rowgoals-confirm-card{max-height:calc(100dvh - 32px)}}