/* NEST IN - SIMPLE PROPERTY ROOM VIEW */

#rgLayoutOverlay.rpr-roomview{
  --rv-blue:#3156d3;
  --rv-text:#263247;
  --rv-muted:#748095;
  --rv-line:#e6e9ef;
  --rv-bg:#f8f9fb;

  background:var(--rv-bg)!important;
}


/* Main area */

#rgLayoutOverlay.rpr-roomview .rg-shell{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}

#rgLayoutOverlay.rpr-roomview #rgContent{
  width:100%!important;
  max-width:1500px!important;
  margin:0 auto!important;
  padding:18px 22px 34px!important;
  box-sizing:border-box!important;
}


/* Top bar */

#rgLayoutOverlay.rpr-roomview .rg-top{
  position:sticky!important;
  top:0!important;
  z-index:30!important;

  min-height:62px!important;
  padding:10px 20px!important;

  background:#fff!important;

  border-bottom:1px solid var(--rv-line)!important;

  box-shadow:none!important;
}


/* Filters */

#rgLayoutOverlay.rpr-roomview #rgProperty,
#rgLayoutOverlay.rpr-roomview #rgFloor,
#rgLayoutOverlay.rpr-roomview #rgSearch{
  height:42px!important;

  background:#fff!important;
  color:var(--rv-text)!important;

  border:1px solid #dfe4eb!important;
  border-radius:8px!important;

  box-shadow:none!important;

  font-size:12px!important;
  font-weight:500!important;
}

#rgLayoutOverlay.rpr-roomview #rgProperty{
  min-width:230px!important;
}

#rgLayoutOverlay.rpr-roomview #rgFloor{
  min-width:140px!important;
}

#rgLayoutOverlay.rpr-roomview #rgSearch{
  min-width:280px!important;
}


/* Summary */

#rgLayoutOverlay.rpr-roomview .rg-summary,
#rgLayoutOverlay.rpr-roomview .rg-stats,
#rgLayoutOverlay.rpr-roomview [class*="summary-grid"],
#rgLayoutOverlay.rpr-roomview [class*="stats-grid"]{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(100px,1fr))!important;

  gap:8px!important;

  margin:14px 0 20px!important;
}

#rgLayoutOverlay.rpr-roomview .rg-stat,
#rgLayoutOverlay.rpr-roomview [class*="stat-card"],
#rgLayoutOverlay.rpr-roomview [class*="summary-card"]{
  min-height:64px!important;

  padding:10px 12px!important;

  background:#fff!important;

  border:1px solid var(--rv-line)!important;
  border-radius:9px!important;

  box-shadow:none!important;
}


/* Property */

#rgLayoutOverlay.rpr-roomview .rg-property,
#rgLayoutOverlay.rpr-roomview [class*="property-section"]{
  margin-bottom:22px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}


/* Simple property heading */

#rgLayoutOverlay.rpr-roomview .rg-property > h2,
#rgLayoutOverlay.rpr-roomview [class*="property-title"]{
  min-height:auto!important;

  margin:0 0 13px!important;
  padding:0 0 10px!important;

  background:transparent!important;

  color:var(--rv-text)!important;

  border-radius:0!important;
  border-bottom:1px solid var(--rv-line)!important;

  box-shadow:none!important;

  font-size:15px!important;
  font-weight:650!important;
}


/* Floor */

#rgLayoutOverlay.rpr-roomview .rg-floor,
#rgLayoutOverlay.rpr-roomview [class*="floor-section"]{
  margin-bottom:20px!important;
  padding:0!important;

  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

#rgLayoutOverlay.rpr-roomview .rg-floor > h3,
#rgLayoutOverlay.rpr-roomview [class*="floor-title"]{
  margin:0 0 10px!important;

  color:#68758a!important;

  font-size:11px!important;
  font-weight:650!important;

  letter-spacing:.05em!important;
  text-transform:uppercase!important;
}

#rgLayoutOverlay.rpr-roomview .rg-floor > h3::before,
#rgLayoutOverlay.rpr-roomview [class*="floor-title"]::before{
  display:none!important;
}


/* Room grid */

#rgLayoutOverlay.rpr-roomview .rg-room-grid,
#rgLayoutOverlay.rpr-roomview [class*="room-grid"]{
  display:grid!important;

  grid-template-columns:
    repeat(3,minmax(0,1fr))!important;

  gap:12px!important;

  align-items:start!important;
}


/* Room card */

