.en-dialog.im-dialog { width: min(880px, 100%); height: min(820px, calc(100dvh - 48px)); min-height: 0; }
.im-dialog .en-dialog-head { flex-shrink: 0; }
.im-dialog > .en-dialog-body { display: flex; flex-direction: column; min-height: 0; padding: 0; overflow: hidden; }
#invitationManagerPanel { display: flex; flex: 1; flex-direction: column; min-width: 0; min-height: 0; margin: 0; overflow: hidden; }
#invitationManagerPanel [hidden] { display: none !important; }
.im-toolbar { display: flex; gap: 8px; padding: 10px 20px 0; flex-shrink: 0; }
.im-toolbar:has(> [hidden]) { display: none; }
#invitationManagerContent { min-height: 0; flex: 1; overflow: auto; overscroll-behavior: contain; padding: 16px 20px; font-size: 13px; line-height: 1.6; }
#invitationManagerActions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 9px; flex-shrink: 0; padding: 14px 20px; border-top: 1px solid var(--en-line); background: var(--surface-sheet); }
#invitationManagerActions:empty { display: none; }
#invitationManagerStatus { flex-shrink: 0; max-height: 100px; overflow: auto; margin: 0; padding: 8px 20px; font-size: 12px; overflow-wrap: anywhere; }
#invitationManagerStatus:empty { display: none; }
#invitationManagerStatus.is-error { color: var(--en-danger); }
.im-history-tools, .im-selection { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; margin-bottom: 14px; }
.im-history-tools .en-field { min-width: 170px; margin-right: auto; }
.im-selection { padding: 10px; border: 1px solid var(--en-line); border-radius: 12px; background: var(--surface-control); font-size: 12px; }
.im-select-all, .im-check { display: flex; align-items: center; gap: 8px; }
#invitationManagerPanel input[type=checkbox] { width: 18px; height: 18px; flex: none; accent-color: var(--blue-700); }
.im-history-list { display: grid; gap: 10px; }
.im-record { display: flex; align-items: center; gap: 10px; padding: 12px; border: 1px solid var(--en-line); border-radius: 14px; background: var(--surface-control); }
.im-record-check { display: flex; flex: none; padding: 5px 0; align-self: flex-start; }
.im-record-open { flex: 1; min-width: 0; padding: 0; border: 0; font: inherit; color: inherit; background: transparent; cursor: var(--site-cursor-pointer, pointer); text-align: left; border-radius: 8px; }
.im-record-open:focus-visible { outline: 2px solid var(--blue-500); outline-offset: 4px; }
.im-record-summary { display: grid; gap: 4px; min-width: 0; overflow-wrap: anywhere; }
.im-record-summary > span, .im-record-summary > small { color: var(--en-muted); }
.im-record-summary > small { font-size: 11px; }
.im-record-title { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.im-record-title strong { font-size: 15px; }
.im-record > .en-button { flex: none; }
.im-empty { text-align: center; padding: 32px 12px; color: var(--en-muted); }
.im-page-count { margin-right: auto; color: var(--en-muted); font-size: 12px; }
.im-rule-grid, .im-binding-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-block: 16px; }
.im-rule-span { grid-column: 1 / -1; }
.im-binding-fields { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.im-rule-grid .en-field, .im-binding-fields .en-field { min-width: 0; }
.im-rule-grid input, .im-rule-grid select, .im-binding-fields textarea { width: 100%; min-width: 0; box-sizing: border-box; }
.im-bindings, .im-permissions { border: 1px solid var(--en-line); border-radius: 13px; margin: 16px 0; padding: 13px; min-width: 0; }
.im-bindings legend, .im-permissions legend { font-weight: 700; padding-inline: 5px; }
.im-bindings > small { display: block; margin-top: 7px; color: var(--en-muted); }
.im-permission-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.im-rule-note { padding: 10px 12px; border: 1px solid var(--en-line); border-radius: 10px; background: var(--surface-control); }
.im-member-import-entry { display: grid; gap: 10px; margin-bottom: 14px; }
#invitationImportMembers { justify-self: start; max-width: 100%; white-space: normal; }
.im-import-confirm { padding: 12px; border: 1px solid var(--en-line); border-radius: 13px; background: var(--surface-control); }
.im-import-confirm p { margin: 0 0 10px; color: var(--en-ink); }
.im-import-confirm .en-inline-actions { justify-content: flex-end; flex-wrap: wrap; gap: 8px; }
.im-detail-bindings { display: grid; gap: 10px; margin-top: 16px; }
.im-detail-bindings p { display: grid; gap: 4px; margin: 0; padding: 12px; border: 1px solid var(--en-line); border-radius: 12px; }
.im-detail-bindings span { white-space: pre-wrap; overflow-wrap: anywhere; }
.im-delete-confirm { padding: 16px; border: 1px solid color-mix(in srgb, var(--en-danger) 25%, transparent); border-radius: 14px; background: color-mix(in srgb, var(--en-danger) 5%, var(--surface-control)); }
.im-delete-confirm > strong { font-size: 18px; color: var(--en-danger); }
.im-dialog .en-invite-code { min-width: 0; flex-wrap: wrap; }
.im-dialog .en-invite-code code { min-width: 0; overflow-wrap: anywhere; }
@media (max-width: 600px) {
  .en-dialog.im-dialog { height: calc(100dvh - 24px); }
  #invitationManagerContent { padding: 12px; }
  .im-toolbar { padding: 10px 12px 0; }
  #invitationManagerActions, #invitationManagerStatus { padding-inline: 12px; }
  #invitationManagerPanel .en-button { min-height: 40px; }
  .im-history-tools .en-field { flex: 1 1 100%; }
  .im-rule-grid, .im-binding-fields, .im-permission-grid { grid-template-columns: minmax(0, 1fr); }
  .im-record { flex-wrap: wrap; padding: 10px; gap: 8px; }
  .im-record > .en-button { margin-left: auto; }
  .im-record-open { flex-basis: calc(100% - 32px); }
  .im-page-count { flex-basis: 100%; }
  .im-selection > .en-button { flex: 1 1 auto; }
}