/* BoredAviator 2026.10.04.1 — iPad split (ForeFlight) + iPhone section sheet.
   iPhone grid stays. Sections never expand inside the grid. */

/* ---- Section tiles: full name, small pill instead of a 1/3 MAIN/QRH slab ---- */
.ba-fold-row{align-items:stretch;}
.ba-fold .ba-name{
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  line-height:1.2;
  min-width:0;
}
.ba-side,.ba-pill{
  flex:0 0 auto !important;
  width:auto !important;
  min-width:0 !important;
  max-width:64px;
  align-self:center;
  margin:0 8px 0 0;
  padding:3px 7px !important;
  min-height:22px;
  border-radius:999px !important;
  font-size:10px !important;
  letter-spacing:.06em !important;
  line-height:1.1;
  text-align:center;
  background:transparent !important;
  box-shadow:none !important;
  text-shadow:none !important;
  border:1px solid currentColor !important;
}
.mode-normal .ba-fold{box-shadow:inset 3px 0 0 var(--ba-normal,#00e8c0);}
.mode-qrh .ba-fold{box-shadow:inset 3px 0 0 #E10600;}
.mode-extra .ba-fold{box-shadow:inset 3px 0 0 #3ecbff;}
.mode-normal .ba-side,.mode-normal .ba-pill{color:#00e8c0 !important;border-color:#00e8c0 !important;}
.mode-qrh .ba-side,.mode-qrh .ba-pill{color:#ff8a80 !important;border-color:#E10600 !important;}
.mode-extra .ba-side,.mode-extra .ba-pill{color:#3ecbff !important;border-color:#3ecbff !important;}

/* A section must never open inside the grid (grey empty tile + overlap). */
.ba-block.open{grid-column:auto !important;}
.ba-block.open .ba-kids,
.ba-block .ba-kids{display:none !important;}
.ba-block.is-on .ba-fold-row{
  outline:2px solid var(--ba-normal,#00e8c0);
  outline-offset:-2px;
}
.mode-qrh .ba-block.is-on .ba-fold-row{outline-color:#E10600;}
.mode-extra .ba-block.is-on .ba-fold-row{outline-color:#3ecbff;}

/* Chapter bar: useful, left-aligned (was an empty-looking green strip). */
.home-chapter-bar,.extra-chapter-bar{
  justify-content:space-between !important;
  gap:10px;
  min-height:36px;
}
.home-chapter-bar .bar-meta{
  font-size:12px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:none;
  opacity:.9;
}

/* Subsection rows: full width, page number vertically centered on the right. */
.ba-detail,.ba-sec-body{width:100%;}
.ba-detail .ba-row,.ba-sec-body .ba-row,.ba-kids .ba-row{
  display:flex;
  align-items:center;
  width:100%;
  box-sizing:border-box;
  min-height:48px;
  gap:10px;
}
.ba-pg{
  margin-left:auto;
  align-self:center;
  flex:0 0 auto;
  font-size:15px;
  font-weight:800;
  font-variant-numeric:tabular-nums;
  line-height:1;
  min-width:2.6em;
  text-align:right;
}
.ba-row .ba-name{flex:1 1 auto;min-width:0;}
.ba-detail .ba-grp,.ba-sec-body .ba-grp{width:100%;}

/* + never covers the last row */
.ba-wrap{padding-bottom:calc(168px + env(safe-area-inset-bottom,0px)) !important;}
.ba-list{padding-bottom:calc(168px + env(safe-area-inset-bottom,0px));}
.plus-btn{
  bottom:calc(6px + env(safe-area-inset-bottom,0px));
  width:52px;height:52px;line-height:48px;font-size:32px;
  z-index:70;
}
.bottom-nav{z-index:65;}

/* iPhone section page */
.ba-sec-sheet{
  position:fixed;inset:0;z-index:88;background:#000;color:#fff;
  display:flex;flex-direction:column;
  padding-top:env(safe-area-inset-top,0px);
  padding-left:env(safe-area-inset-left,0px);
  padding-right:env(safe-area-inset-right,0px);
}
.ba-sec-sheet[hidden]{display:none !important;}
.ba-sec-hd{
  display:flex;align-items:center;gap:8px;
  min-height:52px;padding:6px 10px;
  border-bottom:1px solid #2a2a2a;
  background:#0a0a0a;
}
.ba-sec-back{
  min-width:44px;min-height:44px;border:0;border-radius:12px;
  background:#1c1c1e;color:#fff;font-size:28px;line-height:1;
  font-family:"D-DIN","Arial Narrow",Arial,sans-serif;
}
.ba-sec-hd h2{
  flex:1;min-width:0;margin:0;
  font-size:18px;line-height:1.2;font-weight:800;
}
.ba-sec-hd .ba-pill{margin:0;}
.ba-sec-body{
  flex:1;overflow:auto;
  padding:12px 16px calc(24px + env(safe-area-inset-bottom,0px));
  display:flex;flex-direction:column;gap:8px;
}
.ba-sec-body .ba-row{background:#141414;border-radius:12px;padding:12px 14px;text-decoration:none;color:#fff;}
.ba-sec-body .ba-grp{margin-top:8px;}

/* iPad split — width >= 768 */
@media (min-width:768px){
  html.ba-split-on, html.ba-split-on body{height:100%;}
  html.ba-split-on #wrap.ba-wrap{
    height:100dvh;
    max-width:none !important;
    width:100%;
    margin:0;
    padding-left:0 !important;
    padding-right:0 !important;
    padding-bottom:0 !important;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    box-sizing:border-box;
  }
  html.ba-split-on .ba-top{
    display:flex !important;
    flex-direction:row;
    align-items:center;
    gap:12px;
    padding:calc(env(safe-area-inset-top,0px) + 6px) 16px 4px !important;
  }
  html.ba-split-on .ba-brand{width:auto;flex:1;min-width:0;}
  html.ba-split-on .ba-mark{display:flex;align-items:baseline;gap:10px;flex-wrap:nowrap;min-width:0;}
  html.ba-split-on .ba-word{font-size:22px !important;letter-spacing:.06em;}
  html.ba-split-on .ba-tagline,.ba-split-on .ba-sub{display:none;}
  html.ba-split-on .ba-quote{
    display:block;
    flex:1;min-width:0;
    font-size:12px;line-height:1.2;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    border:0;padding:0;margin:0;color:#8eb8c8;
  }
  html.ba-split-on .ba-tools{width:auto;flex:0 0 auto;}
  html.ba-split-on .ba-tabs{margin:0;min-height:44px;}
  html.ba-split-on .ba-tab{min-height:44px;}
  html.ba-split-on .hint{padding:2px 16px 4px;margin:0;font-size:12px;}
  html.ba-split-on #quickRow{
    display:grid !important;
    grid-template-columns:repeat(7,minmax(0,1fr)) !important;
    grid-auto-rows:48px;
    gap:8px !important;
    max-width:none !important;
    padding:4px 16px 8px !important;
    margin:0 !important;
  }
  html.ba-split-on #quickRow .quick-split{display:contents;}
  html.ba-split-on #quickRow .quick-tile,
  html.ba-split-on #quickRow .quick-split a{
    grid-column:auto !important;
    min-height:44px;
    height:100%;
    font-size:13px;
    padding:6px 6px;
    white-space:normal;
  }
  html.ba-split-on #quickRow .quick-tile.sim{grid-column:auto !important;}
  html.ba-split-on #baHubRow{
    max-width:none !important;
    padding:0 16px 8px !important;
    margin:0 !important;
    gap:8px;
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  html.ba-split-on #baHubRow a.ba-hub{
    min-height:52px !important;
    padding:6px 8px !important;
    border-radius:12px;
  }
  html.ba-split-on #baHubRow .h-t{font-size:15px !important;letter-spacing:.04em;}
  html.ba-split-on #baHubRow a.snx .h-t{font-size:16px !important;}
  html.ba-split-on #baHubRow .h-s{font-size:11px !important;margin-top:2px;}

  html.ba-split-on #baDocs{
    flex:1;min-height:0;
    display:flex;
    align-items:stretch;
    padding:0 8px 0 0;
  }
  html.ba-split-on #baDocs > .ba-list{
    flex:0 0 320px;
    width:320px;
    max-width:320px !important;
    margin:0 !important;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    display:flex !important;
    flex-direction:column;
    gap:8px;
    padding:6px 8px calc(140px + env(safe-area-inset-bottom,0px)) 12px !important;
    box-sizing:border-box;
  }
  html.ba-split-on #baDocs > .ba-list[hidden]{display:none !important;}
  html.ba-split-on #baDocs > .ba-list > .ba-block{margin:0;}
  html.ba-split-on #baDocs > .ba-list > .home-chapter-bar,
  html.ba-split-on #baDocs > .ba-list > .extra-chapter-bar,
  html.ba-split-on #baDocs > .ba-list > .extra-tools,
  html.ba-split-on #baDocs > .ba-list > .ba-amdt-toc-wrap{flex:0 0 auto;}
  html.ba-split-on .ba-fold-row{min-height:48px;height:auto;}
  html.ba-split-on .ba-fold{min-height:48px;}
  html.ba-split-on #baSplitMain{
    flex:1;min-width:0;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    border-left:1px solid rgba(255,255,255,.1);
    padding:10px 18px calc(156px + env(safe-area-inset-bottom,0px)) 16px;
    box-sizing:border-box;
  }
  html.ba-split-on #baSplitMain[hidden]{display:none !important;}
  html.ba-split-on .ba-detail-hd{
    display:flex;align-items:center;gap:10px;
    min-height:48px;margin:0 0 10px;
  }
  html.ba-split-on .ba-detail-hd h2{margin:0;font-size:22px;line-height:1.2;flex:1;}
  html.ba-split-on .ba-detail{display:flex;flex-direction:column;gap:8px;width:100%;}
  html.ba-split-on .ba-detail .ba-row{
    background:#141414;border-radius:12px;padding:12px 14px;
    text-decoration:none;color:#fff;border-left:3px solid var(--sec,#555);
  }
  html.ba-split-on .ba-empty{
    color:#8e8e93;padding:28px 8px;font-size:16px;
  }
}

/* iPad portrait, split off (Slide Over / fallback): 2 columns max, names wrap */
@media (min-width:768px) and (max-width:1023px){
  html.ba-ipad:not(.ba-split-on) #panelNormal:not([hidden]),
  html.ba-ipad:not(.ba-split-on) #panelQrh:not([hidden]){
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  html.ba-ipad:not(.ba-split-on) #panelQrh > .ba-block[data-n="01"]{grid-column:auto !important;}
}

/* QRH section index pages (Miscellaneous etc.) — full width, number centered on the row */
a.cl,.cl{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between;
  width:100%;
  box-sizing:border-box;
  min-height:48px;
  gap:12px;
  padding:12px 2px;
}
.cl .t{flex:1 1 auto;min-width:0;line-height:1.3;}
.cl .p{
  flex:0 0 auto;
  align-self:center !important;
  margin-left:auto;
  font-size:16px !important;
  font-weight:800;
  line-height:1;
  min-width:2.8em;
  text-align:right;
}
.cl .p:empty{display:none !important;}
@media (min-width:768px){
  html.ba-ipad .content-area:has(a.cl),
  html.ba-ipad .content-area:has(.cl){
    max-width:none !important;
    width:100%;
    padding-left:max(20px, env(safe-area-inset-left));
    padding-right:max(20px, env(safe-area-inset-right));
    box-sizing:border-box;
  }
}

/* Beat device.css 3-column grid when the split is on (real iPad has html.ba-ipad). */
html.ba-split-on #panelNormal:not([hidden]),
html.ba-split-on #panelQrh:not([hidden]),
html.ba-split-on #panelExtra:not([hidden]),
html.ba-ipad.ba-split-on #panelNormal:not([hidden]),
html.ba-ipad.ba-split-on #panelQrh:not([hidden]),
html.ba-ipad.ba-split-on #panelExtra:not([hidden]){
  display:flex !important;
  flex-direction:column !important;
  grid-template-columns:none !important;
  width:320px !important;
  max-width:320px !important;
  flex:0 0 320px !important;
}
html.ba-split-on #panelNormal[hidden],
html.ba-split-on #panelQrh[hidden],
html.ba-split-on #panelExtra[hidden]{
  display:none !important;
}

/* ===== 2026.10.04.2 — cockpit polish. Beats the inline <style> in index.html. ===== */

/* + lives in the nav notch, never over a row */
html.ba-split-on #wrap.ba-wrap{
  padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px)) !important;
  box-sizing: border-box;
}

