/* PM24 V186 — scalable boards + member profile premium polish */

/* HOTEL / LODGE / RESORT: fixed readable cards; room count adds rows, never shrinks cards */
body.app-frontdesk .fd-approved-room-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  width:100%!important;
  align-items:stretch!important;
}
body.app-frontdesk .fd-room-ball{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:154px!important;
  height:auto!important;
  overflow:hidden!important;
}
body.app-frontdesk .fd-room-ball>a,
body.app-frontdesk .fd-room-ball>button,
body.app-frontdesk .fd-room-ball>span,
body.app-frontdesk .fd-room-ball form,
body.app-frontdesk .fd-room-ball form button{
  min-height:152px!important;
  height:100%!important;
  padding:14px!important;
  overflow:hidden!important;
}
body.app-frontdesk .fd-room-ball .fd-room-title,
body.app-frontdesk .fd-room-ball strong,
body.app-frontdesk .fd-room-ball b{
  overflow-wrap:anywhere!important;
}
body.app-frontdesk .fd-floor-stack{overflow:visible!important;max-height:none!important;height:auto!important}

/* PG / CO-LIVING: same scalable fixed-card principle */
.pgco-v108-room-list{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  width:100%!important;
  align-items:start!important;
}
.pgco-v108-room{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
}
.pgco-v108-room-header h3,
.pgco-v108-room-header strong,
.pgco-v108-room-header span{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.pgco-v107-floor-list{overflow:visible!important;max-height:none!important;height:auto!important}

/* MEMBER PROFILE: modern PM24 layout, no legacy yellow/green action buttons */
body.app-member-view .member-profile-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:20px!important;
  margin-bottom:16px!important;
}
body.app-member-view .member-profile-head h1{font-size:clamp(34px,4vw,54px)!important;line-height:1!important;margin:6px 0 10px!important}
body.app-member-view .member-profile-head p{font-size:16px!important;color:#64789a!important}
body.app-member-view .member-profile-head .btn{
  background:#fff!important;color:#0b2f70!important;border:1px solid #cbd9ef!important;box-shadow:none!important
}
body.app-member-view .member-profile-head .btn:first-child{border-color:#ff2f87!important;color:#d81468!important}

body.app-member-view .member-profile-summary{
  display:grid!important;
  grid-template-columns:minmax(250px,1.35fr) repeat(3,minmax(150px,.8fr)) minmax(190px,.9fr)!important;
  gap:0!important;
  align-items:stretch!important;
  padding:0!important;
  border:1px solid #d8e3f3!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:#fff!important;
  box-shadow:0 18px 45px rgba(9,38,91,.08)!important;
}
body.app-member-view .member-profile-summary>div,
body.app-member-view .member-profile-summary>a{
  margin:0!important;
  border-radius:0!important;
  border:0!important;
  border-right:1px solid #e3ebf6!important;
  padding:22px 20px!important;
  min-height:122px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  box-shadow:none!important;
}
body.app-member-view .member-profile-summary>a:last-child{border-right:0!important}
body.app-member-view .member-profile-summary>div>span{font-size:12px!important;text-transform:uppercase!important;letter-spacing:.04em!important;color:#657797!important;font-weight:800!important}
body.app-member-view .member-profile-summary>div>b{font-size:27px!important;color:#092d68!important;margin:6px 0!important}
body.app-member-view .member-profile-summary>div>small{color:#7587a6!important}
body.app-member-view .member-profile-summary .has-pending{background:#fff7f7!important}
body.app-member-view .member-profile-summary .has-pending>b{color:#ef2b55!important}
body.app-member-view .member-summary-person{flex-direction:row!important;align-items:center!important;gap:14px!important}
body.app-member-view .member-summary-person img,
body.app-member-view .member-summary-person>span{width:64px!important;height:64px!important;border-radius:50%!important;object-fit:cover!important;display:grid!important;place-items:center!important;background:#e8f1ff!important;color:#0a61df!important;font-size:24px!important;font-weight:900!important;flex:0 0 64px!important}
body.app-member-view .member-summary-person b{font-size:21px!important;color:#0a2f6d!important}
body.app-member-view .member-profile-summary>a.btn{
  align-items:center!important;
  text-align:center!important;
  font-size:16px!important;
  font-weight:900!important;
  text-decoration:none!important;
}
body.app-member-view .member-profile-summary>a.btn:first-of-type{background:linear-gradient(135deg,#ff1480,#ec1970)!important;color:#fff!important}
body.app-member-view .member-profile-summary>a.btn:last-of-type{background:linear-gradient(135deg,#0877ff,#0959c8)!important;color:#fff!important}

body.app-member-view .member-detail-split{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:start!important;
  margin-top:18px!important;
}
body.app-member-view .member-detail-split>.card,
body.app-member-view .member-edit-card,
body.app-member-view main>.card{
  border:1px solid #dce6f4!important;
  border-radius:20px!important;
  box-shadow:0 12px 34px rgba(9,38,91,.06)!important;
}
body.app-member-view .facts{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
body.app-member-view .fact{background:#f7f9fd!important;border:1px solid #e7edf7!important;border-radius:14px!important;padding:14px!important;min-height:86px!important}
body.app-member-view .fact span{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.04em!important;color:#6c7e9e!important;font-weight:800!important}
body.app-member-view .fact strong{font-size:16px!important;color:#111d34!important;line-height:1.45!important}
body.app-member-view .member-deposit-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
body.app-member-view .member-deposit-kpis>div{border-radius:14px!important;background:#f7f9fd!important;border:1px solid #e5ecf7!important;padding:16px!important}
body.app-member-view .member-deposit-kpis .pending{background:#fff4f6!important;border-color:#ffd0dc!important}
body.app-member-view .data-table{background:#fff!important;border-radius:16px!important;overflow:hidden!important}

/* No legacy yellow action buttons on member profile; operational due/cleaning colours remain elsewhere */
body.app-member-view .btn:not(.outline):not(.ghost){background:linear-gradient(135deg,#ff1480,#e9136b)!important;color:#fff!important;border-color:transparent!important}
body.app-member-view .btn.outline{background:#fff!important;color:#0a5ed7!important;border-color:#9fc2f3!important}
body.app-member-view .btn.ghost{background:#f4f7fc!important;color:#17355f!important}

@media(min-width:1700px){
  body.app-frontdesk .fd-approved-room-grid,.pgco-v108-room-list{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
@media(max-width:1250px){
  body.app-frontdesk .fd-approved-room-grid,.pgco-v108-room-list{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.app-member-view .member-profile-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.app-member-view .member-profile-summary>*{border-bottom:1px solid #e3ebf6!important}
}
@media(max-width:900px){
  body.app-frontdesk .fd-approved-room-grid,.pgco-v108-room-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.app-member-view .member-detail-split{grid-template-columns:1fr!important}
  body.app-member-view .facts{grid-template-columns:1fr 1fr!important}
  body.app-member-view .member-deposit-kpis{grid-template-columns:1fr 1fr!important}
}
@media(max-width:620px){
  body.app-frontdesk .fd-approved-room-grid,.pgco-v108-room-list{grid-template-columns:1fr!important}
  body.app-member-view .member-profile-head{display:block!important}
  body.app-member-view .member-profile-head>div:last-child{margin-top:14px!important}
  body.app-member-view .member-profile-summary{grid-template-columns:1fr!important}
  body.app-member-view .member-profile-summary>*{border-right:0!important;border-bottom:1px solid #e3ebf6!important}
  body.app-member-view .facts,body.app-member-view .member-deposit-kpis{grid-template-columns:1fr!important}
}