/* Keep the entire final ticket message and its actions inside the scroll panel. */
.arco-modal:has([data-ticket-reply-editor]) .arco-card:has(.reply-item) .reply-item:last-child {
  padding-bottom: 16px;
  margin-bottom: 14px;
  scroll-margin-bottom: 16px;
}

.ticket-create-trigger { min-height: 38px; white-space: nowrap; }
.admin-ticket-create-form { display: grid; gap: 9px; padding: 4px 1px 2px; }
.admin-ticket-create-form label { color: var(--color-text-2); font-size: 13px; font-weight: 600; margin-top: 5px; }
.admin-ticket-create-form input,
.admin-ticket-create-form select,
.admin-ticket-create-form textarea {
  width: 100%; box-sizing: border-box; min-height: 40px; border: 1px solid var(--color-border-2);
  border-radius: 9px; padding: 9px 12px; color: var(--color-text-1);
  background: var(--color-fill-1); font: inherit;
}
.admin-ticket-create-form textarea { resize: vertical; min-height: 118px; }
.admin-ticket-create-form input:focus,
.admin-ticket-create-form select:focus,
.admin-ticket-create-form textarea:focus { outline: 2px solid rgb(var(--primary-6)); outline-offset: 1px; }
.ticket-customer-search { display: flex; gap: 8px; }
.ticket-customer-search button,
.ticket-create-actions button { border-radius: 9px; padding: 8px 15px; cursor: pointer; }
.ticket-customer-search button { flex: none; border: 1px solid var(--color-border-2); background: var(--color-fill-2); color: var(--color-text-1); }
.ticket-create-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.ticket-create-pair > div { display: grid; gap: 7px; }
.ticket-create-note { color: var(--color-text-3); font-size: 12px; margin: 5px 0 0; }
.ticket-create-actions { display: flex; justify-content: flex-end; gap: 9px; margin-top: 7px; }
.ticket-create-actions button:first-child { border: 1px solid var(--color-border-2); background: var(--color-fill-2); color: var(--color-text-1); }
.ticket-create-actions button:last-child { border: 1px solid rgb(var(--primary-6)); background: rgb(var(--primary-6)); color: #fff; }
.ticket-create-actions button:disabled { opacity: .55; cursor: wait; }
@media (max-width: 640px) {
  .ticket-create-pair { grid-template-columns: 1fr; gap: 7px; }
  .ticket-create-actions button { flex: 1; }
}