a.plus-btn{
  bottom: calc(8px + env(safe-area-inset-bottom, 0px)) !important;
  width: 46px !important;
  height: 46px !important;
  line-height: 42px !important;
  font-size: 30px !important;
  z-index: 130 !important;
  box-shadow: 0 4px 14px rgba(225,6,0,.45) !important;
}
html.ba-split-on #baDocs > .ba-list,
html.ba-split-on #baSplitMain{
  padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px)) !important;
}

@media (min-width: 768px){
  html.ba-split-on .ba-quote{display:none !important;}
  html.ba-split-on .ba-top{
    padding: calc(env(safe-area-inset-top, 0px) + 8px) 20px 6px !important;
    border-bottom: 1px solid rgba(255,255,255,.06);
  }
  html.ba-split-on .ba-word{
    font-size: 20px !important;
    letter-spacing: .12em !important;
  }
  html.ba-split-on .ba-mark{border-left-width: 3px;}
  html.ba-split-on .hint{
    text-align: center;
    letter-spacing: .04em;
    color: #8e8e93;
    padding: 6px 16px 2px !important;
  }

  /* One even row of tools — same chrome, no bare text */
  html.ba-split-on #quickRow{
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    grid-auto-rows: 46px !important;
    gap: 8px !important;
    padding: 8px 16px 8px !important;
  }
  html.ba-split-on #quickRow .quick-split{display: contents !important;}
  html.ba-split-on #quickRow a,
  html.ba-split-on #quickRow .quick-tile,
  html.ba-split-on #quickRow .quick-split a{
    background: #121416 !important;
    border: 1px solid #2c3136 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    color: #eee !important;
    min-height: 44px !important;
    height: 46px !important;
    padding: 4px 6px !important;
    font-size: 12px !important;
    font-weight: 750;
    letter-spacing: .02em;
    display: flex !important;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    grid-column: auto !important;
    white-space: normal !important;
    line-height: 1.15;
  }
  html.ba-split-on #quickRow a.eag{border-color: #E10600 !important; color: #fff !important;}
  html.ba-split-on #quickRow a.mel{border-color: #7B6CFF !important;}
  html.ba-split-on #quickRow a.hi{border-color: #E10600 !important;}
  html.ba-split-on #quickRow a.ias{border-color: #E10600 !important;}
  html.ba-split-on #quickRow a.ice{border-color: #4aa8a4 !important; color: #d7f4f2 !important;}
  html.ba-split-on #quickRow a.cold{border-color: #3ecbff !important; color: #d6f4ff !important;}
  html.ba-split-on #quickRow a.sim{border-color: #666 !important;}

  html.ba-split-on #baHubRow{
    padding: 4px 16px 10px !important;
    gap: 8px !important;
  }
  html.ba-split-on #baHubRow a.ba-hub{
    min-height: 48px !important;
    padding: 6px 8px !important;
    border-radius: 10px !important;
    box-shadow: none !important;
  }
  html.ba-split-on #baHubRow .h-t{font-size: 13px !important; letter-spacing: .08em !important;}
  html.ba-split-on #baHubRow a.snx .h-t{font-size: 14px !important;}
  html.ba-split-on #baHubRow .h-s{font-size: 11px !important; opacity: .8;}

  /* Sidebar: document list, pill only in the detail header */
  html.ba-split-on #panelNormal:not([hidden]),
  html.ba-split-on #panelQrh:not([hidden]),
  html.ba-split-on #panelExtra:not([hidden]),
  html.ba-ipad.ba-split-on #panelNormal:not([hidden]),
  html.ba-ipad.ba-split-on #panelQrh:not([hidden]),
  html.ba-ipad.ba-split-on #panelExtra:not([hidden]){
    width: 300px !important;
    max-width: 300px !important;
    flex: 0 0 300px !important;
    background: #070809;
    border-right: 1px solid rgba(255,255,255,.08);
    padding: 8px 8px calc(84px + env(safe-area-inset-bottom, 0px)) 10px !important;
    gap: 4px !important;
  }
  html.ba-split-on .ba-list .ba-pill,
  html.ba-split-on .ba-list .ba-side{display: none !important;}
  html.ba-split-on .home-chapter-bar,
  html.ba-split-on .extra-chapter-bar{
    margin: 0 0 6px !important;
    min-height: 32px;
    padding: 6px 8px !important;
    border-radius: 8px;
    font-size: 11px !important;
  }
  html.ba-split-on .ba-fold-row{
    background: transparent !important;
    border-radius: 8px !important;
    min-height: 44px !important;
    box-shadow: none !important;
  }
  html.ba-split-on .ba-fold{
    min-height: 44px !important;
    padding: 8px 10px !important;
    background: transparent !important;
    box-shadow: inset 3px 0 0 transparent !important;
  }
  html.ba-split-on .mode-normal .ba-fold,
  html.ba-split-on.mode-normal .ba-fold{box-shadow: none !important;}
  html.ba-split-on .ba-fold .ba-name{
    font-size: 15px !important;
    font-weight: 650;
    letter-spacing: .01em;
  }
  html.ba-split-on .ba-num{width: 22px; flex-basis: 22px; font-size: 13px;}
  html.ba-split-on .ba-block.is-on .ba-fold-row{
    outline: none !important;
    background: rgba(0,232,192,.10) !important;
  }
  html.ba-split-on .mode-qrh .ba-block.is-on .ba-fold-row{
    background: rgba(225,6,0,.12) !important;
    outline: none !important;
  }
  html.ba-split-on .ba-block.is-on .ba-name{color: #fff;}

  html.ba-split-on #baSplitMain{
    padding: 14px 22px calc(88px + env(safe-area-inset-bottom, 0px)) 20px !important;
    background: #000;
  }
  html.ba-split-on .ba-detail-hd{
    border-bottom: 1px solid rgba(255,255,255,.08);
    padding-bottom: 8px;
    margin-bottom: 12px !important;
  }
  html.ba-split-on .ba-detail-hd h2{
    font-size: 22px !important;
    letter-spacing: .01em;
    font-weight: 750;
  }
  html.ba-split-on .ba-detail{gap: 6px !important;}
  html.ba-split-on .ba-detail .ba-row{
    min-height: 48px !important;
    border-radius: 10px !important;
    border: 1px solid #222 !important;
    border-left-width: 3px !important;
    background: #121416 !important;
    padding: 10px 14px !important;
  }
  html.ba-split-on .ba-detail .ba-pg{
    font-size: 14px !important;
    color: #ff8a80;
    min-width: 3em;
  }
  html.ba-split-on .ba-tabs{padding: 6px 16px 0;}
  html.ba-split-on .ba-tab{min-height: 40px; font-size: 13px; letter-spacing: .08em;}
}


