/* Payment columns measured from ms_finance_card at 2048 CSS px. */
/* Отступы — по живой сверке платежей и ордеров 14.10.2026 (10444, 09967, 03330): кнопки в 31 px под вкладками (было 14),
   друг от друга 10 px (было 8 + 10), таблица в 5 px под кнопками (было 10). */
.ms-payment-form { width:1166px; max-width:100%; margin:31px 0 20px; color:#222; font:11px/normal Tahoma,Geneva,sans-serif; }
.ms-payment-actions { display:flex; align-items:center; gap:10px; margin:0 0 5px; }
.ms-payment-actions > .ms-btn { margin-right:0; }
.ms-payment-scroll { overflow-x:auto; }
.ms-payment-table { border-collapse:collapse; border-spacing:0; table-layout:fixed; width:1166px; max-width:none; margin:0; font:11px/normal Tahoma,Geneva,sans-serif; }
.ms-payment-table col[data-w25-payment-column="type"] { width:205px; }
.ms-payment-table col[data-w25-payment-column="name"] { width:95px; }
.ms-payment-table col[data-w25-payment-column="applicable"] { width:40px; }
.ms-payment-table col[data-w25-payment-column="moment"],.ms-payment-table col[data-w25-payment-column="organization"],.ms-payment-table col[data-w25-payment-column="agent"] { width:125px; }
.ms-payment-table col[data-w25-payment-column="state"] { width:85px; }
.ms-payment-table col[data-w25-payment-column="sum"],.ms-payment-table col[data-w25-payment-column="unpaid"] { width:95px; }
.ms-payment-table col[data-w25-payment-column="linked"] { width:155px; }
.ms-payment-table .ms-payment-action-col { width:21px; }
/* Живая сверка платежей и ордеров 14.10.2026 (09967, 03330): шапка 11 px, строки 12 px (Helvetica Neue — на Windows Arial,
   а не Tahoma), поле ячейки 3 5 3 0 (слева 0, было 5), линия шапки 1 px (была 2), строк — #bfbfbf; номер, организация и
   контрагент переносятся на вторую строку (строка выше, как у МС), остальное — в одну строку. */
.ms-payment-table th,.ms-payment-table td { box-sizing:border-box; border:0; border-bottom:1px solid #bfbfbf; padding:3px 5px 3px 0; height:30px; text-align:left; font:400 12px/14px "Helvetica Neue",Helvetica,Arial,sans-serif; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:middle; }
.ms-payment-table th { border-bottom:1px solid #186999; color:#222; background:#fff; font-size:11px; }
.ms-payment-table td:is([data-w25-payment-column="name"],[data-w25-payment-column="organization"],[data-w25-payment-column="agent"]) { white-space:normal; text-overflow:clip; }
/* Текст строки у МойСклада — в обёртке с полями 3 px по бокам: слева 3, справа 5 + 3 (суммы кончаются на 8 px раньше края). */
.ms-payment-table td { padding:3px 8px 3px 3px; }
/* «Организация» и «Контрагент» у МойСклада — текстом от края ячейки, без поля 3 px (живая сверка платежа 18.10.2026). */
.ms-payment-table td:is([data-w25-payment-column="organization"],[data-w25-payment-column="agent"],[data-w25-payment-column="state"]) { padding-left:0; }
.ms-payment-table th:first-child { padding-left:0; }
.ms-payment-table th[data-w25-payment-column="applicable"] { text-align:left!important; }
.ms-payment-table td[data-w25-payment-column="linked"] { padding:0 5px 0 0; }
.ms-payment-table td:nth-child(n),.ms-payment-table th:nth-child(n) { text-align:left; }
.ms-payment-table [data-w25-payment-column="sum"],.ms-payment-table [data-w25-payment-column="unpaid"],.ms-payment-table [data-w25-payment-column="linked"] { text-align:right!important; }
.ms-payment-table [data-w25-payment-column="applicable"] { text-align:center!important; }
.ms-payment-table [data-w25-payment-column][hidden] { display:none; }
.ms-payment-table tr[hidden] { display:none; }
.ms-payment-table td a { color:#186999; text-decoration:underline; }
.ms-payment-table tbody tr:hover td { background:#fffb8c; }
.ms-payment-table .ms-payment-gear { padding:0; overflow:visible; text-align:center!important; }
.ms-payment-gear .ms-list-gear { margin:0; vertical-align:middle; }
.ms-payment-table .ms-docedit-money { width:150px; min-width:0; height:23px; box-sizing:border-box; border:1px solid transparent; background:transparent; padding:2px 4px; font:12px "Helvetica Neue",Helvetica,Arial,sans-serif; text-align:right; }
.ms-payment-table .ms-docedit-money:hover,.ms-payment-table .ms-docedit-money:focus { background:white; border-color:#b5b5b5; }
.ms-payment-unlink-cell { padding:0!important; text-align:center!important; }
.ms-payment-unlink-cell button { border:0; background:none; color:#888; font:18px Arial,sans-serif; width:20px; height:24px; padding:0; cursor:pointer; opacity:0; }
.ms-payment-table tr:hover .ms-payment-unlink-cell button,.ms-payment-unlink-cell button:focus { opacity:1; }
.ms-payment-state { display:inline-block; max-width:100%; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; padding:2px 4px; border-radius:3px; font-size:10px; vertical-align:middle; }
/* Статус оплаченного документа — как плашка МойСклада (живая сверка приходного ордера 18.10.2026): белый текст 11/13 px, поля
   1 15 3 10 (у МойСклада 10 + 5 после подписи), скругление 2, от края ячейки (было 10 px тёмным с полями 2 4). */
.ms-payment-table .ms-payment-state { padding:1px 15px 3px 10px; border-radius:2px; color:#fff; font:11px/13px Arial,sans-serif; }
.ms-payment-state:empty { display:none; }
.ms-payment-totals { display:flex; flex-direction:column; gap:17px; width:340px; margin:14px 30px 0 auto; font:700 18px/21px Arial,sans-serif; }
.ms-payment-totals > span { display:flex; justify-content:space-between; }
.ms-payment-totals output { font-weight:700; margin-left:10px; }
.ms-payment-form .is-negative { color:#d0021b; }
.ms-payment-note:empty { display:none; }
.ms-payment-note { margin:8px 0; color:#777; }
.ms-payment-columns { min-width:240px; padding:14px; }
.ms-payment-columns strong { display:block; margin-bottom:10px; }
.ms-payment-columns .ms-check { display:flex; margin:7px 0; }
.ms-payment-columns .ms-btn { margin-top:8px; }
.ms-payment-form.is-no-closing .ms-payment-scroll,.ms-payment-form.is-no-closing .ms-payment-totals { opacity:.5; }
.ms-docedit-create.is-payment-disabled > summary { opacity:.5; cursor:default; }
.ms-payment-dialog { width:1080px; max-width:calc(100vw - 80px); max-height:calc(100vh - 70px); overflow:auto; box-sizing:border-box; padding:0; border:1px solid #9a9a9a; border-radius:2px; color:#222; background:#fff; box-shadow:0 4px 18px #0005; font:11px Tahoma,Geneva,sans-serif; }
.ms-payment-dialog::backdrop { background:#0005; }
.ms-payment-dialog[open] { position:fixed; inset:0; height:fit-content; margin:auto; z-index:100; }
.ms-payment-backdrop { position:fixed; inset:0; z-index:99; background:#0005; }
.ms-payment-backdrop[hidden] { display:none; }
.w25-payment-dialog-open > .ms-sel-list,.w25-payment-dialog-open > .ms-cal,.w25-payment-dialog-open > .ms-lookup-list { z-index:102; }
.ms-payment-dialog-heading { display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #bbb; padding:12px 16px; background:#f3f3f3; }
.ms-payment-dialog-heading h2 { font:400 20px Arial,sans-serif; margin:0; color:#222; }
.ms-payment-dialog-heading > button { padding:0; width:25px; height:25px; border:0; background:none; color:#777; font:24px Arial,sans-serif; cursor:pointer; }
.ms-payment-filter { margin:15px 16px; padding:14px 15px; background:#f3f3f3; border-radius:2px; }
.ms-payment-filter-actions { display:flex; gap:8px; margin-bottom:12px; }
.ms-payment-filter-grid { display:grid; grid-template-columns:280px 200px 220px 220px; gap:14px; align-items:start; }
.ms-payment-filter-field { display:flex; flex-direction:column; gap:7px; }
.ms-payment-filter .ms-input,.ms-payment-filter .ms-select { width:100%; height:23px; box-sizing:border-box; font-size:11px; }
.ms-payment-filter .ms-pick { width:100%; }
.ms-payment-period { display:grid; grid-template-columns:35px 1fr; gap:6px 0; }
.ms-payment-period > label { display:grid; grid-template-columns:23px 1fr; align-items:center; grid-column:1/3; width:100%; }
.ms-payment-presets { display:flex; gap:8px; justify-content:flex-start; margin-left:7px; }
.ms-payment-presets button { color:#186999; font:11px Tahoma,Geneva,sans-serif; border:0; border-bottom:1px dotted #186999; padding:0; background:none; cursor:pointer; }
.ms-payment-dialog-totals { display:flex; gap:25px; margin:14px 16px 10px; }
.ms-payment-dialog-totals output { font-weight:700; margin-left:5px; }
.ms-payment-purpose,.ms-payment-instruction,.ms-payment-search-status { margin:8px 16px; }
.ms-payment-search-status { color:#777; min-height:14px; }
.ms-payment-result-scroll { margin:10px 16px; max-height:370px; }
.ms-payment-results { width:1020px; }
.ms-payment-results th:nth-child(1) { width:25px; }
.ms-payment-results th:nth-child(2) { width:205px; }
.ms-payment-results th:nth-child(3) { width:95px; }
.ms-payment-results th:nth-child(4) { width:125px; }
.ms-payment-results th:nth-child(5) { width:195px; }
.ms-payment-results th:nth-child(6) { width:100px; }
.ms-payment-results th:nth-child(7),.ms-payment-results th:nth-child(8) { width:135px; }
.ms-payment-results th:nth-child(n+7),.ms-payment-results td:nth-child(n+7) { text-align:right; }
.ms-payment-results .ms-check { display:flex; margin:0; }
.ms-payment-results tbody tr { cursor:pointer; }
.ms-payment-dialog-actions { display:flex; gap:8px; padding:12px 16px 16px; border-top:1px solid #ddd; }
.ms-docedit:has(.ms-payment-form) .ms-docedit-field-key-sum .ms-docedit-money,
.ms-docedit:has(.ms-payment-form) .ms-docedit-field-key-vatSum .ms-docedit-money { width:104px; }
.ms-docedit:has(.ms-payment-form) .ms-docedit-field-key-incomingNumber .ms-card-value { display:flex; align-items:center; gap:6px; width:310px; max-width:none; }
.ms-docedit:has(.ms-payment-form) .ms-docedit-field-key-incomingNumber .ms-card-value > input { width:164px; flex:0 0 164px; min-width:0; }
.ms-docedit:has(.ms-payment-form) .ms-docedit-field-key-incomingNumber .ms-card-value > .ms-dt { width:122px; flex:0 0 122px; }
@media(max-width:1100px) { .ms-payment-filter-grid { grid-template-columns:repeat(2,minmax(200px,1fr)); } }
/* Узкий экран (до 900 px, 13.10.2026): страница без выхода вбок. Кнопки над таблицей переносятся, итоги (340 px) — под
   комментарием и не шире строки, «Входящий номер от …» платежа (310 px) — не шире строки. Широкий экран — как был. */
@media(max-width:900px) {
  .ms-payment-actions { flex-wrap:wrap; }
  .ms-payment-totals { max-width:100%; margin-right:0; }
  .ms-docedit:has(.ms-payment-form) .ms-docedit-field-key-incomingNumber .ms-card-value { max-width:100%; }
}