.board-share-button { display: inline-flex; align-items: center; justify-content: center; min-width: 42px; min-height: 42px; }
.board-sharing-dialog { box-sizing: border-box; width: min(620px, calc(100vw - 32px)); max-height: calc(100dvh - 48px); padding: 0; border: 1px solid var(--line); border-radius: 10px; color: var(--text); background: var(--surface); box-shadow: var(--dialog-shadow); overflow: auto; overscroll-behavior: contain; }
.board-sharing-content { display: grid; gap: 10px; padding: 20px; min-width: 0; }
.board-sharing-dialog::backdrop { background: rgb(0 0 0 / .42); }
.board-sharing-invite { display: grid; gap: 9px; margin: 16px 0; }
.board-sharing-member { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 13px 0; border-bottom: 1px solid var(--line-soft); }
.board-sharing-member strong { display: block; overflow-wrap: anywhere; }
.board-sharing-member small, .board-invitations small, .board-directory-row > div > small { display: block; margin-top: 4px; opacity: .7; }
.board-sharing-controls { display: flex; align-items: center; gap: 8px; }
.board-sharing-controls select { width: auto; }
.board-invitations { margin-top: 20px; }
.board-directory-page > .board-view-switch { margin-bottom: 20px; }
.board-invitation-badge { border-radius: 10px; padding: 1px 6px; background: var(--accent, #d8ad4e); color: #18201c; font-size: 12px; }
.board-readonly-editor .note-add-bar, .board-readonly-editor .note-comment-composer, .board-readonly-editor .form-actions, .board-readonly-editor [data-note-dialog-delete] { display: none !important; }
.board-readonly-editor input, .board-readonly-editor select, .board-readonly-editor textarea { pointer-events: none; }
@media (max-width: 600px) {
  .board-sharing-member { align-items: flex-start; flex-direction: column; }
  .board-sharing-controls { width: 100%; }
  .board-sharing-controls select { flex: 1; min-width: 0; }
  .board-invitations .board-directory-row { flex-direction: column; align-items: flex-start; gap: 12px; }
}