/* Ticket dialog side line follows the Long / Short toggle (2026-09-30, Joseph: "if you select long you get the green line
   to the left of the input box but when selecting short it never switches to red").

   Cause: the coloured line at the left of the Add / Edit Ticket form is a <div class="ticketType ticketTypeLong|Short">
   whose class is bound to the ticket's saved value (ticket.is_short). The Long / Short toggle only updates the form
   control, never that saved value, so the line kept its opening colour (green for a new ticket).

   Fix: colour the line from the toggle that is actually checked. Display only: no form value, request or trading
   behaviour is touched. Scoped to the dialog whose toggle group is labelled "Font Style" (the plain ticket form); the
   Adaptive Ticket dialog has its own line that already follows its toggle. Same green / red as the toggle buttons.
   To turn it off, remove the <link> to this file from index.html. */
mat-dialog-container:has(mat-button-toggle-group[aria-label="Font Style"] .ticketTypeShort.mat-button-toggle-checked) .ticketType {
  background-color: red;
}
mat-dialog-container:has(mat-button-toggle-group[aria-label="Font Style"] .ticketTypeLong.mat-button-toggle-checked) .ticketType {
  background-color: green;
}