/* FariDocs 1.22.3 — Workspace UI typography and customer grouping. */
:root { --workspace-ui-font: Inter, "Segoe UI", sans-serif; }

html, body, button, input, textarea, select, option,
.workspace-body, .workspace-body button, .workspace-body input,
.workspace-body textarea, .workspace-body select {
    font-family: Inter, "Segoe UI", sans-serif;
}

.customer-directory-table.has-multiple-customers .customer-company-row.is-separated > td {
    border-top: 2px solid #b8d9dd;
}

.customer-directory-table.has-multiple-customers .customer-company-row > td:first-child {
    border-left: 3px solid #13a398;
}

.customer-company-identity {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.customer-company-identity strong {
    min-width: 0;
    overflow-wrap: anywhere;
}

.customer-company-index {
    width: 25px;
    height: 25px;
    flex: 0 0 25px;
    display: inline-grid;
    place-items: center;
    border: 1px solid #b9ddd9;
    border-radius: 7px;
    background: #e8f7f5;
    color: #087d75;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .04em;
}

[data-theme="dark"] .customer-directory-table.has-multiple-customers .customer-company-row.is-separated > td {
    border-top-color: #285e69;
}

[data-theme="dark"] .customer-directory-table.has-multiple-customers .customer-company-row > td:first-child {
    border-left-color: #39cfc0;
}

[data-theme="dark"] .customer-company-index {
    border-color: #286872;
    background: #103f48;
    color: #78e2d8;
}

@media (max-width: 780px) {
    .customer-directory-table.has-multiple-customers .customer-company-row.is-separated > td:first-child {
        margin-top: 10px;
        border-top: 2px solid #b8d9dd;
    }
}