/* Slice D2, piece B: My sits, Your request and Sit details on a desktop (decision 135).
   Loaded by index.html with the desktop media query as its media attribute, so nothing here repeats that query. Shared classes
   (club-page-head, club-split, club-aside, club-actioncard, club-cols, club-ticket-grid, club-table, club-row-actions) live in
   shell.css and are used as they are. Every colour, size and font comes from a token. */

/* ---- Sit details: the private panel's head carries Hide (decision 135). Hidden, its body isn't rendered at all. ---- */
.club-private__head { align-items: center; }
.club-private__headtext { flex: 1; min-width: 0; }
.club-private__head > .club-btn { flex: none; }
.club-private__body { display: grid; }
/* Folded: the head is the whole panel, so it has no rule under it and keeps the panel's own corners. */
.club-private--hidden .club-private__head { border-bottom: 0; border-radius: var(--radius-sm); }
.club-private--hidden .club-private__body { display: none; }

/* ---- Your request: the action card holds quiet actions at their own width, left-aligned, under the buttons. ---- */
.club-actioncard > .club-btn--quiet.club-btn--block { width: auto; justify-self: start; }
.club-actioncard > .club-quiet { margin: 0; }

/* ---- The change-the-time dialog: the fields and the explanation don't touch each other. ---- */
.club-changeform { display: grid; gap: var(--space-4); grid-template-columns: minmax(0, 1fr); }
.club-changeform > p { margin: 0; }

/* ---- My sits: the two columns share the page's width; their tickets fill the column. ---- */
.club-cols > section > .club-ticket { width: 100%; }