/* Compact status over existing CHIEL room badge buttons.
 * The room button/click behavior and user-stored positions are never altered. */
body.chiel-compact-badges-active .cutaway-badge-layer .positioned-room-badge {
  display:flex;flex-direction:column!important;align-items:flex-start!important;
  justify-content:center!important;gap:2px!important;min-width:67px!important;
  max-width:min(164px,43%)!important;padding:7px 9px!important;
  border-radius:12px!important;line-height:1.15!important;
  color:#e9fbff!important;background:#08283eed!important;
  box-shadow:0 5px 16px rgba(0,0,0,.39)!important;
  touch-action:manipulation;
}
body.chiel-compact-badges-active .cutaway-badge-layer .positioned-room-badge .positioned-room-badge-name {
  display:block!important;max-width:100%!important;color:#fff!important;
  overflow:hidden!important;text-overflow:ellipsis!important;
  font-size:10px!important;font-weight:850!important;line-height:1.2!important;
}
body.chiel-compact-badges-active .cutaway-badge-layer .positioned-room-badge .positioned-room-badge-status{
  display:none!important;
}
body.chiel-compact-badges-active .cutaway-badge-layer .positioned-room-badge .chiel-compact-homey-value{
  display:block!important;color:#9df2f4!important;font-size:10px!important;font-weight:850!important;
  max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  font-variant-numeric:tabular-nums!important;
}
body.chiel-compact-badges-active .cutaway-badge-layer .positioned-room-badge.chiel-compact-door-open {
  background:#5b2926f2!important;border-color:#faab81!important;
}
body.chiel-compact-badges-active .cutaway-badge-layer .positioned-room-badge.chiel-compact-door-open .chiel-compact-homey-value{
  color:#ffe1b9!important;
}
body.chiel-compact-badges-active .cutaway-badge-layer .positioned-room-badge.chiel-compact-no-data .chiel-compact-homey-value{
  color:#a2b8c7!important;
}
body.chiel-compact-badges-active .cutaway-hotspot .real-room-label,
body.chiel-compact-badges-active .cutaway-hotspot .real-room-live,
body.chiel-compact-badges-active .cutaway-hotspot .real-state-strip{
  display:none!important;
}
@media(max-width:600px){
  body.chiel-compact-badges-active .cutaway-badge-layer .positioned-room-badge{
    max-width:40%!important;min-width:48px!important;
    padding:4px 5px!important;border-radius:8px!important;
  }
  body.chiel-compact-badges-active .cutaway-badge-layer .positioned-room-badge .positioned-room-badge-name{
    font-size:8px!important;
  }
  body.chiel-compact-badges-active .cutaway-badge-layer .positioned-room-badge .chiel-compact-homey-value{
    font-size:8px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  body.chiel-compact-badges-active .cutaway-badge-layer .positioned-room-badge{transition:none!important;}
}