/* ChatMo Contact Form & Tabs */
.chatmo-tabs {
  display: flex;
  gap: 10px;
  margin: 8px 0 12px;
}
.chatmo-tab {
  background: #f2f4f7;
  color: #111827;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 8px 12px;
  cursor: pointer;
  font-weight: 600;
  transition: border-color .18s ease, background .18s ease, transform .06s ease;
}
.chatmo-tab:hover { border-color: #cbd5e1; }
.chatmo-tab:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(31,122,236,0.35); }
.chatmo-tab[aria-selected="true"] {
  background: var(--chatmo-main-color);
  color: #fff;
  border-color: var(--chatmo-main-color);
}
.chatmo-panel-section { display: block; }

.chatmo-contact-form {
  display: grid;
  gap: 10px;
}
.chatmo-field label {
  display: grid;
  gap: 8px;
  color: #111827;
}
.chatmo-contact-form input[type="text"],
.chatmo-contact-form input[type="email"],
.chatmo-contact-form textarea {
  width: 100%;
  max-width: 100%;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid #d0d6dd;
  background: #ffffff;
}
.chatmo-contact-form textarea { width: 100%; }
.chatmo-actions { display: flex; justify-content: flex-end; }
.chatmo-submit {
  background: var(--chatmo-main-color);
  color: #fff;
  border: none;
  border-radius: 10px;
  padding: 10px 16px;
  cursor: pointer;
  font-weight: 600;
}
.chatmo-submit:hover { background: var(--chatmo-hover-color); }
.chatmo-submit:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(31,122,236,0.35); }
.chatmo-form-status { font-size: 13px; color: #374151; min-height: 18px; }

@media (max-width: 480px) {
  .chatmo-contact-form input[type="text"],
  .chatmo-contact-form input[type="email"],
  .chatmo-contact-form textarea { width: 100%; }
}