.collaboration-invitations, .collaboration-members { display: grid; gap: .65rem; margin: 0 0 1rem; padding: 0; list-style: none; }
.collaboration-invitation { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .8rem; padding: 1rem; border: 1px solid var(--line-strong); border-radius: var(--radius-sm); background: var(--surface); }
.collaboration-invitation-copy { display: grid; min-width: 0; gap: .25rem; }
.collaboration-invitation-copy > span { overflow-wrap: anywhere; color: var(--paper-400); font-size: .85rem; }
.collaboration-invitation-actions { display: flex; gap: .5rem; }
.collaboration-invitation-actions form, .collaboration-members form { margin: 0; }
.collaboration-settings { display: grid; gap: .8rem; margin-block: 1.25rem 1rem; padding-top: 1.4rem; border-top: 1px solid var(--line); }
.popover-body > #deck-settings-form { padding-bottom: 0; }
.popover-body > .collaboration-settings, .popover-body > .deck-settings-submit { padding-inline: 1.4rem; }
.deck-settings-submit { margin-top: 1rem; }
.collaboration-settings > form { margin: 0; }
.collaboration-settings > [data-collaboration-feedback]:empty { display: none; }
.collaboration-invite-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: stretch; gap: .4rem; min-width: 0; }
.collaboration-invite-button { min-width: 0; padding-inline: .8rem; }
.collaboration-members { margin: 0; }
.collaboration-members > li { display: flex; align-items: center; justify-content: space-between; gap: .75rem; min-width: 0; padding: .5rem 0; }
.collaboration-member-name { display: grid; min-width: 0; gap: .2rem; }
.collaboration-member-name a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.collaboration-member-name small { color: var(--paper-500); }
.collaboration-user-options { max-height: 13rem; overflow-y: auto; overscroll-behavior: contain; }
.collaboration-user-option { width: 100%; border: 0; background: transparent; color: inherit; text-align: start; font-family: inherit; }
.collaboration-user-option:focus-visible, .collaboration-user-option[aria-selected="true"] { background: var(--blue-soft, rgba(116,195,255,.12)); }
.collaboration-user-picker { position: relative; min-width: 0; }
.collaboration-user-picker > input { width: 100%; min-width: 0; }
.collaboration-user-picker > .card-search-menu[hidden] { display: none; }
.collaboration-user-picker .single-select-heading[hidden] { display: none; }
.collaboration-user-picker > .card-search-menu:not([popover]) { position: absolute; z-index: 1; inset: 100% auto auto 0; }
.collaboration-picker-help { margin: .35rem .35rem 0; }
.collaboration-mode-notice, .collaboration-connection-notice { margin: .65rem 0 0; padding: .7rem .9rem; border: 1px solid #38868166; border-radius: var(--radius-sm); background: #38868118; color: var(--paper-200); font-size: .85rem; }
.collaboration-connection-notice { border-color: var(--line-strong); background: var(--surface); }
.collaboration-connection-notice[hidden] { display: none; }
.collaboration-mode-notice { width: fit-content; max-width: 100%; }
[data-collaboration-deck-id][inert] .collaboration-mode-notice { display: none; }
#deck-metadata .deck-metadata-owner { flex-wrap: nowrap; max-width: 100%; }
.deck-format-live { display: contents; }
.deck-collaborator-names { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.deck-collaborator-names .builder-owner-name { overflow-wrap: normal; }
.builder-title > div { min-width: 0; }
@media (prefers-color-scheme: light) { :root:not([data-theme="dark"]) .collaboration-mode-notice { color: #175d57; } }
[data-theme="light"] .collaboration-mode-notice { color: #175d57; }
@media (max-width: 25rem) { .collaboration-invite-button { padding-inline: .5rem; } }