/*
 * Market. Кнопки, инпуты, adaptive-select, number, switch, table, popup_modal, filter, button-icon —
 * шаблонные компоненты темы NEO. Здесь только раскладка модуля: классы перенесены из ATools
 * (at__ -> mk__) плюс карточки предметов в том же стиле.
 */

/* ---------- Каркас (как в ATools) ---------- */
.mk__section {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100%;
}

.mk__card {
  flex-direction: row;
  gap: .5rem;
  padding: .5rem;
}

.mk__card-settings {
  display: flex;
  flex-direction: column;
  padding: .5rem;
  gap: .5rem;
}

.mk__aside {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  flex: none;
}

.mk__panel {
  width: 20rem;
  height: fit-content;
  background-color: var(--card);
  border-radius: var(--br-12);
  border: 1px solid var(--transparent-5-w);
  display: flex;
  flex-direction: column;
  flex: none;
}

.mk__panel-title {
  background-color: var(--transparent-1-w);
  height: 3.5rem;
  display: flex;
  align-items: center;
  padding-inline: 1rem;
  border-radius: var(--br-10) var(--br-10) 0 0;
}

.mk__h2 {
  font-size: var(--font-size-default);
  color: var(--text-default);
  display: flex;
  align-items: center;
  gap: .5rem;
  margin: 0;
}

.mk__h2 svg {
  width: 1rem;
  height: 1rem;
  fill: var(--text-custom);
}

.mk__panel-content {
  padding: .3rem;
  display: flex;
  flex-direction: column;
  gap: .3rem;
}

.mk__panel-wrapper {
  display: flex;
  flex-direction: column;
  gap: .3rem;
}

.mk__warning {
  background-color: var(--input-form);
  background-image: linear-gradient(180deg, color-mix(in srgb, var(--red) 5%, transparent), transparent);
  color: var(--red);
  padding: 1rem;
  border-radius: var(--br-8);
  font-size: var(--font-size-m);
  margin-bottom: .5rem;
}

.mk__content {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  flex: 1;
  min-width: 0;
}

.mk__search {
  display: flex;
  gap: .3rem;
  padding: .3rem;
  border: 1px solid var(--transparent-10-w);
  border-radius: var(--br-12);
}

.mk__search button {
  flex: none;
}

.mk__filters {
  display: flex;
  gap: .3rem;
  border-radius: var(--br-12);
  border: 1px solid var(--transparent-10-w);
  padding: .3rem;
  flex-wrap: wrap;
  align-items: center;
}

.mk__filters .adaptive-select-wrapper {
  margin-bottom: 0;
  min-width: 13rem;
}

.mk__filter-views {
  display: flex;
  gap: .3rem;
  margin-left: auto;
}

.mk__filter-views span {
  color: var(--text-custom);
  font-size: var(--font-size-m);
  display: flex;
  align-items: center;
}

.mk__filter-block {
  display: flex;
  align-items: center;
  gap: .5rem;
}

.mk__filter-block--lots {
  padding-left: .5rem;
  flex-wrap: wrap;
}

.mk__filter-views {
  align-items: center;
  flex-wrap: wrap;
}

.mk__filter-views .adaptive-select-wrapper {
  margin-bottom: 0;
  min-width: 12rem;
}

.mk__button-reset {
  margin-left: auto;
  padding: 0;
  width: var(--input-height);
}

.mk__button-wrapper {
  display: flex;
  align-items: center;
  gap: .3rem;
  flex-wrap: wrap;
}

.mk__button-secondary,
.mk__button-secondary:hover {
  background-color: var(--button);
  color: var(--text-custom);
}

.mk__justify-end {
  justify-content: flex-end;
}

.mk__grow {
  flex: 1;
  min-width: 12rem;
}

.mk__mb0 {
  margin-bottom: 0;
}

.mk__muted {
  color: var(--text-secondary);
  font-weight: var(--font-weight-5);
}

.mk__counter {
  line-height: normal;
  background-color: var(--red);
  color: var(--text-default);
  border-radius: var(--br-16);
  padding: .1rem .45rem;
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-6);
}

/* ---------- Навигация: баланс ---------- */
.mk__nav-balance {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: .4rem;
  padding-inline: .8rem;
  font-size: var(--font-size-default);
  font-weight: var(--font-weight-7);
  color: var(--text-default);
}

