/* HRM Monitor Grid - modern clean styles optimized for desktop */
.hrm-monitor-wrap { direction: rtl; font-family: 'Tahoma', Arial, sans-serif; max-width: 1300px; margin: 18px auto; }
.hrm-monitor-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:8px; gap:12px; }
.hrm-legend { display:flex; gap:12px; align-items:center; }
.hrm-legend .legend-item { display:flex; gap:8px; align-items:center; font-size:14px; color:#333; }
.hrm-legend .dot { width:18px; height:18px; border-radius:4px; display:inline-block; border:1px solid rgba(0,0,0,0.06); box-shadow:0 1px 2px rgba(0,0,0,0.04); }
.hrm-monitor-grid { display:grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap:12px; }
.hrm-room { background:#fff; border-radius:10px; padding:12px; text-align:center; cursor:pointer; user-select:none; border:1px solid rgba(0,0,0,0.06); box-shadow: 0 8px 26px rgba(12,21,30,0.04); transition: transform .08s ease, box-shadow .08s ease; display:flex; flex-direction:column; justify-content:center; min-height:100px; }
.hrm-room:active { transform: translateY(1px); }
.hrm-room .number { font-weight:700; font-size:16px; margin-bottom:6px; color:#0f1724; }
.hrm-room .label { font-size:13px; color: rgba(0,0,0,0.7); }
.hrm-status-menu { display:none; position:absolute; z-index:9999; background:#fff; border:1px solid #e6e6e6; border-radius:8px; padding:6px; box-shadow:0 12px 30px rgba(12,21,30,0.08); min-width:200px; }
.hrm-status-menu .opt { padding:10px 14px; cursor:pointer; border-radius:6px; margin:6px 0; font-weight:700; display:flex; justify-content:space-between; align-items:center; }
.hrm-status-menu .opt:hover { background: #f5f7fb; }
.hrm-status-swatch { width:30px; height:20px; border-radius:6px; border:1px solid rgba(0,0,0,0.06); box-shadow:0 2px 6px rgba(12,21,30,0.04); }
@media (max-width: 1000px) {
  .hrm-monitor-grid { grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); }
  .hrm-room { min-height:88px; padding:10px; }
}