/* THEHIGHLIFE V5 cockpit - small additive layer over django-unfold.
 *
 * Unfold ships its own Tailwind build; this file deliberately touches only two
 * things: how readable a data table is during a shift, and how a 64-character
 * id behaves inside a cell.  No component is restyled and no colour is
 * redefined, so a future Unfold upgrade cannot be broken by this file.
 */

:root {
    --v5-table-font-size: 0.9375rem; /* 15px, one step above the 14px default */
    --v5-mono-font-size: 0.8125rem;
    --v5-mono-font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas,
        "Liberation Mono", monospace;
}

/* Rows grow with their content instead of being pinned to one line height, so a
 * wrapped market slug no longer collides with the next row. */
.data-row > td {
    font-size: var(--v5-table-font-size);
    height: auto;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    vertical-align: middle;
}

.data-row > td > div {
    min-width: 0;
}

thead th {
    font-size: 0.8125rem;
    letter-spacing: 0.01em;
}

/* Column headers that carry a unit or a caveat are read once and then ignored. */
thead th.text-right,
.data-row > td.text-right {
    text-align: right;
    font-variant-numeric: tabular-nums;
}

/* Full identifiers behind a disclosure toggle.  The summary keeps the prefix
 * visible so two rows never look identical; the full value is one click away. */
.v5-id {
    display: inline-block;
    max-width: 100%;
}

.v5-id > summary {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    gap: 0.25rem;
    list-style: none;
}

.v5-id > summary::-webkit-details-marker {
    display: none;
}

.v5-id > summary::after {
    content: "\25BE";
    font-size: 0.7em;
    opacity: 0.5;
}

.v5-id[open] > summary::after {
    content: "\25B4";
}

.v5-id code {
    font-family: var(--v5-mono-font-family);
    font-size: var(--v5-mono-font-size);
}

.v5-id[open] > code {
    display: block;
    margin-top: 0.125rem;
    word-break: break-all;
}