.mk__nav-balance-label {
  color: var(--text-secondary);
  font-weight: var(--font-weight-6);
  font-size: var(--font-size-m);
}

/* ---------- Категории ---------- */
/* Кнопка темы задаёт свою высоту/отступы — перекрываем, чтобы квадрат иконки стоял ровно по центру. */
.mk__panel .mk__category {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: .65rem;
  width: 100%;
  height: 2.75rem;
  min-height: 2.75rem;
  padding: 0 .85rem 0 .375rem;
  box-sizing: border-box;
  line-height: 1;
  background-color: var(--transparent-3-w);
  color: var(--text-custom);
  border-radius: var(--br-8);
  font-size: var(--font-size-m);
  font-weight: var(--font-weight-6);
  transition: var(--transition-duration);
}

.mk__panel .mk__category:hover {
  background-color: var(--transparent-5-w);
  color: var(--text-default);
}

.mk__panel .mk__category.active {
  background-color: color-mix(in srgb, var(--span) 12%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--span) 30%, transparent);
  color: var(--text-default);
}

.mk__category.active .mk__category-icon {
  background-color: color-mix(in srgb, var(--span) 20%, transparent);
  color: var(--span);
}

.mk__category-icon {
  width: 2rem;
  height: 2rem;
  min-width: 2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border-radius: var(--br-6);
  background-color: var(--transparent-3-w);
  flex: 0 0 2rem;
  line-height: 0;
}

.mk__category-icon svg {
  display: block;
  width: 1rem;
  height: 1rem;
  margin: 0;
  fill: none;
  color: currentColor;
  flex: none;
}

.mk__category-name {
  flex: 1;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mk__category-count {
  font-size: var(--font-size-s);
  color: var(--text-secondary);
}

.mk__category.active .mk__category-count {
  color: var(--span);
}

/* ---------- Плашки (как at__expire) ---------- */
.mk__expire {
  display: inline-flex;
  background-color: var(--button);
  border: 1px solid var(--transparent-5-w);
  font-size: var(--font-size-s);
  font-weight: var(--font-weight-6);
  color: var(--text-custom);
  border-radius: var(--br-6);
  padding: .3rem .45rem;
  align-items: center;
  justify-content: center;
  width: max-content;
  line-height: normal;
  white-space: nowrap;
}

.mk__expire.green {
  background-color: color-mix(in srgb, var(--green) 10%, transparent);
  color: var(--green);
  border-color: color-mix(in srgb, var(--green) 5%, transparent);
}

.mk__expire.red {
  background-color: color-mix(in srgb, var(--red) 10%, transparent);
  color: var(--red);
  border-color: color-mix(in srgb, var(--red) 5%, transparent);
}

.mk__expire.span {
  background-color: color-mix(in srgb, var(--span) 10%, transparent);
  color: var(--span);
  border-color: color-mix(in srgb, var(--span) 5%, transparent);
}

/* ---------- Подтипы внутри категории (Настройка чата) ---------- */
.mk__subtypes:empty {
  display: none;
}

.mk__subtype-count {
  margin-left: .45rem;
  font-size: var(--font-size-s);
  color: var(--text-secondary);
}

.mk__subtypes .filter.active .mk__subtype-count {
  color: inherit;
  opacity: .7;
}

/* ---------- Карточки предметов ---------- */
.mk__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
  gap: .5rem;
}

.mk__grid > .no-data,
.mk__grid > .mk__empty {
  grid-column: 1 / -1;
}

/* Пустое состояние: компактная плашка по центру вместо текста на всю ширину. */
.mk__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .5rem;
  max-width: 26rem;
  margin: 1rem auto;
  padding: 1.2rem 1.5rem;
  border-radius: var(--br-12);
  border: 1px dashed var(--transparent-10-w);
  background-color: var(--transparent-2-w);
  text-align: center;
  font-size: var(--font-size-m);
  font-weight: var(--font-weight-5);
  color: var(--text-secondary);
  line-height: 1.4;
}

.mk__empty svg {
  width: 1.6rem;
  height: 1.6rem;
  fill: var(--text-secondary);
  opacity: .7;
}

