/* Rara Pixel Office v50 — approved table-office final layout lock */

/* Preserve the native artwork ratio and avoid soft stretching. */
.app-shell.v3-home-mode>.main{padding:0!important;background:#fff4f9!important;overflow:hidden!important}
.app-shell.v3-home-mode .v3-home{width:100%!important;max-width:1672px!important;margin:0 auto!important}
.app-shell.v3-home-mode .v3-art-stage{width:100%!important;max-width:1672px!important;aspect-ratio:1672/941!important}
.v3-art-image>img.v3-home-art{
  object-fit:contain!important;
  object-position:center center!important;
  image-rendering:auto!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
  filter:contrast(1.025) saturate(1.012)!important;
}

/* Dynamic employee detail replaces the complete baked right-panel body.
   right/bottom anchoring prevents the artwork underneath from peeking out. */
.v9-home-detail{
  left:75.05%!important;
  top:7.45%!important;
  right:0!important;
  bottom:0!important;
  width:auto!important;
  height:auto!important;
  z-index:15!important;
  box-sizing:border-box!important;
  padding:14px 13px 14px!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#fceaf7!important;
  overflow:hidden!important;
}
.v9-home-detail::before,.v9-home-detail::after{content:none!important;display:none!important}
.v9-detail-shell{height:100%!important;min-height:0!important;background:transparent!important}

/* Retire old selection/action maps. v50 supplies the current table-office map. */
.v13-selection-frame,.v14-hit-layer,.v4-action-hotspot{display:none!important;pointer-events:none!important}

/* New employee click map. */
.v50-hit-layer,.v50-top-layer{position:absolute;inset:0;pointer-events:none;z-index:12}
.v50-seat-hit,.v50-top-hit{position:absolute;border:2px solid transparent;background:transparent;border-radius:14px;pointer-events:auto;cursor:pointer;padding:0;outline:0}
.v50-seat-hit:hover{border-color:rgba(221,92,148,.42);background:rgba(255,255,255,.035)}
.v50-seat-hit.is-selected{border-color:#e95b9a;background:rgba(255,255,255,.06);box-shadow:0 0 0 2px rgba(255,255,255,.5) inset}
.v50-top-hit:hover{background:rgba(255,255,255,.06)}
.v50-top-hit:focus-visible,.v50-seat-hit:focus-visible{border-color:#d94f91!important;box-shadow:0 0 0 2px rgba(255,255,255,.8)}

/* Live time/date.
   The clock/calendar icons remain baked into the artwork. Only the old text glyphs are
   covered with the exact pill color (#fceaf8), then live text is drawn in the same spot.
   No blur, alpha rectangle, border or shadow = no visible extra card. */
.v43-live-meta{position:absolute!important;inset:0!important;z-index:14!important;pointer-events:none!important}
.v43-meta-time,.v43-meta-date{
  position:absolute!important;
  top:1.72%!important;
  height:3.95%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#5d2845!important;
  font-weight:950!important;
  line-height:1!important;
  letter-spacing:-.035em!important;
  font-size:clamp(11px,1.01vw,17px)!important;
  text-shadow:0 1px 0 rgba(255,255,255,.55)!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  outline:0!important;
  padding:0!important;
  background:#fceaf8!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
/* start after the baked clock/calendar icons so those icons stay intact */
.v43-meta-time{left:21.35%!important;width:4.85%!important}
.v43-meta-date{left:28.28%!important;width:6.05%!important}

/* Current walking layer is allowed above the artwork but below controls/detail panel. */
.rpo-sprite-layer{display:block!important;z-index:11!important;pointer-events:none!important}

@media(max-width:1200px){
  .v9-home-detail{padding:9px 9px 10px!important}
  .v43-meta-time,.v43-meta-date{font-size:clamp(8px,1vw,12px)!important}
}