/* تنسيقات الخريطة */
.map-container[data-v-22024b96] {
  position: relative;
}
.map-loading[data-v-22024b96] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 500px;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 8px;
}
.map-loading p[data-v-22024b96] {
  margin-top: 16px;
  color: #666;
}
.map-controls[data-v-22024b96] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.map-layers-info[data-v-22024b96] {
  border: 1px solid #e0e0e0;
}

/* نموذج التسمية */
.naming-form[data-v-22024b96] {
  animation: slideDown-22024b96 0.3s ease-out;
}
@keyframes slideDown-22024b96 {
from {
    opacity: 0;
    transform: translateY(-10px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

/* قائمة المناطق المخزنة */
.stored-zones-list[data-v-22024b96] {
  transition: all 0.3s ease;
}
.stored-zones-list[data-v-22024b96]:hover {
  box-shadow: 0 2px 8px rgba(25, 118, 210, 0.15);
}
.v-chip--clickable[data-v-22024b96] {
  cursor: pointer;
  transition: all 0.2s ease;
}
.v-chip--clickable[data-v-22024b96]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* العناصر القابلة للنقر */
.clickable[data-v-22024b96] {
  cursor: pointer;
  transition: all 0.2s ease;
}
.clickable[data-v-22024b96]:hover {
  transform: scale(1.05);
}
.text-muted[data-v-22024b96] {
  color: #6c757d !important;
  font-size: 0.875rem;
}

/* تحسينات للشاشات الصغيرة */
@media (max-width: 768px) {
.map-controls[data-v-22024b96] {
    flex-direction: column;
}
.map-controls .v-btn[data-v-22024b96] {
    margin-bottom: 8px;
    width: 100%;
}
.stored-zones-list[data-v-22024b96] {
    padding: 8px !important;
}
.naming-form[data-v-22024b96] {
    padding: 12px !important;
}
}

/* تحسين المضلعات */
#zoneMap[data-v-22024b96] {
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
.map-layers-info .v-chip[data-v-22024b96] {
  margin: 2px;
}

/* إضافة تنسيقات للمنطقة قيد التعديل */
.editing-zone[data-v-22024b96] {
  border: 2px dashed #ff9800 !important;
}

/* تحسين شكل الشيب عند التعديل */
.v-chip--editing[data-v-22024b96] {
  background-color: #ff9800 !important;
  color: white !important;
}

/* تنسيقات إضافية لوضع التعديل */
.naming-form.editing[data-v-22024b96] {
  border-color: #ff9800 !important;
  background: #fff3e0 !important;
}

/* تحسين شكل الشيب في وضع التعديل */
.v-chip--editable[data-v-22024b96] {
  cursor: pointer;
  transition: all 0.3s ease;
}
.v-chip--editable[data-v-22024b96]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* تخصيص لون المنطقة قيد التعديل على الخريطة */
.editing-polygon[data-v-22024b96] {
  stroke-color: #ff9800 !important;
  fill-color: #ff9800 !important;
}