.joina-floor-spaces { padding: 56px 5%; background: #fff; color: #111; }
.joina-floor-spaces h2 { font-size: 32px; line-height: 1.15; margin: 0 0 24px; }
.joina-map-workspace { display: grid; grid-template-columns: minmax(0, 1fr) 280px; border: 1px solid #d4d8d7; }
.joina-map-canvas { height: 680px; min-width: 0; background: #f2f4f3; z-index: 0; }
.joina-map-canvas img { max-width: none !important; }
.joina-map-canvas .leaflet-interactive { cursor: pointer; }
.joina-space-sidebar { padding: 18px; background: #fff; border-left: 1px solid #d4d8d7; min-width: 0; }
.joina-space-sidebar h3 { margin: 0 0 18px; font-size: 19px; }
.joina-space-sidebar label { display: block; font-size: 13px; font-weight: 600; margin-bottom: 14px; }
.joina-space-sidebar input,.joina-space-sidebar select { display: block; width: 100%; max-width: 100%; margin-top: 6px; min-height: 36px; font-size: 14px; padding: 6px; border: 1px solid #b7bfbd; border-radius: 4px; }
.joina-space-list { max-height: 310px; overflow: auto; margin: 12px 0 20px; }
.joina-space-row { display: block; width: 100%; border: 0; border-bottom: 1px solid #e1e5e3; padding: 11px 8px; background: #fff; color: #222; text-align: left; font: inherit; font-size: 14px; overflow-wrap: anywhere; cursor: pointer; border-radius: 0 !important; }
.joina-space-row:hover { background: #eef3f1; }
.joina-space-row[aria-pressed=true] { background: #f9e7a6; border-left: 3px solid #b61f2a; }
.joina-space-sidebar fieldset { border: 0; padding: 0; margin: 0; }
.joina-space-sidebar legend { font-size: 15px; font-weight: 700; padding: 0 0 12px; }
.joina-space-sidebar small { display: block; font-size: 11px; color: #68706e; overflow-wrap: anywhere; }
.joina-map-actions { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; margin: 12px 0; }
.joina-map-actions .dashicons { vertical-align: middle; }
.joina-floor-spaces .joina-map-actions button { background: #111; color: #fff; padding: 8px 14px; border: 0; font: inherit; font-size: 14px; }
.joina-floor-tabs { display: flex; flex-wrap: wrap; gap: 0; margin-bottom: 16px; border-bottom: 1px solid #d4d8d7; }
.joina-floor-tabs button { background: #fff; color: #111; font: inherit; font-size: 15px; padding: 12px 18px; border: 0; border-bottom: 3px solid transparent; border-radius: 0 !important; }
.joina-floor-tabs button[aria-pressed=true] { border-bottom-color: #b61f2a; font-weight: 700; }
.joina-space-detail { border-top: 1px solid #d4d8d7; padding-top: 18px; }
.joina-space-detail p { margin: 8px 0 16px; }
.joina-space-detail a { font-weight: 700; color: #b61f2a; }
.joina-spaces-editor .leaflet-container a { text-decoration: none; }
@media (max-width: 1100px) { .joina-spaces-editor .joina-map-workspace { grid-template-columns: minmax(0,1fr); } .joina-spaces-editor .joina-space-sidebar { border-left: 0; border-top: 1px solid #d4d8d7; } }
@media (max-width: 760px) {
    .joina-map-workspace { grid-template-columns: minmax(0,1fr); }
    .joina-map-canvas { height: 440px; }
    .joina-space-sidebar { border-left: 0; border-top: 1px solid #d4d8d7; }
    .joina-space-list { max-height: 220px; }
    .joina-floor-spaces { padding: 32px 18px; }
}