/* A8. Собственные правила по замерам эталонов 27.09.2026; ресурсов МойСклада нет. */
.ms-small { color:#333; font:12px Arial,Helvetica,sans-serif; padding:0 0 25px; margin:0; }
.ms-small-toolbar { display:flex; align-items:center; flex-wrap:wrap; padding:25px 20px 0; min-height:28px; gap:0; }
.ms-small-toolbar h1 { font:700 20px/24px Arial,Helvetica,sans-serif; margin:0; padding:0; white-space:nowrap; color:#222; }
.ms-small-serialnumbers .ms-small-toolbar h1,
.ms-small-calls .ms-small-toolbar h1,
.ms-small-cashier .ms-small-toolbar h1 { line-height:22px; position:relative; top:-1px; }
.ms-small-toolbar .ms-help { flex:none; margin-right:10px; }
.ms-small-toolbar .ms-refresh { display:inline-flex; align-items:center; justify-content:center; width:10px; height:20px; margin:0 10px; padding:0; }
.ms-small-toolbar .ms-btn-group { margin-right:10px; }
.ms-small-toolbar .ms-btn-group .ms-btn { margin:0; }
.ms-small-toolbar .ms-btn-filter { margin-right:10px; }
.ms-small-search { display:inline-flex; align-items:center; margin:0 15px 0 5px; }
.ms-small-search .ms-input { width:200px; height:18px; padding:0 2px; }
.ms-small-selected { width:28px; color:#333; }
/* Шестерёнка «Настройки прайс-листов» — квадратная кнопка 37 px за группой «Изменить | Статус | Печать» (живая сверка 22.10.2026). */
.ms-small-toolbar .ms-small-type-settings { box-sizing:border-box; width:37px; height:28px; padding:0; justify-content:center; }
.ms-small-toolbar .ms-small-type-settings svg { width:16px; height:16px; }
/* Панель «Прайс-листов» по местам МойСклада: «+ Прайс-лист» 103,9, «Фильтр» 67,3, поиск 205, счётчик 47 — «Изменить» с x 669. */
.ms-small-pricelists .ms-small-toolbar [data-price-create] { box-sizing:border-box; width:103.9px; height:28px; }
.ms-small-pricelists .ms-small-toolbar .ms-btn-filter { box-sizing:border-box; width:67.3px; height:28px; justify-content:center; }
.ms-small-pricelists .ms-small-search .ms-input { width:199px; }
.ms-small-pricelists .ms-small-toolbar .ms-small-selected { width:25px; }
/* «Скачать Кассу» у «Точек продаж» — как у МойСклада (живая сверка 21.10.2026): 136×28, без рамки, #3a74a3, значок 18 px
   и 5 px до надписи 14 px. */
.ms-small-download { box-sizing:border-box; height:28px; padding:0 10px; border:0; border-radius:3px; background:#3a74a3; color:#fff; font-size:14px; gap:5px; }
.ms-small-download:hover { background:#4a8cb8; color:#fff; }
.ms-small-download-icon { display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; }
.ms-small-download-icon svg { width:12px; height:12px; transform:rotate(90deg); border-bottom:1px solid currentColor; }
.ms-small-sr { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
/* Фильтр — общая панель списков (list.css: кнопки в ряд, поля 250 px с шагом 264), место — как у МойСклада (живая сверка
   22.10.2026): серая панель с x 20, y 160 (поля с x 40, y 164), как dynamic-filter-panel; «На дату» — дата во всю ширину. */
.ms-small .ms-small-list-filter { margin:8px 0 0 20px; }
.ms-small .ms-list-field > .ms-date { box-sizing:border-box; display:flex; width:100%; height:21px; }
.ms-small .ms-list-bookmarks { margin-left:20px; }
.ms-small-table-wrap { margin:33px 30px 0; overflow-x:auto; }
/* При открытом фильтре таблица у МойСклада ближе к панели: шапка на 34 px ниже панели, а не на 41 (живая сверка 22.10.2026). */
.ms-small:has(> .ms-small-list-filter) .ms-small-table-wrap { margin-top:26px; }
.ms-small-table { border-collapse:collapse; table-layout:fixed; font:11px Tahoma,Geneva,sans-serif; color:#333; }
.ms-small-table th { position:relative; box-sizing:border-box; font:400 11px Tahoma,Geneva,sans-serif; height:31.5px; padding:0 5px 0 0; border-top:1px solid #fff; border-bottom:3px solid #186999; text-align:left; white-space:nowrap; }
.ms-small-table th:first-child { padding-left:10px; }
.ms-small-table th>a { color:#186999; font-weight:400; display:block; text-decoration:none; overflow:hidden; text-overflow:ellipsis; }
.ms-small-table th>a:hover { text-decoration:underline; }
.ms-small-table th[aria-sort]:after { content:''; position:absolute; top:2px; left:45%; width:0; height:0; border-left:3px solid transparent; border-right:3px solid transparent; border-bottom:4px solid #7f8f98; pointer-events:none; }
.ms-small-table th[aria-sort="descending"]:after { border-bottom:0; border-top:4px solid #7f8f98; }
.ms-small-table .ms-small-column-groups th { height:31px; border:0; color:#222; font-weight:700; text-align:center; }
.ms-small-column-groups th>span:not(:empty) { display:block; height:27px; line-height:27px; border-bottom:1px solid #ddd; }
.ms-small-table td { height:27px; box-sizing:border-box; padding:4px 6px 4px 0; border-bottom:1px solid #ddd; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ms-small-table td:first-child { padding-left:10px; }
.ms-small-table tbody tr:hover { background:#f5f5e1; }
.ms-small-table tbody tr.on { background:#dff3df; }
.ms-small-table .ms-small-number { text-align:right; }
.ms-small-table td[data-column="sale_days"] { white-space:normal; line-height:15px; text-align:left; overflow-wrap:anywhere; }
.ms-small-calls th[data-column="duration"] { text-align:left; }
.ms-small-check input { appearance:auto; width:13px; height:13px; margin:0; vertical-align:middle; }
.ms-small-table .ms-small-gear { padding:0; text-align:center; }
.ms-small-gear>a { display:flex!important; justify-content:center; align-items:center; gap:0; }
.ms-small-resizer { position:absolute; width:5px; right:0; top:0; bottom:0; cursor:col-resize; }
/* Листалка — как у МойСклада (живая сверка 22.10.2026): стрелки 13 × 13 через 4 px с x 40, «1-1 из 0» в поле 100 px с x 78,
   на 5 px ниже таблицы. */
.ms-small-pager { display:flex; align-items:flex-start; box-sizing:border-box; height:28px; padding:5px 0 0 10px; gap:0; font:11px "Helvetica Neue",Helvetica,Arial,sans-serif; color:#222; }
.ms-small-pager>a:not(.ms-small-page-range),.ms-small-pager>span { display:inline-flex; box-sizing:border-box; width:13px; height:13px; margin-right:4px; align-items:center; justify-content:center; border:1px solid #ccc; border-radius:1px; }
.ms-small-pager .off { color:#d5d5d5; border-color:#ddd; }
.ms-small-page-range { color:#222; width:100px; margin:0 8px 0 4px; padding-top:1.2px; text-align:center; text-decoration:none; }
/* Итоги «Точек продаж» — строка под таблицей, жирным справа (у МойСклада — и при пустом списке: «0,00»). */
.ms-small-table tfoot td { height:18px; padding:2px 5px 0 0; border-top:1px solid #ddd; border-bottom:0; font-weight:700; }
/* Листалка у МойСклада — в строке итогов, слева от чисел (стрелки на 4 px ниже её верха). */
.ms-small-stores .ms-small-pager { position:relative; margin-top:-19px; pointer-events:none; }
.ms-small-stores .ms-small-pager > * { pointer-events:auto; }
/* Пустой список у МойСклада — только листалка «1-1 из 0» (живая сверка «Действий кассира» 21.10.2026): надпись — для чтения
   с экрана. */
.ms-small-empty { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.ms-small-note { margin:15px 40px; max-width:1000px; font:12px/1.5 Arial,sans-serif; color:#666; }
.ms-small-funnel-unavailable { margin:23px 40px 0; font:12px/14px Arial,sans-serif; }
.ms-small-funnel-unavailable .ms-btn { margin-top:15px; }
.ms-small-funnel-body { margin:33px 30px 0; }
.ms-small-funnel-body .ms-small-table { width:950px; }
.ms-small-funnel-body .ms-small-table th:first-child { width:260px; }
.ms-small-funnel-body .ms-small-table th:nth-child(2) { width:230px; }
.ms-small-funnel-body .ms-small-table td { height:45px; }
.ms-small-funnel-body .ms-small-table .ms-small-funnel-branch td { height:32px; padding:10px; font-weight:700; background:#f4f4f4; border-top:2px solid #ccc; }
.ms-small-reason { display:block; white-space:normal; line-height:14px; color:#777; font-size:11px; }
.ms-small-funnel-settings { margin:15px 10px 0; }
.ms-small-stage { display:inline-flex; align-items:center; gap:8px; }
.ms-small-stage>span { width:12px; height:12px; display:inline-block; border-radius:2px; }
.ms-small-funnel-count { display:flex; flex-direction:column; gap:3px; }
.ms-small-bar { display:block; min-width:0; height:10px; }
.ms-small-modal { position:fixed; inset:0; background:rgba(0,0,0,.24); z-index:800; display:flex; align-items:center; justify-content:center; padding:25px; }
.ms-small-modal-box { background:#fff; border:1px solid #aaa; box-shadow:0 4px 18px #0005; min-width:420px; max-width:1100px; width:max-content; max-height:calc(100vh - 70px); display:flex; flex-direction:column; }
.ms-small-modal-head { display:flex; align-items:center; justify-content:space-between; padding:15px 20px; border-bottom:1px solid #ddd; }
.ms-small-modal-head h2 { font:700 18px Arial,sans-serif; margin:0; }
.ms-small-modal-head>a { color:#777; font:26px Arial,sans-serif; margin-left:30px; }
.ms-small-modal-body { padding:18px 20px; overflow:auto; max-width:1060px; }
.ms-small-modal-foot { padding:12px 20px; background:#f4f4f4; border-top:1px solid #ddd; }
.ms-small-modal-foot .ms-btn { margin:0; }
.ms-small-modal .ms-small-note { margin:12px 0; }
.ms-small-detail-table { border-collapse:collapse; min-width:600px; width:100%; font:12px Arial,sans-serif; }
.ms-small-detail-table th,.ms-small-detail-table td { padding:8px 12px; text-align:left; border-bottom:1px solid #ddd; }
.ms-small-detail-table th { color:#24759e; font-weight:400; border-bottom:2px solid #24759e; }
.ms-small-choice-list { min-height:80px; max-height:430px; overflow:auto; margin:12px 0; border:1px solid #ccc; }
.ms-small-choice-list>a { display:block; padding:7px 10px; }
.ms-small-choice-list>a:hover { background:#fff4cc; }
.ms-small-choice-pages { text-align:center; }
.ms-small-choice-pages>a { margin:0 15px; }
.ms-small-column-option { display:flex; justify-content:space-between; align-items:center; gap:20px; min-height:28px; }
.ms-small-column-option input { margin:0; }
.ms-small-columns-modal .ms-small-modal-box { min-width:320px; }
.ms-small-columns-modal .ms-small-modal-body { min-width:280px; }
.ms-small-card { padding:20px; }
.ms-small-card-toolbar { display:flex; align-items:center; flex-wrap:wrap; }
.ms-small-card h1 { font:700 22px/28px Arial,sans-serif; margin:22px 0 12px; }
.ms-small-card-nav { margin:0 18px 0 5px; }
.ms-small-card-nav a { margin:0 10px; }
.ms-small-audit { margin-left:auto; }
.ms-small-readonly { color:#777; margin-bottom:18px; }
.ms-small-card-tabs { border-bottom:1px solid #ccc; display:flex; gap:25px; margin:16px 0; }
.ms-small-card-tabs a { padding:10px 0; font-size:14px; }
.ms-small-card-tabs .on { border-bottom:3px solid #24759e; }
.ms-small-card-block { margin:18px 0 28px; max-width:1100px; }
.ms-small-card-block h2 { font:700 16px Arial,sans-serif; margin:20px 0 14px; }
.ms-small-card-field { display:flex; align-items:center; margin:8px 0; gap:12px; }
.ms-small-card-field>span:first-child { width:265px; flex:none; }
.ms-small-card-field .ms-input { width:440px; background:#f5f5f5; color:#777; }
.ms-small-card-field .ms-small-value { display:block; padding:5px; min-height:16px; width:440px; border:1px solid #ddd; background:#f5f5f5; }
.ms-small-price-positions { width:100%; }
.ms-small-print .ms-small-toolbar,.ms-small-print .ms-list-filter,.ms-small-print .ms-small-card-toolbar,.ms-small-print .ms-small-pager,.ms-small-print .ms-small-gear,.ms-small-print .ms-small-modal { display:none; }
.ms-small-print .ms-small-table-wrap { overflow:visible; }
.ms-small-print .ms-small-table { width:100%!important; }
@media(max-width:899px) {
  .ms-small-toolbar { row-gap:10px; }
  .ms-small-modal { padding:10px; }
  .ms-small-modal-box { min-width:0; max-width:100%; width:100%; }
  .ms-small-card-field .ms-input,.ms-small-card-field .ms-small-value { width:300px; }
  .ms-small-card { overflow-x:auto; }
}
@media print {
  #ms-header,.ms-small-toolbar,.ms-small .ms-list-filter,.ms-small-card-toolbar,.ms-small-pager,.ms-small-modal,.ms-small-print-trigger { display:none!important; }
  .ms-small-table-wrap { overflow:visible; margin:15px 0; }
  .ms-small-table { width:100%!important; }
  .ms-small-table th,.ms-small-table td { white-space:normal; }
}