/* New-player dialog: a compact create form, not the 960px editor players-page
   uses for edit+history. Everything else (.players-form, .players-form-grid,
   .players-field, .players-label, .players-form-actions, .players-save,
   .players-error, .players-gender-select) is shared with playersPage.css —
   loaded globally, so it applies here unchanged. */
.new-player-dialog.p-dialog {
    width: min(480px, 92vw);
    max-width: 92vw;
}

.new-player-dialog .p-dialog-content {
    padding-top: var(--space-4);
}

.new-player-level-preview {
    display: flex;
    align-items: center;
    min-height: 2.5rem;
    padding: 0 var(--space-3);
    font-weight: 600;
    color: var(--color-text);
    background: var(--color-bg);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
}

/* The one honest warning in the form: a phoneless player has no account
   row, so the club's lists cannot see them until their first booking. */
.np-phone-hint {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    color: var(--color-text-tertiary);
}

/* Phone: country dial-code select beside the national number, like iOS.
   The field takes the whole row — squeezed into half a 480px dialog the
   number box was ~90px, too narrow to even see what was typed. */
.np-phone-field { grid-column: 1 / -1; }
.np-phone-row { display: flex; gap: 8px; }
.np-dial-select { flex: 0 0 auto; width: 116px; }
.np-phone-row .np-phone-input { flex: 1; min-width: 0; }

/* Level reads under Starting points, the number it is derived from. */
.np-level-field { grid-column: 2; }

@media (max-width: 560px) {
    .np-level-field { grid-column: auto; }
}