/* text input */

.global-text-input {
    padding: var(--space-2) var(--space-4);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    font-size: var(--text-base);
    transition: border-color var(--transition-fast);
}

.small-text-input {
    width: 6rem;
    text-align: center;
    padding: var(--space-1) var(--space-1);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    transition: border-color var(--transition-fast);
}

.global-textarea-input {
    padding: var(--space-2) var(--space-4);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    font-size: var(--text-base);
    transition: border-color var(--transition-fast);
    resize: vertical;
}

/* number input */

.global-number-input {
    padding: var(--space-2) var(--space-4);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    font-size: var(--text-base);
    transition: border-color var(--transition-fast);
}

.number-input-disable-increment {
    width: 5rem;
    text-align: center;
}

.number-input-disable-increment::-webkit-outer-spin-button,
.number-input-disable-increment::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.number-input-disable-increment[type=number] {
    -moz-appearance: textfield;
}

/* color input */

.global-color-input {
    border: none;
    cursor: pointer;
}

.field          { margin-bottom: 11px; }
.field:last-child { margin-bottom: 0; }
.field-label    { display: block; font-size: 0.72rem; color: #8a8fa8; margin-bottom: 4px; letter-spacing: 0.2px; }

/* for pokemon stats */

.stats-cols     { display: grid; grid-template-columns: 1fr 1fr; gap: 0 28px; }
.stats-heading  {
    font-size: 0.72rem; font-weight: 700; text-transform: uppercase;
    letter-spacing: 0.6px; color: #555; margin-bottom: 8px;
}
.stat-row {
    display: flex; justify-content: space-between; align-items: center;
    gap: 8px; padding: 4px 0; border-bottom: 1px solid #f2f4f7;
}
.stat-row:last-child { border-bottom: none; }
.stat-label     { font-size: 0.8rem; color: #666; white-space: nowrap; }