#mkInventoryHint {
  width: fit-content;
  max-width: 100%;
  margin-bottom: 0;
  font-style: normal;
}

.mk__item {
  position: relative;
  background-color: var(--input-form);
  border: 1px solid var(--transparent-5-w);
  border-radius: var(--br-12);
  padding: .6rem;
  display: flex;
  flex-direction: column;
  gap: .25rem;
  min-width: 0;
  transition: var(--transition-duration);
}

.mk__item:hover {
  border-color: var(--transparent-10-w);
}

.mk__item.is-disabled .mk__item-media {
  opacity: .4;
}

.mk__item-badge {
  position: absolute;
  top: .6rem;
  left: .6rem;
  z-index: 1;
  max-width: calc(100% - 1.2rem);
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: var(--font-size-xs);
  padding: .2rem .4rem;
}

.mk__item-qty {
  position: absolute;
  top: .7rem;
  right: .8rem;
  font-size: var(--font-size-s);
  font-weight: var(--font-weight-7);
  color: var(--text-secondary);
}

.mk__item-media {
  height: 6.5rem;
  margin-top: 1.3rem;
  margin-bottom: .2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  cursor: pointer;
}

.mk__item-img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  transition: transform .25s ease;
}

.mk__item:hover .mk__item-img {
  transform: scale(1.05);
}

.mk__item-placeholder {
  font-size: 1.5rem;
  font-weight: var(--font-weight-7);
  text-transform: uppercase;
  text-align: center;
  line-height: 1.1;
  word-break: break-word;
  color: var(--text-default);
  padding-inline: .5rem;
}

/* Превью ChatStore: тег и образцы цвета. */
.mk__cp-tag {
  text-transform: none;
  font-size: 1.35rem;
}

.mk__cp-color {
  text-transform: none;
  font-size: 1.4rem;
  text-shadow: 0 0 18px currentColor;
}

.mk__item-name {
  font-size: var(--font-size-default);
  font-weight: var(--font-weight-6);
  color: var(--text-default);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mk__item-sub {
  display: flex;
  align-items: center;
  gap: .4rem;
  flex-wrap: wrap;
  font-size: var(--font-size-s);
  color: var(--text-secondary);
}

.mk__item-avg {
  margin-left: auto;
  font-size: var(--font-size-s);
  color: var(--text-secondary);
}

.mk__item-footer .mk__item-avg {
  margin-left: 0;
}

.mk__item .mk__table-user {
  min-width: 0;
  font-size: var(--font-size-m);
}

/* Строка над кнопкой: продавец/статус слева, срок предмета справа. */
.mk__item-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .4rem;
  min-width: 0;
}

.mk__item-meta > .mk__table-user,
.mk__item-meta > .mk__item-sub {
  min-width: 0;
  overflow: hidden;
}

/* Плашка срока предмета (как на эталоне: часы + «2 дн 14 ч»). */
.mk__duration {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  flex: none;
  width: fit-content;
  padding: .2rem .5rem;
  border-radius: var(--br-8);
  background-color: var(--transparent-5-w);
  color: var(--text-default);
  font-size: var(--font-size-s);
  font-weight: var(--font-weight-6);
  line-height: 1.2;
  white-space: nowrap;
  cursor: help;
}

.mk__duration svg {
  width: .75rem;
  height: .75rem;
  fill: var(--span);
  flex: none;
}

