body.sb-icon-only #walk-overlay { left: 68px !important; }
@media (max-width:768px) { #walk-overlay { left: 68px !important; } }

#wt-confirm-box {
  background: #101d18;
  border: 1px solid rgba(44,221,127,.3);
  border-radius: 18px;
  padding: 28px 28px 22px;
  width: 340px;
  box-shadow: 0 24px 64px rgba(0,0,0,.85), 0 0 0 1px rgba(44,221,127,.08);
  display: flex; flex-direction: column;
  animation: wtConfirmPop .18s cubic-bezier(.34,1.56,.64,1);
}
@keyframes wtConfirmPop {
  from { transform: scale(.88) translateY(10px); opacity: 0; }
  to   { transform: scale(1)   translateY(0);    opacity: 1; }
}
#wt-confirm-cancel {
  flex: 1; padding: 10px 0; border-radius: 9px;
  border: 1.5px solid rgba(255,255,255,.15); background: rgba(255,255,255,.05);
  color: #99bba9; font-size: .85rem; font-weight: 600; cursor: pointer; transition: background .15s;
}
#wt-confirm-cancel:hover { background: rgba(255,255,255,.1); color: #ccddd4; }
#wt-confirm-ok {
  flex: 1; padding: 10px 0; border-radius: 9px;
  border: none; background: linear-gradient(135deg, #2cdd7f, #77e9d6);
  color: #fff; font-size: .85rem; font-weight: 700; cursor: pointer;
  box-shadow: 0 4px 18px rgba(44,221,127,.35); transition: opacity .15s;
}
#wt-confirm-ok:hover { opacity: .88; }

#viewer-wrap.walk-active {
  position: absolute !important; inset: 0 !important;
  width: auto !important; height: auto !important;
  display: flex !important; margin: 0 !important;
  padding: 0 !important; border-radius: 0 !important;
}
#viewer-wrap.walk-active .viewer-toolbar { display: none !important; }
#viewer-wrap.walk-active #room-panel     { display: none !important; }
#viewer-wrap.walk-active .viewer-body    { width: 100% !important; }

/* Floor Plans overlay */
#fp-module {
  display: none; position: fixed;
  top: 56px; left: calc(var(--sb-w, 220px)); right: 0; bottom: 0;
  width: auto; background: rgba(7,13,11,.97);
  z-index: 150; flex-direction: column; overflow: hidden;
  animation: fp-fade-in .22s ease;
}
body.sb-icon-only #fp-module { left: 68px; }
#fp-module.visible { display: flex; }
@keyframes fp-fade-in { from { opacity: 0; transform: translateX(-12px); } to { opacity: 1; transform: translateX(0); } }
.fp-header { display: flex; align-items: center; justify-content: space-between; padding: 16px 28px; border-bottom: 1px solid rgba(44,221,127,.15); background: rgba(11,20,16,.98); flex-shrink: 0; }
.fp-header-left { display: flex; align-items: center; gap: 12px; }
.fp-header-icon { width: 38px; height: 38px; border-radius: 10px; background: linear-gradient(135deg, rgba(44,221,127,.2), rgba(119,233,214,.2)); border: 1px solid rgba(44,221,127,.3); display: flex; align-items: center; justify-content: center; font-size: 18px; box-shadow: 0 0 16px rgba(44,221,127,.2); }
.fp-header h2 { font-family: 'Space Grotesk', sans-serif; font-size: 1.1rem; font-weight: 700; color: #e4eee9; letter-spacing: .5px; }
.fp-header h2 span { font-size: .75rem; font-weight: 500; color: rgba(44,221,127,.7); margin-left: 8px; }
.fp-close-btn { background: rgba(255,77,109,.1); border: 1px solid rgba(255,77,109,.25); color: #ff4d6d; border-radius: 8px; padding: 6px 14px; font-size: .8rem; font-weight: 600; cursor: pointer; transition: all .2s; }
.fp-close-btn:hover { background: rgba(255,77,109,.2); box-shadow: 0 0 12px rgba(255,77,109,.3); }

/* No-map overlay */
#no-map-overlay {
  display: none; position: absolute; inset: 0; z-index: 12;
  background: rgba(7,13,11,.92); flex-direction: column;
  align-items: center; justify-content: center; gap: 16px;
  pointer-events: none; backdrop-filter: blur(4px);
}
#no-map-overlay.visible { display: flex; pointer-events: all; }
.no-map-icon { width: 64px; height: 64px; border-radius: 16px; background: linear-gradient(135deg, rgba(44,221,127,.1), rgba(119,233,214,.1)); border: 1px solid rgba(44,221,127,.2); display: flex; align-items: center; justify-content: center; font-size: 28px; box-shadow: 0 0 30px rgba(44,221,127,.15); }
.no-map-title { font-family: 'Space Grotesk', sans-serif; font-size: 1rem; font-weight: 700; color: #cee2d8; letter-spacing: .3px; }
.no-map-sub { font-size: .78rem; color: rgba(100,180,137,.6); text-align: center; max-width: 280px; line-height: 1.5; }
.no-map-upload-btn { display: inline-flex; align-items: center; gap: 6px; padding: 8px 20px; border-radius: 9px; cursor: pointer; font-size: .8rem; font-weight: 600; letter-spacing: .3px; background: linear-gradient(135deg, rgba(44,221,127,.15), rgba(119,233,214,.15)); border: 1px solid rgba(44,221,127,.3); color: var(--accent); transition: all .2s; margin-top: 4px; }
.no-map-upload-btn:hover { background: linear-gradient(135deg, rgba(44,221,127,.28), rgba(119,233,214,.28)); box-shadow: 0 0 20px rgba(44,221,127,.25); }
#viewer-floor-badge { display: none; position: absolute; top: 54px; left: 12px; z-index: 11; background: rgba(11,20,16,.88); border: 1px solid rgba(44,221,127,.25); border-radius: 8px; padding: 5px 12px; font-size: .7rem; font-weight: 600; color: var(--accent); letter-spacing: .4px; backdrop-filter: blur(10px); pointer-events: none; }
