/* Last stylesheet: override the app's desktop layout without changing production. */
:root{--demo-bar-height:55px}body{padding-top:var(--demo-bar-height);overflow-x:hidden}aside{top:var(--demo-bar-height);height:calc(100dvh - var(--demo-bar-height))}.demo-bar{min-height:55px;flex-wrap:wrap;gap:8px 16px;padding-top:max(8px,env(safe-area-inset-top));padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.demo-bar select,.demo-bar button{min-height:36px}.demo-bar a{display:inline-flex;align-items:center;min-height:36px}main{min-width:0}.card,.card-body,.grid>*{min-width:0}.table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.table-wrap:focus-visible{outline:3px solid var(--accent)}dialog{width:min(800px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain}input,select,textarea{max-width:100%}.demo-bar label{white-space:nowrap}#toast{max-width:calc(100vw - 24px);overflow-wrap:anywhere}.demo-bar strong{white-space:nowrap}
@media(max-width:760px){aside{position:static;inset:auto;height:auto;width:100%;padding:14px 12px}.brand{max-width:100%;flex-wrap:wrap}.sidebar-product-logo{max-width:160px}.demo-bar span{display:none}.demo-bar{font-size:11px;gap:6px 12px}.demo-bar strong{font-size:10px}.demo-bar select,.demo-bar button{min-height:44px}.demo-bar a{min-height:44px}.demo-bar label{margin-left:auto}.demo-bar select{min-width:90px}nav{gap:5px;padding-bottom:7px;scrollbar-width:thin;scroll-snap-type:x proximity}nav button{min-height:44px;scroll-snap-align:start;padding:10px 13px}.admin-tabs{gap:8px}.admin-tabs button{min-height:44px;padding:10px 12px}.button,.link-button{min-height:44px}.header-right{flex-wrap:wrap}.header-right .badge{font-size:9px}.page-heading{flex-wrap:wrap}.page-heading>div{min-width:0}.page-heading p{overflow-wrap:anywhere}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{padding:14px}.metric-label{font-size:11px;overflow-wrap:anywhere}.metric-number{font-size:30px}.form-grid,.grid,.integration-grid{grid-template-columns:minmax(0,1fr)}input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px;min-height:44px}input[type=checkbox],input[type=radio]{width:20px;height:20px;flex:none}.check{min-height:44px}.bulk-toolbar{gap:10px;padding:12px}.bulk-toolbar .button{flex:1 1 145px}.table-wrap::before{content:'Swipe horizontally to see the full table →';display:block;font-size:11px;color:var(--muted);padding:6px 0 12px}.table-wrap table{min-width:660px}.form-actions,.device-actions{display:flex;flex-wrap:wrap;gap:8px}.form-actions .button,.device-actions .button{flex:1 1 145px}.condition{grid-template-columns:minmax(0,1fr) 65px}.condition>input,.condition>select{width:100%;min-width:0}.permission-grid{grid-template-columns:1fr}.device-details{grid-template-columns:100px minmax(0,1fr)}.search{width:100%;min-width:0}.toolbar{flex-wrap:wrap}.toolbar>*{max-width:100%}dialog{padding:16px;margin:auto}#modal-content h2{font-size:22px}.dialog-feedback{position:static}footer{overflow-wrap:anywhere}.notice{display:block;overflow-wrap:anywhere}.product-brand-label{font-size:18px}}
@media(max-width:380px){.demo-bar strong{display:none}.demo-bar{gap:5px 8px}.demo-bar label{margin-left:0}.demo-bar button{font-size:10px;padding:6px}.device-details{grid-template-columns:1fr}.metric-label{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}