/* Fault finding POC — alleen deze tab.
   Dash laadt elk bestand in assets/ automatisch; alle regels hier zijn gescoped op
   #faultpoc-* of op body.faultpoc-focus, dus ze raken geen enkele andere tab. */

#faultpoc-frame{
  width:100%;
  height:max(760px, 90vh);
  border:1px solid #e6e8ec;
  border-radius:10px;
  display:block;
}

/* ── Focusmodus ────────────────────────────────────────────────────────────────
   Deze tab heeft zijn EIGEN node-kiezer, zijn eigen menu en zijn eigen kaart. De
   app-shell erboven (datachips, tool-deeplinks, het node-zoekveld, de tabbalk) doet
   hier dus niets dan verwarren: twee zoekvelden voor hetzelfde, waarvan er één niets
   doet met de kaart eronder. In focusmodus verdwijnt die shell en houdt de tab het
   scherm voor zich.

   De klasse wordt gezet door de iframe zelf (postMessage → clientside callback in
   app.py). Niet met :has() op de iframe alleen: die staat er ook als de tab gewoon in
   een breed venster open staat, en dan wil je de shell juist wél. */
body.faultpoc-focus #nd-header,          /* logo's, tool-deeplinks, gebruikersmenu   */
body.faultpoc-focus #nd-noderow,         /* node-zoekveld + days + Load node         */
body.faultpoc-focus #db-maint-warning,   /* onderhoudsbanner                         */
body.faultpoc-focus #data-status,        /* "Data actueel t/m" chips                 */
body.faultpoc-focus #node-tabs-strip,    /* strip met de open nodes                  */
body.faultpoc-focus #tabs{               /* de tabbalk zelf                          */
  display:none !important;
}

body.faultpoc-focus #faultpoc-wrap{ padding:0 !important; }
body.faultpoc-focus #faultpoc-frame{
  position:fixed;
  inset:0;
  width:100vw;
  height:100dvh;
  border:0;
  border-radius:0;
  z-index:1200;
}
body.faultpoc-focus{ overflow:hidden; }

/* Op een telefoon staat er ~886px app-shell (onderhoudsbanner, tool-chips,
   data-chips, node-invoer, tabbalk) BOVEN deze tab. Op een scherm van 844px begint
   de kaart dus onder de vouw en moet je eerst langs alles scrollen — precies wat een
   technieker buiten niet wil. Daarom neemt de iframe daar sowieso het volledige scherm
   over, ook zonder focusmodus. */
@media (max-width: 900px){
  #faultpoc-frame{
    position:fixed;
    inset:0;
    width:100vw;
    height:100dvh;          /* dvh: houdt rekening met de adresbalk van de browser */
    border:0;
    border-radius:0;
    z-index:1000;
  }
  #faultpoc-wrap{padding:0}
  /* De pagina eronder mag niet meescrollen achter de kaart. */
  body:has(#faultpoc-frame){overflow:hidden}
}