[data-gonumera-admin-panel="true"] {
  max-width: 1280px !important;
}

[data-gonumera-admin-panel="true"] section,
[data-gonumera-admin-panel="true"] > div.bg-white,
[data-gonumera-admin-panel="true"] .bg-white.rounded-lg {
  border-color: #dbe4ef !important;
}

[data-gonumera-admin-contact="true"] {
  background: #f8fafc !important;
  border: 1px solid #dbeafe !important;
  border-radius: 14px !important;
  padding: 24px !important;
}

[data-gonumera-admin-contact="true"] [data-contact-list="true"] {
  max-height: none !important;
  overflow: visible !important;
  padding-right: 0 !important;
  display: grid !important;
  gap: 18px !important;
}

[data-contact-card="true"] {
  background: #ffffff !important;
  border: 1px solid #dbeafe !important;
  border-left: 4px solid #0891b2 !important;
  border-radius: 12px !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08) !important;
  padding: 18px !important;
}

[data-contact-card="true"][data-contact-priority="true"] {
  border-left-color: #dc2626 !important;
}

[data-contact-card="true"] > div:first-child {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 340px) !important;
  gap: 22px !important;
  align-items: start !important;
}

[data-contact-message-list="true"] {
  max-height: none !important;
  overflow: visible !important;
  padding-right: 0 !important;
  display: grid !important;
  gap: 12px !important;
}

[data-contact-message-list="true"] > div {
  border-radius: 10px !important;
  box-shadow: none !important;
}

[data-contact-action-panel="true"] {
  position: sticky !important;
  top: 118px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 14px !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08) !important;
}

[data-contact-action-panel="true"] textarea {
  min-height: 112px !important;
  resize: vertical !important;
}

[data-contact-status-actions="true"] {
  border-top: 1px solid #e2e8f0 !important;
  margin-top: 12px !important;
  padding-top: 12px !important;
}

[data-contact-status-actions="true"] div {
  grid-template-columns: 1fr 1fr !important;
}

[data-contact-status-actions="true"] button,
[data-contact-priority-filter="true"] button {
  transition: background 160ms ease, color 160ms ease, border-color 160ms ease, transform 160ms ease !important;
}

[data-contact-status-actions="true"] button:hover,
[data-contact-priority-filter="true"] button:hover {
  transform: translateY(-1px) !important;
}

[data-contact-attachments="true"] {
  border-radius: 10px !important;
  background: #f0fdfa !important;
  border-color: #99f6e4 !important;
}

[data-contact-summary-strip="true"] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 14px;
}

[data-contact-summary-strip="true"] span {
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 999px;
  color: #1e3a8a;
  font-size: 11px;
  font-weight: 800;
  padding: 5px 9px;
}

[data-admin-panel="true"] .max-h-96,
[data-admin-panel="true"] .max-h-80,
[data-admin-panel="true"] .max-h-\[40rem\],
[data-admin-panel="true"] .max-h-\[44rem\] {
  scrollbar-width: thin;
}

@media (max-width: 1180px) {
  [data-contact-card="true"] > div:first-child {
    grid-template-columns: 1fr !important;
  }

  [data-contact-action-panel="true"] {
    position: static !important;
  }
}

@media (max-width: 640px) {
  [data-gonumera-admin-contact="true"] {
    padding: 16px !important;
  }

  [data-contact-card="true"] {
    padding: 14px !important;
  }

  [data-contact-status-actions="true"] div {
    grid-template-columns: 1fr !important;
  }
}