/* V5.6.1 presentation layer; desktop rules and print layout remain in place. */
.mobile-menu,.mobile-shade,.connection-notice{display:none}
@media screen and (max-width:1000px){
 body{overflow-wrap:anywhere}body.menu-open{overflow:hidden}
 .app-shell,.shell{display:block;min-width:0}.main-area,.main{min-width:0}
 .mobile-menu{display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:44px;min-height:44px;border:1px solid #cbd5e1;border-radius:9px;background:white;color:#11345a;font-size:23px;cursor:pointer}
 .appbar,.bar{height:auto;min-height:68px;gap:10px;padding:10px 14px;padding-top:max(10px,env(safe-area-inset-top));flex-wrap:wrap;z-index:20}
 .appbar-title,.bar-title{font-size:17px;flex:1;min-width:100px}
 .appbar-meta,.bar-meta{gap:8px;flex-wrap:wrap;font-size:13px;max-width:100%}
 #todayLabel,#dateLabel{display:none}
 aside.top,aside.side{position:fixed;inset:0 auto 0 0;width:min(320px,86vw);height:100dvh;padding:18px 14px;padding-top:max(18px,env(safe-area-inset-top));padding-bottom:max(18px,env(safe-area-inset-bottom));flex-direction:column;align-items:stretch;overflow-y:auto;z-index:42;transform:translateX(-105%);visibility:hidden;transition:transform .18s ease,visibility .18s}
 .menu-open aside.top,.menu-open aside.side{transform:none;visibility:visible}
 .mobile-shade{position:fixed;inset:0;background:#071b34a6;border:0;z-index:41}.menu-open .mobile-shade{display:block}
 aside .nav{flex-direction:column;gap:6px}aside .nav button{min-height:46px;white-space:normal}
 .brand-wrap,.orgbrand{min-width:0;flex-direction:row;text-align:left;border-bottom:1px solid #ffffff22;padding-bottom:14px}
 .brand,.orgname{font-size:18px}.brand-logo,.orglogo{width:52px;height:52px;flex-shrink:0;margin:0 10px 0 0}
 .brand-tech,.tech{display:block}.wrap{padding:18px 14px;min-width:0}
 .cols,.dash-columns,.profile-grid{grid-template-columns:minmax(0,1fr)}
 .panel,.card,.sum{min-width:0}.panel{padding:16px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .modal{padding:12px}.modalbox{width:100%;max-height:calc(100dvh - 24px);padding:18px;overscroll-behavior:contain}
 .calendar-title{min-width:0;flex-basis:100%;text-align:left;order:-2}.calendar-toolbar .spacer{display:none}
 #cv-day{order:-1}#cv-week{order:-1}#cv-month{order:-1}.calendar-grid{max-width:100%}
 button,input,select,textarea,summary,.primary,.secondary,.danger{min-height:44px;font-size:16px}
 input,select,textarea{max-width:100%;min-width:0}input[type=checkbox],input[type=radio]{width:24px;height:24px;min-height:24px;flex-shrink:0;vertical-align:middle}
 summary{padding:10px 0;cursor:pointer}.choice{min-height:48px}.choice span{min-width:0}
 .actions{gap:10px}.actions>*{max-width:100%;white-space:normal}.feed-url,.feedurl{flex-basis:100%;min-width:0}
 .return-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.return-grid>div:first-child{grid-column:1/-1}
 .return-grid>[style*="grid-column"]{grid-column:1/-1!important}
 [id^=assetchoices] [style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
 [id^=assetchoices] [style*="grid-template-columns"]>span{grid-column:1/-1}
 .mobile-table,.mobile-table tbody{display:block;width:100%}.mobile-table .mobile-table-head{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .mobile-table tr:not(.mobile-table-head){display:block;border:1px solid #dfe7f0;border-radius:12px;background:white;padding:10px 12px;margin:12px 0}
 .mobile-table td{display:block;width:auto!important;border:0;padding:7px 0;min-width:0;white-space:normal!important}
 .mobile-table td[data-label]:before{content:attr(data-label);display:block;font-size:12px;font-weight:700;color:#64748b;margin-bottom:3px}
 .mobile-table td:first-child{font-size:17px}.mobile-table td[colspan]{font-size:inherit}
 .status-select{min-width:0}.product-photo{max-width:100%}.agenda-row{grid-template-columns:1fr;gap:8px}.cal-event{font-size:14px}
 .connection-notice:not([hidden]){display:block;background:#fff3cd;color:#614b00;padding:12px 16px;font-size:14px}
 .org{grid-template-columns:minmax(0,1fr)!important}.row{flex-wrap:wrap}
}
@media screen and (max-width:600px){
 h1{font-size:26px}h2{font-size:21px}.appbar-meta,.bar-meta{flex-basis:100%;justify-content:space-between}
 .grid,.formgrid,.products,.summary,.project-summary,.quickgrid,.quick-grid{grid-template-columns:minmax(0,1fr)}
 .modal{padding:0}.modalbox{max-height:100dvh;border-radius:0;padding:16px;padding-bottom:max(20px,env(safe-area-inset-bottom))}
 .toolbar{align-items:stretch}.toolbar>*,.search{max-width:100%;min-width:0}.toolbar input{width:100%!important}
 .product-photo.large{height:190px}.return-grid{gap:6px}.return-grid label{font-size:12px}
}
@media (display-mode:standalone){body{padding-bottom:env(safe-area-inset-bottom)}}
@media (prefers-reduced-motion:reduce){aside.top,aside.side{transition:none!important}}

.mobile-product-photo{display:none}
@media screen and (max-width:1000px){.mobile-product-photo{display:block}.hidden{display:none!important}}

.hidden td[data-label]::before{display:none!important}