.mk__duration.is-forever svg {
  fill: var(--money, #ffc44d);
}

.mk__lot-name small .mk__duration {
  margin-top: .25rem;
}

.mk__item-footer {
  margin-top: auto;
  padding-top: .2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
}

.mk__item-footer > button {
  flex: none;
}

.mk__item-footer .mk__button-wrapper {
  flex-wrap: nowrap;
}

.mk__text-warning {
  color: var(--span);
}

.mk__text-ok {
  color: var(--green);
}

.mk__text-bad {
  color: var(--red);
}

/* ---------- Цена и иконка коинов (coins из спрайта темы) ---------- */
.mk__price {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  font-size: var(--font-size-default);
  font-weight: var(--font-weight-7);
  color: var(--text-default);
  white-space: nowrap;
}

.mk__coin-icon {
  width: .9em;
  height: .9em;
  flex: none;
  fill: var(--money, #ffc44d);
}

/* ---------- Фильтр цены «от / до» в одну строку ---------- */
.mk__price-filter {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .3rem;
}

.mk__price-field {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0;
}

.mk__price-field span {
  position: absolute;
  left: .9rem;
  font-size: var(--font-size-s);
  font-weight: var(--font-weight-6);
  color: var(--text-secondary);
  pointer-events: none;
}

.mk__price-field input {
  width: 100%;
  min-width: 0;
  padding-left: 2.4rem;
}

.mk__price.is-negative {
  color: var(--red);
}

/* ---------- Таблицы (как в ATools) ---------- */
.mk__table {
  background-color: var(--transparent-2-w);
  padding: .3rem;
  border-radius: var(--br-20);
}

.mk__table-user a {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  justify-content: start;
  gap: .5rem;
}

.mk__table-user img {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: var(--br-50);
  flex-shrink: 0;
}

.mk__table-user a span {
  color: var(--span);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mk__table-item {
  display: flex;
  align-items: center;
  gap: .6rem;
}

.mk__table-item img {
  width: 3rem;
  height: 2.2rem;
  object-fit: contain;
}

.mk__table-item span {
  display: flex;
  flex-direction: column;
  color: var(--text-default);
}

.mk__table-item small,
.mk__note {
  display: block;
  font-size: var(--font-size-xs);
  color: var(--text-secondary);
}

.mk__row-muted td {
  opacity: .5;
}

.mk__thumb {
  width: 3.5rem;
  height: 2.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.mk__thumb .mk__item-img {
  max-height: 2.5rem;
}

.mk__thumb .mk__item-placeholder {
  font-size: .55rem;
}

.mk__code {
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-size: var(--font-size-xs);
  background-color: var(--transparent-3-w);
  border-radius: var(--br-6);
  padding: .1rem .35rem;
  word-break: break-all;
}

.mk__pre {
  margin: .3rem 0 0;
  padding: .5rem;
  border-radius: var(--br-8);
  background-color: var(--transparent-2-w);
  font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-size: var(--font-size-xs);
  color: var(--text-custom);
  white-space: pre-wrap;
  word-break: break-word;
  max-height: 16rem;
  overflow: auto;
}

.mk__pre:empty {
  display: none;
}

.mk__pagination {
  display: flex;
  justify-content: center;
  gap: .3rem;
  flex-wrap: wrap;
}

/* ---------- Статистика продавца (как at__stat) ---------- */
.mk__dash-grid {
  display: grid;
  gap: .5rem;
}

.mk__dash-grid.cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.mk__stat {
  position: relative;
  background-color: var(--input-form);
  border-radius: var(--br-12);
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: .5rem;
  overflow: hidden;
  min-height: 6rem;
}

.mk__stat-head {
  display: flex;
  align-items: center;
  gap: .5rem;
  color: var(--text-custom);
  font-size: var(--font-size-m);
  font-weight: var(--font-weight-6);
}

.mk__stat-head svg {
  fill: currentColor;
  width: 1rem;
  height: 1rem;
}

.mk__stat-value {
  font-size: 1.8rem;
  font-weight: var(--font-weight-7);
  color: var(--text-default);
  line-height: 1;
  display: flex;
  align-items: center;
  gap: .4rem;
  margin-top: auto;
}

.mk__stat.accent-green::before,
.mk__stat.accent-blue::before,
.mk__stat.accent-gold::before,
.mk__stat.accent-span::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.mk__stat.accent-green::before {
  background-image: linear-gradient(0deg, color-mix(in srgb, var(--green) 7%, transparent), transparent, transparent);
}

.mk__stat.accent-blue::before {
  background-image: linear-gradient(0deg, color-mix(in srgb, #5a83ff 7%, transparent), transparent, transparent);
}

.mk__stat.accent-gold::before {
  background-image: linear-gradient(0deg, color-mix(in srgb, var(--money) 7%, transparent), transparent, transparent);
}

.mk__stat.accent-span::before {
  background-image: linear-gradient(0deg, color-mix(in srgb, var(--span) 7%, transparent), transparent, transparent);
}

.mk__tab-panel {
  display: none;
  flex-direction: column;
  gap: .5rem;
}

.mk__tab-panel.active {
  display: flex;
}

/* ---------- Настройки (как в ATools) ---------- */
.mk__settings-content {
  padding: 1rem;
  background-color: transparent;
  border-radius: var(--br-10);
  border: 1px solid var(--transparent-5-w);
  display: flex;
  flex-direction: column;
  gap: .5rem;
}

.mk__settings-title {
  font-size: var(--font-size-xxl);
  font-weight: var(--font-weight-6);
  padding-bottom: .5rem;
  border-bottom: 1px solid var(--transparent-5-w);
  margin: 0;
}

.mk__settings-subtitle {
  font-size: var(--font-size-m);
  font-weight: var(--font-weight-5);
  text-transform: uppercase;
  color: var(--text-secondary);
  margin: 0;
}

.mk__sections-wrapper {
  display: flex;
  gap: 1rem;
}

.mk__settings-section {
  flex: 1;
  min-width: 0;
}

.mk__settings-info-text {
  padding: .5rem;
  font-size: var(--font-size-s);
  color: var(--text-secondary);
  background-color: var(--transparent-2-w);
  border-radius: var(--br-8);
  margin-bottom: .5rem;
  font-style: italic;
}

.mk__settings-info-text:empty {
  display: none;
}

.mk__settings-info-text b {
  font-style: normal;
  color: var(--text-custom);
}

.mk__file-button {
  margin: 0;
  cursor: pointer;
}

.mk__file-button input {
  display: none;
}

.mk__file-label {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  height: var(--input-height);
  padding-inline: 1rem;
  border-radius: var(--br-8);
  background-color: var(--button);
  color: var(--text-custom);
  font-size: var(--font-size-m);
  font-weight: var(--font-weight-6);
}

.mk__file-label svg {
  width: .8rem;
  height: .8rem;
  fill: currentColor;
}

/* ---------- Список параметров: подпись ....... значение (пунктир только между ними) ---------- */
.mk__info-list {
  display: flex;
  flex-direction: column;
  gap: .6rem;
  margin: .7rem .3rem;
  padding: 0;
}

.mk__info-list li {
  display: flex;
  align-items: flex-end;
  gap: .3rem;
  font-size: var(--font-size-m);
  line-height: 1.3;
}

.mk__info-list li::after {
  content: '';
  order: 1;
  flex: 1;
  min-width: 1rem;
  border-bottom: 1px dotted var(--text-secondary);
  margin-bottom: .3em;
  opacity: .6;
}

.mk__info-list .mk__parametr {
  order: 0;
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  flex: none;
  color: var(--text-custom);
  white-space: nowrap;
}

.mk__info-list .mk__parametr svg {
  fill: currentColor;
  width: .8rem;
  height: .8rem;
}

.mk__info-list .mk__value {
  order: 2;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  flex: none;
  max-width: 60%;
  color: var(--text-default);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.mk__info-list .mk__value .mk__price {
  font-size: var(--font-size-m);
}

/* ---------- Модалки ---------- */
.mk__modal-lot {
  width: min(30rem, 95vw);
}

/* Окно не выше экрана: шапка на месте, содержимое прокручивается — кнопка не уезжает за край. */
#mkModal .popup_modal_content {
  display: flex;
  flex-direction: column;
  max-height: calc(100dvh - 2rem);
  overflow: hidden;
}

#mkModal .popup_modal_content > .popup_modal_head {
  flex: none;
}

#mkModal .popup_modal_content > div:last-child {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  padding-right: .15rem;
}

@media (max-height: 820px) {
  #mkModal .mk__lot-media {
    height: 9rem;
    padding-top: 1.6rem;
  }

  #mkModal .mk__info-list {
    gap: .45rem;
    margin-block: .5rem;
  }
}

@media (max-height: 640px) {
  #mkModal .mk__lot-media {
    height: 6.5rem;
  }
}

.mk__modal-wide {
  width: min(56rem, 95vw);
  max-width: none;
}

.mk__lot-media {
  position: relative;
  height: 13rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--br-12);
  background-color: var(--input-form);
  padding: 1.8rem 1rem 1rem;
}

