/* ================================
   Invite User Modal Fixes
================================ */

.modalBody {
  padding: 18px 20px;
}

.input{
  width: 320px;
  max-width: 100%;
  border-radius: 14px;
  border:1px solid var(--border);
  background: var(--bg);
  color: var(--text);
  padding:10px 12px;
  outline:none;
}

.gs-invite-modal .modalBody {
  padding: 20px 22px;
}

.gs-invite-grid {
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  align-items: start;
}

.gs-invite-grid .label {
  display: block;
  margin-bottom: 6px;
}

.gs-role-select,
.gs-role-select option {
  color: var(--text);
  background: var(--panel);
}

[data-theme="light"] .gs-role-select,
[data-theme="light"] .gs-role-select option {
  color: #0f172a;
  background: #ffffff;
}

.gs-email-preview {
  height: auto;
  min-height: 120px;
  padding: 12px;
  white-space: pre-wrap;
  line-height: 1.35;
}

.gs-invite-link-row {
  display: flex;
  gap: 10px;
}

@media (max-width: 700px) {
  .gs-invite-grid {
    grid-template-columns: 1fr;
  }

  .gs-invite-link-row {
    flex-direction: column;
  }
}