#rgLayoutOverlay.rpr-roomview .rg-room,
#rgLayoutOverlay.rpr-roomview [class*="room-card"]{
  min-width:0!important;
  margin:0!important;

  overflow:hidden!important;

  background:#fff!important;

  border:1px solid var(--rv-line)!important;
  border-radius:10px!important;

  box-shadow:none!important;

  transform:none!important;
}

#rgLayoutOverlay.rpr-roomview .rg-room:hover,
#rgLayoutOverlay.rpr-roomview [class*="room-card"]:hover{
  transform:none!important;

  border-color:#cfd6e1!important;

  box-shadow:
    0 3px 10px rgba(23,35,60,.045)!important;
}


/* remove top gradient */

#rgLayoutOverlay.rpr-roomview .rg-room::before,
#rgLayoutOverlay.rpr-roomview [class*="room-card"]::before{
  display:none!important;
}


/* Room header */

#rgLayoutOverlay.rpr-roomview .rg-room-head,
#rgLayoutOverlay.rpr-roomview [class*="room-head"]{
  padding:13px 14px 10px!important;

  border-bottom:1px solid #eef1f5!important;
}

#rgLayoutOverlay.rpr-roomview .rg-room h3,
#rgLayoutOverlay.rpr-roomview .rg-room h4{
  margin:0!important;

  color:var(--rv-text)!important;

  font-size:15px!important;
  font-weight:650!important;
}


/* General room text */

#rgLayoutOverlay.rpr-roomview .rg-room p,
#rgLayoutOverlay.rpr-roomview .rg-room small{
  color:var(--rv-muted)!important;
  font-size:11px!important;
  font-weight:400!important;
}


/* Cot / Bed */

#rgLayoutOverlay.rpr-roomview .rg-bed,
#rgLayoutOverlay.rpr-roomview [class*="bed-card"],
#rgLayoutOverlay.rpr-roomview [class*="cot-card"]{
  margin:7px 10px!important;
  padding:10px 11px!important;

  background:#fafbfc!important;

  border:1px solid #e7eaf0!important;
  border-radius:8px!important;

  box-shadow:none!important;
}


/* subtle status indication */

#rgLayoutOverlay.rpr-roomview .occupied,
#rgLayoutOverlay.rpr-roomview [data-status="Occupied"]{
  border-left:3px solid #3d9b75!important;
}

#rgLayoutOverlay.rpr-roomview .vacant,
#rgLayoutOverlay.rpr-roomview [data-status="Vacant"]{
  border-left:3px solid #6d87d8!important;
}

#rgLayoutOverlay.rpr-roomview .reserved,
#rgLayoutOverlay.rpr-roomview [data-status="Reserved"]{
  border-left:3px solid #d3a455!important;
}

#rgLayoutOverlay.rpr-roomview .blocked,
#rgLayoutOverlay.rpr-roomview [data-status="Blocked"]{
  border-left:3px solid #c96b72!important;
}


/* Buttons */

#rgLayoutOverlay.rpr-roomview button{
  min-height:31px!important;

  padding:5px 9px!important;

  border-radius:7px!important;

  font-size:10px!important;
  font-weight:600!important;

  box-shadow:none!important;
}

#rgLayoutOverlay.rpr-roomview [data-rg-allot],
#rgLayoutOverlay.rpr-roomview [data-record-payment]{
  background:#3156d3!important;
  color:#fff!important;

  border-color:#3156d3!important;
}

#rgLayoutOverlay.rpr-roomview [data-rg-resident],
#rgLayoutOverlay.rpr-roomview [data-grw-full-resident]{
  background:#f3f5fb!important;
  color:#3156d3!important;

  border-color:#dde3f3!important;
}


/* Actions */

#rgLayoutOverlay.rpr-roomview .rg-actions,
#rgLayoutOverlay.rpr-roomview [class*="actions"]{
  display:flex!important;
  flex-wrap:wrap!important;

  gap:5px!important;
}


/* Keep notification clean */

#rprPriorityRail{
  width:315px!important;

  border-radius:9px!important;

  box-shadow:
    0 4px 14px rgba(23,35,60,.10)!important;
}


/* Responsive */

@media(max-width:1250px){

  #rgLayoutOverlay.rpr-roomview .rg-room-grid,
  #rgLayoutOverlay.rpr-roomview [class*="room-grid"]{
    grid-template-columns:
      repeat(2,minmax(0,1fr))!important;
  }

  #rgLayoutOverlay.rpr-roomview .rg-summary,
  #rgLayoutOverlay.rpr-roomview .rg-stats,
  #rgLayoutOverlay.rpr-roomview [class*="summary-grid"],
  #rgLayoutOverlay.rpr-roomview [class*="stats-grid"]{
    grid-template-columns:
      repeat(4,minmax(100px,1fr))!important;
  }
}

