/* Casherra mobile / installed-app polish. Link AFTER style.css */
html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
body{overscroll-behavior-y:none}
button,.btn,.tile,.nav a{touch-action:manipulation}

/* notches and home-indicator bars (needs viewport-fit=cover in the viewport meta tag) */
#header{padding-top:env(safe-area-inset-top,0px);padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px));height:calc(68px + env(safe-area-inset-top,0px))}
.app{grid-template-rows:calc(68px + env(safe-area-inset-top,0px)) 1fr}
#view{padding-bottom:calc(30px + env(safe-area-inset-bottom,0px))}
.toast{bottom:calc(24px + env(safe-area-inset-bottom,0px))}
.sub-chip{bottom:calc(16px + env(safe-area-inset-bottom,0px))}

@media(max-width:900px){
  #sidebar{top:calc(68px + env(safe-area-inset-top,0px));padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))}
  /* 16px inputs stop iPhone Safari zooming in when you tap a field */
  .inp,select.inp,input,select,textarea{font-size:16px}
  .ic,.burger{width:44px;height:44px}
  .nav a{padding:12px}
  .qty button{width:34px;height:34px}
  .modal-bg{padding:8px;align-items:end}
  .modal{max-width:100%;max-height:92vh;border-radius:18px 18px 0 0;padding:22px 18px calc(22px + env(safe-area-inset-bottom,0px))}
  .acts{position:sticky;bottom:-22px;background:var(--card);padding-top:12px}
  .tools .inp{max-width:100%}
  .tiles{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}
  .cart{position:static}
  .top h1{font-size:24px}
}
@media(max-width:480px){.kpis{grid-template-columns:1fr 1fr}.kpi .v{font-size:26px}}
@media print{.pwa-pill,.sub-chip,#sidebar,#header{display:none!important}}