/* Lemmatizer V2 page layer. Keep only page composition and field/result fit. */

.lemmatizer-page--v2 {
    --page-stack-gap: var(--section-gap);
}

.lemmatizer-page--v2 .content-container > .content-body {
    --layout-stack-gap: var(--space-4);
}

.lemmatizer-grid {
    display: grid;
    gap: var(--space-4);
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
}

.lemmatizer-form {
    display: grid;
    gap: 12px;
}

.lemmatizer-form .field-row {
    gap: 12px;
    min-height: 56px;
    padding: 8px;
    align-items: stretch;
}

.lemmatizer-form .field-control {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
}

.lemmatizer-form .app-button {
    white-space: nowrap;
}

.lemma-notes,
.lemmatizer-results-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
}

.lemma-notes {
    gap: 8px;
    padding-inline-start: 18px;
    list-style: disc;
    color: var(--theme-text-muted);
}

.lemmatizer-results-list {
    gap: 12px;
}

.lemmatizer-result {
    --item-card-gap: 12px;
}

.lemmatizer-result__main {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.lemmatizer-result__main > .text-title,
.lemmatizer-result__main > .text-meta,
.lemmatizer-footnote {
    margin: 0;
}

.lemmatizer-help {
    display: grid;
    gap: 8px;
}

.lemmatizer-help__summary {
    margin: 0;
}

.lemmatizer-help__actions {
    justify-content: flex-start;
}

.lemmatizer-modal-section {
    --layout-stack-gap: 8px;
}

.lemmatizer-result .button-panel__actions {
    justify-content: flex-start;
}

.lemmatizer-result .badge.is-found {
    color: var(--theme-text-accent);
    border-color: var(--theme-border-strong);
}

@media (max-width: 640px) {
    .lemmatizer-form .field-row {
        flex-wrap: wrap;
    }

    .lemmatizer-form .app-button {
        width: 100%;
        justify-content: center;
    }
}