.mk__lot-media .mk__item-img {
  max-height: 100%;
}

.mk__lot-media .mk__item-placeholder {
  font-size: 2rem;
}

.mk__lot-name {
  display: flex;
  flex-direction: column;
  font-size: var(--font-size-l);
  font-weight: var(--font-weight-6);
  color: var(--text-default);
  margin-top: .3rem;
  word-break: break-word;
}

.mk__lot-name small {
  font-size: var(--font-size-s);
  font-weight: var(--font-weight-5);
  color: var(--text-secondary);
}

.mk__spark {
  display: flex;
  align-items: flex-end;
  gap: 3px;
  height: 2.6rem;
  margin-top: .4rem;
}

.mk__spark-bar {
  flex: 1;
  min-height: 4px;
  border-radius: var(--br-6) var(--br-6) 0 0;
  background-color: var(--span);
  opacity: .6;
}

.mk__spark-bar:hover {
  opacity: 1;
}

/* ---------- Окно продажи: цена, срок размещения, итог ---------- */
.mk__price-row {
  display: flex;
  gap: .3rem;
  width: 100%;
}

.mk__price-row input {
  flex: 1;
  min-width: 0;
}

.mk__price-row button {
  flex: none;
}

.mk__summary {
  display: flex;
  flex-direction: column;
  gap: .35rem;
  margin-top: .3rem;
}