/* 2026.10.04.3 — la liste est le premier geste. Le chrome se tait. */
@media (min-width: 768px){
  html.ba-split-on .hint{display:none !important;}
  html.ba-split-on .ba-top{padding: calc(env(safe-area-inset-top,0px) + 4px) 16px 2px !important;}
  html.ba-split-on #quickRow{
    grid-auto-rows: 40px !important;
    padding: 4px 12px 4px !important;
    gap: 6px !important;
  }
  html.ba-split-on #quickRow a,
  html.ba-split-on #quickRow .quick-tile,
  html.ba-split-on #quickRow .quick-split a{
    height: 40px !important;
    min-height: 40px !important;
    font-size: 11.5px !important;
  }
  html.ba-split-on #baHubRow{padding: 2px 12px 6px !important; gap: 6px !important;}
  html.ba-split-on #baHubRow a.ba-hub{min-height: 40px !important; padding: 4px 8px !important;}
  html.ba-split-on #baHubRow .h-s{display:none !important;}
  html.ba-split-on #baHubRow .h-t{font-size: 12px !important;}
  html.ba-split-on #baFind{
    display: block;
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 0 0 6px;
    min-height: 40px;
    border-radius: 8px;
    border: 1px solid #2c3136;
    background: #101214;
    color: #fff;
    font: 15px/1.2 "D-DIN","Arial Narrow",Arial,sans-serif;
    padding: 8px 10px;
  }
  html.ba-split-on #baFind::placeholder{color:#777;}
}

