/* LULA BY ROOM — Standard UI layer */
html { scroll-behavior: smooth; }
body { min-height: 100vh; }
button, a, input, select, textarea { -webkit-tap-highlight-color: transparent; }
@media (max-width: 767px) {
  body { overflow-x: hidden; }
  header.sticky { position: sticky; }
  .portal-nav-btn { min-height: 40px; }
}
.lula-standard-badge {
  position: fixed; right: 12px; bottom: 12px; z-index: 9999;
  font: 600 10px/1 system-ui,sans-serif;
  padding: 6px 8px; border-radius: 999px;
  background: rgba(255,255,255,.92); color: #6b21a8;
  border: 1px solid #e9d5ff; box-shadow: 0 4px 16px rgba(88,28,135,.10);
  pointer-events: none;
}

/* Room availability panel: customer-facing shared component */
.ra-panel{background:#fff;border:1px solid #e9d5ff;border-radius:28px;padding:20px;box-shadow:0 8px 24px rgba(88,28,135,.08);margin-bottom:24px}
.ra-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid #f1e8ff}
.ra-eyebrow{display:inline-flex;padding:6px 10px;border-radius:999px;background:#faf5ff;border:1px solid #eadcff;color:#7e22ce;font-size:10px;font-weight:900;letter-spacing:.08em}
.ra-title{margin:7px 0 2px;color:#3b0764;font-size:24px;font-weight:900}
.ra-subtitle{margin:0;color:#6b7280;font-size:12px;line-height:1.55}
.ra-refresh{border:1px solid #ddd6fe;background:#fff;color:#6b21a8;border-radius:14px;padding:10px 14px;font-size:12px;font-weight:900;display:inline-flex;align-items:center;gap:7px;cursor:pointer;white-space:nowrap}
.ra-refresh:hover{background:#faf5ff}
.ra-counts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:16px 0}
.ra-count{background:#fafafa;border:1px solid #eeeef1;border-radius:17px;padding:10px 12px}.ra-count span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#6b7280;font-weight:800}.ra-count strong{display:block;margin-top:4px;color:#111827;font-size:18px}.ra-count.available{border-color:#bbf7d0;background:#f0fdf4}.ra-count.available strong{color:#047857}.ra-count.occupied{border-color:#fecaca;background:#fef2f2}.ra-count.occupied strong{color:#b91c1c}.ra-count.scheduled{border-color:#fde68a;background:#fffbeb}.ra-count.scheduled strong{color:#b45309}.ra-count.blocked{border-color:#ddd6fe;background:#f5f3ff}.ra-count.blocked strong{color:#6d28d9}
.ra-filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px}.ra-filter{border:1px solid #e9d5ff;background:#faf5ff;color:#6b21a8;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:800;cursor:pointer}.ra-filter.active{background:#9333ea;color:#fff;border-color:#9333ea}.ra-updated{margin-left:auto;font-size:10px;color:#9ca3af}
.ra-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-height:560px;overflow:auto;padding-right:3px}.ra-room-card{border:1px solid #eee7ff;border-radius:18px;padding:12px;background:#fff}.ra-room-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.ra-room-name{color:#3b0764;font-size:14px;font-weight:900}.ra-room-location{color:#9ca3af;font-size:10px;margin-top:2px}.ra-status{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-radius:999px;font-size:9px;font-weight:900;white-space:nowrap;border:1px solid}.ra-status-available{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.ra-status-occupied{background:#fff1f2;color:#be123c;border-color:#fecdd3}.ra-status-scheduled{background:#fffbeb;color:#b45309;border-color:#fde68a}.ra-status-dirty{background:#fff7ed;color:#c2410c;border-color:#fed7aa}.ra-status-maintenance{background:#f1f5f9;color:#475569;border-color:#cbd5e1}.ra-status-hold{background:#f5f3ff;color:#6d28d9;border-color:#ddd6fe}.ra-room-note{min-height:30px;margin-top:9px;padding-top:8px;border-top:1px dashed #ede9fe;color:#6b7280;font-size:10px;line-height:1.4}.ra-room-note.muted{color:#9ca3af}.ra-room-button{width:100%;margin-top:8px;border-radius:12px;padding:9px 10px;font-size:11px;font-weight:900}.ra-room-button.available{background:#9333ea;color:#fff;border:1px solid #9333ea;cursor:pointer}.ra-room-button.available:hover{background:#7e22ce}.ra-room-button.disabled{background:#f3f4f6;color:#9ca3af;border:1px solid #e5e7eb;cursor:not-allowed}
@media(max-width:900px){.ra-counts{grid-template-columns:repeat(3,minmax(0,1fr))}.ra-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-height:520px}}
@media(max-width:560px){.ra-panel{padding:14px;border-radius:22px}.ra-panel-head{align-items:stretch}.ra-title{font-size:20px}.ra-refresh{padding:9px 11px}.ra-counts{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.ra-count:last-child{grid-column:span 2}.ra-updated{width:100%;margin-left:0}.ra-grid{grid-template-columns:1fr;max-height:560px}.ra-filter-row{gap:6px}.ra-filter{padding:7px 10px;font-size:10px}.ra-room-card{border-radius:16px;padding:11px}}