/* Guest list QA: readable controls and keyboard/touch access. */
#boardScreen { --muted:#626861; --gold:#7d5f35; }
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#boardScreen .eyebrow,#boardScreen .tag-filter-control,#boardScreen .guest-bulk-label,#boardScreen .guest-edit-label,#boardScreen .notice,#boardScreen .muted,#boardScreen .rsvp-stat :is(span,small){font-size:12px!important}
#boardScreen .eyebrow{color:#7d5f35}
#boardScreen #thead th{font-size:12px!important;cursor:default;}
#boardScreen .guest-sort{border:0;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;padding:6px 2px;cursor:pointer}
#boardScreen #tbody .tag-dropdown>summary{opacity:1!important;color:var(--ink)!important;font-size:12px!important}
#boardScreen #tbody .tag-dropdown>summary span{font-size:12px!important;color:inherit!important;opacity:1!important}
#boardScreen #tbody .tag-dropdown>summary.guest-tags-empty{color:#626861!important}
#boardScreen #tbody :is(input,select,button,summary):focus-visible,#boardScreen #thead :is(button,input):focus-visible{outline:2px solid var(--green)!important;outline-offset:2px!important}
#boardScreen #tbody [data-delete]{min-width:32px;min-height:32px;display:inline-grid;place-items:center;padding:6px;opacity:0}
#boardScreen #tbody tr:hover [data-delete],#boardScreen #tbody tr:focus-within [data-delete]{opacity:1}
.guest-checkbox{display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:24px;padding:4px;cursor:pointer}
#guestPagination{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;padding:14px 0;font-size:12px}
#rsvpAddFab{background:var(--green);}
#guestDensityControl{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--ink)}
.guest-row-details{display:none}
@media(min-width:721px){#rsvpAddFab.is-visible{display:none}#guestDensityControl{display:none}}
@media(pointer:coarse){.guest-checkbox{min-width:44px;min-height:44px}#boardScreen #tbody [data-delete]{opacity:1;min-width:44px;min-height:44px}}
@media(max-width:720px){
 #boardScreen .table-wrap{padding-bottom:150px}
 #boardScreen .guest-list-toolbar,#boardScreen .guest-list-toolbar>div,#boardScreen .filters{min-width:0;max-width:100%}
 #boardScreen .guest-list-toolbar{display:flex!important;flex-wrap:wrap!important}
 #boardScreen .guest-list-toolbar>div:first-child{display:flex!important;flex:1 0 100%!important;flex-wrap:wrap!important}
 #boardScreen .search{min-width:0;width:100%;flex:1 0 100%}
 #boardScreen #tbody td::before{font-size:12px!important}
 #boardScreen #tbody [data-delete]{opacity:1}
 #boardScreen.compact-guests #tbody tr[data-id]:not(.guest-row-expanded){grid-template-columns:24px minmax(0,1fr) minmax(0,1fr) auto;gap:4px;padding:2px 6px;min-height:48px;align-items:center}
 #boardScreen.compact-guests #tbody tr[data-id]:not(.guest-row-expanded)>td{display:none!important}
 #boardScreen.compact-guests #tbody tr[data-id]:not(.guest-row-expanded)>:is(td.guest-select-cell,td:nth-child(2),td:nth-child(3),td:last-child){display:flex!important;grid-column:auto;padding:0}
 #boardScreen.compact-guests #tbody tr[data-id]:not(.guest-row-expanded)>td::before{display:none}
 #boardScreen.compact-guests #tbody tr[data-id]:not(.guest-row-expanded) input{padding:4px 0;min-width:0}
 #boardScreen.compact-guests #tbody tr[data-id]:not(.guest-row-expanded) [data-delete]{display:none}
 #boardScreen.compact-guests .guest-row-details{display:inline-flex;align-items:center;min-height:44px;padding:4px;font-size:12px}
 #boardScreen.compact-guests #tbody tr[data-id]:not(.guest-row-expanded) .guest-checkbox{min-width:24px;padding:0}
}
@media(max-width:720px) and (pointer:coarse){#boardScreen.compact-guests #tbody tr[data-id]:not(.guest-row-expanded){grid-template-columns:44px minmax(0,1fr) minmax(0,1fr) auto}#boardScreen.compact-guests #tbody tr[data-id]:not(.guest-row-expanded) .guest-checkbox{min-width:44px}}
