/* CRM Stefan Security Mobile v0.1 — optimizare iPhone/iPad */
:root{
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
}
html,body{min-height:100%;overscroll-behavior-y:none}
body.iosApp{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
body.iosApp input,body.iosApp select,body.iosApp textarea,body.iosApp button{font-size:16px}
body.iosApp button,body.iosApp .smallBtn{touch-action:manipulation}

@media(max-width:900px){
  body.iosApp{background:#f4f6fa}
  body.iosApp .app{display:block;min-height:100dvh}
  body.iosApp aside{
    position:fixed;z-index:950;left:0;right:0;bottom:0;top:auto;
    width:100%;height:auto;min-height:64px;flex-basis:auto;
    padding:7px max(8px,var(--safe-right)) calc(7px + var(--safe-bottom)) max(8px,var(--safe-left));
    background:rgba(23,32,51,.98);box-shadow:0 -8px 28px rgba(15,23,42,.18);
  }
  body.iosApp aside .brand{display:none}
  body.iosApp aside nav{display:flex;gap:5px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding:0 1px}
  body.iosApp aside nav::-webkit-scrollbar{display:none}
  body.iosApp aside nav button{
    flex:0 0 auto;width:auto;min-width:66px;min-height:49px;margin:0;padding:7px 9px;
    display:flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;
    border-radius:11px;font-size:11px;line-height:1.2;font-weight:700;
  }
  body.iosApp main{
    width:100%;padding:calc(var(--safe-top) + 13px) max(12px,var(--safe-right)) calc(86px + var(--safe-bottom)) max(12px,var(--safe-left));
  }
  body.iosApp header{display:block;margin-bottom:14px}
  body.iosApp header h1{font-size:23px;line-height:1.15}
  body.iosApp header p{display:none}
  body.iosApp .globalSearchWrap{width:100%;max-width:none;margin-top:11px}
  body.iosApp #globalSearch{min-height:44px;border-radius:12px}
  body.iosApp .viewAsWrap{margin-top:9px}
  body.iosApp .cards{grid-template-columns:1fr 1fr;gap:10px}
  body.iosApp .card,body.iosApp .panel{padding:14px;border-radius:13px}
  body.iosApp .num{font-size:25px}
  body.iosApp .toolbar{align-items:stretch;flex-direction:column;gap:8px}
  body.iosApp .toolbar>*{width:100%;max-width:none}
  body.iosApp .toolbar .primary,body.iosApp .toolbar button{min-height:44px}
  body.iosApp .form{display:block}
  body.iosApp .field{margin-bottom:13px}
  body.iosApp .field.full{grid-column:auto}
  body.iosApp .field input,body.iosApp .field select,body.iosApp .field textarea{min-height:44px;border-radius:10px}
  body.iosApp .field textarea{min-height:100px}
  body.iosApp .panel{overflow-x:auto;-webkit-overflow-scrolling:touch}
  body.iosApp table{min-width:680px}
  body.iosApp .modalish{width:calc(100vw - 18px);max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - 20px);border-radius:15px}
  body.iosApp .modalActions{position:sticky;bottom:0;background:#fff;padding:10px 0 calc(4px + var(--safe-bottom));z-index:3}
  body.iosApp .maintenanceDetailPage,body.iosApp .maintenanceEditPage,
  body.iosApp .siteEditPage,body.iosApp .auditDetailPage{padding:calc(var(--safe-top) + 10px) 12px calc(78px + var(--safe-bottom))}
  body.iosApp .maintenanceOverlayClose{top:calc(var(--safe-top) + 8px);right:10px}
  body.iosApp .signaturePad canvas,body.iosApp canvas{max-width:100%;touch-action:none}
  body.iosApp .uploadBox,body.iosApp .mediaUploadBox{padding:12px}
  body.iosApp input[type="file"]{max-width:100%;min-height:44px}

  body.iosApp.loginMode aside,body.iosApp.loginMode header{display:none!important}
  body.iosApp.loginMode main{padding:0!important}
  body.iosApp.loginMode .webLoginScreen{min-height:100dvh;padding:calc(var(--safe-top) + 24px) 16px calc(var(--safe-bottom) + 24px)}
  body.iosApp.loginMode .webLoginCard{width:100%;max-width:430px;padding:26px 22px}
}

@media(max-width:430px){
  body.iosApp .cards{grid-template-columns:1fr}
  body.iosApp aside nav button{min-width:62px;padding-left:7px;padding-right:7px}
}