/* === ref_okv.css === */
/* ОКВ-specific: column widths, multi-country toggle, mobile */

/* ---- OKV table column widths ---- */
.ref-okv-table .ref-okv-th-code,
.ref-okv-table .ref-okv-td-code {
    width: 70px;
    white-space: nowrap;
}
.ref-okv-table .ref-okv-th-letter,
.ref-okv-table .ref-okv-td-letter {
    width: 90px;
    white-space: nowrap;
    text-align: center;
}
.ref-okv-table .ref-okv-td-name {
    white-space: normal;
    word-break: break-word;
    min-width: 120px;
}
.ref-okv-table .ref-okv-td-country {
    white-space: normal;
    word-break: break-word;
    max-width: 350px;
}

/* ---- Multi-country toggle ---- */
.ref-okv-country-text {
    display: inline;
}
.ref-okv-td-country:not(.ref-okv-td-country--expanded) .ref-okv-country-text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ref-okv-country-toggle {
    display: inline-block;
    margin-left: 4px;
    font-size: 0.78rem;
    color: var(--primary);
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    white-space: nowrap;
    text-decoration: underline;
    text-decoration-style: dotted;
}
.ref-okv-country-toggle:hover {
    text-decoration: solid;
}

/* ---- OKV mobile ---- */
@media (max-width: 768px) {
    .ref-okv-table .ref-okv-th-country,
    .ref-okv-table .ref-okv-td-country {
        display: none;
    }
    .ref-okv-table .ref-okv-td-name {
        min-width: 0;
    }
}