/* Plain forms: labelled fields stacked in a column. */

.stacked-form {
    display: grid;
    gap: 1rem;
    max-width: 28rem;

    .field {
        display: grid;
        gap: 0.25rem;
        color: var(--text-muted);
        font-size: 0.85rem;
        font-weight: 600;
    }

    input[type="text"],
    select {
        padding: 0.45rem 0.6rem;
        border: 1px solid var(--border-strong);
        border-radius: 0.35rem;
        background: var(--bg);
        color: var(--text);
        font: inherit;
        font-weight: 400;
    }
}

.form-actions {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 0;
}

.stacked-form {
    input[type="url"],
    input[type="email"],
    textarea {
        padding: 0.45rem 0.6rem;
        border: 1px solid var(--border-strong);
        border-radius: 0.35rem;
        background: var(--bg);
        color: var(--text);
        font: inherit;
        font-weight: 400;
    }

    .form-error,
    ul {
        margin: 0;
        padding: 0;
        list-style: none;
        color: var(--danger);
        font-weight: 400;
    }
}