/* Общие иконки документов заказа. Базовая геометрия/цвета — токены UI-kit. */
.gsm-order-docs { display: inline-flex; gap: var(--gsm-s-2, 8px); align-items: center; vertical-align: middle; }
.gsm-order-docs .gsm-order-doc { box-sizing: border-box; display: inline-flex; flex-direction: column; justify-content: center; align-items: center; gap: 2px; min-width: 44px; min-height: 50px; padding: 5px 7px; border: 1px solid var(--gsm-line, #e4e8ec); border-radius: var(--gsm-radius-sm, 8px); background: var(--gsm-card, #fff); color: var(--gsm-ink-2, #6b7480); text-decoration: none; font: 600 10px/1.2 var(--gsm-font, 'Open Sans', Arial, sans-serif); cursor: pointer; transition: border-color .15s ease, background-color .15s ease; }
.gsm-order-docs .gsm-order-doc:hover { border-color: var(--gsm-link, #1f6f97); background: var(--gsm-blue-soft, #f0f8fc); }
.gsm-order-docs .gsm-order-doc:focus-visible { outline: 2px solid var(--gsm-link, #1f6f97); outline-offset: 3px; }
.gsm-order-docs .gsm-order-doc:active { background: var(--gsm-blue-soft, #f0f8fc); }
.gsm-order-doc img { display: block; object-fit: contain; }
@media (prefers-reduced-motion: reduce) { .gsm-order-docs .gsm-order-doc { transition: none; } }

.gsm-order-doc svg { display:block; width:24px; height:26px; flex:none; }

/* Действия заказа разделены с зоной раскрытия; подпись не касается документов. */
.pk .pk-order__pay { align-items:center; flex-wrap:wrap; gap:var(--gsm-s-3,12px) var(--gsm-s-4,16px); }
.pk .pk-order__pay > .gsm-order-docs, .pk .pk-order__pay > .pk-order__chev { flex:none; }
.okp-row--documents .okp-row__body { gap:var(--gsm-s-2,8px); }