/* Шестерёнка списка → панель «Настройки <вида>» МойСклада, старый вид GWT (живая сверка под администратором 22.10.2026,
   окно 1996 × 1000; doc_settings_panel.php, m_docsettings.js): справа на половину окна (991 px), белая с тенью
   0 4px 8px rgba(0,0,0,.5), страница под затемнением; содержимое с 30 px; «Закрыть ×» 15 px сверху, заголовок 20/22 через
   15,5 px, «Изменения» справа в 79 px от края, кнопки 27 px через 15 px; разделы 17 px #cc420c (первый через 33 px, прочие
   через 21 px); флажки 13 × 13 с подписью через 5 px, шаг 22 px; переключатели «Закрытия периода» с отступом 30 px, поля
   55 × 20 и подписи через 5 px; «Дополнительные поля» — таблица: стрелки 7 × 4 в колонке 30 px, ▸ 11 px и имя, «⊗» в конце
   строки (столбец по самой широкой строке), раскрытые свойства — «?» 15 px, подпись 146 px, значения с 206 px; «+ Поле»
   #186999 с крестиком 10 px; вкладки платежей — синяя черта, текущая в рамке и жирная. */
.ms-ds-layer { position: fixed; inset: 0; z-index: 120; }
.ms-ds-glass { position: fixed; inset: 0; background: #000; opacity: .5; }
.ms-ds-panel { position: fixed; top: 0; right: 0; bottom: 0; width: 50vw; min-width: 670px; max-width: 100vw; overflow-y: auto; background: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, .5); color: #222; font: 400 12px/normal "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
.ms-ds-panel:focus { outline: 0; }
.ms-ds-wrap { position: relative; box-sizing: border-box; min-height: 100%; margin: 0; padding: 15px 30px 40px; }
.ms-ds-close { display: inline-block; padding: 0 12px 0 0; color: #999; line-height: normal; text-decoration: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='7' viewBox='0 0 7 7'%3E%3Cpath d='M.6.6l5.8 5.8M6.4.6L.6 6.4' stroke='%23999' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat 100% 5px; }
.ms-ds-close:hover, .ms-ds-close:focus-visible { color: #f88001; text-decoration: underline; outline: 0; }
.ms-ds-head { position: relative; min-height: 22px; margin: 15.5px 0 0; }
.ms-ds-title { margin: 0; padding: 0 280px 0 0; font: 400 20px/22px "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; color: #222; }
.ms-ds-changes { position: absolute; right: 49px; top: 1px; line-height: 14px; text-align: right; white-space: nowrap; }
.ms-ds-changes-label { color: #8c8c8c; }
.ms-ds-changes-who, .ms-ds-changes-none { color: #186999; }
.ms-ds-changes-at { display: block; color: #186999; font-size: 10px; line-height: 11.4px; }
.ms-ds-actions { display: flex; margin: 15px 0 0; }
.ms-ds-actions .ms-btn { height: 25px; }
.ms-ds-status { margin: 10px 0 0; color: #b32424; line-height: 16px; }
.ms-ds-status:empty { display: none; }
/* Вкладки видов («Настройки платежей»): 23,5 px, текст с отступами 5/7/0/10, у прочих — синяя черта снизу. */
.ms-ds-tabs { display: flex; height: 23.5px; margin: 18px 0 0 6.3px; }
.ms-ds-tab { box-sizing: border-box; height: 23.5px; margin: 0; padding: 4px 7px 0 10px; border: 0; border-bottom: 1px solid #186999; background: transparent;
  color: #186999; font: 400 12px/14px "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; white-space: nowrap; cursor: pointer; }
.ms-ds-tab:hover { color: #f88001; }
.ms-ds-tab.on { padding-right: 7px; border: 1px solid #186999; border-bottom: 0; color: #222; font-weight: 700; cursor: default; }
.ms-ds-tab:focus-visible { outline: 1px dotted #186999; outline-offset: -3px; }
.ms-ds-type[hidden] { display: none; }
.ms-ds-section { position: relative; margin: 21px 0 0; padding: 0; color: #cc420c; font: 400 17px/19.7px "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
.ms-ds-type > .ms-ds-section:first-child { margin-top: 33px; }
.ms-ds-help { position: absolute; left: -25px; top: 4.5px; box-sizing: border-box; width: 15px; height: 15px; margin: 0; padding: 0; border: 0;
  background: transparent; cursor: pointer; }
.ms-ds-help > svg { display: block; width: 15px; height: 15px; }
.ms-ds-check { display: flex; align-items: flex-start; gap: 5px; margin: 9px 0 0; line-height: 14px; cursor: pointer; }
.ms-ds-section + .ms-ds-check { margin-top: 5.3px; }
.ms-ds-check > input { flex: none; width: 13px; height: 13px; margin: 0; }
.ms-ds-check > input:disabled + span { color: #222; }
.ms-ds-lead { margin: 6px 0 0; line-height: 14px; }
.ms-ds-closed { padding: 0 0 0 30px; }
.ms-ds-radio { display: inline-flex; align-items: center; gap: 3px; line-height: 14px; cursor: pointer; white-space: nowrap; }
.ms-ds-radio > input { flex: none; width: 13px; height: 12px; margin: 0; }
.ms-ds-closed > .ms-ds-radio { display: flex; height: 14px; margin-top: 5px; }
.ms-ds-radio-row { display: flex; align-items: center; height: 20px; margin-top: 5px; }
.ms-ds-closed > .ms-ds-radio + .ms-ds-radio-row { margin-top: 3px; }
/* Поле «За последние» — с 97,8 px от переключателя, календарь «Начиная с» — с 84,4 px (живая сверка). */
.ms-ds-radio-row > .ms-ds-radio { box-sizing: border-box; width: 97.8px; }
.ms-ds-radio-row > .ms-ds-radio-since { width: 84.4px; }
/* Поля — общие поля форм (m_controls.css: рамка, шрифт, фокус, неактивное — серым); здесь только размеры МойСклада. */
.ms-ds-wrap input.ms-ds-days { width: 55px; height: 20px; padding: 0 4px; text-align: right; }
.ms-ds-unit { margin-left: 5px; white-space: nowrap; }
.ms-ds-since { display: inline-flex; }
.ms-ds-since .ms-dt { width: 113px; height: 20px; }
.ms-ds-closed + .ms-ds-section { margin-top: 15.5px; }
.ms-ds-section-help { padding-left: 0; }
.ms-ds-note { margin: 8px 0 0; color: #8c8c8c; line-height: 16px; }
/* Дополнительные поля — таблица строк (столбец «⊗» — по самой широкой строке, как у МойСклада). */
.ms-ds-fields { display: table; margin: 6px 0 0; border-collapse: collapse; }
.ms-ds-field { display: table-row; }
.ms-ds-field[hidden] { display: none; }
.ms-ds-move, .ms-ds-field-body, .ms-ds-remove-cell { display: table-cell; vertical-align: middle; }
.ms-ds-move { position: relative; width: 30px; min-width: 30px; }
.ms-ds-up, .ms-ds-down { position: absolute; top: 50%; width: 7px; height: 14px; margin: -7px 0 0; padding: 0; border: 0; cursor: pointer;
  background: no-repeat 0 6.9px; }
.ms-ds-up { left: 5px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='4' viewBox='0 0 7 4'%3E%3Cpath d='M0 4L3.5 0 7 4Z' fill='%23003ef3'/%3E%3C/svg%3E"); }
.ms-ds-down { left: 12px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='4' viewBox='0 0 7 4'%3E%3Cpath d='M0 0h7L3.5 4Z' fill='%23003ef3'/%3E%3C/svg%3E"); }
.ms-ds-field.ms-ds-first .ms-ds-up, .ms-ds-field.ms-ds-last .ms-ds-down { visibility: hidden; }
.ms-ds-up:disabled, .ms-ds-down:disabled { cursor: default; opacity: .45; }
.ms-ds-field-body { min-width: 184px; padding: 0 13px 0 5px; }
.ms-ds-toggle { display: flex; align-items: center; gap: 5px; margin: 0; padding: 8px 0; border: 0; background: transparent; color: #222;
  font: 400 12px/14px "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; text-align: left; cursor: pointer; }
.ms-ds-toggle:focus-visible { outline: 1px dotted #186999; }
.ms-ds-arrow { flex: none; width: 11px; height: 11px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11'%3E%3Cpath d='M3.5 1.5l5 4-5 4Z' fill='%23444'/%3E%3C/svg%3E") no-repeat; }
.ms-ds-field-open .ms-ds-arrow { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 11 11'%3E%3Cpath d='M1.5 3.5h8l-4 5Z' fill='%23444'/%3E%3C/svg%3E"); }
.ms-ds-field-name { white-space: nowrap; }
/* Свойства поля: «?» с 25 px от ▸, подписи с 50 px, значения с 206 px (живая сверка 22.10.2026). */
.ms-ds-editor { margin: 2px 0 8px; padding-left: 25px; }
.ms-ds-editor[hidden] { display: none; }
.ms-ds-prop { display: flex; align-items: center; min-height: 14.5px; margin: 10px 0 0; }
.ms-ds-prop:first-child { margin-top: 2px; }
.ms-ds-prop-help { position: relative; flex: none; width: 25px; height: 15px; }
.ms-ds-prop-help .ms-ds-help { left: 0; top: 0; }
.ms-ds-prop-label { flex: none; width: 146px; margin-right: 10px; line-height: 14.5px; }
.ms-ds-prop-area { align-items: flex-start; }
.ms-ds-wrap input.ms-ds-name { width: 249px; height: 20px; }
.ms-ds-kind-box { display: inline-flex; align-items: center; gap: 8px; }
.ms-ds-kind-box .ms-sel { width: 105.5px; height: 20px; }
.ms-ds-ref-box { display: inline-flex; align-items: center; gap: 6px; }
.ms-ds-ref-box[hidden] { display: none; }
.ms-ds-ref-box .ms-sel { width: 175px; height: 20px; }
.ms-ds-ref-add { color: #186999; font-size: 18px; line-height: 14px; text-decoration: none; }
.ms-ds-ref-add:hover { color: #f88001; }
.ms-ds-prop > input[type="checkbox"] { width: 13px; height: 13px; margin: 0; }
.ms-ds-wrap textarea.ms-ds-description { width: 256px; height: 77px; min-height: 0; resize: both; }
.ms-ds-remove-cell { width: 14px; }
.ms-ds-remove { display: block; width: 14px; height: 13px; margin: 0; padding: 0; border: 0; cursor: pointer;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='13' viewBox='0 0 14 13'%3E%3Ccircle cx='6.5' cy='6.5' r='6' fill='%23fff' stroke='%23acacac'/%3E%3Cpath d='M4.4 4.4l4.2 4.2M8.6 4.4L4.4 8.6' stroke='%23acacac' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat; }
.ms-ds-remove:hover:not(:disabled) { filter: brightness(.8); }
.ms-ds-remove:disabled { cursor: default; opacity: .6; }
.ms-ds-add { display: inline-flex; align-items: center; gap: 5px; margin: 12.5px 0 0 25px; padding: 0; border: 0; background: transparent; color: #186999;
  font: 400 12px/15px "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; cursor: pointer; }
.ms-ds-add:hover:not(:disabled) { color: #f88001; text-decoration: underline; }
.ms-ds-add:disabled { color: #999; cursor: default; }
.ms-ds-add-plus { width: 10px; height: 10px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='M5 0v10M0 5h10' stroke='%23186999' stroke-width='2'/%3E%3C/svg%3E") no-repeat; }
.ms-ds-add:disabled .ms-ds-add-plus { opacity: .5; }
/* Плашка бизнес-процессов заказов покупателей: #ecf8ff, 474,8 px, отступы 10/10/10/8, текст с 28 px. */
.ms-ds-bp { position: relative; box-sizing: border-box; width: 474.8px; max-width: 100%; margin: 25px 0 0; padding: 10px 10px 10px 28px; border: 0;
  background: #ecf8ff; color: #222; }
/* Строки — как у МойСклада (перенос после «статусов,»), без своего переноса на широком экране. */
.ms-ds-bp > p { margin: 0; line-height: 14px; white-space: nowrap; }
.ms-ds-bp a { color: #186999; text-decoration: none; }
.ms-ds-bp a:hover { color: #f88001; text-decoration: underline; }
.ms-ds-bp-icon { position: absolute; left: 8px; top: 11px; width: 12px; height: 12px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Ccircle cx='6' cy='6' r='6' fill='%23186999'/%3E%3Ccircle cx='6' cy='3.3' r='1' fill='%23fff'/%3E%3Cpath d='M6 5.2v4' stroke='%23fff' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat; }
.ms-ds-bp-open { display: block; margin: 14px 0 0; padding: 0; border: 0; background: transparent; color: #186999; font: inherit; line-height: 14.5px; }
.ms-ds-bp-open:disabled { color: #8c8c8c; cursor: default; }
/* Подсказка «?»: над значком, #f2f7fa с рамкой #cedfea, крестик справа, хвостик к значку. */
.ms-ds-tip { position: absolute; z-index: 2; box-sizing: border-box; max-width: 482px; padding: 7px 26px 7px 10px; border: 1px solid #cedfea; border-radius: 1px;
  background: #f2f7fa; color: #222; font: 400 12px/16px "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
.ms-ds-tip > p { margin: 0; }
.ms-ds-tip a { color: #186999; text-decoration: underline; }
.ms-ds-tip-close { position: absolute; right: 8px; top: 8px; width: 8px; height: 8px; margin: 0; padding: 0; border: 0; cursor: pointer;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath d='M1 1l6 6M7 1L1 7' stroke='%23999' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat; }
.ms-ds-tip-tail { position: absolute; left: 9px; bottom: -6px; width: 10px; height: 6px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6' fill='%23f2f7fa' stroke='%23cedfea'/%3E%3C/svg%3E") no-repeat; }
/* Шестерёнка списка документов: 37 × 28, как у МойСклада (кнопка с иконкой 16 px). */
.ms-list-head .ms-list-type-settings { box-sizing: border-box; width: 37px; height: 28px; padding: 0; justify-content: center; color: #555; }
.ms-list-head .ms-list-type-settings svg { width: 16px; height: 16px; }
@media (max-width: 700px) {
  .ms-ds-panel { width: 100vw; min-width: 0; }
  .ms-ds-wrap { padding: 15px 16px 40px 30px; }
  .ms-ds-title { padding-right: 0; }
  .ms-ds-changes { position: static; margin-top: 6px; text-align: left; }
  .ms-ds-changes-at { display: inline; margin-left: 6px; }
  .ms-ds-tabs { flex-wrap: wrap; height: auto; margin-left: 0; }
  .ms-ds-tab { padding: 4px 6px 0; }
  .ms-ds-prop { flex-wrap: wrap; }
  .ms-ds-prop-label { width: auto; min-width: 100px; }
  .ms-ds-wrap input.ms-ds-name, .ms-ds-wrap textarea.ms-ds-description { width: 100%; max-width: 249px; }
  .ms-ds-radio-row { flex-wrap: wrap; height: auto; min-height: 20px; }
  .ms-ds-field-body { min-width: 0; }
  .ms-ds-editor { padding-left: 0; }
  .ms-ds-bp > p { white-space: normal; }
}