﻿.v2-visit-card {
    display: flex;
    flex-direction: column;
    gap: var(--visit-card-row-gap);
    width:100%;
    float: none;
    margin: 0;
    border: var(--v2-scaled-border-width) solid var(--v2-theme-border-light-color);
    border-radius: 2px;
    box-shadow: 2px 2px 2px #ddd;
    padding: var(--visit-card-to-grid-gap-vertical) 0;
    --visit-card-num-columns: 40;
    --visit-card-cell-width: 1fr;
    --visit-card-cell-height: 24px;
    --visit-card-cell-row-gap: 8px;
    --visit-card-cell-column-gap: 12px;
    --visit-card-to-grid-gap-vertical: 6px;
    --visit-card-to-grid-gap-horizontal: 6px;
    --visit-card-row-gap: 6px;
}

.v2-visit-card > .row {
    display: grid;
    grid-template-columns: repeat(var(--visit-card-num-columns), var(--visit-card-cell-width));
    grid-auto-rows: var(--visit-card-cell-height);
    gap: var(--visit-card-cell-row-gap) var(--visit-card-cell-column-gap);
    padding: 0 var(--visit-card-to-grid-gap-horizontal);
    min-height: var(--visit-card-cell-height);
    align-items: center;
    overflow: hidden;
}

.v2-visit-card > .row.content {
    grid-template-rows: 16px;
}

.v2-visit-card > .separator {
    border-bottom: var(--v2-scaled-border-width) solid var(--v2-theme-border-lighter-color);
}

.v2-visit-card > .separator.overflow {
    height: 6px;
    margin-top: -6px;
    background: linear-gradient(0deg, #eee 0%, transparent 100%);
}

.searchMatch {
    font-weight: bold;
}

.v2-visit-card > .row > .headline {
    font-weight: bold;
}

.overflow-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}