/* 2026.10.04.5 — le haut d'avant : marque, citation, tuiles colorées. La liste reste à gauche. */
@media (min-width: 768px){
  html.ba-split-on .ba-quote,
  html.ba-split-on .ba-tagline,
  html.ba-split-on .ba-sub,
  html.ba-split-on .hint,
  html.ba-split-on #baHubRow .h-s{
    display: block !important;
  }
  html.ba-split-on .ba-top{
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto;
    align-items: end;
    gap: 12px 20px;
    padding: calc(env(safe-area-inset-top, 0px) + 10px) 20px 8px !important;
    border-bottom: 0 !important;
  }
  html.ba-split-on .ba-brand{width: auto; flex: 1;}
  html.ba-split-on .ba-mark{
    display: block !important;
    border-left: 3px solid #E10600;
    padding-left: 12px;
  }
  html.ba-split-on .ba-word{font-size: 32px !important; letter-spacing: .08em !important;}
  html.ba-split-on .ba-tagline{
    font-size: 13px;
    letter-spacing: .28em;
    color: #fff;
    margin-top: 4px;
  }
  html.ba-split-on .ba-sub{font-size: 14px; letter-spacing: .12em; color: #ddd; margin-top: 2px;}
  html.ba-split-on .ba-quote{
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    font-size: 14px !important;
    line-height: 1.35;
    color: #8eb8c8 !important;
    border-left: 2px solid rgba(62,203,255,.35);
    padding-left: 10px;
    margin: 8px 0 0;
    max-width: 520px;
  }
  html.ba-split-on .ba-tools{width: auto;}
  html.ba-split-on .hint{text-align: left; padding: 4px 20px 8px !important;}

  html.ba-split-on #quickRow{
    display: flex !important;
    flex-wrap: wrap;
    gap: 8px !important;
    padding: 4px 16px 10px !important;
    grid-template-columns: none !important;
  }
  html.ba-split-on #quickRow .quick-split{display: flex !important; flex: 1 1 280px;}
  html.ba-split-on #quickRow .quick-tile,
  html.ba-split-on #quickRow .quick-split a{
    background: unset;
    height: auto !important;
    min-height: 48px !important;
    font-size: 15px !important;
    color: inherit;
    box-shadow: unset;
    border-color: inherit;
  }
  html.ba-split-on #baHubRow{padding: 0 16px 12px !important;}
  html.ba-split-on #baHubRow a.ba-hub{min-height: 64px !important; padding: 8px 10px !important;}
  html.ba-split-on #baHubRow .h-t{font-size: 16px !important;}
  html.ba-split-on #baHubRow a.snx .h-t{font-size: 18px !important;}
  html.ba-split-on #baHubRow .h-s{font-size: 12px !important; margin-top: 3px; opacity: 1;}
}

