/* Nest In: high-contrast menu + room-rent controls, 2026-09-01 */

#opsSidebar,
#opsSidebar .ops-nav{
  background:linear-gradient(180deg,#173552 0%,#176b66 52%,#3f6f32 100%) !important;
}

#opsSidebar .ops-nav{
  border-top:1px solid rgba(255,255,255,.08) !important;
}

#opsSidebar .ops-nav-section{
  color:#ffd777 !important;
  opacity:1 !important;
  text-shadow:0 1px 1px rgba(0,0,0,.16) !important;
}

#opsSidebar .ops-nav button[data-ops-view],
#opsSidebar .ops-nav button[data-ops-view] .ops-nav-label{
  color:#f7fbfc !important;
  opacity:1 !important;
  text-shadow:0 1px 1px rgba(0,0,0,.15) !important;
}

#opsSidebar .ops-nav button[data-ops-view] .ops-nav-icon{
  color:#ffd777 !important;
  background:rgba(255,255,255,.10) !important;
  border-color:rgba(255,255,255,.22) !important;
}

#opsSidebar .ops-nav button[data-ops-view]:hover{
  color:#fff !important;
  background:rgba(255,255,255,.15) !important;
  border-color:rgba(255,215,119,.45) !important;
  border-left-color:#ffd777 !important;
}

#opsSidebar .ops-nav button[data-ops-view].active{
  color:#173552 !important;
  background:linear-gradient(100deg,#fff1bd 0%,#efc95e 100%) !important;
  border-color:#f3d57f !important;
  border-left-color:#fff !important;
  box-shadow:0 9px 24px rgba(9,30,43,.22) !important;
  text-shadow:none !important;
}

#opsSidebar .ops-nav button[data-ops-view].active .ops-nav-label{
  color:#173552 !important;
  text-shadow:none !important;
}

#opsSidebar .ops-nav button[data-ops-view].active .ops-nav-icon{
  color:#ffd777 !important;
  background:#173552 !important;
  border-color:#173552 !important;
}

#opsSidebar .ops-side-foot{
  color:#fff !important;
  background:rgba(8,30,42,.38) !important;
}

.ops-ready #rgLayoutOverlay{
  top:72px !important;
  left:238px !important;
}

#rgLayoutOverlay .rvh-room-finance{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:6px;
  margin-left:auto;
}

#rgLayoutOverlay .rvh-room-rate,
#rgLayoutOverlay .rvh-rent-line{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:3px 8px;
  border-radius:999px;
  font-size:9px;
  font-weight:900;
  white-space:nowrap;
}

#rgLayoutOverlay .rvh-room-rate.configured,
#rgLayoutOverlay .rvh-rent-line.configured{
  color:#165f5a !important;
  background:#edf7f4 !important;
  border:1px solid #c4ddd6 !important;
}

#rgLayoutOverlay .rvh-room-rate.missing,
#rgLayoutOverlay .rvh-rent-line.missing{
  color:#965b12 !important;
  background:#fff6dc !important;
  border:1px solid #efd48d !important;
}

#rgLayoutOverlay .rvh-rent-line{
  margin-top:4px;
  border-radius:8px;
}

#rgLayoutOverlay .rvh-set-rent{
  min-height:30px !important;
  padding:5px 10px !important;
  border:0 !important;
  color:#fff !important;
  background:linear-gradient(110deg,#183153,#176b66,#4f7d35) !important;
  box-shadow:0 5px 12px rgba(24,49,83,.14) !important;
}

#nrpModal #nrpAmount,
#rvhRentModal #rvhMonthlyRent{
  min-height:48px !important;
  border:2px solid #176b66 !important;
  background:#fff !important;
  color:#172435 !important;
  font-size:18px !important;
  font-weight:850 !important;
}

#nrpModal #nrpAmount::placeholder,
#rvhRentModal #rvhMonthlyRent::placeholder{
  color:#7b8b95 !important;
  font-size:13px !important;
  font-weight:600 !important;
}

@media(max-width:820px){
  .ops-ready #rgLayoutOverlay{
    top:72px !important;
    left:0 !important;
  }
}

@media(max-width:560px){
  #rgLayoutOverlay .rvh-room-finance{
    align-items:flex-start;
    width:100%;
    margin-top:7px;
  }
}