/* ════════════════════════════════════════
   units.css — أنماط شاشة الوحدات والـ modals
════════════════════════════════════════ */

/* ── نقطة حالة الوحدة ── */
.unit-status-dot {
  display: inline-block;
  width: 8px; height: 8px;
  border-radius: 50%;
  margin-left: 5px;
  vertical-align: middle;
  flex-shrink: 0;
}
.unit-status-dot.occupied { background: var(--success, #059669); }
.unit-status-dot.vacant   { background: var(--gray-400, #94a3b8); }

/* ── بطاقة الوحدة في القائمة ── */
.unit-card {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #fff;
  border-radius: 14px;
  padding: 12px 14px;
  margin-bottom: 8px;
  border: 1.5px solid var(--gray-200, #e2e8f0);
  cursor: pointer;
  transition: all .18s ease;
  box-shadow: 0 1px 4px rgba(0,0,0,.05);
}
.unit-card:hover {
  border-color: var(--primary, #1a6b4a);
  box-shadow: 0 3px 12px rgba(26,107,74,.1);
  transform: translateY(-1px);
}
.unit-card:active { transform: scale(.98); }

/* ── شارة رقم الوحدة ── */
.unit-number-badge {
  width: 48px; height: 48px;
  min-width: 48px;
  background: var(--primary, #1a6b4a);
  color: #fff;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: .5px;
}

/* ── Modal إدارة الوحدات ── */
#modal-unit-manage .modal {
  max-height: 80vh;
  overflow-y: auto;
}

/* ── القائمة المنسدلة للوحدات الشاغرة ── */
#res-unit {
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%231a6b4a' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left 12px center;
  padding-left: 36px;
}

/* ── تنبيه لا وحدات شاغرة ── */
#res-no-vacant-alert {
  background: #FEF3C7;
  border-radius: 12px;
  padding: 10px 14px;
  margin-bottom: 12px;
  display: flex;
  gap: 8px;
  align-items: flex-start;
}

/* ── hint رقم الوحدة ── */
#res-unit-hint {
  font-size: 12px;
  color: var(--primary, #1a6b4a);
  font-weight: 600;
  margin-top: 4px;
  min-height: 16px;
}

/* ── stat-card إضافية ── */
.stat-card.blue {
  background: linear-gradient(135deg, #EFF6FF, #DBEAFE);
  border-color: #BFDBFE;
}
.stat-card.blue .stat-icon { color: #1D4ED8; }
.stat-card.blue .stat-value { color: #1E3A8A; }
.stat-card.blue .stat-label { color: #3B82F6; }