/* Pawpular Palace V275: stable mobile viewport, navigation and Settings management. */
html,body{width:100%;max-width:100%;overflow-x:hidden}
@supports (overflow:clip){html,body{overflow-x:clip}}
body{min-height:100dvh}
#public{min-height:100dvh;display:flex;flex-direction:column}
#public>main{flex:1 0 auto}
#public>.footer{margin-top:auto}
img,video,canvas,svg{max-width:100%}
input,select,textarea,button{max-width:100%}
button,a,input,select,textarea,[role="button"]{touch-action:manipulation}
.pp-v275-mobile-cards{display:none}
.pp-v275-desktop-table{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}
.pp-v275-manage-card{border:1px solid var(--line);border-radius:16px;background:#fff;padding:14px;display:grid;gap:10px;min-width:0}
.pp-v275-manage-card p{margin:0;overflow-wrap:anywhere}
.pp-v275-manage-card .toolbar{width:auto}
.pp-settings-tabs{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.pp-settings-tabs button{white-space:nowrap}
.pp-v275-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pp-v275-form-grid .span2{grid-column:1/-1}
.pp-v275-settings-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
@media(max-width:900px){
 html,body,#app,#public{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important}
 @supports (overflow:clip){html,body,#app,#public{overflow-x:clip!important}}
 #app{position:relative!important}
 #app .main,#workspace,#workspace>*,
 #workspace .panel,#workspace .metrics,#workspace .grid2,
 #workspace .toolbar,#workspace .panel-head{min-width:0!important;max-width:100%!important}
 #workspace{width:100%!important;box-sizing:border-box!important;padding-bottom:calc(94px + env(safe-area-inset-bottom,0px))!important}
 #workspace *{min-width:0}
 #workspace .field input,#workspace .field select,#workspace .field textarea,
 #authModal input,#bookingModal input,#groomerAccessModal input{font-size:16px!important;width:100%!important}
 #mobileNav.mobile-nav{
  position:fixed!important;
  left:max(8px,env(safe-area-inset-left,0px))!important;
  right:max(8px,env(safe-area-inset-right,0px))!important;
  bottom:max(8px,env(safe-area-inset-bottom,0px))!important;
  width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;
  display:grid!important;
  grid-template-columns:repeat(var(--pp-mobile-nav-count,5),minmax(0,1fr))!important;
  grid-auto-flow:column!important;grid-auto-columns:minmax(0,1fr)!important;
  align-items:stretch!important;flex-wrap:nowrap!important;
  overflow:hidden!important;box-sizing:border-box!important;
  z-index:160!important
 }
 #mobileNav.mobile-nav>button{
  width:100%!important;min-width:0!important;max-width:100%!important;
  margin:0!important;white-space:normal!important;overflow:hidden!important
 }
 #mobileNav.mobile-nav>button>span:last-child{
  display:block!important;max-width:100%!important;overflow:hidden!important;
  text-overflow:ellipsis!important;white-space:nowrap!important
 }
 #mobileMore.mobile-more-bg{width:100%!important;max-width:100%!important;overflow:hidden!important}
 #mobileMore .mobile-more-sheet{width:100%!important;max-width:100%!important;box-sizing:border-box!important;max-height:min(78dvh,720px)!important}
 .footer,.footer-grid,.container,.section,.modal-bg,.modal{max-width:100%!important;box-sizing:border-box!important}
 .footer-grid>*{min-width:0!important}
 .table{max-width:100%}
 .pp-settings-tabs{display:flex!important;gap:7px!important;margin:0 0 12px!important;padding:2px 0 7px!important}
 .pp-settings-tabs button{flex:0 0 auto!important;min-height:44px!important;padding:9px 12px!important}
 .pp-v275-mobile-cards{display:grid;gap:10px}
 .pp-v275-desktop-table{display:none}
 .pp-v275-form-grid{grid-template-columns:1fr}
 .pp-v275-form-grid .span2{grid-column:auto}
 .pp-v275-manage-card .toolbar{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
 .pp-v275-manage-card .toolbar .btn{flex:1 1 120px!important}
 #pp-v260-service-modal,#pp-v260-service-modal>section,#ppV263Body{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow-x:hidden!important}
 #ppV263Body>div{max-width:100%!important;min-width:0!important}
}
@media(max-width:380px){
 #mobileNav.mobile-nav{left:5px!important;right:5px!important;padding:5px!important;gap:2px!important}
 #mobileNav.mobile-nav>button{padding-left:2px!important;padding-right:2px!important}
 #mobileNav .v114-nav-icon{width:20px!important;height:20px!important}
 #mobileNav .v114-nav-icon svg{width:19px!important;height:19px!important}
}
@media(max-width:900px){#workspace .grid2,#workspace .metrics{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}#workspace .table-wrap,#workspace .calendar-wrap,#workspace .calendar-container,#workspace .map-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}#workspace img,#public img{max-width:100%;height:auto}.modal,[role=dialog]{max-width:calc(100vw - 16px);box-sizing:border-box}}