/* Final isolation and interaction polish for the enhanced Notify customer shell. */
.fn-notify-shell{display:block!important;width:min(100%,620px)!important;grid-template-columns:1fr!important}
.fn-notify-shell>.sidebar{display:none!important}
.fn-notify-shell>.main{width:100%!important;min-width:0!important}
.fn-notify-shell .fn-notify-nav{display:grid!important;align-items:stretch;min-height:64px;border-radius:0;box-shadow:0 -8px 24px #15233b0d}
.fn-notify-nav a{min-height:44px;border-radius:10px;transition:background .18s ease,color .18s ease,transform .18s ease}
.fn-notify-nav a.active{background:#eaf2ff}
.fn-notify-nav a:active{transform:scale(.96)}
.fn-notify-main :is(button,a,input,select):focus-visible{outline:3px solid #75a7ef;outline-offset:2px}
.fn-actions button,.fn-actions a,.fn-primary,.fn-secondary{min-height:38px;display:inline-flex;align-items:center;justify-content:center}
@media(min-width:621px){.fn-notify-shell{min-height:100dvh}.fn-notify-shell .fn-notify-nav{width:620px}}
/* The initial mobile isolation rule intentionally wins over the compiled SPA, but
   must yield to the workspace's desktop layout.  Keeping this override here
   prevents a later generic stylesheet from collapsing wide customer screens
   back into the phone-sized 620px frame. */
@media(min-width:760px){.fn-notify-shell{width:min(100% - 48px,1180px)!important;margin:24px auto 104px}.fn-notify-shell .fn-notify-nav{width:min(100% - 48px,720px)}}
.fn-page-head{margin-bottom:24px!important}