/* Карточка документа: блоки «подпись — поле» и таблицы двух ширин.
   Компонент — `src/shared/comp__doc_form.rs`; там же правила вида.

   Все цвета и рамки — токенами поля ядра (`--form-input-*`): ссылка в рамке
   обязана выглядеть тем же полем, что и соседний `input`, в любой теме. */

/* ── Блок полей ──────────────────────────────────────────────────────────── */

.doc-form {
    display: grid;
    grid-template-columns: var(--doc-form-label, 12rem) minmax(0, 1fr);
    gap: 6px 12px;
    align-items: center;
}

.doc-form__label {
    color: var(--color-text-secondary);
    font-size: var(--font-size-sm);
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.doc-form__input {
    min-width: 0;
    text-overflow: ellipsis;
}

.doc-form__input--short {
    max-width: 16rem;
}

.doc-form__input--mono {
    font-family: var(--font-family-mono, monospace);
}

/* Ссылка на соседа: `div`, а не `input`, поэтому вид поля повторён токенами. */
.doc-form__link {
    display: flex;
    align-items: center;
    height: 30px;
    padding: 0 12px;
    border: 1px solid var(--form-input-border);
    border-radius: var(--radius-sm);
    background: var(--form-input-readonly-bg);
    overflow: hidden;
}

.doc-form__link-button {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    max-width: 100%;
    padding: 0;
    border: none;
    background: none;
    font: inherit;
    text-align: left;
}

.doc-form__link-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.doc-form__link-button svg {
    flex: 0 0 auto;
    width: 12px;
    height: 12px;
    opacity: 0.7;
}

/* «Не связана» — состояние, а не пустота: видно, но не спорит с заполненными. */
.doc-form__none {
    color: var(--color-text-secondary);
    font-style: italic;
}

.doc-form__flag {
    display: flex;
    align-items: center;
    height: 30px;
}

.doc-form__note {
    grid-column: 1 / -1;
    margin: 2px 0 0;
    color: var(--color-text-secondary);
    font-size: var(--font-size-sm);
    max-width: 90ch;
}

/* ── Вкладка данных ──────────────────────────────────────────────────────── */

/* Отступ и потолок — как у `.detail-grid` ядра: переход между «Общими» и
   вкладкой с таблицами не сдвигает левый край. */
.doc-stack {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
    padding: var(--spacing-sm);
    max-width: calc(1800px + var(--spacing-md));
    margin-inline: auto;
    width: 100%;
    box-sizing: border-box;
}

.doc-table {
    min-width: 0;
}

.doc-table--narrow {
    max-width: 60rem;
}

.doc-table--wide {
    max-width: 100%;
}

.doc-table .details-section__title {
    margin: 0 0 var(--spacing-xs);
}

.doc-table__scroll {
    overflow-x: auto;
}

.doc-table__scroll .table__data {
    width: 100%;
    margin: 0;
}

/* Суммы сравнивают столбиком: цифры одной ширины и без переноса. */
.doc-table__scroll .table__cell--right {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}