/* Mia OS V2 (1.1.2) — onderrand van het startscherm op telefoon ontwarren. Anne + Claude, 06-10-2026, BETA.
 *
 * Oorzaak: vier onderdelen claimen los van elkaar de onderrand (elk in een eigen bestand, zonder van de ander te weten):
 *   .duim         (os-strak.css)  zoekbalk            bottom 12px, z 55
 *   .dock         (os.css)        balk met open apps  bottom 12px, z 60   → ligt precies óp de zoekbalk
 *   .oo-checklist (os-ontdek.css) chip "Eerste week"  bottom 76px, z 900  → ligt op de dock en op de laatste rij tegels
 *   .ms-vlak      (os-start.css)  tegels              padding-bottom 100px → te weinig zodra de dock erbij komt
 * Hier alleen verplaatsen, niets verbergen. Echte oplossing hoort in de kern: één onderzone die deze onderdelen stapelt.
 *
 * Aan/uit: één regel in current/public/index.html (vóór </head>):
 *   <link rel="stylesheet" href="/apps/os-overlay/strak-onderrand.css?v=20261006a">
 * Die regel vervalt bij elke release; dit bestand blijft staan. */
@media (max-width: 759px) {
  /* 1. Open apps: bóven de zoekbalk (48px hoog op 12px) in plaats van eroverheen. */
  .dock,
  html.standalone .dock {
    bottom: calc(68px + env(safe-area-inset-bottom)) !important;
    padding-bottom: 8px !important;
  }
  /* 2. "Eerste week": boven de zoekbalk, en boven de open-apps-balk als die er staat. */
  .oo-checklist { bottom: calc(68px + env(safe-area-inset-bottom)) !important; }
  body:has(#dock:not(:empty)) .oo-checklist { bottom: calc(140px + env(safe-area-inset-bottom)) !important; }
  /* 3. De laatste rij tegels moet boven de balken uit kunnen scrollen. */
  .ms-vlak { padding-bottom: calc(96px + env(safe-area-inset-bottom)) !important; }
  body:has(#dock:not(:empty)) .ms-vlak { padding-bottom: calc(168px + env(safe-area-inset-bottom)) !important; }
}