/* Les maquettes de maquette.css (laissé tel qu'extrait de la planche 91), aux couleurs de l'app.
   Or d'état = ce que fait la maison (lumière allumée, robot en marche) ; rouge = incident. Pas de violet. */
.d10 {
  --font: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --bg10: radial-gradient(80% 45% at 50% 46%, #FFFFFF 0%, rgba(255, 255, 255, 0) 70%), linear-gradient(180deg, #FAF9F6 0%, #F2EFE8 100%);
  --ink: #26241F; --mute: #6E6960; --label: #6E6960;
  --amber: #C8861D; --amberInk: #FFFFFF; --red: #BE4B34; --violet: #C8861D;
  --dock: #26241F; --dockInk: #FFFFFF;
}
.d10.nuit {
  --bg10: radial-gradient(80% 45% at 50% 46%, #2C2A24 0%, rgba(44, 42, 36, 0) 70%), linear-gradient(180deg, #161411 0%, #100E0C 100%);
  --floor: #2C2A24; --floorB: #2C2A24; --thr: #35322B; --top: #46423A; --faceS: #35322B; --faceE: #23211C;
  --ink: #EDE8DC; --mute: #A39C8E; --label: #A39C8E; --card: rgba(44, 42, 36, .9);
  --amber: #E4A83C; --amberInk: #26241F; --red: #D4573E; --violet: #E4A83C;
  --dock: #EDE8DC; --dockInk: #161411; --dockMute: rgba(22, 20, 17, .5);
}
.d10 .pin.on { box-shadow: 0 0 0 6px rgba(200, 134, 29, .25), 0 4px 10px rgba(120, 80, 10, .3); }
.d10 .pin.alert { box-shadow: 0 0 0 6px rgba(190, 75, 52, .22); }
.d10 .pin.sel { box-shadow: 0 0 0 3px var(--bg10c, #FFFFFF), 0 0 0 6px var(--amber); }
/* Le micro est un bouton : l'or de la main, pas celui de la maison */
.d10 .dock .mic { background: #A26A0E !important; color: #FFFFFF !important; }
.d10.nuit .dock .mic { background: #C99A4E !important; color: #26241F !important; }