/* Прибыльность. Собственная вёрстка по измерениям локальных эталонов 23.09.2026. */
.ms-page-pnl { --pnl-columns: 7; --pnl-panel-max: 1848px; padding: 25px 20px 35px; color: #222; font: 12px/normal "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
.ms-pnl-head { display: flex; align-items: center; height: 28px; margin-bottom: 8px; white-space: nowrap; }
.ms-pnl-head h1 { flex: 0 0 auto; margin: 0; padding: 0; font-size: 20px; font-weight: 700; line-height: 22px; transform: translateY(-1px); }
.ms-pnl-help { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 15px; width: 15px; height: 15px; padding: 0; margin: 0 10px 0 0; border: 0; border-radius: 0; background: transparent; }
.ms-pnl-refresh { display: inline-flex; align-items: center; justify-content: center; width: 10px; height: 16px; margin: 0 10px; padding: 0; border: 0; background: transparent; color: #999; }
.ms-pnl-tabs { display: inline-flex; flex: 0 0 auto; margin-right: 10px; }
.ms-pnl-filter-toggle { margin-right: 10px; min-width: 46.31px; }
.ms-pnl-print { margin-right: 10px; min-width: 74.31px; }
.ms-pnl-chart-toggle { gap: 4px; }
.ms-pnl-chart-toggle .ms-icon-chart { color: #545454; }
.ms-page-pnl .ms-btn { vertical-align: middle; }
.ms-pnl-filter { box-sizing: content-box; width: var(--pnl-panel-max); max-width: calc(100% - 35px); margin: 0; padding: 4px 15px 10px 20px; border: 0; border-radius: 3px; background: #e3e3e3; }
.ms-pnl-filter-grid { display: grid; grid-template-columns: repeat(var(--pnl-columns), minmax(0, 1fr)); grid-auto-rows: 50px; }
.ms-pnl-field { box-sizing: border-box; min-width: 0; height: 50px; padding: 6px 7px; }
.ms-pnl-field > .ms-field-label { display: block; height: 14px; margin: 0; padding: 0 0 3px; color: #222; font: 12px/14px "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ms-pnl-field .ms-input, .ms-pnl-field .ms-select { box-sizing: border-box; width: 100%; min-width: 0; height: 21px; margin: 0; padding: 0 3px; border: 1px solid #bfbfbf; border-radius: 0; box-shadow: none; background-color: #fff; color: #000; font: 12px/19px Arial, sans-serif; }
.ms-pnl-field .ms-select { padding: 0; }
.ms-pnl-field .ms-input:disabled, .ms-pnl-field .ms-select:disabled { opacity: 1; color: #888; -webkit-text-fill-color: #888; cursor: default; background-color: #f0f0f0; }
.ms-pnl-field[data-pnl-picker] .ms-input:disabled, .ms-pnl-field[data-pnl-picker] .ms-select:disabled { background-color: #e3e3e3; }
.ms-pnl-field .ms-select:disabled { appearance: none; background-image: linear-gradient(45deg, transparent 50%, #888 50%), linear-gradient(135deg, #888 50%, transparent 50%); background-position: calc(100% - 9px) 8px, calc(100% - 5px) 8px; background-size: 4px 4px; background-repeat: no-repeat; padding-right: 18px; }
.ms-pnl-field .ms-select:focus, .ms-pnl-field .ms-input:focus { outline: 0; }
.ms-pnl-filter-actions { display: flex; align-items: flex-start; box-sizing: border-box; height: 50px; padding: 14px 7px 8px; gap: 10px; }
.ms-pnl-filter-actions > .ms-btn { flex: 0 0 auto; height: 28px; margin: 0; }
.ms-pnl-filter-actions > .ms-btn-green { width: 78.25px; box-sizing: border-box; justify-content: center; padding-left: 0; padding-right: 0; }
.ms-pnl-filter-actions > a.ms-btn { width: 78.25px; box-sizing: border-box; justify-content: center; padding-left: 0; padding-right: 0; }
.ms-pnl-filter-actions .ms-btn-circle:nth-child(3) { margin-left: 5px; }
.ms-pnl-filter-actions .ms-btn-circle { display: inline-flex; box-sizing: border-box; width: 28px; height: 28px; min-width: 0; margin: 0; padding: 0; border: 0; background: transparent; opacity: 1; }
/* «Период» — общее поле МойСклада (widgets.css, как в списках; живая сверка «Прибыльности» 13.10.2026): «сег» — плашка
   «◀ Сегодня, 13 октября ▶», заполненное поле фильтра — голубое (filter-item active МойСклада). Поля дат — прежние. */
.ms-pnl-field .ms-period { display: block; width: 250px; max-width: 100%; }
.ms-pnl-filter .ms-pnl-field.is-filled { background: rgba(101, 190, 241, .3); }
.ms-pnl-period-fields { display: flex; align-items: center; gap: 4px; width: 250px; max-width: 100%; }
.ms-pnl-period-fields > span:not(.ms-date) { width: auto; padding-top: 0; }
.ms-page-pnl .ms-pnl-date { display: inline-flex; flex: 0 0 auto; box-sizing: border-box; position: relative; width: 118px; height: 21px; border: 1px solid #bfbfbf; border-radius: 0; background: #fff; }
.ms-page-pnl .ms-pnl-date .ms-date-open { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 12px; box-sizing: border-box; width: 12px; height: 19px; padding: 0; margin: 0; border: 0; background: #fff; color: #5095bb; }
.ms-page-pnl .ms-pnl-date .ms-input { box-sizing: border-box; width: 104px; height: 19px; padding: 0 0 0 3px; border: 0; margin: 0; border-radius: 0; color: #222; font: 12px/19px Arial, sans-serif; background: #fff; }
.ms-page-pnl .ms-pnl-date-time .ms-input { width: 70px; padding-left: 7px; }
.ms-pnl-time { display: inline-block; width: 34px; font: 12px/19px Arial, sans-serif; }
.ms-pnl-selector { display: block; position: relative; }
.ms-pnl-selector::after { content: ""; position: absolute; right: 5px; top: 9px; border: 4px solid transparent; border-top-color: #888; pointer-events: none; }
.ms-pnl-selector input { padding-right: 18px !important; }
.ms-pnl-selector input::-webkit-calendar-picker-indicator { opacity: 0; }
.ms-pnl-chart { margin: 0 8px 10px 10px; border: 1px solid #e2e2e2; border-radius: 3px; background: #fff; }
.ms-pnl-chart-settings { display: flex; align-items: center; box-sizing: border-box; height: 51px; padding: 8px 20px; margin: 0; border-bottom: 1px solid #e2e2e2; border-radius: 3px 3px 0 0; background: #fafafa; gap: 10px; white-space: nowrap; }
.ms-pnl-compare { flex: 0 0 auto; margin: 0; gap: 5px; }
.ms-pnl-compare input[type="checkbox"] { width: 13px; height: 13px; margin: 0; font: inherit; }
.ms-pnl-previous { width: 180px; box-sizing: border-box; margin: 0; }
.ms-pnl-compare-dates { display: flex; align-items: center; gap: 4px; }
.ms-pnl-compare-dates input:disabled { opacity: 1; }
/* У недоступной даты серой остаётся вся коробка, включая поле и кнопку календаря. */
.ms-page-pnl .ms-pnl-date:has(.ms-input:disabled),
.ms-page-pnl .ms-pnl-date .ms-input:disabled,
.ms-page-pnl .ms-pnl-date .ms-date-open:disabled { background: #e3e3e3; color: #888; cursor: default; }
.ms-page-pnl .ms-pnl-date .ms-input:disabled { -webkit-text-fill-color: #888; }
.ms-pnl-tabs > .ms-btn:has(+ .on), .ms-pnl-granularity > .ms-btn:has(+ .on) { border-right-width: 0; }
.ms-pnl-granularity { margin-left: auto; margin-right: 0; flex: 0 0 auto; }
.ms-pnl-close { display: inline-flex; align-items: center; justify-content: center; width: 14px; height: 16px; margin-left: 9px; color: #aaa; }
.ms-pnl-close svg { width: 12px; height: 12px; border-radius: 50%; color: #fff; background: #bcbcbc; }
.ms-pnl-close:hover svg { background: #888; }
.ms-pnl-indicators { position: relative; height: 28px; margin-top: 20px; }
.ms-page-pnl .ms-pnl-indicator { position: absolute; top: 0; box-sizing: content-box; width: 210px; height: 26px; padding: 0 10px; justify-content: flex-start; border: 1px solid; border-radius: 3px; color: #fff; font-size: 12px; line-height: normal; box-shadow: none; }
.ms-page-pnl .ms-pnl-indicator-profit { left: 20%; background: #00bfe6; }
.ms-page-pnl .ms-pnl-indicator-qty { left: 60%; background: #ff9100; }
.ms-page-pnl .ms-pnl-indicator::after { margin-left: auto; border: 0; background: #fff; }
.ms-page-pnl .ms-pnl-indicator:hover, .ms-page-pnl .ms-pnl-indicator:active, .ms-page-pnl .ms-pnl-indicator:focus { color: #fff; filter: none; outline: 0; box-shadow: none; }
.ms-page-pnl .ms-pnl-indicator-profit, .ms-page-pnl .ms-pnl-indicator-profit:hover, .ms-page-pnl .ms-pnl-indicator-profit:active { background: #00bfe6; border-color: #00bfe6; }
.ms-page-pnl .ms-pnl-indicator-qty, .ms-page-pnl .ms-pnl-indicator-qty:hover, .ms-page-pnl .ms-pnl-indicator-qty:active { background: #ff9100; border-color: #ff9100; }
.ms-pnl-chart-plot { position: relative; height: 250px; padding: 0 42px 15px 25px; }
.ms-pnl-svg { display: block; width: 100%; height: 250px; overflow: hidden; font: 10px Arial, sans-serif; }
.ms-pnl-svg [data-pnl-axis].ms-pnl-series-hidden { display: none; }
.ms-pnl-table-wrap { margin: 0 10px; overflow-x: auto; }
.ms-pnl-table, .ms-pnl-footer-table { table-layout: fixed; border-collapse: collapse; border-spacing: 0; width: max-content; margin: 0; color: #333; font: 11px/normal Tahoma, Geneva, sans-serif; }
.ms-pnl-table th, .ms-pnl-table td, .ms-pnl-footer-table td { box-sizing: border-box; padding: 0 5px 0 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; border: 0; font-weight: 400; text-align: left; }
.ms-pnl-table thead th { height: 30.5px; border-bottom: 2px solid #186999; color: #333; background: #fff; }
.ms-pnl-table th a { color: #186999; text-decoration: none; }
.ms-pnl-table th a:hover, .ms-pnl-table th a:active { color: #186999; text-decoration: none; }
.ms-pnl-table .ms-pnl-groups th { height: 31.5px; font-weight: 700; text-align: center; color: #333; border-bottom: 0; }
.ms-pnl-table .ms-pnl-groups th[scope] { position: relative; border-bottom: 0; }
.ms-pnl-table .ms-pnl-groups th[scope]::after { content: ''; position: absolute; left: 0; right: 5px; bottom: 0; height: 1px; background: #ddd; }
.ms-pnl-table .ms-pnl-num, .ms-pnl-footer-table .ms-pnl-num { text-align: right; }
.ms-pnl-table tbody td { height: 31px; border-bottom: 1px solid #ddd; color: #222; cursor: pointer; }
.ms-pnl-table tbody tr.ms-pnl-row-selected td { background: #e4f1fa; }
.ms-pnl-table tbody tr:hover td { background: #fffb8c; cursor: pointer; }
.ms-pnl-table tbody tr.ms-pnl-current-row td { background: #dff3df !important; }
.ms-pnl-table tbody td.ms-pnl-empty { cursor: default; background: #fff; }
.ms-pnl-sort-label { color: #186999; }
.ms-pnl-table tbody tr.ms-pnl-has-image td { height: 36px; }
.ms-pnl-table [data-pnl-col="image"] { padding-left: 10px; }
.ms-pnl-table [data-pnl-col="name"]:first-child { padding-left: 10px; }
.ms-pnl-table .ms-pnl-name { display: inline; max-width: 100%; overflow: hidden; text-overflow: ellipsis; text-decoration: underline; }
/* Картинка товара (28.09.2026): клетка 29 точек с полями 3 (tiny-image-panel МойСклада), без заливки; без картинки — пусто. */
.ms-pnl-table .ms-pnl-image { display: flex; align-items: center; justify-content: center; box-sizing: content-box; width: 29px; height: 29px; padding: 3px 0; }
.ms-pnl-table .ms-pnl-image img { display: block; width: auto; height: auto; max-width: 26px; max-height: 26px; }
.ms-pnl-table .ms-pnl-sorted { position: relative; }
.ms-pnl-sort { position: absolute; top: 5.8px; left: calc((100% - 19px) / 2); width: 14px; height: 4px; overflow: hidden; color: #aaa; }
.ms-pnl-sort svg { display: block; width: 14px; height: 14px; margin-top: -5px; }
.ms-pnl-table .ms-pnl-gear { padding: 0 10px 0 0; overflow: visible; }
.ms-pnl-gear button { display: flex; align-items: center; width: 19px; height: 20px; margin: 0; padding: 0; border: 0; background: transparent; color: #186999; cursor: pointer; }
.ms-pnl-table tfoot td { height: 19px; border-top: 1px solid #186999; font: 700 11px/18px Tahoma, Geneva, sans-serif; }
.ms-pnl-footer { position: fixed; z-index: 15; right: 0; bottom: 0; left: 0; height: 18px; border: 0; background: transparent; }
/* Рабочая полоса — 18 px; отдельная подложка выступает вверх на 6 px, как в эталоне. */
.ms-pnl-footer::before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: -6px; bottom: 0; border-top: 1px solid #aaa; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.5); }
.ms-pnl-footer-scroll { height: 18px; padding-left: 30px; overflow: hidden; }
.ms-pnl-footer-table td { height: 18px; vertical-align: top; font: 700 11px/13px Tahoma, Geneva, sans-serif; }
.ms-pnl-pager { position: absolute; left: 40px; top: 0; height: 13px; display: flex; align-items: center; gap: 2px; background: #fff; }
.ms-pnl-page-button { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; width: 13px; height: 13px; border: 1px solid #8ebdd6; border-radius: 2px; color: #5095bb; }
.ms-pnl-page-button.off { opacity: .35; color: #aaa; border-color: #aaa; cursor: default; }
.ms-pnl-page-range { min-width: 100px; margin: 0 8px; padding: 0; border: 0; background: #fff; color: #333; font: 11px/13px Arial, sans-serif; text-align: center; cursor: pointer; }
.ms-pnl-notice { margin: 6px 10px; padding: 7px 10px; background: #fff8d4; color: #725d1a; border: 1px solid #e9d897; }
.ms-pnl-empty { padding: 20px !important; color: #777; }
.ms-pnl-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.ms-pnl-help-menu { max-width: 440px; padding: 10px; }
.ms-pnl-help-menu p { margin: 0 0 8px; }
.ms-pnl-columns { box-sizing: content-box; width: 230.91px; min-width: 0; max-height: calc(100vh - 32px); padding: 15px; border: 1px solid #dcdcdc; box-shadow: 0 4px 8px rgba(0,0,0,.5); overflow-y: auto !important; overflow-x: hidden !important; z-index: 20; }
.ms-pnl-columns > b { display: block; margin-bottom: 8px; }
.ms-pnl-columns .ms-check { display: flex; padding: 3px 7px 3px 0; line-height: 15px; }
.ms-pnl-pages { padding: 12px; }
.ms-pnl-pages label { display: block; margin-bottom: 8px; }
.ms-pnl-pages .ms-input { width: 50px; }
.ms-pnl-row-detail { display: grid; grid-template-columns: 150px 1fr; gap: 8px; min-width: 380px; }
.ms-pnl-row-detail dd { margin: 0; }
.ms-pnl-channel-link { margin: 4px 0 0 20px; height: 14px; }
.ms-pnl-channel-link .ms-link { text-decoration: underline; cursor: default; }
.ms-pnl-unallocated { margin: 34px 0 0 10px; }
.ms-pnl-unallocated table { border-collapse: collapse; table-layout: fixed; width: 425px; font: 11px Tahoma, Geneva, sans-serif; }
.ms-pnl-unallocated th, .ms-pnl-unallocated td { height: 30px; padding: 0 5px 0 0; font-weight: 400; white-space: nowrap; text-align: left; }
.ms-pnl-unallocated th { border-bottom: 2px solid #186999; }
.ms-pnl-unallocated td { border-bottom: 1px solid #ddd; }
.ms-pnl-unallocated th:first-child, .ms-pnl-unallocated td:first-child { padding-left: 10px; }
.ms-pnl-unallocated .ms-pnl-num { text-align: right; }
.ms-pnl-unallocated th:nth-child(2) { text-align: left; }
.ms-pnl-table thead tr:last-child th { padding-top: 1.33px; }
/* Состояния старого интерфейса не анимируются. Цвет visited задаёт сама ссылка. */
.ms-page-pnl a, .ms-page-pnl button, .ms-page-pnl input, .ms-page-pnl select,
.ms-pnl-graph-tip, .ms-pnl-columns, .ms-pnl-pages, #profit-print, #profit-compare, #profit-metric, #profit-quantity { transition: none; animation: none; }
.ms-page-pnl :focus { outline: 0; }
.ms-pnl-table .ms-pnl-name, .ms-pnl-table .ms-pnl-name:visited { color: #186999; text-decoration: underline; }
.ms-pnl-table .ms-pnl-name:hover { color: #f88001; }
.ms-pnl-table .ms-pnl-name:active { text-decoration: none; }
.ms-pnl-refresh, .ms-pnl-refresh:hover, .ms-pnl-refresh:visited { color: #999; cursor: pointer; text-decoration: none; }
.ms-pnl-page-button:not(.off), .ms-pnl-page-button:not(.off):hover, .ms-pnl-page-button:not(.off):active, .ms-pnl-page-button:not(.off):visited { color: #5095bb; text-decoration: none; background: transparent; cursor: pointer; }
.ms-pnl-page-button.off { pointer-events: auto; cursor: default; }
.ms-pnl-close:hover svg { background: #bcbcbc; }
.ms-pnl-filter-actions .ms-btn-circle:disabled:hover { background: transparent; cursor: default; }
.ms-pnl-table thead tr:last-child th { position: relative; }
.ms-pnl-table thead tr:last-child th::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: #fff; }
.ms-pnl-table thead tr:last-child:hover th::before { background: #186999; }
.ms-pnl-table th[data-pnl-sort] { cursor: pointer; }
.ms-pnl-table th[data-pnl-sort]:hover .ms-pnl-sort { color: #186999; }
.ms-pnl-resize { position: absolute; z-index: 2; top: 0; bottom: 0; right: 0; width: 5px; cursor: col-resize; visibility: hidden; user-select: none; }
.ms-pnl-table thead tr:hover .ms-pnl-resize, .ms-pnl-resize:focus { visibility: visible; }
.ms-page-pnl.ms-pnl-resizing, .ms-page-pnl.ms-pnl-resizing * { cursor: col-resize !important; user-select: none !important; }
.ms-pnl-table tfoot td, .ms-pnl-footer-table td { color: #222; cursor: auto; }
.ms-pnl-svg circle { outline: 0; cursor: default; }
.ms-pnl-graph-tip { position: fixed; z-index: 25; max-width: 340px; border: 1px solid #ccc; background: #fff; box-shadow: 2px 2px 2px rgba(0,0,0,.2); color: #222; font: 12px/1.6 Arial, sans-serif; padding: 9px; pointer-events: none; }
.ms-pnl-graph-tip strong { display: block; font-weight: 700; }
.ms-pnl-graph-tip ul { margin: 0; padding: 0; list-style: none; }
.ms-pnl-tip-marker { display: inline-block; width: 8px; height: 8px; margin-right: 6px; }
.ms-pnl-graph-tip li[data-pnl-previous="1"] { color: #666; }

@media (max-width: 1899px) {
  .ms-page-pnl { --pnl-columns: 6; --pnl-panel-max: 1584px; }
}
@media (max-width: 1599px) {
  .ms-page-pnl { --pnl-columns: 5; --pnl-panel-max: 1320px; }
}
@media (max-width: 1399px) {
  .ms-pnl-filter-actions { gap: 8px; }
  .ms-pnl-period-fields { width: 100%; }
  .ms-pnl-period-fields .ms-pnl-date { width: 114px; }
  .ms-pnl-period-fields .ms-pnl-time { width: 30px; }
}
@media (max-width: 899px) {
  .ms-page-pnl { --pnl-columns: 2; --pnl-panel-max: 528px; padding: 20px 12px 35px; }
  .ms-pnl-head { height: 46px; align-items: flex-start; overflow-x: auto; overflow-y: hidden; }
  .ms-pnl-head > * { flex-shrink: 0; }
  .ms-pnl-filter { overflow-x: auto; }
  .ms-pnl-filter-grid { grid-template-columns: repeat(2, minmax(264px, 1fr)); }
  .ms-pnl-chart-settings { overflow-x: auto; }
  .ms-pnl-granularity { margin-left: 20px; }
  .ms-pnl-indicator-profit { left: 4% !important; }
  .ms-pnl-indicator-qty { left: 54% !important; }
  .ms-page-pnl .ms-pnl-indicator { box-sizing: border-box; width: 42%; height: 28px; }
}
@page svod-profit { size: A4 landscape; margin: 10mm; }
@media print {
  .ms-page-pnl { page: svod-profit; padding: 0; }
  .ms-pnl-head { display: block; height: auto; margin: 0 0 10px; }
  .ms-pnl-head > :not(h1), .ms-pnl-filter, .ms-pnl-footer, .ms-pnl-chart-settings, .ms-pnl-gear, .ms-pnl-resize, .ms-pnl-graph-tip { display: none !important; }
  .ms-pnl-chart { margin: 0 0 10px; break-inside: avoid; print-color-adjust: exact; }
  .ms-pnl-indicator::after { display: none !important; }
  .ms-pnl-table-wrap { overflow: visible; margin: 0; }
  .ms-pnl-table { width: 100% !important; }
  .ms-pnl-table col { width: var(--pnl-print-width, auto) !important; }
  .ms-pnl-table thead { display: table-header-group; }
  .ms-pnl-table tfoot { display: table-row-group; }
  .ms-pnl-table tbody tr { break-inside: avoid; }
  .ms-pnl-table th, .ms-pnl-table td { height: auto !important; padding: 3px 2px; white-space: normal; overflow: visible; font-size: 8pt; }
  .ms-pnl-table tbody tr td { background: #fff !important; }
  .ms-pnl-table .ms-pnl-name { color: #222; text-decoration: none; }
  .ms-pnl-table > caption { position: static; width: auto; height: auto; margin: 0 0 8px; overflow: visible; clip: auto; text-align: left; }
}
.ms-pnl-table tbody td.ms-pnl-num { padding-right: 7px; }
.ms-pnl-field[hidden], .ms-pnl-suggestions[hidden], .ms-pnl-bookmarks[hidden] { display: none; }
.ms-pnl-lookup::after { display: none; }
.ms-pnl-pick-open { position: absolute; top: 1px; right: 1px; width: 19px; height: 19px; margin: 0; padding: 0; border: 0; background: #fff; color: #888; font: 12px/19px Arial, sans-serif; cursor: pointer; }
.ms-pnl-suggestions { position: absolute; top: 21px; left: 0; right: 0; z-index: 20; max-height: 200px; overflow: auto; background: #fff; border: 1px solid #bfbfbf; box-shadow: 0 1px 3px #c8c8c8; color: #888; text-align: center; font: 12px/21px Arial, sans-serif; }
.ms-pnl-pick-row { display: block; box-sizing: border-box; width: 100%; padding: 6px 8px; margin: 0; border: 0; border-bottom: 1px solid #eee; text-align: left; background: #fff; color: #222; font: 12px/16px Arial, sans-serif; cursor: pointer; }
.ms-pnl-pick-row[aria-selected="true"], .ms-pnl-pick-row:focus { background: #e4f1fa; outline: 0; }
.ms-pnl-pick-row:hover { background: #fffb8c; }
.ms-pnl-suggestions .ms-pnl-pick-row { height: 21px; padding: 3px 20px 3px 3px; border: 0; font: 12px/15px Arial, sans-serif; }
.ms-pnl-settings { width: 540px; height: auto; min-height: 0; max-height: calc(100vh - 40px); max-width: calc(100vw - 60px); padding-bottom: 15px; }
.ms-pnl-settings .ms-dialog-body { flex: 0 1 auto; }
#profit-bookmark .ms-pnl-settings { width: 410px; }
#profit-bookmark .ms-input { width: 260px; max-width: calc(100% - 90px); }
.ms-pnl-settings .ms-dialog-body { max-height: 65vh; overflow: auto; }
.ms-pnl-field-options { display: grid; grid-template-columns: 1fr 1fr; gap: 9px 15px; }
.ms-pnl-bookmarks { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 10px 0 8px; }
.ms-pnl-bookmarks .ms-chip { margin: 0; }
.ms-pnl-bookmarks a { color: #333; text-decoration: none; }
.ms-pnl-picker-panel { width: 500px; max-width: calc(100vw - 60px); }
.ms-pnl-picker-results { min-height: 180px; max-height: 50vh; overflow: auto; margin-top: 12px; border: 1px solid #ddd; }
.ms-pnl-picker-status, .ms-pnl-source { margin: 8px 10px; color: #666; }
.ms-pnl-settings [role="alert"] { color: #a22; }
.ms-pnl-filter-actions .ms-btn-circle:hover { background: transparent; border-radius: 50%; }
@media print {
  .ms-pnl-columns, .ms-pnl-pages, .ms-pnl-help-menu, #profit-print, #profit-compare, #profit-metric, #profit-quantity,
  body:has(.ms-page-pnl) .ms-dialog-layer, body:has(.ms-page-pnl) .ms-cal { display: none !important; }
}

/* Выбор склада — дерево: отступ дочерних узлов 24 px, без заливки наведения. */
.ms-pnl-picker-tree { width:290px; max-width:100%; min-height:0; max-height:none; border:0; }
.ms-pnl-picker-tree .ms-pnl-tree-node { position:relative; box-sizing:border-box; width:calc(100% - 24px); height:32px; margin-left:24px; padding:0 24px; border:0; border-radius:0; background:transparent; color:#186999; font:12px/32px Arial,sans-serif; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; outline:0; }
.ms-pnl-picker-tree .ms-pnl-tree-root { margin-left:0; width:100%; }
.ms-pnl-picker-tree .ms-pnl-tree-node:hover { background:transparent; color:#186999; }
.ms-pnl-picker-tree .ms-pnl-tree-node[aria-selected="true"] { background:#e4f1fa; clip-path:polygon(0 0,calc(100% - 10px) 0,100% 50%,calc(100% - 10px) 100%,0 100%); }
.ms-pnl-picker-status[data-error="true"] { color:#c33; }

/* Поиск остаётся доступным рядом с деревом и не сдвигает его первую строку. */
.ms-pnl-picker-panel:has(.ms-pnl-picker-tree) .ms-dialog-body { display:grid; grid-template-columns:290px minmax(0,1fr); grid-template-rows:21px 1fr; column-gap:10px; align-content:start; }
.ms-pnl-picker-panel .ms-pnl-picker-tree { grid-column:1; grid-row:1 / 3; margin-top:0; align-self:start; }
.ms-pnl-picker-panel:has(.ms-pnl-picker-tree) [data-pnl-picker-search] { grid-column:2; grid-row:1; box-sizing:border-box; width:100%; height:21px; }
.ms-pnl-picker-panel:has(.ms-pnl-picker-tree) .ms-pnl-picker-status { grid-column:2; grid-row:2; margin:8px 0; align-self:start; }
@media (max-width:600px) {
  .ms-pnl-picker-panel:has(.ms-pnl-picker-tree) .ms-dialog-body { display:block; }
  .ms-pnl-picker-panel .ms-pnl-picker-tree { margin-top:12px; }
}

.ms-pnl-lookup .ms-input[aria-invalid="true"] { border-color:red; }