/* 2026.10.04.6 — 3 lignes, De-icing et Corr. séparés, même texte, plus d'air, glow d'avant. */
@media (min-width: 768px){
  html.ba-ipad #quickRow,
  html.ba-split-on #quickRow{
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-auto-rows: 58px !important;
    gap: 10px !important;
    padding: 6px 16px 12px !important;
    flex-wrap: unset !important;
  }
  html.ba-ipad #quickRow .quick-split,
  html.ba-split-on #quickRow .quick-split{
    display: contents !important;
  }
  html.ba-ipad #quickRow a,
  html.ba-split-on #quickRow a,
  html.ba-split-on #quickRow .quick-tile,
  html.ba-split-on #quickRow .quick-split a{
    grid-column: auto !important;
    min-height: 58px !important;
    height: 58px !important;
    padding: 8px 12px !important;
    font-size: 16px !important;
    font-weight: 750 !important;
    letter-spacing: .02em !important;
    line-height: 1.15 !important;
    white-space: normal !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 14px !important;
    border-width: 1.5px !important;
    border-style: solid !important;
    background: linear-gradient(180deg, #14181c 0%, #0c0e10 100%) !important;
    color: #fff !important;
    text-decoration: none !important;
  }
  html.ba-ipad #quickRow a.sim,
  html.ba-split-on #quickRow a.sim,
  html.ba-split-on #quickRow .quick-tile.sim{
    grid-column: 1 / -1 !important;
  }
  html.ba-ipad #quickRow a.eag,
  html.ba-split-on #quickRow a.eag{
    border-color: #E10600 !important;
    box-shadow: 0 0 12px rgba(225,6,0,.55), inset 0 0 10px rgba(225,6,0,.12) !important;
  }
  html.ba-ipad #quickRow a.mel,
  html.ba-split-on #quickRow a.mel{
    border-color: #b06cff !important;
    box-shadow: 0 0 12px rgba(176,108,255,.6), inset 0 0 10px rgba(176,108,255,.14) !important;
  }
  html.ba-ipad #quickRow a.hi,
  html.ba-split-on #quickRow a.hi{
    border-color: #ff4d6a !important;
    box-shadow: 0 0 12px rgba(255,77,106,.5), inset 0 0 10px rgba(255,77,106,.12) !important;
  }
  html.ba-ipad #quickRow a.ias,
  html.ba-split-on #quickRow a.ias{
    border-color: #E10600 !important;
    box-shadow: 0 0 12px rgba(225,6,0,.5), inset 0 0 10px rgba(225,6,0,.1) !important;
  }
  html.ba-ipad #quickRow a.ice,
  html.ba-split-on #quickRow a.ice{
    border-color: #3ecbff !important;
    color: #d7f6ff !important;
    box-shadow: 0 0 12px rgba(62,203,255,.45), inset 3px 0 0 #4aa8a4 !important;
  }
  html.ba-ipad #quickRow a.cold,
  html.ba-split-on #quickRow a.cold{
    border-color: #3ecbff !important;
    color: #d7f6ff !important;
    box-shadow: 0 0 12px rgba(62,203,255,.45), inset 3px 0 0 #3ecbff !important;
  }
  html.ba-ipad #quickRow a.sim,
  html.ba-split-on #quickRow a.sim{
    border-color: #666 !important;
    box-shadow: 0 0 8px rgba(255,255,255,.08) !important;
  }
}


