/* Modal Dialog Centered */
[data-v-221a5b3a] .modal-dialog-centered {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 24px auto !important;
}

/* Modal Card Styles */
.modal-card[data-v-221a5b3a] {
  border-radius: 12px !important;
  overflow: hidden;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15) !important;
}

/* Header Gradient - Blue for Promo Code */
.modal-header-gradient[data-v-221a5b3a] {
  background: linear-gradient(135deg, #1976d2 0%, #1565c0 100%);
  min-height: 65px;
}

/* Header Gradient - Green for City */
.modal-header-gradient-green[data-v-221a5b3a] {
  background: linear-gradient(135deg, #43a047 0%, #2e7d32 100%);
  min-height: 65px;
}

/* Header Gradient - Orange for Offer Code */
.modal-header-gradient-orange[data-v-221a5b3a] {
  background: linear-gradient(135deg, #fb8c00 0%, #e65100 100%);
  min-height: 65px;
}

/* Header Gradient - Purple for Sales Agent */
.modal-header-gradient-purple[data-v-221a5b3a] {
  background: linear-gradient(135deg, #9c27b0 0%, #7b1fa2 100%);
  min-height: 65px;
}
.modal-header-content[data-v-221a5b3a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 12px 20px;
}
.modal-icon-wrapper[data-v-221a5b3a],
.modal-icon-wrapper-green[data-v-221a5b3a],
.modal-icon-wrapper-orange[data-v-221a5b3a],
.modal-icon-wrapper-purple[data-v-221a5b3a] {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-close-btn[data-v-221a5b3a] {
  background: rgba(255, 255, 255, 0.15) !important;
}
.modal-close-btn[data-v-221a5b3a]:hover {
  background: rgba(255, 255, 255, 0.25) !important;
}
.opacity-80[data-v-221a5b3a] {
  opacity: 0.8;
}

/* Search Section */
.search-section[data-v-221a5b3a] {
  background: #f8f9fa;
  padding: 16px;
  border-radius: 10px;
  border: 1px solid #e9ecef;
}

/* Table Header */
.table-header[data-v-221a5b3a] {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}
.table-header th[data-v-221a5b3a] {
  font-weight: 600 !important;
  color: #495057 !important;
  font-size: 0.8rem !important;
  padding: 12px 8px !important;
  border-bottom: 2px solid #dee2e6 !important;
  white-space: nowrap;
}

/* Elegant Table */
.elegant-table[data-v-221a5b3a] {
  border-collapse: collapse !important;
}
.elegant-table tbody tr[data-v-221a5b3a] {
  transition: all 0.2s ease;
}
.elegant-table tbody tr td[data-v-221a5b3a] {
  padding: 10px 8px !important;
  border-bottom: 1px solid #f0f0f0 !important;
  font-size: 0.85rem;
  background: inherit !important;
}

/* Clickable Row */
.clickable-row[data-v-221a5b3a] {
  cursor: pointer;
  background-color: white;
}
.clickable-row[data-v-221a5b3a]:hover {
  background-color: #e3f2fd !important;
}
.clickable-row:hover td[data-v-221a5b3a] {
  background-color: #e3f2fd !important;
}

/* Selected Row - Blue */
.selected-row[data-v-221a5b3a] {
  background-color: #bbdefb !important;
}
.selected-row td[data-v-221a5b3a] {
  background-color: #bbdefb !important;
}
.selected-row[data-v-221a5b3a]:hover,
.selected-row:hover td[data-v-221a5b3a] {
  background-color: #90caf9 !important;
}

/* Selected Row - Green */
.selected-row-green[data-v-221a5b3a] {
  background-color: #c8e6c9 !important;
}
.selected-row-green td[data-v-221a5b3a] {
  background-color: #c8e6c9 !important;
}
.selected-row-green[data-v-221a5b3a]:hover,
.selected-row-green:hover td[data-v-221a5b3a] {
  background-color: #a5d6a7 !important;
}

/* Selected Row - Orange */
.selected-row-orange[data-v-221a5b3a] {
  background-color: #ffe0b2 !important;
}
.selected-row-orange td[data-v-221a5b3a] {
  background-color: #ffe0b2 !important;
}
.selected-row-orange[data-v-221a5b3a]:hover,
.selected-row-orange:hover td[data-v-221a5b3a] {
  background-color: #ffcc80 !important;
}

/* Selected Row - Purple */
.selected-row-purple[data-v-221a5b3a] {
  background-color: #e1bee7 !important;
}
.selected-row-purple td[data-v-221a5b3a] {
  background-color: #e1bee7 !important;
}
.selected-row-purple[data-v-221a5b3a]:hover,
.selected-row-purple:hover td[data-v-221a5b3a] {
  background-color: #ce93d8 !important;
}

/* Code Chip Style */
.code-chip[data-v-221a5b3a] {
  background-color: #e3f2fd;
  color: #1976d2;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 0.8rem;
  font-weight: 600;
}

/* Code Chip Style - Orange */
.code-chip-orange[data-v-221a5b3a] {
  background-color: #fff3e0;
  color: #e65100;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 0.8rem;
  font-weight: 600;
}

/* Status Styles */
.status-active[data-v-221a5b3a] {
  background-color: #e8f5e9;
  color: #2e7d32;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 500;
}
.status-inactive[data-v-221a5b3a] {
  background-color: #ffebee;
  color: #c62828;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 500;
}

/* Input Field with Click */
[data-v-221a5b3a] .v-text-field input[readonly] {
  cursor: pointer !important;
}

/* Responsive */
@media (max-width: 600px) {
.modal-header-content[data-v-221a5b3a] {
    padding: 10px 14px;
}
.search-section[data-v-221a5b3a] {
    padding: 12px;
}
.elegant-table tbody tr td[data-v-221a5b3a] {
    font-size: 0.75rem;
    padding: 8px 6px !important;
}
.table-header th[data-v-221a5b3a] {
    font-size: 0.7rem !important;
    padding: 10px 6px !important;
}
}