﻿.v2-visit-card {
    display: flex;
    flex-direction: column;
    gap: var(--configurable-table-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(--configurable-table-to-grid-gap-vertical) 0;
}

.v2-visit-card > div > .row {
    display: grid;
    grid-template-columns: repeat(var(--configurable-table-num-columns), var(--configurable-table-cell-width));
    grid-auto-rows: var(--configurable-table-cell-height);
    gap: var(--configurable-table-cell-row-gap) var(--configurable-table-cell-column-gap);
    padding: 0 var(--configurable-table-to-grid-gap-horizontal);
    min-height: var(--configurable-table-cell-height);
    align-items: center;
    overflow: hidden;
}
.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%);
}

mark {
    background-color: lightgrey;
    color: inherit;
}

.v2-visit-card > div > .row > .headline {
    font-weight: bold;
    min-width: 20px;
}