.ticket-page .ticket-main { min-height: calc(100vh - 124px); padding: 22px 0 42px; }
.ticket-page .ticket-layout { max-width: 860px; }
.ticket-page .case-page-head { align-items: center; padding-bottom: 9px; border-bottom: 1px solid var(--teal); }
.ticket-page .case-page-head .eyebrow { margin-bottom: 3px; }
.ticket-page .case-page-head h1 { font-size: 21px; line-height: 1.25; }
.ticket-page .case-new-link { padding: 5px 0; font-size: 10px; }
.ticket-page .form-status { min-height: 19px; margin: 7px 0; font-size: 11px; }
.ticket-page .ticket-list { gap: 0; margin-top: 9px; border: 1px solid var(--line); background: #fffef9; box-shadow: 3px 4px 0 rgba(16, 43, 62, .06); }
.ticket-page .ticket-list-item { position: relative; gap: 3px; min-height: 61px; padding: 10px 13px 10px 17px; border: 0; border-bottom: 1px solid var(--line); border-left: 3px solid transparent; background: transparent; }
.ticket-page .ticket-list-item:last-child { border-bottom: 0; }
.ticket-page .ticket-list-item::after { position: absolute; top: 50%; right: 12px; color: var(--teal-dark); content: ">"; font: 500 16px/1 "DM Mono", monospace; transform: translateY(-50%); }
.ticket-page .ticket-list-item:hover { border-color: var(--line); border-left-color: var(--teal); background: var(--white); }
.ticket-page .ticket-list-item strong { font-size: 13px; line-height: 1.25; }
.ticket-page .ticket-list-item span { font-size: 9px; line-height: 1.35; }
.ticket-page .case-file { margin-top: 13px; box-shadow: 4px 5px 0 rgba(16, 43, 62, .07); }
.ticket-page .case-file::before { display: none; }
.ticket-page .case-file-head { align-items: center; padding: 15px 17px 12px; }
.ticket-page .case-number { margin-bottom: 4px; font-size: 9px; }
.ticket-page .case-file-head h2 { font-size: 16px; }
.ticket-page .ticket-status { padding: 4px 6px; border: 1px solid var(--line); background: var(--white); font-size: 9px; }
.ticket-page .case-facts div { padding: 9px 12px; }
.ticket-page .case-facts dt { margin-bottom: 3px; font-size: 8px; }
.ticket-page .case-facts dd { font-size: 11px; }
.ticket-page .case-brief, .ticket-page .case-records, .ticket-page .conversation { padding: 14px 17px; }
.ticket-page .case-brief h3, .ticket-page .section-label h3, .ticket-page .conversation h3 { font-size: 14px; }
.ticket-page .ticket-details { margin-top: 6px; font-size: 12px; line-height: 1.55; }
.ticket-page .section-label { margin-bottom: 7px; }
.ticket-page .quotation-list { gap: 5px; }
.ticket-page .quotation-link { padding: 7px 8px; }
.ticket-page .quotation-link strong { font-size: 11px; }
.ticket-page .conversation-head { align-items: center; margin-bottom: 9px; }
.ticket-page .conversation-head .eyebrow { margin-bottom: 3px; }
.ticket-page .chat-window { font-size: 9px; }
.ticket-page .message-list { gap: 7px; }
.ticket-page .message-item { padding: 8px 9px; box-shadow: 2px 3px 0 rgba(16, 43, 62, .06); transform: none; }
.ticket-page .message-item p { margin-top: 4px; font-size: 11px; line-height: 1.45; }
.ticket-page .message-form { gap: 5px 7px; margin-top: 9px; padding: 8px 0 0; }
.ticket-page .message-form textarea { min-height: 43px; padding: 7px 8px; }
.ticket-page .message-form .primary-button { min-height: 43px; padding: 7px 9px; font-size: 10px; }

@media (max-width: 680px) {
  .ticket-page .ticket-main { padding: 17px 0 34px; }
  .ticket-page .case-page-head h1 { font-size: 19px; }
  .ticket-page .case-file-head, .ticket-page .conversation-head { align-items: flex-start; gap: 7px; }
  .ticket-page .case-file-head { flex-direction: row; }
  .ticket-page .case-facts div { padding: 8px 12px; }
  .ticket-page .case-brief, .ticket-page .case-records, .ticket-page .conversation { padding-left: 13px; padding-right: 13px; }
}