.mk__summary-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  font-size: var(--font-size-m);
  color: var(--text-secondary);
}

.mk__summary-row .mk__price {
  font-size: var(--font-size-m);
}

.mk__summary-total {
  border-top: 1px solid var(--transparent-5-w);
  padding-top: .5rem;
  margin-top: .2rem;
  color: var(--text-default);
  font-size: var(--font-size-default);
  font-weight: var(--font-weight-7);
}

.mk__summary-total .mk__price {
  font-size: var(--font-size-default);
}

/* ---------- Пояснения в окне продажи ---------- */
.mk__notes {
  display: flex;
  flex-direction: column;
  gap: .4rem;
  margin: .3rem 0 0;
  padding: .6rem .7rem;
  list-style: none;
  border-radius: var(--br-10);
  background-color: var(--transparent-2-w);
  border: 1px solid var(--transparent-5-w);
}

.mk__notes li {
  display: flex;
  align-items: flex-start;
  gap: .45rem;
  font-size: var(--font-size-s);
  font-weight: var(--font-weight-5);
  color: var(--text-custom);
  line-height: 1.35;
}

.mk__notes li > svg {
  width: .75rem;
  height: .75rem;
  margin-top: .15rem;
  flex: none;
  fill: var(--text-secondary);
}

.mk__notes b,
.mk__notes b .mk__price {
  font-size: var(--font-size-s);
  color: var(--text-default);
}

/*
 * Иконки на кнопках: тема задаёт кнопкам фиксированную ширину/отступы, и иконка вылезала за край.
 * Кнопкам с текстом даём ширину по содержимому, иконке — фиксированный размер без сжатия.
 */
.mk__button-wrapper > button:not(.button-icon),
.mk__search > button,
.mk__filter-block > button,
#mkModal .mk__price-row > button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  width: auto;
  min-width: max-content;
  padding-inline: 1rem;
  flex-shrink: 0;
  overflow: visible;
  white-space: nowrap;
}

.mk__section button svg,
#mkModal button svg {
  flex: none;
  overflow: visible;
}

.mk__button-wrapper > button:not(.button-icon) > svg,
.mk__search > button > svg,
.mk__filter-block > button > svg {
  width: 1rem;
  height: 1rem;
  margin: 0;
}

/* ---------- Адаптив ---------- */
@media (max-width: 1155px) {
  .mk__dash-grid.cols-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mk__button-reset {
    margin-left: unset;
  }
}

@media (max-width: 925px) {
  .mk__card {
    flex-direction: column;
  }

  .mk__aside,
  .mk__panel {
    width: 100%;
  }

  .mk__sections-wrapper {
    flex-direction: column;
    gap: .5rem;
  }

  .mk__filter-block {
    flex-wrap: wrap;
  }
}

@media (max-width: 560px) {
  .mk__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .mk__item-media {
    height: 6.5rem;
  }

  .mk__item-footer {
    flex-direction: column;
    align-items: stretch;
  }

  .mk__dash-grid.cols-4 {
    grid-template-columns: 1fr 1fr;
  }

  .mk__nav-balance {
    margin-left: 0;
  }
}