/* ═══════════════════════════════════════════════════════════════════════════════════════════════════════
   Rafinex360 1.66.0 — version iPad (iPad Pro 11" et 13", iPadOS 26/27), installée depuis Safari
   (Partager › « Sur l'écran d'accueil ») : plein écran, Liquid Glass (css/glass.css), mêmes pages et mêmes calculs.
   Tailles CSS : 11" 834×1194 / 834×1210 ; 12,9" 1024×1366 ; 13" 1032×1376 (portrait), inversées en paysage.
   html.rx-ios / html.rx-ipad sont posés par js/look.js. Purement visuel.
   ═══════════════════════════════════════════════════════════════════════════════════════════════════════ */

/* ───────────── iOS : comportements natifs ───────────── */
/* Safari agrandit la page quand un champ fait moins de 16 px : saisie à 16 px sur iPhone et iPad */
html.rx-ios .app input:not([type=checkbox]):not([type=radio]):not([type=range]),
html.rx-ios .app select,html.rx-ios .app textarea{font-size:16px!important}
html.rx-ios{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html.rx-ios body{-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}
html.rx-ios .app .tabbar,html.rx-ios .app .appbar,html.rx-ios .app .btn{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
/* encoche et coins arrondis de l'écran (application plein écran, barre d'état translucide) */
html.rx-ios .app .appbar{padding-left:calc(16px + env(safe-area-inset-left,0px));padding-right:calc(16px + env(safe-area-inset-right,0px))}

/* ───────────── iPad portrait 11" (768–1023 px) : barre d'onglets flottante sans défilement ───────────── */
@media (min-width:768px) and (max-width:1023px) and (min-height:900px){
  html .app{max-width:none}
  html .app .tabbar{left:50%!important;right:auto!important;transform:translateX(-50%);width:min(760px,calc(100% - 32px));
    display:flex!important;justify-content:space-between;overflow:visible!important;-webkit-mask-image:none!important;mask-image:none!important}
  html.lg-min .app .tabbar{width:min(560px,calc(100% - 32px))}
  html .app .tabbar .tab{flex:1 1 0!important;min-width:0!important;font-size:10.5px!important}
  html .app .tabbar .tab[data-v="dash"]{position:relative!important;background:transparent!important;box-shadow:none!important}
  html .app .tabbar::after{display:none}
  html .app .content{padding-left:24px;padding-right:24px}
  html .app .view{max-width:780px;margin:0 auto;width:100%}
}

/* ───────────── iPad paysage et 13" : barre latérale façon iPadOS (icône + libellé) ───────────── */
@media (min-width:1180px){
  html .app{max-width:none!important;padding-left:calc(256px + env(safe-area-inset-left,0px))!important}
  html .app .tabbar{width:232px!important;display:flex!important;flex-direction:column;align-items:stretch;gap:2px!important;
    padding:14px 10px!important;overflow-y:auto;overscroll-behavior:contain}
  html .app .tabbar .tab{flex-direction:row!important;justify-content:flex-start;align-items:center;gap:12px!important;
    min-height:44px!important;padding:0 14px!important;font-size:15px!important;font-weight:600;letter-spacing:-.01em!important;text-align:left}
  html .app .tabbar .tab svg{width:21px;height:21px;flex:none}
  html .app .tabbar .tab .badge{position:static;margin-left:auto}
  html .app .tabbar .tab[data-v="dash"]{position:relative!important;background:transparent!important;box-shadow:none!important}
  /* titre de la barre latérale */
  html .app .tabbar::before{content:'Rafinex360';display:block;padding:4px 14px 10px;font-size:22px;font-weight:800;letter-spacing:-.03em;color:var(--text)}
  html .app .content{padding:22px 36px 40px!important}
  html .app .view{max-width:1120px;margin:0 auto;width:100%}
  html .app .kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
  html .app .pm-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
  html .app .mm-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
  html .hse-sos{right:28px;bottom:28px!important}
  /* survol au trackpad / Magic Keyboard */
  @media (hover:hover){
    html .app .tabbar .tab:hover:not(.active){background:var(--lg-fill)}
    html .app .card:hover{border-color:var(--lg-stroke-hi)}
  }
}
/* iPad 12,9" et 13" en paysage (≥ 1366 px) : un peu plus d'air */
@media (min-width:1366px){
  html .app .tabbar{width:248px!important}
  html .app{padding-left:calc(272px + env(safe-area-inset-left,0px))!important}
  html .app .view{max-width:1180px}
}
/* 12,9" / 13" en portrait (1024–1032 px) : rail d'icônes (glass.css) + contenu centré */
@media (min-width:1024px) and (max-width:1179px){
  html .app .view{max-width:900px;margin:0 auto;width:100%}
}

/* ───────────── Raccourcis clavier : aide discrète (⌘1…⌘9) ───────────── */
.rx-kbd-hint{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:90;padding:8px 14px;border-radius:14px;font-size:13px;
  background:var(--lg-glass-strong);backdrop-filter:var(--lg-blur);-webkit-backdrop-filter:var(--lg-blur);border:.5px solid var(--lg-stroke-hi);
  box-shadow:var(--lg-shadow-float);color:var(--text);pointer-events:none;animation:lgFade .2s ease both}