/* v3.12.85 – iPad/tablet tam uygulama yerleşimi ve iOS odak yakınlaştırma düzeltmesi */
@media (hover:none) and (pointer:coarse), (min-width:768px) and (max-width:1180px){
  html{-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important}
  input,select,textarea,button{font-size:16px!important}
  input,select,textarea{transform:none!important;zoom:1!important}
}

/* Tablet / iPad: oturum sonrası tüm uygulama */
@media (min-width:768px) and (max-width:1180px){
  :root{--tablet-gutter:clamp(18px,3vw,34px);--tablet-nav:84px}
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  body.host-authenticated{background:#f6f4fb!important}
  #app.app-shell.host-app{position:fixed!important;inset:0!important;width:100%!important;height:var(--pd-app-height,100dvh)!important;display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto minmax(0,1fr) var(--tablet-nav)!important;overflow:hidden!important;padding:0!important}
  .host-sidebar{display:none!important}
  .host-main{min-width:0!important;width:100%!important;height:auto!important;display:contents!important}
  .host-topbar{position:relative!important;inset:auto!important;width:100%!important;min-height:72px!important;height:auto!important;margin:0!important;padding:calc(10px + env(safe-area-inset-top)) var(--tablet-gutter) 10px!important;border-radius:0!important;border:0!important;border-bottom:1px solid #e7e1f4!important;background:rgba(255,255,255,.96)!important;box-shadow:0 6px 22px rgba(54,35,111,.07)!important;z-index:30!important;display:flex!important;align-items:center!important;gap:12px!important;backdrop-filter:blur(16px)!important}
  .host-topbar>*{min-width:0!important}
  .host-content,#view.view.host-content{grid-row:2!important;width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;margin:0!important;padding:20px var(--tablet-gutter) 28px!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;scroll-padding-bottom:30px!important}
  .view,.host-content>.view{width:100%!important;max-width:100%!important;margin:0 auto!important}
  .bottom-nav{grid-row:3!important;position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;height:var(--tablet-nav)!important;min-height:var(--tablet-nav)!important;margin:0!important;padding:7px max(14px,env(safe-area-inset-left)) calc(7px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-right))!important;border:0!important;border-top:1px solid #e5dff2!important;border-radius:0!important;background:rgba(255,255,255,.98)!important;box-shadow:0 -8px 28px rgba(49,30,103,.08)!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;z-index:40!important;backdrop-filter:blur(18px)!important}
  .bottom-nav[hidden]{display:none!important}
  .bottom-nav button{height:64px!important;min-height:64px!important;padding:7px 5px!important;border-radius:14px!important;gap:3px!important}
  .bottom-nav button>span{width:31px!important;height:31px!important;min-height:31px!important}
  .bottom-nav button svg,.bottom-nav .nav-icon{width:27px!important;height:27px!important;max-width:27px!important;max-height:27px!important}
  .bottom-nav button em{font-size:11px!important;line-height:1.15!important;font-weight:650!important}
  .card{padding:clamp(18px,2.5vw,28px)!important;border-radius:20px!important}
  .grid.two,.host-grid.two,.form-grid,.settings-grid,.central-kpis,.sync-summary-grid,.notification-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
  .grid.three,.host-kpis,.dashboard-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
  .action-grid,.simple-actions,.simple-pay-buttons,.host-field-actions,.fuel-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .field.full,.full,.wide{grid-column:1/-1!important}
  .report-table-wrap,.table-wrap,.data-table-wrap{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
  table{min-width:680px!important}
  .modal,.dialog,.sheet,.host-modal,.business-modal{max-width:calc(100vw - 48px)!important}
  .modal-card,.dialog-card,.sheet-card,.host-modal-card,.business-modal-card{width:min(860px,calc(100vw - 48px))!important;max-height:calc(var(--pd-app-height,100dvh) - 48px)!important;overflow:auto!important}
  .toast{left:50%!important;right:auto!important;bottom:calc(var(--tablet-nav) + 18px)!important;transform:translateX(-50%)!important;width:min(560px,calc(100vw - 48px))!important;max-width:none!important}
}

/* iPad/tablet dikey: içerik rahat, tek sütuna yalnız dar bileşenler iner */
@media (min-width:768px) and (max-width:900px) and (orientation:portrait){
  :root{--tablet-gutter:22px;--tablet-nav:86px}
  .host-content,#view.view.host-content{padding-top:18px!important}
  .host-kpis,.dashboard-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .form-grid.compact,.manual-notification-compose{grid-template-columns:1fr!important}
  .action-grid,.simple-actions,.simple-pay-buttons{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Tablet yatay: daha geniş çalışma alanı */
@media (min-width:901px) and (max-width:1180px) and (orientation:landscape){
  :root{--tablet-gutter:30px;--tablet-nav:82px}
  .host-content>.view,#view.view{max-width:1120px!important}
  .host-kpis,.dashboard-grid,.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .grid.three{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* Giriş ekranında iOS odak yakınlaştırmasını kesin engelle */
@media (min-width:768px) and (max-width:1180px){
  .secure-login-card input,.secure-login-card select,.secure-login-card textarea,
  .login-card input,.login-card select,.login-card textarea,
  .business-request-card input,.business-request-card select,.business-request-card textarea{font-size:16px!important;line-height:1.35!important;min-height:50px!important}
  .secure-login-panel{overflow:hidden!important}
  .secure-login-card{overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important}
}
