.portal {
    & .mhead .newt {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        text-decoration: none;
    }

    & textarea.fld {
        width: 100%;
        min-height: 96px;
        resize: vertical;
        font: inherit;
        line-height: 1.5;
    }

    & .composer {
        display: grid;
        gap: 0;
        padding: 0;
        border-top: 1px solid var(--p-edge-soft);

        & > form + form {
            border-top: 1px solid var(--p-edge-soft);
        }

        & > :is(.okbar, .warn) {
            margin: 14px 14px 0;
        }

        & .send {
            justify-self: end;
        }

        & > form.closer {
            justify-content: space-between;
            padding-top: 0;
            border-top: 0;
        }
    }

    & .tform {
        & .lab,
        & .kinds {
            justify-self: stretch;
        }
    }

    & .kinds {
        display: grid;
        gap: 6px;
        margin: 0;
        padding: 0;
        border: 0;

        & legend {
            margin-bottom: 6px;
            color: var(--p-ink-2);
            font-size: 12px;
            font-weight: 500;
        }

        & label {
            display: flex;
            align-items: center;
            gap: 8px;
        }
    }
}