/* 2026.10.04.7 — dernière rangée : SIM + Accidents + Maintenance + Snags. SIM à part. */
@media (min-width: 768px){
  html.ba-ipad #quickRow,
  html.ba-split-on #quickRow{
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  }
  html.ba-ipad #quickRow a,
  html.ba-split-on #quickRow a,
  html.ba-split-on #quickRow .quick-split a{
    grid-column: span 4 !important;
  }
  html.ba-ipad #quickRow a.sim,
  html.ba-split-on #quickRow a.sim,
  html.ba-split-on #quickRow .quick-tile.sim,
  html.ba-ipad #quickRow a.ba-hub,
  html.ba-split-on #quickRow a.ba-hub{
    grid-column: span 3 !important;
  }
  html.ba-split-on #baHubRow:empty,
  html.ba-ipad #baHubRow:not(:has(a)){
    display: none !important;
    padding: 0 !important;
    min-height: 0 !important;
  }
  html.ba-ipad #quickRow a.sim,
  html.ba-split-on #quickRow a.sim{
    border-color: #d6ff3c !important;
    color: #f4ffc8 !important;
    background: linear-gradient(180deg, #1c2410 0%, #10140c 100%) !important;
    box-shadow: 0 0 16px rgba(214,255,60,.45), inset 0 0 12px rgba(214,255,60,.12) !important;
  }
  html.ba-ipad #quickRow a.ba-hub,
  html.ba-split-on #quickRow a.ba-hub{
    min-height: 58px !important;
    height: 58px !important;
    border-radius: 14px !important;
    padding: 6px 8px !important;
  }
  html.ba-ipad #quickRow a.ba-hub .h-t,
  html.ba-split-on #quickRow a.ba-hub .h-t{
    font-size: 15px !important;
  }
  html.ba-ipad #quickRow a.ba-hub .h-s,
  html.ba-split-on #quickRow a.ba-hub .h-s{
    display: none !important;
  }
}
@media (min-width: 768px){
  html.ba-split-on #quickRow a.quick-tile.eag,
  html.ba-split-on #quickRow a.quick-tile.mel,
  html.ba-split-on #quickRow a.quick-tile.hi,
  html.ba-split-on #quickRow a.quick-tile.ias,
  html.ba-split-on #quickRow .quick-split a.ice,
  html.ba-split-on #quickRow .quick-split a.cold,
  html.ba-ipad #quickRow a.quick-tile.eag,
  html.ba-ipad #quickRow a.quick-tile.mel,
  html.ba-ipad #quickRow a.quick-tile.hi,
  html.ba-ipad #quickRow a.quick-tile.ias,
  html.ba-ipad #quickRow .quick-split a.ice,
  html.ba-ipad #quickRow .quick-split a.cold{
    grid-column: span 4 !important;
  }
  html.ba-split-on #quickRow a.quick-tile.sim,
  html.ba-split-on #quickRow a.ba-hub,
  html.ba-ipad #quickRow a.quick-tile.sim,
  html.ba-ipad #quickRow a.ba-hub{
    grid-column: span 3 !important;
  }
}


/* ===== 2026.10.04.12 — QA fixes (ciblés, pas de refonte) ===== */

/* 1. Barres vides « NORMAL · 737 NG » / « QRH · 737 NG » enlevées (l'onglet dit déjà le mode). */
#normalHomeBar,#qrhHomeBar{display:none !important;}

