/* Mobile admin density; no desktop or business-data changes. */
@media(max-width:1023px){
 html body #app aside.sidebar{width:min(260px,80vw)!important}
 html body #app .sidebar-header{min-height:60px!important;height:60px!important;padding:10px 12px!important;gap:9px!important;flex-shrink:0}
 html body #app .sidebar-logo{width:30px!important;height:30px!important;min-width:30px!important;border-radius:9px!important;box-shadow:none!important}
 html body #app .sidebar-brand{font-size:16px!important;line-height:1.25!important}
 html body #app .sidebar-brand button{font-size:10px!important;padding:2px 5px!important;line-height:1.3!important}
 html body #app .sidebar-nav{padding:6px 8px!important;overscroll-behavior:contain}
 html body #app .sidebar-category{margin:0 0 7px!important}
 html body #app .sidebar-category-heading{min-height:30px!important;padding:5px 8px!important;font-size:12px!important;line-height:20px!important}
 html body #app .sidebar-category-content{margin:0!important;gap:2px!important}
 html body #app .sidebar-link{min-height:36px!important;padding:7px 10px!important;margin-bottom:2px!important;gap:9px!important;font-size:13px!important;line-height:20px!important;border-radius:8px!important}
 html body #app .sidebar-link svg{width:17px!important;height:17px!important;flex-shrink:0}
 html body #app .sidebar-section{margin:8px 0!important}
 html body #app .sidebar-section-title{font-size:12px!important;padding:5px 9px!important;margin:0!important}
 html body #app aside.sidebar>.mt-auto{padding:7px 8px!important}
 html[data-admin-compact]{overflow-x:clip!important}
 html[data-admin-compact] body #app main{padding:10px!important;min-width:0;overflow-x:clip!important}
 html[data-admin-compact] body #app :is(.cosmic-app-sky,.balance-warning-system){display:none!important}
 html[data-admin-compact] body #app main :is(.space-y-6,.space-y-5)>:not([hidden])~:not([hidden]){margin-top:12px!important}
 html[data-admin-compact] body #app main :is(.p-6,.p-5,.p-4){padding:12px!important}
 html[data-admin-compact] body #app main>.p-6,html[data-admin-compact] body #app main>.p-4{padding:0!important}
 html[data-admin-compact] body #app main :is(.gap-6,.gap-5,.gap-4){gap:10px!important}
 html[data-admin-compact] body #app main :is(h1,.text-3xl){font-size:20px!important;line-height:1.35!important}
 html[data-admin-compact] body #app main :is(h2,.text-2xl){font-size:17px!important;line-height:1.4!important}
 html[data-admin-compact] body #app main h3{font-size:14px!important;line-height:1.4!important}
 html[data-admin-compact] body #app main :is(.btn,button[type=submit]){min-height:34px!important;padding:6px 10px!important;font-size:12px!important;line-height:20px!important}
 html[data-admin-compact] body #app main :is(input:not([type=checkbox]):not([type=radio]),select){min-height:36px!important;font-size:16px!important;padding:6px 9px!important;max-width:100%}
 html[data-admin-compact] body #app main textarea{font-size:16px!important;max-width:100%}
 html[data-admin-compact] body #app main :is(.layout-section-fixed,.layout-section-scrollable){min-width:0}
 html[data-admin-compact] body #app main :is(.layout-section-fixed,.layout-section-scrollable)>.mb-6{margin-bottom:10px!important}
 html[data-admin-compact] body #app main .table-scroll-container{border-radius:10px!important}
 html[data-admin-compact] body #app main [data-index]{padding:10px!important;margin-bottom:8px!important}
 html[data-admin-compact] body #app main [data-index]>.space-y-3{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px 12px!important}
 html[data-admin-compact] body #app main [data-index]>.space-y-3>*{min-width:0;margin:0!important}
 html[data-admin-compact] body #app main [data-index]>.space-y-3>.flex:first-child{grid-column:1/-1}
 html[data-admin-compact] body #app main .mobile-data-field{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:3px!important;padding:3px 0!important;min-width:0}
 html[data-admin-compact] body #app main .mobile-data-field>span{font-size:10px!important;line-height:1.4!important;letter-spacing:0!important}
 html[data-admin-compact] body #app main .mobile-data-value{max-width:100%!important;width:100%;min-width:0;font-size:12px!important;line-height:1.5!important;text-align:left!important;overflow-wrap:anywhere}
 html[data-admin-compact] body #app main .mobile-data-value :is(.text-sm,.text-xs){font-size:12px!important;line-height:1.5!important}
 html[data-admin-compact] body #app main :is([data-field=email],[data-field=name],[data-field=group],[data-field=description],[data-field=notes],[data-field=content],[data-field=actions],[data-field=action],[data-field=tokens]){grid-column:1/-1}
 html[data-admin-compact] body #app main .ui-kpi{padding:10px!important;min-height:0!important}
 html[data-admin-compact] body #app main .ui-kpi .text-3xl{font-size:20px!important}
 html[data-admin-compact] body #app main :is(.user-activity-panel,.override-panel,.tickets-header,.ticket-tabs){padding:12px!important;border-radius:10px!important}
 html[data-admin-compact] body #app main .ticket-item{padding:12px!important}
 html[data-admin-compact] body .modal-overlay{padding:10px!important;backdrop-filter:none!important}
 html[data-admin-compact] body .modal-content{max-width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important;border-radius:12px!important}
 html[data-admin-compact] body :is(.modal-header,.modal-body,.modal-footer){padding:12px!important}
 html[data-admin-compact] body .modal-content :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px!important}
 html[data-admin-compact] body .modal-content .btn{min-height:34px!important;padding:6px 10px!important;font-size:12px!important}
 html[data-admin-compact] body #app main :is(.ui-kpi,.ui-panel,.ui-live-dot,.animate-ping){animation:none!important;transition:none!important}
 html[data-admin-compact] body #app main :is(.ui-ambient,.ui-sheen,.ui-beam)::before,html[data-admin-compact] body #app main :is(.ui-ambient,.ui-sheen,.ui-beam)::after{display:none!important}
 html[data-admin-compact] body #app main .grid[class*="sm:grid-cols-2"][class*="xl:grid-cols-4"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html[data-admin-compact] body #app main table{font-size:12px!important}
 html[data-admin-compact] body #app main :is(th,td){padding:8px!important}
}

@media(max-width:1023px){
 html body .header.wrap{color-scheme:only light!important;isolation:isolate!important}
 html body .header.wrap .brand,html body .header.wrap .brand span,html body .header.wrap .header-actions{opacity:1!important;filter:none!important}
 html body .header.wrap .brand img,html body .header.wrap .header-actions img,html body #cat-contact-float img{filter:none!important;opacity:1!important;mix-blend-mode:normal!important}
 html body #cat-contact-float{right:12px!important;bottom:18px!important;opacity:1!important;filter:none!important;z-index:80!important}
 html body .mascot-stage .pet-cat{filter:none!important;opacity:1!important;mix-blend-mode:normal!important}
 html body .mascot-stage{isolation:isolate!important}
}