/* os-mia.css — de Mia-ingang als axolotl (09-10, team mascotte-os, lid A). Alleen actief met html.mia-merk (os-mia.js);
   noodrem localStorage mia-avatar=uit → de klasse ontbreekt en alles blijft zoals het was. */
html.mia-merk .mia-merk-weg { display: none !important; }
html.mia-merk .mia-merk-av { flex: none; }
/* computer: merk linksboven */
html.mia-merk .topbar .merk.mia-merk-host { padding-left: 2px; }
html.mia-merk .topbar .merk .mia-merk-home { margin: -3px 0; }
/* telefoon-tabbalk en rail: Mia zelf is het icoon van Gesprekken; aan = een fijne ring in de OS-kleur */
html.mia-merk .op-ic.mia-merk-host { width: auto; height: auto; }
html.mia-merk .op-ic.mia-merk-host .mia-merk-tab { border-radius: 50%; transition: outline-color .18s ease; }
html.mia-merk [data-plek="gesprekken"].on .mia-merk-tab { outline: 1.5px solid var(--teal, #0E6E73); outline-offset: 2px; }
html.mia-merk .os-tabbalk [data-plek="gesprekken"] .op-ic.mia-merk-host { margin: -2px 0; }
/* zijbalk nav2: het blauwe vlak met de M wordt Mia in haar water */
html.mia-merk .n2-zb-logo.mia-merk-host { background: none !important; width: auto !important; height: auto !important; border-radius: 50%; }
/* klassieke chatknop en DM-paneel */
html.mia-merk .chatknop.mia-merk-host { background: none; box-shadow: none; padding: 0; }
html.mia-merk .dm-logo.mia-merk-host { background: none; width: auto; height: auto; }
/* DM laden / niet bereikbaar */
html.mia-merk .dm-plek-laden { flex-direction: column; gap: 12px; }
html.mia-merk #dm-fout .mia-merk-fout { display: block; margin: 0 auto 10px; }
@media (prefers-reduced-motion: reduce) { html.mia-merk .op-ic.mia-merk-host .mia-merk-tab { transition: none; } }