/* 2. iPhone : la page de section passe au-dessus du + (le + cachait la dernière ligne). */
html.ba-sheet-open a.plus-btn,
html.ba-sheet-open .plus-btn{display:none !important;}
.ba-sec-sheet{z-index:140;}
.ba-sec-body{padding-bottom:calc(32px + env(safe-area-inset-bottom,0px)) !important;}

/* 3. Champ « Section… » : stylé partout (était un champ blanc brut de 19 px sur iPhone). */
#baFind{
  display:block;width:100%;max-width:100%;box-sizing:border-box;
  margin:0 0 8px;min-height:44px;border-radius:10px;
  border:1px solid #2c3136;background:#101214;color:#fff;
  font:16px/1.2 "D-DIN","Arial Narrow",Arial,sans-serif;padding:10px 12px;
  -webkit-appearance:none;appearance:none;
}
#baFind::placeholder{color:#777;}
html.ba-split-on #baFind{min-height:44px !important;}

/* 4. Pastille MAIN/QRH compacte dans la tuile (n'est plus une colonne pleine hauteur),
      zone tactile ≥ 44 px gardée par un ::after invisible. */
.ba-fold-row .ba-side,.ba-fold-row .ba-pill{
  align-self:center !important;position:relative;
  min-height:26px !important;height:auto !important;
  margin-right:10px !important;
}
.ba-side::after,.ba-pill::after{content:"";position:absolute;left:-8px;right:-8px;top:50%;height:44px;transform:translateY(-50%);}
.ba-sec-hd .ba-pill{position:relative;}

/* 5. Zones tactiles ≥ 44 px : barre du bas, FR/EN. */
.bottom-nav .nav-item{min-height:44px;justify-content:center;box-sizing:border-box;}
.bottom-nav{padding-top:6px !important;}
.ba-lang button{min-height:44px;}

/* 6. Pages QRH (Miscellaneous…) sur iPhone : un peu d'air de chaque côté du titre et du numéro. */
@media (max-width:767px){
  a.cl,.cl{padding:12px 12px !important;}
}

/* 7. iPad (split) : haut d'écran compact — titre + citation sur une ligne, outils en 1–2 rangées.
      Avant : ~440 px de chrome en paysage, la liste n'avait que ~250 px de haut. */
@media (min-width:768px){
  html.ba-split-on #wrap .ba-top{
    display:flex !important;flex-direction:row;align-items:center;gap:14px;
    padding:calc(env(safe-area-inset-top,0px) + 6px) max(16px,env(safe-area-inset-right,0px)) 2px max(16px,env(safe-area-inset-left,0px)) !important;
  }
  html.ba-split-on #wrap .ba-brand{flex:1 1 auto;min-width:0;width:auto;}
  html.ba-split-on #wrap .ba-mark{
    display:grid !important;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto auto;
    column-gap:14px;row-gap:0;align-items:center;
    border-left:3px solid #E10600;padding-left:10px;
  }
  html.ba-split-on #wrap .ba-word{grid-column:1;grid-row:1;font-size:24px !important;letter-spacing:.08em !important;line-height:1.05;margin:0;white-space:nowrap;}
  html.ba-split-on #wrap .ba-tagline{grid-column:1;grid-row:2;font-size:10px !important;letter-spacing:.24em !important;margin:2px 0 0 !important;display:inline !important;white-space:nowrap;}
  html.ba-split-on #wrap .ba-sub{grid-column:1;grid-row:3;display:block !important;font-size:10px !important;letter-spacing:.12em !important;margin:1px 0 0 !important;white-space:nowrap;color:#bbb;}
  html.ba-split-on #wrap .ba-quote{
    grid-column:2;grid-row:1 / span 3;display:-webkit-box !important;-webkit-box-orient:vertical;-webkit-line-clamp:2;
    overflow:hidden !important;white-space:normal !important;max-width:none !important;
    font-size:13px !important;line-height:1.3 !important;margin:0 !important;padding-left:10px !important;
  }
  html.ba-split-on #wrap .ba-tools{flex:0 0 auto;display:flex;align-items:center;gap:8px;}
  html.ba-split-on #wrap .ba-tabs{margin:4px 16px 2px !important;min-height:44px;}
  html.ba-split-on #wrap .ba-tab{min-height:44px !important;}
  html.ba-split-on #wrap .hint{display:block !important;margin:0 !important;padding:0 16px 2px !important;font-size:11px !important;line-height:1.3;}
  html.ba-split-on #wrap .hint:empty,html.ba-split-on #wrap .hint[hidden]{display:none !important;}

  /* 6 boutons rapides + SIM + ACCIDENTS / MAINTENANCE / gros SNAGS — portrait : 2 rangées */
  html.ba-split-on #wrap #quickRow{
    display:grid !important;grid-template-columns:repeat(6,minmax(0,1fr)) !important;
    grid-auto-rows:46px !important;gap:6px !important;padding:4px 16px 8px !important;
  }
  html.ba-split-on #wrap #quickRow .quick-split{display:contents !important;}
  html.ba-split-on #wrap #quickRow > a,
  html.ba-split-on #wrap #quickRow .quick-split > a{
    grid-column:auto / span 1 !important;height:46px !important;min-height:44px !important;
    padding:4px 6px !important;font-size:14px !important;border-radius:12px !important;
  }
  html.ba-split-on #wrap #quickRow > a.ba-hub.snx{grid-column:auto / span 3 !important;}
  html.ba-split-on #wrap #quickRow a.ba-hub .h-t{font-size:14px !important;white-space:nowrap;}
  html.ba-split-on #wrap #quickRow a.ba-hub .h-s{display:none !important;}
  /* couleurs d'origine des hubs (perdues une fois déplacés dans #quickRow) */
  html.ba-split-on #wrap #quickRow a.ba-hub.acc{border-color:rgba(225,6,0,.75) !important;background:linear-gradient(180deg,#1c0606,#0e0404) !important;box-shadow:inset 0 3px 0 #E10600 !important;}
  html.ba-split-on #wrap #quickRow a.ba-hub.acc .h-t{color:#ffb4ae;}
  html.ba-split-on #wrap #quickRow a.ba-hub.mtc{border-color:rgba(59,130,246,.8) !important;background:linear-gradient(180deg,#07142a,#040a16) !important;box-shadow:inset 0 3px 0 #3b82f6 !important;}
  html.ba-split-on #wrap #quickRow a.ba-hub.mtc .h-t{color:#bcd7ff;}
  html.ba-split-on #wrap #quickRow a.ba-hub.snx{border-color:#fcd34d !important;background:linear-gradient(165deg,#b45309 0%,#78350f 60%,#3a1a05 100%) !important;box-shadow:inset 0 3px 0 #fcd34d,0 0 14px rgba(245,158,11,.35) !important;}
  html.ba-split-on #wrap #quickRow a.ba-hub.snx .h-t{color:#fff;font-size:17px !important;letter-spacing:.1em;}
}
/* paysage : une seule rangée de 12 colonnes (SNAGS = 3) */
@media (min-width:1024px){
  html.ba-split-on #wrap #quickRow{grid-template-columns:repeat(12,minmax(0,1fr)) !important;}
  html.ba-split-on #wrap #quickRow > a,
  html.ba-split-on #wrap #quickRow .quick-split > a{font-size:13px !important;line-height:1.1 !important;}
  html.ba-split-on #wrap #quickRow a.ba-hub .h-t{font-size:12.5px !important;letter-spacing:.02em !important;}
  html.ba-split-on #wrap #quickRow a.ba-hub.snx .h-t{font-size:16px !important;}
}

