.event-record-dialog { width: min(860px, calc(100vw - 32px)); max-height: calc(100dvh - 40px); box-sizing: border-box; padding: 24px; border: 1px solid var(--line, #455568); border-radius: 14px; color: var(--text); background: var(--panel); overflow: auto; }
.event-record-dialog::backdrop { background: #0009; }
.event-record-dialog > header { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.event-record-dialog h2 { margin: 0; font-size: 20px; }
.event-record-dialog > p { color: var(--text-soft); }
.event-record-dialog [data-record-error] { color: #e35d5d; }
.event-record-dialog .team-create-form__row { min-width: 0; }
.event-record-dialog input, .event-record-dialog select, .event-record-dialog textarea { max-width: 100%; box-sizing: border-box; }
.event-record-dialog > [data-record-close] { margin-top: 12px; }
.event-record-add { align-self: flex-start; margin-top: 8px; }
@media (max-width: 600px) {
  .event-record-dialog { padding: 16px; }
  .event-record-dialog .form-grid, .event-record-dialog .team-create-form { display: grid; grid-template-columns: minmax(0, 1fr); }
  .event-record-dialog .team-create-form__row { grid-column: 1 / -1; width: 100%; }
}