.ataraxy-mobile-menu,.ataraxy-mobile-backdrop{display:none}
@media(max-width:767px){
html,body,#root{width:100%;min-width:0;min-height:100%}body{overflow-x:hidden}body.mobile-nav-open{overflow:hidden}
body.mobile-shell #root>.min-h-screen.flex{display:block!important;min-height:100dvh;width:100%}
body.mobile-shell aside{position:fixed!important;inset:0 auto 0 0;z-index:1001;width:min(82vw,300px)!important;height:100dvh!important;max-height:100dvh;overflow-y:auto;transform:translateX(-105%);transition:transform .22s ease,box-shadow .22s ease!important;box-shadow:none}
body.mobile-nav-open aside{transform:translateX(0);box-shadow:12px 0 32px rgba(15,23,42,.28)}
.ataraxy-mobile-backdrop{position:fixed;inset:0;z-index:1000;border:0;background:rgba(15,23,42,.5);backdrop-filter:blur(2px)}body.mobile-nav-open .ataraxy-mobile-backdrop{display:block}
.ataraxy-mobile-menu{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;min-width:42px;padding:0;border:1px solid #e2e8f0;border-radius:10px;background:#fff;color:#1e3a8a;box-shadow:0 2px 8px rgba(15,23,42,.1)}
.ataraxy-mobile-menu--floating{position:fixed;top:max(12px,env(safe-area-inset-top));left:12px;z-index:999}body.mobile-has-floating-nav main{padding-top:70px!important}
body.mobile-has-floating-nav main>div>div:first-child{padding-left:52px}
body.mobile-shell #root>.min-h-screen.flex>main,body.mobile-shell #root>.min-h-screen.flex>.flex-1{width:100%!important;min-width:0!important;max-width:100%!important}
body.mobile-shell header.app-header{position:sticky;top:0;z-index:40;height:58px;padding-left:12px!important;padding-right:12px!important}body.mobile-shell header.app-header .ataraxy-mobile-menu{margin-right:auto}
body.mobile-shell main{width:100%!important;min-width:0!important;max-width:100vw!important;padding:16px!important;overflow-x:hidden!important}body.mobile-shell main>*,body.mobile-shell main>*>*{min-width:0}
body.mobile-shell main h1{font-size:1.35rem!important;line-height:1.25!important}body.mobile-shell main h2{line-height:1.3}body.mobile-shell main .p-6{padding:16px!important}body.mobile-shell main .p-8{padding:18px!important}body.mobile-shell main .p-10{padding:20px!important}body.mobile-shell main .px-6{padding-left:16px!important;padding-right:16px!important}
body.mobile-shell main .grid-cols-2,body.mobile-shell main .grid-cols-3,body.mobile-shell main .grid-cols-4,body.mobile-shell main .grid-cols-5,body.mobile-shell main .grid-cols-6{grid-template-columns:minmax(0,1fr)!important}
body.mobile-shell main .flex.justify-between,body.mobile-shell main .flex.items-end{flex-wrap:wrap}body.mobile-shell main input,body.mobile-shell main select,body.mobile-shell main textarea{max-width:100%;font-size:16px}
body.mobile-shell main button,body.mobile-shell main a.rounded,body.mobile-shell main a.rounded-lg,body.mobile-shell main a.rounded-xl{min-height:40px}
body.mobile-shell .ataraxy-table-scroll{display:block;width:100%;max-width:100%;overflow-x:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}body.mobile-shell .ataraxy-table-scroll>table,body.mobile-shell table{min-width:max-content}body.mobile-shell td,body.mobile-shell th{white-space:nowrap}body.mobile-shell td{max-width:280px;overflow:hidden;text-overflow:ellipsis}
body.mobile-shell .fixed.inset-0{padding:10px!important}body.mobile-shell .fixed.inset-0>div{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important;overflow-y:auto!important}
body.mobile-shell #finance-patch-root,body.mobile-shell #expense-management-root,body.mobile-shell #clients-patch-root,body.mobile-shell #product-lines-root{width:100%!important;max-width:100%!important;min-width:0!important}
body.mobile-shell #finance-patch-root [style*="grid-template-columns"],body.mobile-shell #expense-management-root [style*="grid-template-columns"],body.mobile-shell #clients-patch-root [style*="grid-template-columns"],body.mobile-shell #product-lines-root [style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr)!important}
body.mobile-shell canvas,body.mobile-shell svg:not(aside svg):not(button svg){max-width:100%}
}
@media(max-width:380px){body.mobile-shell main{padding:12px!important}body.mobile-shell main .card{padding:14px!important}}