/* 8. iPhone : les 6 boutons rapides + SIM tiennent sur 2 rangées (avant : 4 rangées). */
@media (max-width:767px){
  #quickRow{gap:6px !important;padding:4px 16px 8px !important;}
  #quickRow a.quick-tile{
    flex:1 1 calc(25% - 6px) !important;min-width:0 !important;min-height:46px;
    padding:6px 3px !important;font-size:14px !important;white-space:normal !important;
    display:flex;align-items:center;justify-content:center;
  }
  #quickRow .quick-split{flex:3 1 calc(75% - 6px) !important;min-height:46px !important;}
  #quickRow .quick-split a{padding:6px 6px !important;min-height:46px !important;font-size:14px !important;}
  #quickRow a.quick-tile.sim{flex:1 1 calc(25% - 6px) !important;}
  #wrap > .hint{margin-top:0 !important;margin-bottom:4px !important;}
}

/* 2026.10.04.12 — Steve : plus de barre de recherche blanche ; pastilles MAIN/QRH pleines, modernes, plus grosses. */
#baFind{display:none !important;}
html body #wrap .ba-fold-row .ba-side,html body #wrap .ba-fold-row .ba-pill,
html body .ba-side,html body .ba-pill{
  align-self:center !important;flex:0 0 auto !important;
  height:30px !important;min-height:30px !important;max-height:30px !important;
  width:auto !important;min-width:58px !important;max-width:none !important;
  padding:0 14px !important;margin:0 10px 0 6px !important;
  display:inline-flex !important;align-items:center !important;justify-content:center !important;
  border-radius:10px !important;border:0 !important;
  font-size:12px !important;font-weight:800 !important;letter-spacing:.1em !important;line-height:1 !important;
  writing-mode:horizontal-tb !important;transform:none !important;
}
html body .mode-normal .ba-side,html body .mode-normal .ba-pill{
  color:#021c24 !important;background:linear-gradient(135deg,#5ff9ff 0%,#00e5d4 50%,#00b8e6 100%) !important;
  box-shadow:0 0 12px rgba(0,229,230,.55),0 2px 6px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.55) !important;
}
html body .mode-qrh .ba-side,html body .mode-qrh .ba-pill{
  color:#fff !important;background:linear-gradient(180deg,#ff3b30,#c10500) !important;
  box-shadow:0 2px 8px rgba(225,6,0,.4),inset 0 1px 0 rgba(255,255,255,.3) !important;
}
html body .mode-extra .ba-side,html body .mode-extra .ba-pill{
  color:#032233 !important;background:linear-gradient(180deg,#7fdcff,#2bb5ea) !important;
  box-shadow:0 2px 8px rgba(62,203,255,.35),inset 0 1px 0 rgba(255,255,255,.35) !important;
}