/* Keep the ticket composer full-width; only its toolbar scrolls horizontally. */
.ko-ticket-detail { min-width: 0; min-height: 0; }
.ko-ticket-compose { min-width: 0; }
.ko-ticket-editor { position: relative; }
.ko-ticket-format-tools { min-width: 0; }
.ko-ticket-format-tools button:focus-visible,
.ko-ticket-format-toggle:focus-visible,
.ko-ticket-color-menu button:focus-visible { outline: 2px solid #eeeef2; outline-offset: -2px; }
.ko-ticket-color-menu { z-index: 100; }
.ko-ticket-color-menu button { min-width: 44px; min-height: 44px; }
@media (max-width: 1023px) {
  .ko-ticket-detail { overflow-x: hidden; overflow-y: auto; overscroll-behavior-y: contain; }
  .ko-ticket-messages { min-height: 96px; }
  .ko-ticket-compose-input { display: grid; grid-template-columns: minmax(0,1fr); gap: 8px; }
  .ko-ticket-compose-input > .ko-ticket-editor { width: 100%; }
  .ko-ticket-compose-input > button[type=submit] { width: 100%; height: 44px; min-height: 44px; justify-content: center; }
  .ko-ticket-compose-input > button[type=submit] > span { display: inline; }
  .ko-ticket-compose > div:first-child { flex-wrap: nowrap; min-height: 44px; height: 44px; }
  .ko-ticket-compose > div:first-child > button { min-height: 44px; }
  .ko-ticket-compose > div:first-child > span { min-width: 0; flex: 1; margin-left: 0; line-height: 18px; white-space: nowrap; text-align: right; }
  .ko-ticket-format-toggle { min-height: 44px; height: 44px; padding-inline: 12px; font-size: 14px; justify-content: flex-start; }
  .ko-ticket-format-tools { flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; gap: 4px; padding: 4px 6px; scrollbar-width: thin; scrollbar-color: #61616a transparent; }
  .ko-ticket-format-tools > * { flex-shrink: 0; }
  .ko-ticket-format-tools button { display: inline-flex; align-items: center; justify-content: center; width: 44px; min-width: 44px; height: 44px; min-height: 44px; padding: 10px; }
  .ko-ticket-format-tools button > svg { width: 18px; height: 18px; margin: 0; }
  .ko-ticket-editor-body { min-height: 96px; max-height: min(192px,24dvh); }
  .ko-ticket-editor-body .rich-prose { min-height: 100%; font-size: 16px; overflow-wrap: anywhere; }
  .ko-ticket-preview { width: 100%; max-width: 100%; min-width: 0; }
  .ko-ticket-preview > div:last-child > button { min-height: 44px; }
}
/* The ticket must not inherit the sidebar's width tween when crossing 1024px. */
body:has(.ko-ticket-detail) #root > div > aside { transition-property: none; }
.ko-ticket-editor-body { scrollbar-gutter: stable; }