/* Modal scrollbar fix */
.modal-content, .install-modal, .app-install-modal {
  max-height: 90vh !important;
  overflow-y: auto !important;
}
.modal-body {
  max-height: 70vh !important;
  overflow-y: auto !important;
}

/* 2-Spalten Modal Layout */
.install-modal-content {
  max-width: 850px !important;
  width: 90vw !important;
}

.modal-two-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin-top: 16px;
}

.modal-column {
  display: flex;
  flex-direction: column;
}

.column-label {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 12px;
  color: #374151;
}

/* Responsive: auf Mobile untereinander */
@media (max-width: 700px) {
  .modal-two-columns {
    grid-template-columns: 1fr;
  }
  .install-modal-content {
    max-width: 95vw !important;
    width: 95vw !important;
  }
}

/* Support-Optionen kompakter */
.support-options {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.support-option-content {
  padding: 12px 14px !important;
}

.support-option-title {
  font-size: 14px !important;
}

.support-option-desc {
  font-size: 12px !important;
}

.support-option-price {
  font-size: 14px !important;
}

/* Plan-Optionen kompakter */
#purchase-options {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.plan-option {
  padding: 12px 14px !important;
}

.plan-header {
  font-size: 14px !important;
}

.plan-hint {
  font-size: 12px !important;
}