@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap');
  :root {
    --groen:#2D7D6F; --groen-licht:#3FA090; --groen-zacht:#E8F5F2;
    --blauw:#1B4F72; --blauw-licht:#2E86C1; --blauw-zacht:#EAF2FB;
    --paars:#6C3483; --paars-zacht:#F4ECF7;
    --rood-zacht:#FDEDEC; --rood:#C0392B;
    --teal:#117A65; --teal-zacht:#E8F8F5;
    --wit:#FFFFFF; --lichtgrijs:#F4F6F7;
    --tekst:#1A2B2A; --subtekst:#5D7270; --oranje:#B85C00;
    --radius:16px; --schaduw:0 4px 20px rgba(0,0,0,0.10);
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  body{font-family:'Nunito',sans-serif;background:var(--lichtgrijs);color:var(--tekst);min-height:100vh;font-size:18px;}
  header{background:linear-gradient(135deg,var(--blauw) 0%,var(--groen) 100%);color:var(--wit);padding:20px 14px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;box-shadow:0 2px 12px rgba(0,0,0,0.18);}
  .logo{font-size:26px;font-weight:800;letter-spacing:-0.5px;}
  .logo span{color:#A8E6DF;}
  .header-naam{font-size:15px;opacity:0.85;text-align:right;}
  nav{position:fixed;bottom:0;left:0;right:0;background:var(--wit);display:flex;justify-content:space-around;padding:10px 0 14px;box-shadow:0 -2px 12px rgba(0,0,0,0.10);z-index:100;}
  .nav-knop{display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:none;cursor:pointer;font-family:'Nunito',sans-serif;font-size:11px;font-weight:700;color:var(--subtekst);padding:6px 4px;border-radius:12px;transition:all 0.2s;min-width:52px;}
  .nav-knop.actief{color:var(--groen);}
  .nav-knop .icoon{font-size:21px;line-height:1;}
  /* MEER MENU */
  .meer-menu{position:fixed;bottom:74px;left:0;right:0;background:var(--wit);border-top:2px solid var(--lichtgrijs);box-shadow:0 -4px 20px rgba(0,0,0,0.12);z-index:99;display:none;padding:16px 16px 8px;}
  .meer-menu.open{display:block;}
  .meer-menu-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;}
  .meer-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;border-radius:14px;border:2px solid var(--lichtgrijs);background:var(--lichtgrijs);cursor:pointer;font-family:'Nunito',sans-serif;font-size:13px;font-weight:700;color:var(--subtekst);transition:all 0.2s;}
  .meer-item:hover,.meer-item.actief{border-color:var(--groen);background:var(--groen-zacht);color:var(--groen);}
  .meer-item .icoon{font-size:26px;line-height:1;}
  .meer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:98;display:none;}
  .meer-overlay.open{display:block;}
  .scherm{display:none;padding:20px 16px 100px;}
  .kaart-verborgen{display:none !important;}
  .scherm.actief{display:block;}

  /* DATUM HERO */
  .datum-hero{background:linear-gradient(135deg,var(--groen) 0%,var(--blauw-licht) 100%);border-radius:var(--radius);padding:28px 24px;color:var(--wit);margin-bottom:20px;box-shadow:var(--schaduw);text-align:center;}
  .datum-dag{font-size:52px;font-weight:800;line-height:1;letter-spacing:-2px;}
  .datum-info{font-size:20px;font-weight:600;margin-top:6px;opacity:0.92;}
  .datum-jaar{font-size:15px;opacity:0.75;margin-top:4px;}

  /* CHECK-IN */
  .checkin-kaart{background:var(--wit);border-radius:var(--radius);padding:24px;margin-bottom:20px;box-shadow:var(--schaduw);text-align:center;}
  .checkin-titel{font-size:20px;font-weight:800;color:var(--tekst);margin-bottom:8px;}
  .checkin-subtitel{font-size:15px;color:var(--subtekst);margin-bottom:20px;line-height:1.4;}
  .gevoel-rij{display:flex;justify-content:center;gap:10px;margin-bottom:16px;flex-wrap:wrap;}
  .gevoel-knop{display:flex;flex-direction:column;align-items:center;gap:6px;border:3px solid var(--lichtgrijs);border-radius:14px;padding:12px 14px;background:var(--lichtgrijs);cursor:pointer;font-family:'Nunito',sans-serif;font-size:13px;font-weight:700;color:var(--subtekst);transition:all 0.2s;min-width:74px;}
  .gevoel-knop .emoji{font-size:32px;}
  .gevoel-knop:hover,.gevoel-knop.geselecteerd{border-color:var(--groen);background:var(--groen-zacht);color:var(--groen);transform:scale(1.06);}
  .checkin-verzenden{background:var(--groen);color:var(--wit);border:none;border-radius:14px;padding:16px 32px;font-family:'Nunito',sans-serif;font-size:18px;font-weight:800;cursor:pointer;width:100%;margin-top:8px;transition:background 0.2s;display:none;}
  .checkin-bevestiging{display:none;background:var(--groen-zacht);border:2px solid var(--groen);border-radius:14px;padding:18px;color:var(--groen);font-size:17px;font-weight:700;margin-top:12px;}

  /* KAART */
  .kaart{background:var(--wit);border-radius:var(--radius);padding:20px;margin-bottom:16px;box-shadow:var(--schaduw);}
  .kaart-titel{font-size:17px;font-weight:800;color:var(--tekst);margin-bottom:14px;display:flex;align-items:center;gap:8px;}
  .badge{background:var(--rood);color:var(--wit);border-radius:20px;padding:2px 8px;font-size:12px;font-weight:800;margin-left:6px;}

  /* HERINNERING */
  .herinnering-item{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--lichtgrijs);}
  .herinnering-item:last-child{border-bottom:none;}
  .herinnering-icoon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;}
  .icoon-groen{background:var(--groen-zacht);}
  .icoon-oranje{background:#FEF5E7;}
  .herinnering-tekst{flex:1;}
  .herinnering-naam{font-size:16px;font-weight:700;}
  .herinnering-tijd{font-size:14px;color:var(--subtekst);margin-top:2px;}
  .herinnering-vinkje{width:36px;height:36px;border-radius:50%;border:3px solid var(--lichtgrijs);background:var(--lichtgrijs);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all 0.2s;flex-shrink:0;}
  .herinnering-vinkje.gedaan{background:var(--groen);border-color:var(--groen);color:var(--wit);}

  /* MED ITEMS */
  .med-item{display:flex;align-items:center;gap:14px;padding:16px 0;border-bottom:1px solid var(--lichtgrijs);}
  .med-item:last-child{border-bottom:none;}
  .med-bal{width:50px;height:50px;border-radius:14px;background:var(--blauw-zacht);display:flex;align-items:center;justify-content:center;font-size:26px;flex-shrink:0;}
  .med-info{flex:1;}
  .med-naam{font-size:17px;font-weight:800;}
  .med-details{font-size:14px;color:var(--subtekst);margin-top:3px;}
  .med-acties{display:flex;gap:8px;}
  .med-innemen{background:var(--groen);color:var(--wit);border:none;border-radius:10px;padding:13px 18px;min-height:44px;font-family:'Nunito',sans-serif;font-size:15px;font-weight:800;cursor:pointer;transition:all 0.2s;white-space:nowrap;}
  .med-innemen.ingenomen{background:var(--lichtgrijs);color:var(--subtekst);cursor:default;}
  .med-verwijder{background:none;border:2px solid #FADADD;color:var(--rood);border-radius:10px;padding:10px 12px;font-size:16px;cursor:pointer;}
  .med-verwijder:hover{background:#FADADD;}

  /* FORMULIER */
  .formulier{border-radius:var(--radius);padding:20px;margin-bottom:16px;border:2px solid var(--groen);background:var(--groen-zacht);display:none;}
  .formulier.paars{background:var(--paars-zacht);border-color:var(--paars);}
  .formulier.teal{background:var(--teal-zacht);border-color:var(--teal);}
  .formulier.zichtbaar{display:block;}
  .formulier-titel{font-size:16px;font-weight:800;color:var(--groen);margin-bottom:14px;}
  .formulier.paars .formulier-titel{color:var(--paars);}
  .formulier.teal .formulier-titel{color:var(--teal);}
  .invoer-veld{width:100%;padding:14px 16px;border:2px solid #D5DBD9;border-radius:12px;font-family:'Nunito',sans-serif;font-size:17px;font-weight:600;color:var(--tekst);background:var(--wit);margin-bottom:12px;transition:border-color 0.2s;}
  .invoer-veld:focus{outline:none;border-color:var(--groen);}
  .invoer-label{font-size:14px;font-weight:700;color:var(--subtekst);display:block;margin-bottom:6px;}
  .knop-rij{display:flex;gap:10px;}
  .opslaan-knop{background:var(--groen);color:var(--wit);border:none;border-radius:14px;padding:14px 20px;font-family:'Nunito',sans-serif;font-size:16px;font-weight:800;cursor:pointer;flex:1;transition:background 0.2s;}
  .opslaan-knop.paars{background:var(--paars);}
  .opslaan-knop.teal{background:var(--teal);}
  .annuleer-knop{background:var(--wit);color:var(--subtekst);border:2px solid #D5DBD9;border-radius:14px;padding:14px 20px;font-family:'Nunito',sans-serif;font-size:16px;font-weight:700;cursor:pointer;}
  .toevoeg-knop{background:var(--blauw);color:var(--wit);border:none;border-radius:14px;padding:16px;font-family:'Nunito',sans-serif;font-size:17px;font-weight:800;cursor:pointer;width:100%;margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:8px;transition:background 0.2s;}
  .toevoeg-knop.paars{background:var(--paars);}
  .toevoeg-knop.teal{background:var(--teal);}
  .tijdstip-rij{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;}
  .tijdstip-knop{border:2px solid #D5DBD9;border-radius:10px;padding:8px 14px;background:var(--wit);font-family:'Nunito',sans-serif;font-size:14px;font-weight:700;color:var(--subtekst);cursor:pointer;transition:all 0.2s;}
  .tijdstip-knop.geselecteerd{border-color:var(--groen);background:var(--groen-zacht);color:var(--groen);}
  .type-rij{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;}
  .type-knop{border:2px solid #D5DBD9;border-radius:10px;padding:9px 14px;background:var(--wit);font-family:'Nunito',sans-serif;font-size:14px;font-weight:700;color:var(--subtekst);cursor:pointer;transition:all 0.2s;}
  .type-knop.geselecteerd{border-color:var(--paars);background:var(--paars-zacht);color:var(--paars);}

  /* AFSPRAKEN */
  .afspraak-item{display:flex;align-items:flex-start;gap:14px;padding:16px 0;border-bottom:1px solid var(--lichtgrijs);}
  .afspraak-item:last-child{border-bottom:none;}
  .afspraak-datum-blok{background:var(--paars);color:var(--wit);border-radius:12px;min-width:54px;padding:8px 6px;text-align:center;flex-shrink:0;}
  .afspraak-datum-blok.voorbij{background:var(--subtekst);}
  .afspraak-datum-dag{font-size:22px;font-weight:800;line-height:1;}
  .afspraak-datum-maand{font-size:12px;font-weight:700;text-transform:uppercase;margin-top:2px;}
  .afspraak-info{flex:1;}
  .afspraak-naam{font-size:16px;font-weight:800;}
  .afspraak-sub{font-size:14px;color:var(--subtekst);margin-top:3px;}
  .afspraak-type{display:inline-block;font-size:12px;font-weight:700;border-radius:8px;padding:3px 8px;margin-top:5px;}
  .type-dokter{background:var(--blauw-zacht);color:var(--blauw);}
  .type-specialist{background:var(--paars-zacht);color:var(--paars);}
  .type-apotheek{background:var(--groen-zacht);color:var(--groen);}
  .type-andere{background:#FEF5E7;color:var(--oranje);}
  .afspraak-verwijder{background:none;border:2px solid #FADADD;color:var(--rood);border-radius:10px;padding:8px 10px;font-size:15px;cursor:pointer;flex-shrink:0;align-self:center;}
  .afspraak-mini{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--lichtgrijs);}
  .afspraak-mini:last-child{border-bottom:none;}
  .afspraak-mini-bal{width:46px;height:46px;border-radius:12px;background:var(--paars-zacht);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;}
  .afspraak-mini-tekst{flex:1;}
  .afspraak-mini-naam{font-size:16px;font-weight:700;}
  .afspraak-mini-detail{font-size:14px;color:var(--subtekst);margin-top:2px;}

  /* MEDISCHE GEGEVENS MODULE */
  .meting-item{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--lichtgrijs);}
  .meting-item:last-child{border-bottom:none;}
  .meting-icoon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;}
  .meting-info{flex:1;}
  .meting-waarde{font-size:20px;font-weight:800;color:var(--tekst);}
  .meting-label{font-size:13px;color:var(--subtekst);margin-top:2px;}
  .meting-datum{font-size:12px;color:var(--subtekst);margin-top:1px;}
  .meting-verwijder{background:none;border:2px solid #FADADD;color:var(--rood);border-radius:10px;padding:8px 10px;font-size:14px;cursor:pointer;flex-shrink:0;}

  .meting-knop{border:2px solid #D5DBD9;border-radius:12px;padding:12px 16px;background:var(--wit);font-family:'Nunito',sans-serif;font-size:14px;font-weight:700;color:var(--subtekst);cursor:pointer;transition:all 0.2s;text-align:center;}
  .meting-knop.geselecteerd{border-color:var(--teal);background:var(--teal-zacht);color:var(--teal);}
  .meting-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;}

  /* ZORGVERLENER ITEM */
  .zorg-item{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--lichtgrijs);}
  .zorg-item:last-child{border-bottom:none;}
  .zorg-bal{width:48px;height:48px;border-radius:14px;background:var(--blauw-zacht);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;}
  .zorg-info{flex:1;}
  .zorg-naam{font-size:16px;font-weight:800;}
  .zorg-sub{font-size:14px;color:var(--subtekst);margin-top:2px;}
  .zorg-bel{background:var(--groen);color:var(--wit);border:none;border-radius:10px;padding:10px 14px;font-family:'Nunito',sans-serif;font-size:14px;font-weight:800;cursor:pointer;white-space:nowrap;}
  .zorg-verwijder{background:none;border:2px solid #FADADD;color:var(--rood);border-radius:10px;padding:10px 10px;font-size:14px;cursor:pointer;}

  /* VACCINATIE ITEM */
  .vaccin-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--lichtgrijs);}
  .vaccin-item:last-child{border-bottom:none;}
  .vaccin-bal{width:44px;height:44px;border-radius:12px;background:var(--teal-zacht);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;}
  .vaccin-info{flex:1;}
  .vaccin-naam{font-size:15px;font-weight:800;}
  .vaccin-datum{font-size:13px;color:var(--subtekst);margin-top:2px;}
  .vaccin-verwijder{background:none;border:2px solid #FADADD;color:var(--rood);border-radius:10px;padding:8px 10px;font-size:14px;cursor:pointer;}

  /* ADMIN SECTIE */
  .admin-rij{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--lichtgrijs);}
  .admin-rij:last-child{border-bottom:none;}
  .admin-label{font-size:14px;font-weight:700;color:var(--subtekst);}
  .admin-waarde{font-size:16px;font-weight:800;color:var(--tekst);text-align:right;}

  /* TAB NAVIGATIE BINNEN SCHERM */
  .tab-rij{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto;padding-bottom:4px;}
  .tab-knop{border:2px solid #D5DBD9;border-radius:12px;padding:10px 16px;background:var(--wit);font-family:'Nunito',sans-serif;font-size:14px;font-weight:700;color:var(--subtekst);cursor:pointer;transition:all 0.2s;white-space:nowrap;flex-shrink:0;}
  .tab-knop.actief{border-color:var(--teal);background:var(--teal-zacht);color:var(--teal);}
  .tab-inhoud{display:none;}
  .tab-inhoud.actief{display:block;}

  /* NOOD */
  .noodknop{background:var(--rood);color:var(--wit);border:none;border-radius:var(--radius);padding:22px;font-family:'Nunito',sans-serif;font-size:22px;font-weight:800;cursor:pointer;width:100%;margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 4px 20px rgba(192,57,43,0.30);transition:transform 0.15s;}
  .noodknop:active{transform:scale(0.97);}

  /* PROFIEL */
  .profiel-header{background:linear-gradient(135deg,var(--blauw) 0%,var(--groen) 100%);border-radius:var(--radius);padding:28px 24px;color:var(--wit);text-align:center;margin-bottom:20px;box-shadow:var(--schaduw);}
  .profiel-avatar{width:80px;height:80px;border-radius:50%;background:rgba(255,255,255,0.25);margin:0 auto 14px;display:flex;align-items:center;justify-content:center;font-size:40px;}
  .profiel-naam{font-size:24px;font-weight:800;}
  .profiel-subtitel{font-size:15px;opacity:0.8;margin-top:4px;}

  /* GESCHIEDENIS */
  .geschiedenis-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--lichtgrijs);}
  .geschiedenis-item:last-child{border-bottom:none;}
  .geschiedenis-emoji{font-size:28px;}
  .geschiedenis-info{flex:1;}
  .geschiedenis-dag{font-size:15px;font-weight:700;}
  .geschiedenis-gevoel{font-size:14px;color:var(--subtekst);}

  .leeg{text-align:center;padding:32px 16px;color:var(--subtekst);}
  .leeg-icoon{font-size:48px;margin-bottom:12px;}
  .leeg-tekst{font-size:16px;font-weight:600;line-height:1.5;}

  /* WATER GLAASJES */
  .water-glas{font-size:28px;cursor:pointer;transition:transform 0.15s;filter:grayscale(1);opacity:0.3;}
  .water-glas.vol{filter:grayscale(0);opacity:1;transform:scale(1.1);}

  /* BEWEGING ITEMS */
  .beweging-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--lichtgrijs);}
  .beweging-item:last-child{border-bottom:none;}
  .beweging-emoji{font-size:24px;}
  .beweging-info{flex:1;font-size:15px;font-weight:700;}
  .beweging-duur{font-size:13px;color:var(--subtekst);}
  .beweging-del{background:none;border:none;color:var(--rood);font-size:18px;cursor:pointer;padding:4px;}

  /* DIGITALE KLUIS */
  .pin-knop{background:var(--wit);border:2px solid #D5DBD9;border-radius:14px;padding:18px;font-family:'Nunito',sans-serif;font-size:24px;font-weight:800;color:var(--tekst);cursor:pointer;transition:all 0.15s;text-align:center;}
  .pin-knop:active{transform:scale(0.93);background:var(--lichtgrijs);}
  .kluis-item{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--lichtgrijs);}
  .kluis-item:last-child{border-bottom:none;}
  .kluis-bal{width:46px;height:46px;border-radius:12px;background:var(--paars-zacht);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;}
  .kluis-info{flex:1;}
  .kluis-naam{font-size:16px;font-weight:800;}
  .kluis-sub{font-size:14px;color:var(--subtekst);margin-top:2px;}
  .kluis-code{font-size:20px;font-weight:800;color:var(--paars);margin-top:4px;letter-spacing:3px;}
  .kluis-del{background:none;border:2px solid #FADADD;color:var(--rood);border-radius:10px;padding:8px 10px;font-size:14px;cursor:pointer;}

  /* ============================================================
     GSM-VRIENDELIJKE, GECENTREERDE LAYOUT  (toegevoegd)
     Doel: app als 1 nette telefoon-kolom tonen en centreren,
     ook op brede schermen, en niets laten uitsteken.
     ============================================================ */
  :root { --app-breedte: 480px; }

  /* Voorkom horizontaal scrollen / uitsteken van menu's */
  html, body { overflow-x: hidden; max-width: 100%; }

  /* De meelopende inhoud (header + schermen) als gecentreerde kolom */
  body {
    max-width: var(--app-breedte);
    margin: 0 auto;
    position: relative;
  }

  /* Op bredere schermen (tablet/laptop): ook de VASTE balken
     meecentreren met de kolom, zodat ze niet over de hele
     breedte uitlopen. Op een telefoon veranderen we niets. */
  @media (min-width: 481px) {
    nav,
    .meer-menu {
      left: 50%;
      right: auto;
      transform: translateX(-50%);
      width: 100%;
      max-width: var(--app-breedte);
    }
    /* Slide-up panelen (deze hebben inline-stijl -> !important nodig) */
    #herbestellingMenu,
    #schermOptiesMenu {
      left: 50% !important;
      right: auto !important;
      transform: translateX(-50%);
      width: 100% !important;
      max-width: var(--app-breedte) !important;
    }
    /* Zwevende noodknop netjes aan de rechterrand van de kolom
       (display niet aanraken: die wordt via JS gestuurd) */
    #zwevendeNoodKnop {
      left: 50% !important;
      right: auto !important;
      /* halve kolom - halve knop(66) - marge(16) */
      transform: translateX(calc(var(--app-breedte) / 2 - 33px - 16px)) !important;
    }
  }

  /* ---- App groeit mee met het scherm (tablet / desktop) ----
     Eén getal per schermtype. Wil je de kolom breder of smaller?
     Pas enkel het px-getal na '--app-breedte:' aan. */
  @media (min-width: 600px) {        /* tablet en groter */
    :root { --app-breedte: 640px; }
    html { background: linear-gradient(180deg, #eef3f3 0%, #e4ebeb 100%); }
    body { box-shadow: 0 0 40px rgba(0,0,0,0.10); }
  }
  @media (min-width: 1024px) {       /* laptop / desktop */
    :root { --app-breedte: 820px; }
  }

  /* ============================================================
     RADIO — MINI-SPELER  (v2-39)
     De balk lijnt met de app-kolom, net zoals nav en meer-menu.
     Speelt de radio, dan krijgt <body> de klasse 'radio-speelt':
     de schermen krijgen extra ruimte onderaan en de zwevende
     knoppen schuiven een balkhoogte omhoog, zodat niets overlapt.
     ============================================================ */
  #miniRadio{
    position:fixed; bottom:74px; left:0; right:0; z-index:98;
    background:var(--groen); color:var(--wit);
    padding:12px 16px; align-items:center; gap:14px;
    box-shadow:0 -3px 14px rgba(0,0,0,0.18);
    border-top:2px solid rgba(255,255,255,0.25);
    font-family:'Nunito',sans-serif;
  }
  #miniRadio .mr-icoon{font-size:26px;flex-shrink:0;}
  #miniRadio .mr-tekst{min-width:0;flex:1;}
  #miniRadio .mr-label{display:block;font-size:12px;font-weight:700;opacity:0.85;}
  #miniRadio .mr-naam{display:block;font-size:18px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  #miniRadioStop{
    flex-shrink:0;background:var(--wit);color:var(--groen);border:none;border-radius:12px;
    padding:12px 20px;font-family:'Nunito',sans-serif;font-size:16px;font-weight:800;cursor:pointer;
  }

  body.radio-speelt .scherm{padding-bottom:174px;}
  body.radio-speelt #zwevendeNoodKnop{bottom:152px !important;}

  /* Vanaf tablet: dezelfde gecentreerde kolom als nav en meer-menu. */
  @media (min-width: 481px) {
    #miniRadio{
      left:50%; right:auto;
      transform:translateX(-50%);
      width:100%; max-width:var(--app-breedte);
    }
  }