@media(max-width:800px){

  #rgLayoutOverlay.rpr-roomview .rg-room-grid,
  #rgLayoutOverlay.rpr-roomview [class*="room-grid"]{
    grid-template-columns:1fr!important;
  }

  #rgLayoutOverlay.rpr-roomview #rgContent{
    padding:12px!important;
  }
}

@media(max-width:520px){

  #rgLayoutOverlay.rpr-roomview .rg-summary,
  #rgLayoutOverlay.rpr-roomview .rg-stats,
  #rgLayoutOverlay.rpr-roomview [class*="summary-grid"],
  #rgLayoutOverlay.rpr-roomview [class*="stats-grid"]{
    grid-template-columns:
      repeat(2,minmax(0,1fr))!important;
  }

  #rgLayoutOverlay.rpr-roomview #rgProperty,
  #rgLayoutOverlay.rpr-roomview #rgFloor,
  #rgLayoutOverlay.rpr-roomview #rgSearch{
    width:100%!important;
    min-width:0!important;
  }
}

/* NEST IN ROOM VIEW V3 - WIDE OPERATIONS LAYOUT */

#rgLayoutOverlay.rpr-roomview #rgContent{
  max-width:1700px!important;
  padding:18px 24px 40px!important;
}

/* Two room cards per row on normal desktop */
#rgLayoutOverlay.rpr-roomview .rg-room-grid,
#rgLayoutOverlay.rpr-roomview [class*="room-grid"]{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
}

/* Wider room cards */
#rgLayoutOverlay.rpr-roomview .rg-room,
#rgLayoutOverlay.rpr-roomview [class*="room-card"]{
  border-radius:14px!important;
  border:1px solid #e0e5ec!important;
  background:#fff!important;
}

/* Room header */
#rgLayoutOverlay.rpr-roomview .rg-room-head,
#rgLayoutOverlay.rpr-roomview [class*="room-head"]{
  padding:15px 16px 12px!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:14px!important;
}

/* Cot area */
#rgLayoutOverlay.rpr-roomview .rg-bed-list,
#rgLayoutOverlay.rpr-roomview [class*="bed-list"],
#rgLayoutOverlay.rpr-roomview [class*="cot-list"]{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  padding:12px!important;
}

/* Individual cot */
#rgLayoutOverlay.rpr-roomview .rg-bed,
#rgLayoutOverlay.rpr-roomview [class*="bed-card"],
#rgLayoutOverlay.rpr-roomview [class*="cot-card"]{
  margin:0!important;
  min-width:0!important;
  padding:12px!important;
  border-radius:10px!important;
  background:#fafbfc!important;
  min-height:132px!important;
}

/* Status hierarchy */
#rgLayoutOverlay.rpr-roomview .occupied,
#rgLayoutOverlay.rpr-roomview [data-status="Occupied"]{
  border-left:4px solid #23865d!important;
}

#rgLayoutOverlay.rpr-roomview .vacant,
#rgLayoutOverlay.rpr-roomview [data-status="Vacant"]{
  border-left:4px solid #4266cf!important;
}

#rgLayoutOverlay.rpr-roomview .reserved,
#rgLayoutOverlay.rpr-roomview [data-status="Advance Booking"],
#rgLayoutOverlay.rpr-roomview [data-status="Yet to Join"]{
  border-left:4px solid #c98b22!important;
}

#rgLayoutOverlay.rpr-roomview [data-status="Notice"]{
  border-left:4px solid #c86432!important;
}

#rgLayoutOverlay.rpr-roomview .blocked,
#rgLayoutOverlay.rpr-roomview [data-status="Blocked"],
#rgLayoutOverlay.rpr-roomview [data-status="Maintenance"]{
  border-left:4px solid #bb4652!important;
}

/* Improve summary cards */
#rgLayoutOverlay.rpr-roomview .rg-summary,
#rgLayoutOverlay.rpr-roomview .rg-stats,
#rgLayoutOverlay.rpr-roomview [class*="summary-grid"],
#rgLayoutOverlay.rpr-roomview [class*="stats-grid"]{
  gap:10px!important;
}

