/* Spaces for rent / shared workspace marketplace */
.spaces-hero { background: linear-gradient(135deg, #0b3d4a 0%, #0f766e 45%, #1e3a5f 100%); }
.spaces-groups { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 1rem; }
.spaces-chip {
  display: inline-flex; align-items: center; padding: .4rem .85rem; border-radius: 999px;
  background: #f1f5f9; color: #0f172a; text-decoration: none; font-size: .85rem; border: 1px solid #e2e8f0;
}
.spaces-chip.active, .spaces-chip:hover { background: #0f766e; color: #fff; border-color: #0f766e; }
.spaces-ph {
  display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;
  font-size: .95rem; font-weight: 600; padding: 1rem; text-align: center;
}
.spaces-ph.large { min-height: 220px; background: linear-gradient(135deg, #0f766e, #1e3a8a); color: #fff; border-radius: 12px; }
.spaces-card .rc-now span { display: block; font-size: .8rem; opacity: .85; margin-top: .15rem; }
.spaces-detail { display: grid; grid-template-columns: 1.4fr .8fr; gap: 1.5rem; align-items: start; }
.spaces-detail-main h1 { margin: .75rem 0 .35rem; font-size: 1.6rem; }
.spaces-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: .5rem; }
.spaces-gallery img { width: 100%; height: 180px; object-fit: cover; border-radius: 12px; }
.spaces-amenities { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: .35rem .75rem; margin: 0; padding-inline-start: 1.1rem; }
.spaces-inquire .form-group { margin-bottom: .65rem; }
.spaces-inquire label { display: block; font-size: .78rem; color: #64748b; margin-bottom: .2rem; }
.spaces-inquire input, .spaces-inquire select, .spaces-inquire textarea {
  width: 100%; padding: .5rem .6rem; border: 1px solid #cbd5e1; border-radius: 8px; font-family: inherit;
}
@media (max-width: 900px) {
  .spaces-detail { grid-template-columns: 1fr; }
}