#rgLayoutOverlay.rpr-roomview .rg-stat,
#rgLayoutOverlay.rpr-roomview [class*="stat-card"],
#rgLayoutOverlay.rpr-roomview [class*="summary-card"]{
  min-height:72px!important;
  padding:12px 14px!important;
}

/* Tablet */
@media(max-width:1180px){
  #rgLayoutOverlay.rpr-roomview .rg-room-grid,
  #rgLayoutOverlay.rpr-roomview [class*="room-grid"]{
    grid-template-columns:1fr!important;
  }
}

/* Mobile */
@media(max-width:700px){
  #rgLayoutOverlay.rpr-roomview #rgContent{
    padding:12px!important;
  }

  #rgLayoutOverlay.rpr-roomview .rg-summary,
  #rgLayoutOverlay.rpr-roomview .rg-stats,
  #rgLayoutOverlay.rpr-roomview [class*="summary-grid"],
  #rgLayoutOverlay.rpr-roomview [class*="stats-grid"]{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  #rgLayoutOverlay.rpr-roomview .rg-bed-list,
  #rgLayoutOverlay.rpr-roomview [class*="bed-list"],
  #rgLayoutOverlay.rpr-roomview [class*="cot-list"]{
    grid-template-columns:1fr!important;
  }
}


/* =====================================================
   NEST IN ROOM VIEW V3.1
   FULL WIDTH RESPONSIVE ROOM + COT LAYOUT
   ===================================================== */

/* Room grid:
   - one room = full width
   - two rooms = two columns when space permits
*/
#rgLayoutOverlay.rpr-roomview .rg-room-grid{
  display:grid!important;
  grid-template-columns:repeat(
    auto-fit,
    minmax(min(560px,100%),1fr)
  )!important;
  gap:16px!important;
  width:100%!important;
}

/* Room card takes complete grid track */
#rgLayoutOverlay.rpr-roomview .rg-room{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  padding:14px!important;
  border-radius:14px!important;
  box-sizing:border-box!important;
}

/* Better room heading */
#rgLayoutOverlay.rpr-roomview .rg-room-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:18px!important;
  margin-bottom:14px!important;
  padding:2px 2px 12px!important;
  border-bottom:1px solid #edf0f2!important;
}

#rgLayoutOverlay.rpr-roomview .rg-room-title{
  font-size:16px!important;
  font-weight:850!important;
}

#rgLayoutOverlay.rpr-roomview .rg-room-meta{
  font-size:11px!important;
  white-space:nowrap!important;
}

/* REAL cot container is .rg-beds */
#rgLayoutOverlay.rpr-roomview .rg-beds{
  display:grid!important;
  grid-template-columns:repeat(
    auto-fit,
    minmax(180px,1fr)
  )!important;
  gap:10px!important;
  width:100%!important;
}

/* Cot cards */
#rgLayoutOverlay.rpr-roomview .rg-bed{
  width:100%!important;
  min-width:0!important;
  min-height:142px!important;
  margin:0!important;
  padding:12px!important;
  box-sizing:border-box!important;
}

/* Slightly stronger cot title */
#rgLayoutOverlay.rpr-roomview .rg-bed-name{
  font-size:12px!important;
  font-weight:850!important;
}

/* Give actions breathing room */
#rgLayoutOverlay.rpr-roomview .rg-bed .rg-actions{
  margin-top:10px!important;
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px!important;
}

/* Room card buttons */
#rgLayoutOverlay.rpr-roomview .rg-bed .rg-btn{
  min-height:32px!important;
  padding:6px 10px!important;
  font-size:10px!important;
}

/* Tablet */
@media(max-width:1100px){
  #rgLayoutOverlay.rpr-roomview .rg-room-grid{
    grid-template-columns:1fr!important;
  }

  #rgLayoutOverlay.rpr-roomview .rg-beds{
    grid-template-columns:repeat(
      auto-fit,
      minmax(170px,1fr)
    )!important;
  }
}

/* Mobile */
@media(max-width:700px){
  #rgLayoutOverlay.rpr-roomview .rg-room{
    padding:11px!important;
  }

  #rgLayoutOverlay.rpr-roomview .rg-beds{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:430px){
  #rgLayoutOverlay.rpr-roomview .rg-beds{
    grid-template-columns:1fr!important;
  }

  #rgLayoutOverlay.rpr-roomview .rg-room-head{
    grid-template-columns:1fr!important;
  }

  #rgLayoutOverlay.rpr-roomview .rg-room-meta{
    text-align:left!important;
  }
}