﻿@import './tokens.css?v=ios-20260713-auth';
@import './base.css?v=ios-20260516d';
@import './components.css?v=ios-20260713-store-modal';
@import './features.css?v=ios-20260516b';
@import './states.css?v=ios-20260516';
@import './responsive.css?v=ios-20260713-sidebar-fix';

/* ---- Prices page (unified dark/glass style) ---- */

.prices-page {
  color: var(--prices-text);
}

/* Отступ между поиском (#header-container) и блоком таблицы */
main.app-container.prices-page.main-content.aim-dashboard-main {
  gap: var(--prices-header-content-gap);
}

.prices-page.aim-dashboard-main .app-body.aim-dashboard-main-inner {
  gap: 0;
}

@media (min-width: 1200px) {
  body.manager-mode .prices-page.main-content.aim-dashboard-main > .app-body.aim-dashboard-main-inner {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }
}

.prices-page #header-container {
  margin-bottom: 0;
  min-height: var(--aim-topbar-search-h);
  flex: 0 0 auto;
  position: relative;
  z-index: 50;
  overflow: visible;
}

.prices-page #header-container .aim-dash-topbar--dense {
  align-items: flex-end;
}

.prices-page #header-container .aim-dash-utility-bar {
  display: grid;
  grid-template-columns: var(--prices-layout-grid-cols);
  gap: var(--grid-12);
  align-items: flex-end;
  min-height: var(--aim-topbar-search-h);
}

.prices-page #header-container .aim-dash-utility-bar__start {
  grid-column: 1;
  display: flex;
  align-items: center;
  gap: var(--aim-topbar-gap);
  flex: none;
  width: 100%;
  min-width: 0;
}

.prices-page #header-container .aim-dash-utility-bar__start .aim-dash-search--in-bar {
  flex: 1 1 auto;
  min-width: 0;
}

.prices-page #header-container .aim-dash-utility-bar__end {
  grid-column: 2;
  display: flex;
  align-items: flex-end;
  gap: var(--aim-topbar-gap);
  width: 100%;
  min-width: 0;
  margin-left: 0;
}

.prices-page #header-container .aim-dash-io-actions {
  flex: 0 0 auto;
  margin-left: auto;
}

.prices-page #header-container .aim-ai-nav-chip {
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
  max-width: none;
  height: var(--aim-topbar-search-h);
  min-height: var(--aim-topbar-search-h);
  padding-left: var(--grid-12);
  padding-right: var(--grid-12);
  justify-content: flex-start;
  gap: var(--grid-8);
  background: var(--ios-fill-tertiary);
  border-color: var(--prices-border-soft);
}

.prices-page #header-container .aim-ai-nav-chip:hover {
  background: var(--ios-fill-secondary);
  border-color: color-mix(in srgb, var(--color-primary) 35%, var(--prices-border-soft) 65%);
}

.prices-page #header-container .aim-mp-select {
  flex: 0 0 auto;
}

.aim-ai-nav-chip__hint {
  display: none;
}

.prices-page #header-container .aim-ai-nav-chip__hint {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  font-weight: var(--font-weight-medium);
  color: var(--prices-text-muted);
}

.prices-page #header-container .aim-ai-nav-chip__dot,
.prices-page #header-container .aim-ai-nav-chip__txt {
  flex: 0 0 auto;
}

.prices-page #header-container .aim-ai-nav-chip.is-hint-typing .aim-ai-nav-chip__hint::after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 0.95em;
  margin-left: 2px;
  vertical-align: -0.1em;
  background: var(--prices-text-muted);
  opacity: 0.85;
  animation: aim-ai-hint-caret-blink 1.05s step-end infinite;
}

@keyframes aim-ai-hint-caret-blink {
  50% {
    opacity: 0;
  }
}

.prices-page #header-container .aim-dash-io-btn {
  height: var(--aim-topbar-search-h);
  min-height: var(--aim-topbar-search-h);
  border-radius: var(--prices-toolbar-radius);
  background: var(--ios-fill-tertiary);
  border-color: var(--prices-border-soft);
}

.prices-page #header-container.is-aim-dash-menu-open {
  z-index: 120;
}

/* Резерв высоты до async loadHeader() — без скачка контента вниз */
.prices-page #header-container:empty {
  min-height: var(--aim-topbar-search-h);
}

/* Скрытые блоки UI (импорт XLSX в развёрнутом виде, детальная карточка товара): не показываются и не раскрываются. */
.prices-page .prices-ui-suppressed {
  display: none !important;
}

.prices-page .prices-section__hint {
  margin: 0 0 10px;
  font-size: 12px;
  color: var(--prices-text-muted);
}

.prices-page .prices-dash__title {
  margin: 0;
}

.prices-page .prices-dash__top-actions,
.prices-page .prices-flex-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.prices-page .prices-dash__top-actions--unit {
  margin-top: 12px;
  justify-content: flex-start;
}

.prices-page .prices-dash__meta {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: var(--prices-text-muted);
  margin-right: 6px;
}

.prices-page .prices-dash {
  display: grid;
  gap: 0;
  max-width: 100%;
}

.prices-page .prices-dash > .prices-dash__status {
  display: none;
  margin: 0;
}

.prices-page .prices-dash > .prices-dash__status:not([hidden]) {
  display: block;
  margin: 0 0 var(--grid-8);
}

/* Filters live in collapsible panel (toolbar toggle) */
.prices-page .aim-prices-filters-wrap.is-hidden {
  display: none !important;
}

.prices-page .aim-prices-filters-wrap:not(.is-hidden) {
  display: block;
  padding: 0 14px 10px;
  border-bottom: 1px solid var(--prices-border-soft);
}

.prices-page .aim-pricing-stack {
  display: grid;
  gap: var(--grid-12);
  max-width: 100%;
  overflow-x: clip;
}

.prices-page .aim-pricing-console {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(360px, 1.6fr) minmax(260px, 1fr);
  gap: var(--grid-12);
  align-items: start;
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.prices-page .aim-pricing-col {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}

.prices-page .aim-pricing-col-title {
  margin: 0;
  font-size: var(--prices-font-caption, 12px);
  color: var(--prices-text-muted);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.prices-page .aim-pricing-center-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--grid-8);
  margin-bottom: var(--grid-8);
  min-width: 0;
}

.prices-page .aim-pricing-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border: 1px solid color-mix(in srgb, var(--prices-accent) 44%, transparent 56%);
  border-radius: var(--prices-radius-badge);
  background: color-mix(in srgb, var(--prices-accent) 16%, transparent 84%);
  color: color-mix(in srgb, var(--prices-accent) 68%, var(--text-primary) 32%);
  font-size: var(--prices-font-caption, 12px);
  min-width: 0;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.prices-page #aim_prices_ai_pill_text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.prices-page .aim-pricing-amount {
  margin: 0;
  text-align: center;
  font-size: calc(var(--prices-font-metric, 24px) + 12px);
  line-height: 1.02;
  font-weight: 700;
  color: var(--prices-text);
}

.prices-page .aim-pricing-caption {
  margin: 2px 0 10px;
  text-align: center;
  color: var(--prices-text-muted);
  font-size: var(--prices-font-caption, 12px);
}

.prices-page .aim-pricing-slider-scale {
  display: flex;
  justify-content: space-between;
  margin-top: 4px;
  font-size: var(--prices-font-caption, 12px);
  color: var(--prices-text-muted);
  min-width: 0;
}

.prices-page .aim-pricing-slider-scale span {
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.prices-page .aim-pricing-curve-wrap {
  position: relative;
  margin-top: 10px;
}

.prices-page .aim-pricing-sim-stats {
  margin-top: 10px;
  display: grid;
  gap: 8px;
  min-width: 0;
}

.prices-page .aim-pricing-curve-grid path {
  stroke: color-mix(in srgb, var(--prices-border-soft) 65%, transparent 35%);
  stroke-width: 1;
}

.prices-page .aim-pricing-peak {
  position: absolute;
  left: 50%;
  top: 46%;
  transform: translate(-50%, -50%);
  padding: 2px 8px;
  border: 1px solid var(--prices-border-soft);
  border-radius: var(--prices-radius-badge);
  font-size: var(--prices-font-caption, 12px);
  font-weight: 600;
  color: var(--prices-text);
  background: color-mix(in srgb, var(--prices-surface-strong) 92%, #000 8%);
  max-width: min(92%, 340px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.prices-page .aim-pricing-ios-list {
  margin: 6px 0 0;
  padding: 0;
  list-style: none;
}

.prices-page .aim-pricing-ios-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  padding: 4px 0;
  border-bottom: 1px solid color-mix(in srgb, var(--prices-border-soft) 52%, transparent 48%);
  min-width: 0;
}

.prices-page .aim-pricing-ios-item:last-child {
  border-bottom: none;
}

.prices-page .aim-pricing-ios-item .text-tiny {
  min-width: 0;
  flex: 1 1 auto;
  white-space: normal;
  hyphens: auto;
  line-height: var(--prices-econ-th-line-height);
}

.prices-page .aim-pricing-ios-item .text-body {
  flex: 0 0 auto;
  white-space: nowrap;
}

.prices-page .aim-pricing-ios-item .aim-pricing-ios-value {
  display: inline-flex;
  align-items: baseline;
  justify-content: flex-end;
  gap: 0;
  max-width: 100%;
}

.prices-page .aim-pricing-ios-item .aim-pricing-ios-num {
  cursor: default;
}

.prices-page .aim-pricing-ios-item .aim-pricing-ios-pct {
  display: inline-block;
  opacity: 0;
  max-width: 0;
  overflow: hidden;
  vertical-align: baseline;
  white-space: nowrap;
  transition: var(--prices-ios-pct-transition);
  color: color-mix(in srgb, var(--prices-text) 72%, transparent 28%);
}

.prices-page .aim-pricing-ios-item .aim-pricing-ios-value:hover .aim-pricing-ios-pct {
  opacity: 1;
  max-width: var(--prices-ios-pct-reveal-max);
}

.prices-page .aim-pricing-scenario-card--pickable {
  cursor: pointer;
}

.prices-page .aim-pricing-scenario-card--pickable:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--prices-accent) 55%, transparent 45%);
  outline-offset: 2px;
}

.prices-page .aim-pricing-scenario-note {
  white-space: normal;
  overflow-wrap: anywhere;
}

.prices-page .aim-pricing-scenario-note--split {
  display: flex;
  flex-direction: column;
  gap: var(--prices-scenario-note-stack-gap);
  margin: 0;
}

.prices-page .aim-pricing-scenario-note__base {
  white-space: normal;
  overflow-wrap: anywhere;
}

.prices-page .aim-pricing-scenario-note__ai-block {
  display: flex;
  flex-direction: column;
  gap: var(--prices-scenario-note-ai-gap);
  min-width: 0;
}

.prices-page .aim-pricing-scenario-note__ai-label {
  color: var(--prices-text-muted);
  font-weight: var(--font-weight-medium);
  letter-spacing: 0.01em;
}

.prices-page .aim-pricing-scenario-note__ai {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: var(--prices-scenario-note-ai-line-height);
  color: var(--prices-text-soft);
  cursor: help;
}

.prices-page .aim-ai-insight-line--pricing {
  max-width: 100%;
  white-space: normal;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: clip;
}

@media (max-width: 1500px) {
  .prices-page .aim-pricing-console {
    grid-template-columns: minmax(260px, 1fr) minmax(360px, 1.4fr);
  }

  .prices-page .aim-pricing-col--right {
    grid-column: 1 / -1;
  }
}

@media (max-width: 1200px) {
  .prices-page .aim-pricing-console {
    grid-template-columns: 1fr;
  }
}

.prices-page .prices-kpi-bar,
.prices-page .prices-main-col,
.prices-page .prices-section,
.prices-page .prices-section.prices-panel {
  background: linear-gradient(180deg, color-mix(in srgb, var(--prices-surface) 92%, #111827 8%), color-mix(in srgb, var(--prices-surface) 90%, #0a0f19 10%));
  border: 1px solid var(--prices-border-soft);
  border-radius: var(--prices-radius-shell);
  box-shadow: var(--prices-shadow);
}

.prices-page .prices-kpi-bar,
.prices-page .prices-main-col,
.prices-page .prices-section {
  padding: 14px;
}

.prices-page .prices-kpi-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  min-width: 0;
  max-width: 100%;
}

.prices-page .prices-kpi-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  border-radius: var(--prices-radius-badge);
  border: 1px solid var(--prices-border);
  background: color-mix(in srgb, var(--prices-surface-strong) 90%, transparent 10%);
  font-size: 11px;
  line-height: 1.15;
  color: var(--prices-text-soft);
  max-width: 100%;
}

.prices-page .prices-kpi-pill strong {
  color: var(--prices-text);
}

.prices-page .prices-kpi-pill--ok {
  border-color: color-mix(in srgb, var(--prices-ok) 45%, transparent 55%);
  color: color-mix(in srgb, var(--prices-ok) 65%, #ffffff 35%);
}

.prices-page .prices-kpi-pill--risk {
  border-color: color-mix(in srgb, var(--prices-risk) 55%, transparent 45%);
  color: color-mix(in srgb, var(--prices-risk) 68%, #ffffff 32%);
}

.prices-page .prices-kpi-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--prices-ok);
}

.prices-page .prices-kpi-pill--risk .prices-kpi-dot {
  background: var(--prices-risk);
}

/* Simulator KPI row should visually match metric cards */
.prices-page .aim-pricing-sim-stats .prices-kpi-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  border: 1px solid var(--prices-border-soft);
  border-radius: var(--prices-radius-tile);
  overflow: hidden;
  background: color-mix(in srgb, var(--prices-surface-strong) 95%, #000 5%);
}

.prices-page .aim-pricing-sim-stats .prices-kpi-pill {
  min-width: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  border: 0;
  border-right: 1px solid color-mix(in srgb, var(--prices-border-soft) 80%, transparent 20%);
  border-radius: 0;
  background: transparent;
  padding: 6px 10px;
  font-size: 11px;
}

.prices-page .aim-pricing-sim-stats .prices-kpi-pill:last-child {
  border-right: 0;
}

.prices-page .aim-pricing-sim-stats .prices-kpi-pill strong {
  white-space: nowrap;
}

@media (max-width: 1100px) {
  .prices-page .aim-pricing-sim-stats .prices-kpi-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .prices-page .aim-pricing-sim-stats .prices-kpi-pill {
    border-right: 1px solid color-mix(in srgb, var(--prices-border-soft) 80%, transparent 20%);
    border-bottom: 1px solid color-mix(in srgb, var(--prices-border-soft) 80%, transparent 20%);
  }

  .prices-page .aim-pricing-sim-stats .prices-kpi-pill:nth-child(2n) {
    border-right: 0;
  }

  .prices-page .aim-pricing-sim-stats .prices-kpi-pill:nth-last-child(-n + 2) {
    border-bottom: 0;
  }
}

.prices-page .prices-dash__status {
  margin: 0;
  font-size: var(--prices-font-body, 13px);
  color: var(--prices-text-soft);
  line-height: 1.35;
}

.prices-page .prices-filter-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.prices-page .prices-filter-bar__sep {
  width: 1px;
  height: 18px;
  background: var(--prices-border);
}

.prices-page .prices-chip {
  padding: 6px 10px;
  border: 1px solid var(--prices-border);
  border-radius: var(--prices-radius-badge);
  background: color-mix(in srgb, var(--prices-surface-strong) 90%, transparent 10%);
  color: var(--prices-text);
  font-size: 12px;
  cursor: pointer;
}

.prices-page .prices-chip.active {
  border-color: color-mix(in srgb, var(--prices-accent) 78%, transparent 22%);
  background: color-mix(in srgb, var(--prices-accent) 30%, transparent 70%);
}

.prices-page .prices-table-wrap,
.prices-page .prices-aux-scroll {
  overflow: auto;
  scrollbar-width: thin;
}

.prices-page table {
  width: 100%;
  border-collapse: collapse;
}

.prices-page th,
.prices-page td {
  padding: 9px 10px;
  border-bottom: 1px solid var(--prices-border-soft);
  font-size: 12.5px;
  vertical-align: middle;
}

.prices-page th {
  text-align: left;
  color: color-mix(in srgb, var(--prices-accent) 45%, #ffffff 55%);
  font-weight: 600;
  position: sticky;
  top: 0;
  z-index: 1;
  background: color-mix(in srgb, var(--prices-surface-strong) 96%, #000 4%);
  backdrop-filter: blur(4px);
}

.prices-page .cell-num,
.prices-page .prices-th-right,
.prices-page .prices-td-right {
  text-align: right;
}

.prices-page .prices-pagination {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: var(--prices-pagination-control-h);
  margin-top: 0;
  padding: var(--grid-8) var(--prices-pagination-pad-x) var(--prices-pagination-pad-x);
  font-size: var(--font-size-micro);
  color: var(--prices-text-muted);
}

.prices-page .prices-pagination__info {
  margin: 0;
  padding-left: var(--aim-gap-micro);
  white-space: nowrap;
  font-size: var(--font-size-micro);
  font-weight: var(--font-weight-medium);
  letter-spacing: var(--letter-spacing-body);
  line-height: 1.2;
}

.prices-page .prices-pagination__nav {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  flex-wrap: nowrap;
}

.prices-page .prices-pagination__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--prices-pagination-control-h);
  height: var(--prices-pagination-control-h);
  padding: 0 5px;
  border: 1px solid var(--prices-border-soft);
  border-radius: var(--radius-premium-sm);
  background: var(--ios-fill-tertiary);
  color: var(--prices-text);
  font: inherit;
  font-size: var(--font-size-micro);
  font-weight: var(--font-weight-medium);
  line-height: 1;
  cursor: pointer;
  box-sizing: border-box;
  transition:
    background var(--duration-ios-fast) var(--ease-ios),
    border-color var(--duration-ios-fast) var(--ease-ios);
}

.prices-page .prices-pagination__btn--num {
  min-width: var(--prices-pagination-control-h);
}

.prices-page .prices-pagination__btn--num.is-active {
  background: var(--ios-fill-primary);
  border-color: var(--ios-separator);
  color: var(--prices-text);
}

.prices-page .prices-pagination__btn:hover:not(:disabled) {
  background: var(--ios-fill-secondary);
}

.prices-page .prices-pagination__btn:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

.prices-page .prices-pagination__ellipsis {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1rem;
  padding: 0 2px;
  font-size: var(--font-size-micro);
  color: var(--prices-text-muted);
  user-select: none;
}

@media (max-width: 720px) {
  .prices-page .prices-pagination {
    flex-direction: column;
    align-items: stretch;
    gap: var(--grid-8);
    padding-top: var(--grid-10);
    padding-bottom: var(--grid-12);
  }

  .prices-page .prices-pagination__info {
    padding-left: var(--aim-gap-micro);
    text-align: center;
  }

  .prices-page .prices-pagination__nav {
    position: static;
    transform: none;
    justify-content: center;
  }
}

.prices-page .prices-empty-row td {
  color: var(--prices-text-muted);
  text-align: center;
}

.prices-page .prices-section__title {
  margin: 0 0 10px;
  color: var(--prices-text);
  font-size: 15px;
  letter-spacing: 0.01em;
}

.prices-page .prices-inline-btns {
  display: flex;
  gap: 6px;
}

.prices-page .prices-icon-btn {
  border: 1px solid var(--prices-border);
  background: color-mix(in srgb, var(--prices-surface-strong) 92%, transparent 8%);
  color: var(--prices-text);
  border-radius: var(--prices-radius-field);
  padding: 4px 8px;
}

.prices-page .prices-status-txt {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.prices-page .prices-status-bullet--ok {
  color: var(--prices-ok);
}

.prices-page .prices-status-bullet--risk {
  color: var(--prices-risk);
}

.prices-page .prices-status-bullet--crit {
  color: var(--prices-critical);
}

.prices-page .form-textarea,
.prices-page .form-input,
.prices-page input[type="number"] {
  background: color-mix(in srgb, var(--prices-surface-strong) 92%, transparent 8%);
  border: 1px solid var(--prices-border-soft);
  color: var(--prices-text);
  border-radius: var(--prices-radius-field);
  padding: 8px 10px;
}

.prices-page .form-textarea {
  width: 100%;
  min-height: 110px;
}

.prices-page .btn {
  border-radius: var(--prices-radius-button);
  min-height: 34px;
  padding: 6px 12px;
  font-size: 12.5px;
}

.prices-page .btn-secondary {
  border: 1px solid var(--prices-border);
  background: color-mix(in srgb, var(--prices-surface-strong) 90%, transparent 10%);
  color: var(--prices-text);
}

.prices-page .btn-primary {
  border: 1px solid color-mix(in srgb, var(--prices-ok) 80%, #0f3a1a 20%);
  background: linear-gradient(180deg, color-mix(in srgb, var(--prices-ok) 92%, #34d399 8%), color-mix(in srgb, var(--prices-ok) 88%, #15803d 12%));
  color: var(--prices-on-ok);
  font-weight: 600;
}

.prices-page .prices-main-col .prices-table-wrap {
  border: 1px solid color-mix(in srgb, var(--prices-border-soft) 85%, transparent 15%);
  border-radius: var(--prices-radius-inset);
  background: color-mix(in srgb, var(--prices-surface-strong) 72%, transparent 28%);
}

.prices-page .prices-sec-table {
  min-width: var(--prices-sec-table-min-width);
}

/* Таблица на всю ширину карточки; при нехватке места — горизонтальный скролл (iOS). */
.prices-page #aim_econ_table_block .prices-table-wrap {
  width: 100%;
  box-sizing: border-box;
  overflow-x: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  border-radius: var(--prices-econ-main-table-wrap-radius);
  padding-left: 0;
  padding-right: 0;
  background: var(--bg-card);
  isolation: isolate;
}

.prices-page #econ_table.prices-table {
  width: max(100%, var(--prices-econ-table-min-width));
  min-width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
}

.prices-page #econ_table tbody td {
  font-family: var(--prices-econ-num-font-family);
  font-weight: var(--prices-econ-num-font-weight);
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
}

.prices-page #econ_table th,
.prices-page #econ_table td {
  padding: var(--prices-econ-cell-pad-y) var(--prices-econ-cell-pad-x);
  font-size: var(--prices-econ-td-font-size);
}

.prices-page #econ_table thead th {
  font-size: var(--prices-econ-th-font-size-compact);
  line-height: 1.1;
  font-weight: var(--font-weight-semibold);
  hyphens: manual;
  word-wrap: normal;
  vertical-align: bottom;
  padding-top: var(--prices-econ-th-pad-top);
  padding-bottom: var(--prices-econ-th-pad-bottom);
}

.prices-page #econ_table thead th.aim-econ-th-label {
  overflow: hidden;
  text-overflow: clip;
  white-space: normal;
  text-align: center;
  vertical-align: bottom;
  hyphens: manual;
  word-break: normal;
  overflow-wrap: normal;
}

.prices-page #econ_table thead th.aim-econ-th-label .aim-econ-th-label__primary {
  display: block;
  font-size: var(--prices-econ-th-primary-size);
  font-weight: var(--font-weight-medium);
  color: var(--prices-text);
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  text-align: center;
}

.prices-page #econ_table thead th.aim-econ-th-label .aim-econ-th-label__sub {
  display: block;
  margin-top: var(--prices-econ-th-label-gap);
  font-size: var(--prices-econ-th-sub-size);
  font-weight: var(--font-weight-regular, 400);
  color: var(--prices-text-muted);
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  text-align: center;
}

.prices-page #econ_table thead th.aim-econ-th-label--single .aim-econ-th-label__primary {
  margin-top: 0;
}

.prices-page #econ_table thead tr.aim-econ-thead-row th {
  min-height: var(--prices-econ-th-row-min-height);
  background: color-mix(in srgb, var(--prices-surface-strong) 94%, #000 6%);
  border-bottom: 1px solid var(--prices-border-soft);
}

.prices-page #econ_table thead th.aim-econ-th-label--single {
  vertical-align: middle;
}

.prices-page #econ_table thead th.aim-econ-th-label--left {
  text-align: left;
}

.prices-page #econ_table thead th.aim-econ-th-label--left .aim-econ-th-label__primary,
.prices-page #econ_table thead th.aim-econ-th-label--left .aim-econ-th-label__sub {
  text-align: left;
}

.prices-page #econ_table thead th.cell-num {
  white-space: nowrap;
  text-align: center;
}

.prices-page #econ_table thead th.cell-num.aim-econ-th-label {
  white-space: normal;
}

.prices-page #econ_table thead th.cell-num.cell-num-center,
.prices-page #econ_table tbody td.cell-num.cell-num-center,
.prices-page #econ_table tbody td.aim-econ-col-mid,
.prices-page #econ_table tbody td.aim-econ-col-tax,
.prices-page #econ_table tbody td.aim-econ-sticky-end--cogs,
.prices-page #econ_table tbody td.aim-econ-sticky-end--fact-drr {
  text-align: center;
}

.prices-page #econ_table thead th.cell-num.cell-num-center {
  white-space: normal;
}

.prices-page #econ_table tbody td.cell-num.cell-num-center {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.prices-page #econ_table tbody td.cell-num {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
  text-align: center;
}

.prices-page #econ_table td.aim-econ-crm-cell {
  overflow: visible;
  text-align: center;
  vertical-align: middle;
}

.prices-page #econ_table thead th:not(.aim-econ-th-label) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.prices-page #econ_table tbody td.cell-num.aim-econ-crm-cell {
  text-align: center;
  vertical-align: middle;
}

.prices-page #econ_table thead th.aim-econ-th-abbr {
  cursor: help;
  letter-spacing: 0.01em;
}

.prices-page #econ_table col.aim-econ-col-mid {
  width: var(--prices-econ-mid-col-width);
}

.prices-page #econ_table col.aim-econ-col-tax {
  width: var(--prices-econ-col-tax-width);
}

.prices-page #econ_table thead th.aim-econ-col-mid,
.prices-page #econ_table tbody td.aim-econ-col-mid {
  width: var(--prices-econ-mid-col-width);
  min-width: var(--prices-econ-mid-col-width);
  max-width: var(--prices-econ-mid-col-width);
}

.prices-page #econ_table thead th.aim-econ-col-tax,
.prices-page #econ_table tbody td.aim-econ-col-tax {
  width: var(--prices-econ-col-tax-width);
  min-width: var(--prices-econ-col-tax-width);
  max-width: var(--prices-econ-col-tax-width);
}

.prices-page #econ_table col.aim-econ-col-cogs {
  width: var(--prices-econ-col-cogs-width);
}

.prices-page #econ_table col.aim-econ-col-opex {
  width: var(--prices-econ-col-opex-width);
}

.prices-page #econ_table col.aim-econ-col-drr {
  width: var(--prices-econ-col-drr-width);
}

.prices-page #econ_table col.aim-econ-col-fact-drr {
  width: var(--prices-econ-col-fact-drr-width);
}

.prices-page #econ_table .aim-econ-sticky-end--cogs {
  width: var(--prices-econ-col-cogs-width);
  min-width: var(--prices-econ-col-cogs-width);
  max-width: var(--prices-econ-col-cogs-width);
}

.prices-page #econ_table .aim-econ-sticky-end--opex {
  width: var(--prices-econ-col-opex-width);
  min-width: var(--prices-econ-col-opex-width);
  max-width: var(--prices-econ-col-opex-width);
}

.prices-page #econ_table .aim-econ-sticky-end--drr {
  width: var(--prices-econ-col-drr-width);
  min-width: var(--prices-econ-col-drr-width);
  max-width: var(--prices-econ-col-drr-width);
}

.prices-page #econ_table .aim-econ-sticky-end--fact-drr {
  width: var(--prices-econ-col-fact-drr-width);
  min-width: var(--prices-econ-col-fact-drr-width);
  max-width: var(--prices-econ-col-fact-drr-width);
}

.prices-page #econ_table thead th.sticky-sku-header {
  width: var(--prices-econ-sku-col-width);
  min-width: var(--prices-econ-sku-col-min);
  max-width: var(--prices-econ-sku-col-max);
  text-align: left;
  overflow: visible;
  text-overflow: clip;
}

.prices-page #econ_table col.aim-econ-col-sku {
  width: var(--prices-econ-sku-col-width);
}

.prices-page #econ_table col.aim-econ-col-price {
  width: var(--prices-econ-price-col-width);
}

.prices-page #econ_table col.aim-econ-col-profit {
  width: var(--prices-econ-profit-col-width);
}

@media (min-width: 1024px) {
  .prices-page #econ_table col.aim-econ-col-m {
    width: 0;
  }
}

.prices-page #econ_table .aim-econ-sticky-start--price {
  width: var(--prices-econ-price-col-width);
  min-width: var(--prices-econ-price-col-width);
  max-width: var(--prices-econ-price-col-width);
}

.prices-page #econ_table .aim-econ-sticky-start--profit {
  width: var(--prices-econ-profit-col-width);
  min-width: var(--prices-econ-profit-col-width);
  max-width: var(--prices-econ-profit-col-width);
}

.prices-page #econ_table .aim-econ-sticky-start,
.prices-page #econ_table .aim-econ-sticky-end {
  position: sticky;
  z-index: 3;
  background-color: var(--bg-card);
}

.prices-page #econ_table thead .aim-econ-sticky-start,
.prices-page #econ_table thead .aim-econ-sticky-end {
  z-index: 6;
  background-color: color-mix(in srgb, var(--prices-surface-strong) 94%, #000 6%);
}

.prices-page #econ_table .aim-econ-sticky-start--sku {
  left: 0;
  z-index: 4;
}

.prices-page #econ_table thead .aim-econ-sticky-start--sku {
  z-index: 7;
}

.prices-page #econ_table .aim-econ-sticky-start--price {
  left: var(--prices-econ-sku-col-width);
  z-index: 4;
}

.prices-page #econ_table .aim-econ-sticky-start--profit {
  left: calc(var(--prices-econ-sku-col-width) + var(--prices-econ-price-col-width));
  z-index: 4;
}

.prices-page #econ_table .aim-econ-sticky-start--edge {
  box-shadow: 1px 0 0 var(--prices-border-soft);
}

.prices-page #econ_table .aim-econ-sticky-end--fact-drr {
  right: 0;
  z-index: 4;
}

.prices-page #econ_table thead .aim-econ-sticky-end--fact-drr {
  z-index: 7;
}

.prices-page #econ_table .aim-econ-sticky-end--drr {
  right: var(--prices-econ-sticky-end-2-right);
  z-index: 4;
}

.prices-page #econ_table .aim-econ-sticky-end--opex {
  right: var(--prices-econ-sticky-end-3-right);
  z-index: 4;
}

.prices-page #econ_table .aim-econ-sticky-end--cogs {
  right: var(--prices-econ-sticky-end-4-right);
  z-index: 4;
}

.prices-page #econ_table .aim-econ-sticky-end--edge {
  box-shadow: -1px 0 0 var(--prices-border-soft);
}

.prices-page #econ_table .sticky-sku-header,
.prices-page #econ_table .sticky-sku-cell {
  width: var(--prices-econ-sku-col-width);
  min-width: var(--prices-econ-sku-col-min);
  max-width: var(--prices-econ-sku-col-max);
}

.prices-page #econ_table tbody td.cell-sku {
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
  cursor: default;
}

.prices-page #econ_table tbody td.cell-sku .prices-sku-main {
  font-weight: var(--prices-econ-num-font-weight);
}

.prices-page .aim-econ-crm-cell {
  white-space: nowrap;
  text-align: center;
}

.prices-page .aim-econ-crm-input {
  width: calc((var(--prices-econ-crm-input-ch) * 1ch) + (var(--prices-econ-crm-input-pad-x) * 2) + 2px);
  max-width: var(--prices-econ-crm-input-max);
  min-width: var(--prices-econ-crm-input-min);
  height: var(--prices-econ-crm-input-h);
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  padding: var(--prices-econ-crm-input-pad-y) var(--prices-econ-crm-input-pad-x);
  font-family: var(--prices-econ-num-font-family);
  font-size: var(--prices-econ-td-font-size);
  font-weight: var(--prices-econ-num-font-weight);
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
  line-height: 1.15;
  border-radius: var(--radius-premium-sm);
  text-align: right;
  background: var(--ios-fill-tertiary);
  border: 1px solid var(--prices-border-soft);
  color: var(--prices-text);
}

.prices-page .aim-econ-crm-input:focus {
  outline: none;
  border-color: color-mix(in srgb, var(--prices-accent) 58%, var(--prices-border-soft) 42%);
  box-shadow: var(--ios-focus-ring);
}

.prices-page #econ_table thead .aim-econ-crm-head {
  white-space: normal;
  line-height: var(--prices-econ-th-line-height);
  text-align: center;
}

.prices-page .aim-econ-included-dash {
  color: var(--prices-text-muted);
}

.prices-page #econ_table tbody tr.econ-row {
  cursor: pointer;
  transition: background-color 0.12s ease, box-shadow 0.12s ease;
}

.prices-page #econ_table tbody tr.econ-row:hover {
  background: color-mix(in srgb, var(--prices-accent) 8%, transparent 92%);
}

.prices-page #econ_table tbody tr.econ-row-critical {
  box-shadow: inset 3px 0 0 var(--prices-critical);
}

.prices-page #econ_table tbody tr.econ-row-risk {
  box-shadow: inset 3px 0 0 var(--prices-risk);
}

.prices-page .econ-row-selected {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--prices-accent) 65%, transparent 35%);
  background: color-mix(in srgb, var(--prices-accent) 14%, transparent 86%);
}

.prices-page .econ-row-selected .aim-econ-sticky-start,
.prices-page .econ-row-selected .aim-econ-sticky-end,
.prices-page .econ-row-selected .sticky-sku-cell {
  background-color: color-mix(in srgb, var(--prices-accent) 14%, var(--bg-card) 86%);
}

.prices-page #econ_table tbody tr.econ-row:hover .aim-econ-sticky-start,
.prices-page #econ_table tbody tr.econ-row:hover .aim-econ-sticky-end,
.prices-page #econ_table tbody tr.econ-row:hover .sticky-sku-cell {
  background-color: color-mix(in srgb, var(--prices-accent) 8%, var(--bg-card) 92%);
}

.prices-page .econ-row-selected:hover {
  background: color-mix(in srgb, var(--prices-accent) 16%, transparent 84%);
}

.prices-page .prices-cogs-input {
  width: 100%;
  max-width: 96px;
  min-width: 64px;
  padding: 4px 6px;
  font-size: 12px;
}

.prices-page #econ_table .prices-cogs-input.aim-econ-crm-input {
  max-width: var(--prices-econ-crm-input-max);
  min-width: 0;
  padding: var(--prices-econ-crm-input-pad-y) var(--prices-econ-crm-input-pad-x);
  font-size: var(--prices-econ-td-font-size);
}

.prices-page #econ_table .aim-econ-crm-input.prices-cogs-input.aim-econ-crm-input--dense {
  width: auto;
  min-width: var(--prices-econ-crm-input-dense-min-w);
  max-width: var(--prices-econ-crm-input-dense-max-w);
  min-height: var(--prices-econ-crm-input-dense-min-h);
  height: auto;
  max-height: none;
  padding: var(--prices-econ-crm-input-dense-pad-y) var(--prices-econ-crm-input-pad-x);
  font-family: var(--prices-econ-num-font-family);
  font-size: var(--prices-econ-crm-input-dense-font-size);
  font-weight: var(--prices-econ-num-font-weight);
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
  line-height: 1.25;
  vertical-align: middle;
  border-radius: var(--radius-premium-sm);
  text-align: center;
  background: var(--ios-fill-tertiary);
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.prices-page .cell-actions {
  width: 44px;
  text-align: right;
}

.prices-page .prices-card-metrics-tight {
  line-height: 1.55;
}

.prices-page .prices-grid-cards,
.prices-page .prices-grid-single {
  gap: 10px;
}

@media (max-width: 1100px) {
  .prices-page .prices-kpi-bar,
  .prices-page .prices-main-col,
  .prices-page .prices-section {
    padding: 12px;
  }
  .prices-page .prices-sec-table {
    min-width: var(--prices-sec-table-min-width);
  }
}

/* === LAYOUT === */
/* Shell: primary column + main */
.app-layout,
.app-shell {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
  min-height: 100dvh;
  background: var(--bg-main);
}

body > .app-layout,
body > .app-shell {
  flex: 1 1 auto;
  min-height: 0;
}

.app-sidebar,
#sidebar-container > .sidebar {
  width: var(--sidebar-width);
  flex-shrink: 0;
}

#sidebar-container {
  position: relative;
  z-index: 1300;
  flex-shrink: 0;
}

aside.app-sidebar#sidebar-container {
  align-self: stretch;
  border-right: 1px solid var(--border-subtle);
  box-sizing: border-box;
}

aside.app-sidebar#sidebar-container .sidebar.aim-sidebar-apple {
  position: sticky;
  top: 0;
  height: 100dvh;
  min-height: 100dvh;
  max-height: 100dvh;
}

/* Main column: shared shell + dashboard main (layout-only; padding wins over Apple-shell reset via specificity) */
.app-container,
.app-layout > main.app-container {
  max-width: 1340px;
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--aim-gap-section);
  flex: 1 1 auto;
  min-height: 0;
  padding: 24px;
  padding-top: 32px;
}

.app-shell:has(.sidebar.aim-sidebar-apple) main.app-container.main-content,
.app-layout:has(.sidebar.aim-sidebar-apple) main.app-container.main-content {
  padding: 24px;
  padding-top: 32px;
}

.app-layout > main.app-container {
  min-width: 0;
  overflow: hidden;
}

.app-main-view {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-height: 0;
  height: calc(100dvh - 120px);
  overflow: hidden;
}

.app-main-view--row {
  flex-direction: row;
}

.app-container > main,
.app-container > .app-body {
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
  max-width: 100%;
  overflow-y: auto;
  overflow-x: clip;
  width: 100%;
}

body.manager-mode .prices-page .manager-hidden {
  display: none !important;
}

body.manager-mode .prices-page #status-msg {
  display: none !important;
  margin: 0 !important;
}

@media (min-width: 1200px) {
  body.manager-mode .prices-page #econ_table.prices-table--stack tbody {
    min-height: calc(var(--prices-econ-row-min-height) * var(--prices-econ-viewport-row-cap, 8));
  }

  body.manager-mode .prices-page .aim-prices-table-card {
    min-height: 0;
  }
}

@media (min-width: 1200px) {
  body.manager-mode .app-layout {
    height: 100dvh;
    max-height: 100dvh;
    overflow: hidden;
    scrollbar-gutter: stable;
  }

  body.manager-mode .app-layout > main.app-container.prices-page {
    height: 100%;
    max-height: 100dvh;
    min-height: 0;
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
    overflow-x: clip;
  }

  body.manager-mode .prices-page.main-content.aim-dashboard-main {
    height: 100%;
    max-height: 100dvh;
    overflow: hidden;
    overflow-x: clip;
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    box-sizing: border-box;
  }

  body.manager-mode .prices-page .app-body.aim-dashboard-main-inner {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    overflow-x: clip;
    display: flex;
    flex-direction: column;
  }

  body.manager-mode .prices-page #header-container {
    flex: 0 0 auto;
  }

  body.manager-mode .prices-page .app-body.aim-dashboard-main-inner > .prices-dash {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0;
    overflow: hidden;
    overflow-x: clip;
    width: 100%;
  }

  body.manager-mode .prices-page .app-body.aim-dashboard-main-inner > #product_card_box {
    display: none !important;
  }

  body.manager-mode .prices-page .aim-prices-layout {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    max-width: 100%;
    width: 100%;
    overflow: hidden;
    overflow-x: clip;
    align-items: stretch;
    grid-template-rows: minmax(0, 1fr);
    grid-template-columns: var(--prices-layout-grid-cols);
  }

  body.manager-mode .prices-page .aim-prices-main {
    display: flex;
    flex-direction: column;
    gap: var(--grid-12);
    min-height: 0;
    min-width: 0;
    width: 100%;
    align-self: stretch;
    overflow: hidden;
  }

  body.manager-mode .prices-page .aim-prices-main > #aim_econ_table_block {
    flex: 1 1 auto;
    min-height: 0;
  }

  body.manager-mode .prices-page .aim-prices-table-card {
    width: 100%;
    max-width: none;
  }

  body.manager-mode .prices-page .aim-prices-rail {
    position: static;
    top: auto;
    align-self: stretch;
    min-height: 0;
    max-height: none;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }

  body.manager-mode .prices-page .aim-prices-rail-inner {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }

  body.manager-mode .prices-page .aim-prices-rail-inner > .aim-pricing-rail-card:first-child {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }

  body.manager-mode .prices-page .aim-pricing-ai-block .aim-pricing-ai-run {
    margin-top: 0;
  }

  body.manager-mode .prices-page .aim-pricing-ai-block .aim-pricing-ai-summary {
    flex: 1 1 auto;
    height: auto;
    max-height: none;
  }

  body.manager-mode .prices-page .aim-prices-rail-inner > .aim-pricing-rail-card:last-child {
    flex: 0 0 auto;
    min-height: 0;
    max-height: none;
    margin-top: auto;
    display: flex;
    flex-direction: column;
    overflow: visible;
  }

  body.manager-mode .prices-page .aim-prices-rail-inner > .aim-pricing-rail-card:last-child > .aim-pricing-col-title {
    flex: 0 0 auto;
  }

  body.manager-mode .prices-page .aim-prices-rail-inner > .aim-pricing-rail-card:last-child > .aim-pricing-scenario-card {
    flex: 0 0 auto;
  }

  body.manager-mode .prices-page .aim-prices-main > #aim_econ_table_block {
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }

  body.manager-mode .prices-page .aim-prices-filters-wrap:not(.is-hidden) {
    flex: 0 0 auto;
  }

  body.manager-mode .prices-page #econ_empty_panel {
    flex: 0 0 auto;
  }

  body.manager-mode .prices-page .prices-table-wrap {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    max-height: none;
    overflow-x: auto;
    overflow-y: auto;
    overscroll-behavior-x: contain;
  }

  body.manager-mode .prices-page .prices-pagination {
    flex: 0 0 auto;
  }

  body.manager-mode .prices-page .aim-prices-main > #pricing_summary_cards {
    flex: 0 0 auto;
    align-items: start;
  }

  body.manager-mode .prices-page .aim-prices-kpi-card {
    height: auto;
    align-self: start;
  }

  body.manager-mode .prices-page .aim-prices-kpi-sync-hint {
    display: none !important;
  }

  body.manager-mode .prices-page .aim-prices-rail-inner:not(.is-hidden) .aim-pricing-scenario-note__ai-block {
    display: none !important;
    min-height: 0;
  }
}

.prices-page #aim_prices_sim_slider {
  width: 100%;
  margin-top: 8px;
  position: relative;
  z-index: 3;
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
}

.prices-page #aim_prices_curve_marker {
  fill: var(--prices-slider-thumb-bg);
  stroke: color-mix(in srgb, var(--prices-accent) 80%, var(--prices-slider-thumb-bg) 20%);
  stroke-width: 1.5;
}

.prices-page #aim_prices_sim_slider::-webkit-slider-runnable-track {
  height: 2px;
  background: transparent;
  border: 0;
}

.prices-page #aim_prices_sim_slider::-moz-range-track {
  height: 2px;
  background: transparent;
  border: 0;
}

.prices-page #aim_prices_sim_slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--prices-slider-thumb-bg);
  border: 1px solid color-mix(in srgb, var(--prices-accent) 60%, var(--prices-slider-thumb-bg) 40%);
  box-shadow: 0 0 0 2px var(--prices-slider-thumb-ring);
  margin-top: -7px;
}

.prices-page #aim_prices_sim_slider::-moz-range-thumb {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--prices-slider-thumb-bg);
  border: 1px solid color-mix(in srgb, var(--prices-accent) 60%, var(--prices-slider-thumb-bg) 40%);
  box-shadow: 0 0 0 2px var(--prices-slider-thumb-ring);
}

.prices-page .aim-pricing-slider-wrap {
  position: relative;
}

.prices-page .aim-pricing-slider-line {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 2px;
  border-radius: var(--prices-radius-track);
  background: var(--prices-slider-track);
  z-index: 1;
  pointer-events: none;
}

.prices-page .aim-pricing-slider-thumb {
  display: none;
}

.prices-page .aim-pricing-curve-line path {
  fill: none;
  stroke: color-mix(in srgb, var(--prices-accent) 72%, var(--prices-slider-thumb-bg) 28%);
  stroke-width: 1.6;
}

.prices-page .aim-pricing-metrics {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
  padding: 0;
  min-height: 46px;
  border-radius: var(--prices-radius-tile);
  overflow: hidden;
  background: color-mix(in srgb, var(--prices-surface-strong) 95%, #000 5%);
  border: 1px solid var(--prices-border-soft);
}

.prices-page .aim-pricing-crm-details {
  margin-top: var(--space-3);
}

.prices-page .aim-pricing-crm-details__summary {
  color: var(--prices-text-muted);
  cursor: pointer;
  user-select: none;
}

.prices-page .aim-pricing-crm-details .aim-pricing-crm-panel {
  margin-top: var(--space-2);
  padding-top: var(--space-2);
}

.prices-page .aim-pricing-crm-panel {
  margin-top: var(--space-3);
  padding-top: var(--space-3);
  border-top: 1px solid var(--border-subtle);
}

.prices-page .aim-pricing-crm-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: var(--space-2);
  align-items: end;
  margin-bottom: var(--space-2);
}

.prices-page .aim-pricing-crm-grid label {
  display: block;
  color: var(--text-secondary);
  margin-bottom: var(--grid-8);
}

/* Поля симулятора: без стрелок number — ввод только с клавиатуры (Chrome / Firefox / Safari). */
.prices-page .aim-pricing-crm-grid input[type="number"].prices-input-xs {
  appearance: textfield;
  -moz-appearance: textfield;
}

.prices-page .aim-pricing-crm-grid input[type="number"].prices-input-xs::-webkit-outer-spin-button,
.prices-page .aim-pricing-crm-grid input[type="number"].prices-input-xs::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.prices-page .aim-pricing-metrics--inline {
  margin-top: 8px;
  background: color-mix(in srgb, var(--prices-surface-strong) 88%, transparent 12%);
}

.prices-page .aim-pricing-metric {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1px;
  padding: 6px 10px;
  min-height: 46px;
  border-right: 1px solid color-mix(in srgb, var(--prices-border-soft) 80%, transparent 20%);
}

.prices-page .aim-pricing-metric:last-child {
  border-right: none;
}

.prices-page .aim-pricing-metric .text-tiny {
  margin: 0;
  font-size: 11px;
  line-height: 1.1;
  color: var(--prices-text-muted);
  white-space: nowrap;
}

.prices-page .aim-pricing-metric-strong {
  font-size: 18px;
  line-height: 1.08;
  letter-spacing: -0.01em;
  font-weight: 600;
  white-space: nowrap;
}

.prices-page .aim-pricing-metric--accent .aim-pricing-metric-strong {
  color: color-mix(in srgb, var(--prices-accent) 72%, #ffffff 28%);
}

.prices-page #aim_prices_apply_scenario {
  transition: none !important;
}

.prices-page #aim_prices_apply_scenario:hover,
.prices-page #aim_prices_apply_scenario:active,
.prices-page #aim_prices_apply_scenario:focus-visible {
  transform: none !important;
  box-shadow: none !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: color-mix(in srgb, var(--prices-accent) 55%, transparent 45%) !important;
}

.prices-page .prices-upload-dropdown {
  position: relative;
}

.prices-page .prices-upload-dropdown__toggle {
  min-width: 120px;
}

.prices-page .prices-upload-dropdown__menu {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  left: auto;
  bottom: auto;
  z-index: 300;
  min-width: 220px;
  padding: 6px;
  display: grid;
  gap: 4px;
  border-radius: var(--prices-radius-inset);
  border: 1px solid var(--prices-border-soft);
  background: color-mix(in srgb, var(--prices-surface-strong) 96%, #000 4%);
  box-shadow: var(--prices-shadow);
}

.prices-page .aim-prices-toolbar .prices-upload-dropdown__menu {
  top: calc(100% + 4px);
  right: 0;
  left: auto;
}

.prices-page .prices-inline-btns--scenario-actions,
.prices-page .prices-upload-dropdown {
  overflow: visible;
}

.prices-page .aim-pricing-col--right {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}

.prices-page .prices-upload-dropdown__item {
  border: 1px solid transparent;
  border-radius: var(--prices-radius-control);
  background: transparent;
  color: var(--prices-text);
  text-align: left;
  padding: 8px 10px;
  font-size: 12.5px;
  cursor: pointer;
}

.prices-page .prices-upload-dropdown__item:hover {
  background: color-mix(in srgb, var(--prices-accent) 22%, transparent 78%);
  border-color: color-mix(in srgb, var(--prices-accent) 60%, transparent 40%);
}

.prices-page .prices-inline-btns--scenario-actions {
  margin-top: 10px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 8px;
}

.prices-page .prices-inline-btns--scenario-actions .btn,
.prices-page .prices-inline-btns--scenario-actions .prices-upload-dropdown__toggle {
  width: 100%;
  justify-content: center;
  border-radius: var(--prices-radius-button);
  border: 1px solid var(--prices-border-soft);
  background: transparent;
  color: var(--prices-text);
  box-shadow: none;
  transition: none;
}

.prices-page .prices-inline-btns--scenario-actions .btn:hover,
.prices-page .prices-inline-btns--scenario-actions .prices-upload-dropdown__toggle:hover {
  border-color: color-mix(in srgb, var(--prices-accent) 55%, transparent 45%);
  background: rgba(255, 255, 255, 0.06);
}

.prices-page .prices-inline-btns--scenario-actions .btn,
.prices-page .prices-inline-btns--scenario-actions .prices-upload-dropdown__toggle,
.prices-page .prices-upload-dropdown__item {
  transition: none !important;
}

.prices-page .prices-inline-btns--scenario-actions .btn:hover,
.prices-page .prices-inline-btns--scenario-actions .prices-upload-dropdown__toggle:hover,
.prices-page .prices-inline-btns--scenario-actions .btn:active,
.prices-page .prices-inline-btns--scenario-actions .prices-upload-dropdown__toggle:active {
  transform: none !important;
  box-shadow: none !important;
}

.prices-page .prices-flex-actions--compact {
  margin-bottom: 8px;
  flex-wrap: wrap;
  gap: 8px;
}

.prices-page .prices-flex-actions--centered {
  align-items: center;
}

.prices-page .prices-label-reset {
  margin: 0;
}

.prices-page .prices-select-compact {
  max-width: min(520px, 100%);
  padding: 4px 8px;
}

.prices-page .prices-section__title--spaced {
  margin-top: 16px;
}

.prices-page .prices-input-xs {
  width: var(--prices-input-xs-width);
  min-height: var(--prices-input-xs-min-h);
  padding: var(--prices-input-xs-pad-y) var(--prices-input-xs-pad-x);
  box-sizing: border-box;
  line-height: 1.25;
}

.prices-page .aim-prices-file-inputs {
  position: fixed;
  width: 0;
  height: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
  padding: 0;
  margin: 0;
  pointer-events: none;
}

.prices-page .prices-file-input-offscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
  overflow: hidden;
  border: 0;
  padding: 0;
  margin: 0;
  pointer-events: auto;
}

@media (max-width: 1100px) {
  .prices-page .aim-pricing-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .prices-page .aim-pricing-metric {
    border-right: 1px solid color-mix(in srgb, var(--prices-border-soft) 80%, transparent 20%);
    border-bottom: 1px solid color-mix(in srgb, var(--prices-border-soft) 80%, transparent 20%);
  }
}

/* ---- Prices ref layout: table + rail + KPI ---- */

.prices-page .aim-prices-layout {
  display: grid;
  grid-template-columns: var(--prices-layout-grid-cols);
  gap: var(--grid-12);
  align-items: stretch;
  width: 100%;
  min-width: 0;
}

.prices-page .aim-prices-main {
  display: grid;
  gap: var(--grid-12);
  min-width: 0;
  width: 100%;
  max-width: 100%;
}

.prices-page .aim-prices-table-card .prices-table-wrap {
  padding-left: var(--prices-pagination-pad-x);
  padding-right: var(--prices-pagination-pad-x);
}

.prices-page .aim-prices-table-card .prices-table-wrap {
  padding-bottom: 0;
}

.prices-page .aim-prices-table-card {
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--prices-surface) 92%, #111827 8%),
    color-mix(in srgb, var(--prices-surface) 90%, #0a0f19 10%)
  );
  border: 1px solid var(--prices-border-soft);
  border-radius: var(--prices-radius-shell);
  box-shadow: var(--prices-shadow);
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow: visible;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.prices-page .aim-prices-toolbar {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  gap: var(--prices-toolbar-gap);
  flex-wrap: nowrap;
  margin: 0;
  padding: 8px 12px 10px;
  border-bottom: none;
  min-height: calc(var(--prices-sim-input-h) + var(--prices-sim-chip-gap) + 1.125rem + 26px);
  box-sizing: border-box;
  position: relative;
  z-index: 20;
  overflow: visible;
}

.prices-page .aim-prices-toolbar__controls {
  display: flex;
  align-items: stretch;
  flex-wrap: nowrap;
  gap: var(--prices-toolbar-gap);
  flex: 1 1 auto;
  min-width: 0;
  width: 100%;
  max-width: 100%;
  justify-content: flex-start;
  overflow: visible;
}

.prices-page .aim-prices-toolbar__actions {
  display: flex;
  align-items: center;
  gap: var(--prices-toolbar-gap);
  flex: 0 0 auto;
  flex-wrap: nowrap;
  margin-left: 0;
  overflow: visible;
}

.prices-page .aim-prices-toolbar__btn.btn,
.prices-page .aim-prices-toolbar__btn.btn.btn-secondary,
.prices-page .aim-prices-toolbar .prices-upload-dropdown__toggle.btn {
  flex: 0 0 auto;
  min-width: var(--prices-toolbar-btn-min-width);
  height: var(--prices-toolbar-control-height);
  min-height: var(--prices-toolbar-control-height);
  max-height: var(--prices-toolbar-control-height);
  padding: 0 var(--grid-12);
  box-sizing: border-box;
  border-radius: var(--prices-toolbar-radius);
  font-size: var(--prices-font-caption);
  font-weight: var(--font-weight-medium);
  line-height: 1;
  background: var(--ios-fill-tertiary);
  border-color: var(--prices-border-soft);
  color: var(--prices-text);
  transition:
    background var(--duration-ios-fast) var(--ease-ios),
    border-color var(--duration-ios-fast) var(--ease-ios);
}

.prices-page .aim-prices-toolbar__btn.btn:hover,
.prices-page .aim-prices-toolbar__btn.btn.btn-secondary:hover,
.prices-page .aim-prices-toolbar .prices-upload-dropdown__toggle.btn:hover {
  background: var(--ios-fill-secondary);
  border-color: var(--ios-separator);
}

.prices-page .aim-prices-toolbar__btn.btn:active,
.prices-page .aim-prices-toolbar__btn.btn.btn-secondary:active,
.prices-page .aim-prices-toolbar .prices-upload-dropdown__toggle.btn:active {
  transform: none;
  box-shadow: none;
}

.prices-page .aim-prices-toolbar__btn--icon {
  min-width: var(--prices-toolbar-control-height);
  width: var(--prices-toolbar-control-height);
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.prices-page .aim-prices-toolbar__btn--icon .aim-nav-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.prices-page .aim-prices-toolbar__sim {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: var(--prices-sim-grid-gap);
  align-items: stretch;
  width: 100%;
  min-width: 0;
  padding: var(--prices-sim-panel-pad);
  border-radius: 0;
  background: var(--prices-sim-panel-bg);
  border: none;
  box-shadow: none;
  box-sizing: border-box;
  font-family: var(--font-family-ui);
  letter-spacing: var(--letter-spacing-body);
}

.prices-page .aim-prices-sim-chip--readonly .aim-prices-sim-chip__head {
  pointer-events: auto;
}

.prices-page .aim-prices-sim-chip {
  display: flex;
  flex-direction: column;
  gap: var(--prices-sim-chip-gap);
  min-width: 0;
  box-sizing: border-box;
}

.prices-page .aim-prices-sim-chip__head {
  display: flex;
  align-items: center;
  gap: var(--prices-sim-head-gap);
  min-width: 0;
  padding: 0 1px;
}

.prices-page .aim-prices-sim-chip__icon {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--prices-sim-icon-size);
  height: var(--prices-sim-icon-size);
}

.prices-page .aim-prices-sim-chip__icon svg {
  width: var(--prices-sim-icon-size);
  height: var(--prices-sim-icon-size);
  stroke-width: 1.5;
}

.prices-page .aim-prices-sim-chip--premium .aim-prices-sim-chip__icon {
  color: var(--prices-sim-icon-premium);
}

.prices-page .aim-prices-sim-chip--plan .aim-prices-sim-chip__icon {
  color: var(--prices-sim-icon-plan);
}

.prices-page .aim-prices-sim-chip--ads-budget .aim-prices-sim-chip__icon {
  color: var(--prices-sim-icon-budget);
}

.prices-page .aim-prices-sim-chip--ads-spend .aim-prices-sim-chip__icon {
  color: var(--prices-sim-icon-spend);
}

.prices-page .aim-prices-sim-chip--ads-units .aim-prices-sim-chip__icon {
  color: var(--prices-sim-icon-units);
}

.prices-page .aim-prices-sim-chip--drr .aim-prices-sim-chip__icon {
  color: var(--prices-sim-icon-drr);
}

.prices-page .aim-prices-sim-chip--tax .aim-prices-sim-chip__icon {
  color: var(--prices-sim-icon-tax);
}

.prices-page .aim-prices-sim-chip__label {
  flex: 1 1 auto;
  min-width: 0;
  font-size: var(--prices-sim-label-size);
  font-weight: var(--prices-sim-label-weight);
  line-height: 1.2;
  letter-spacing: var(--prices-sim-label-tracking);
  color: var(--prices-sim-label-color);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.prices-page .aim-prices-sim-chip__hint {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 12px;
  height: 12px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  color: var(--prices-sim-hint-color);
  cursor: help;
  opacity: 0.72;
}

.prices-page .aim-prices-sim-chip__hint:hover,
.prices-page .aim-prices-sim-chip__hint:focus-visible {
  opacity: 1;
  color: var(--prices-sim-label-color);
}

.prices-page .aim-prices-sim-chip__hint:focus-visible {
  outline: none;
  box-shadow: var(--prices-sim-focus-ring);
}

.prices-page .aim-prices-sim-chip__hint .aim-nav-icon {
  display: inline-flex;
  width: 11px;
  height: 11px;
}

.prices-page .aim-prices-sim-chip__hint .aim-nav-icon svg {
  width: 11px;
  height: 11px;
  stroke-width: 1.5;
}

.prices-page .aim-prices-sim-chip__input {
  display: block;
  width: 100%;
  height: var(--prices-sim-input-h);
  margin: 0;
  padding: 0 12px;
  box-sizing: border-box;
  border: 1px solid var(--prices-sim-input-border);
  border-radius: var(--prices-sim-input-radius);
  background: var(--prices-sim-input-bg);
  color: var(--prices-sim-value-color);
  font-family: inherit;
  font-size: var(--prices-sim-value-size);
  font-weight: var(--prices-sim-value-weight);
  letter-spacing: var(--prices-sim-value-tracking);
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
  line-height: var(--prices-sim-input-h);
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: var(--prices-sim-transition);
  box-shadow: var(--prices-sim-input-inset);
}

.prices-page .aim-prices-sim-chip__input:hover:not(:read-only):not([readonly]) {
  background: var(--prices-sim-input-bg-hover);
}

.prices-page .aim-prices-sim-chip__input:focus {
  outline: none;
  border-color: transparent;
  box-shadow: var(--prices-sim-input-inset), var(--prices-sim-focus-ring);
  background: var(--prices-sim-input-bg-hover);
}

.prices-page .aim-prices-sim-chip__input--readonly,
.prices-page .aim-prices-sim-chip__input:read-only,
.prices-page .aim-prices-sim-chip__input[readonly] {
  background: var(--prices-sim-input-bg-readonly);
  color: color-mix(in srgb, var(--prices-sim-value-color) 86%, var(--prices-sim-label-color) 14%);
  cursor: default;
  pointer-events: none;
  user-select: none;
  caret-color: transparent;
}

.prices-page .aim-prices-sim-chip__input--readonly:hover,
.prices-page .aim-prices-sim-chip__input--readonly:focus,
.prices-page .aim-prices-sim-chip__input:read-only:hover,
.prices-page .aim-prices-sim-chip__input:read-only:focus,
.prices-page .aim-prices-sim-chip__input[readonly]:hover,
.prices-page .aim-prices-sim-chip__input[readonly]:focus {
  border-color: transparent;
  box-shadow: var(--prices-sim-input-inset);
  background: var(--prices-sim-input-bg-readonly);
}

.prices-page .aim-prices-sim-chip--readonly:focus-within .aim-prices-sim-chip__input {
  border-color: transparent;
  box-shadow: var(--prices-sim-input-inset);
  background: var(--prices-sim-input-bg-readonly);
}

.prices-page .aim-prices-toolbar__sim .aim-prices-sim-chip__input::-webkit-outer-spin-button,
.prices-page .aim-prices-toolbar__sim .aim-prices-sim-chip__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.prices-page .aim-prices-kpi-row {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--grid-8);
  align-items: start;
}

.prices-page .aim-prices-kpi-card {
  padding: 12px 14px;
  border-radius: var(--prices-radius-shell);
  border: 1px solid var(--prices-border-soft);
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--prices-surface) 92%, #111827 8%),
    color-mix(in srgb, var(--prices-surface) 90%, #0a0f19 10%)
  );
  box-shadow: var(--prices-shadow);
  min-width: 0;
}

.prices-page .aim-prices-kpi-card--risk {
  border-color: color-mix(in srgb, var(--prices-risk) 40%, var(--prices-border-soft) 60%);
}

.prices-page .aim-prices-kpi-card--muted .aim-prices-kpi-card__value {
  color: var(--prices-text-muted);
}

.prices-page .aim-prices-kpi-card__label {
  margin: 0 0 6px;
  font-size: var(--prices-font-caption, 12px);
  color: var(--prices-text-muted);
}

.prices-page .aim-prices-kpi-card__value {
  margin: 0;
  font-size: calc(var(--prices-font-metric, 24px) - 2px);
  font-weight: 700;
  color: var(--prices-text);
  line-height: 1.1;
  min-width: 0;
  overflow: hidden;
}

.prices-page .aim-prices-kpi-card__value strong {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.prices-page .aim-prices-kpi-card__value--small {
  font-size: var(--prices-font-caption);
  font-weight: var(--font-weight-semibold, 600);
}

.prices-page .aim-prices-rail {
  position: sticky;
  top: 12px;
  display: grid;
  gap: var(--prices-rail-gap);
  width: 100%;
  min-width: 0;
  max-height: calc(100vh - 100px);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}

.prices-page .aim-prices-rail-placeholder {
  margin: 0;
  padding: var(--prices-rail-pad) var(--grid-12);
  text-align: center;
  font-size: var(--prices-rail-footnote-size);
  line-height: 1.45;
  color: var(--prices-text-muted);
  border: 1px solid var(--prices-border-soft);
  border-radius: var(--prices-radius-tile);
  background: var(--ios-fill-tertiary);
}

.prices-page .aim-prices-rail-inner {
  display: flex;
  flex-direction: column;
  gap: var(--prices-rail-gap);
  min-width: 0;
  min-height: 0;
}

.prices-page .aim-pricing-scenario-note__base {
  display: none;
}

.prices-page .aim-pricing-rail-card.glass-card {
  padding: var(--prices-rail-pad);
  min-width: 0;
  border-radius: var(--prices-radius-tile);
  border-color: var(--prices-border-soft);
  background: linear-gradient(
    180deg,
    color-mix(in srgb, var(--prices-surface) 94%, #111827 6%),
    color-mix(in srgb, var(--prices-surface) 90%, #0a0f19 10%)
  );
  box-shadow: var(--prices-shadow);
}

.prices-page .aim-pricing-rail-card .aim-pricing-col-title {
  margin: 0 0 var(--grid-8);
  font-size: var(--prices-rail-footnote-size);
  font-weight: var(--font-weight-semibold);
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--prices-text-muted);
}

.prices-page .aim-pricing-ai-block {
  display: flex;
  flex-direction: column;
  min-height: 0;
  font-family: var(--font-family-ui);
  font-feature-settings: "kern" 1, "liga" 1, "tnum" 1;
}

.prices-page .aim-pricing-ai-block .aim-pricing-ai-product {
  margin: 0 0 var(--grid-8);
  padding: 0;
  color: var(--prices-text-secondary);
  font-size: var(--prices-ai-product-size);
  font-weight: var(--font-weight-medium);
  line-height: var(--prices-ai-product-line-height);
  letter-spacing: var(--prices-ai-metric-letter-spacing);
  display: -webkit-box;
  -webkit-line-clamp: var(--prices-ai-product-max-lines);
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-width: 0;
  height: calc(var(--prices-ai-product-line-height) * var(--prices-ai-product-max-lines) * 1em);
  flex: 0 0 calc(var(--prices-ai-product-line-height) * var(--prices-ai-product-max-lines) * 1em);
}

.prices-page .aim-pricing-ai-metrics {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--prices-ai-metrics-gap);
  margin: 0 0 var(--grid-8);
  flex: 0 0 auto;
}

.prices-page .aim-pricing-ai-summary {
  margin: 0 0 var(--grid-8);
  padding: 0;
  border: none;
  background: transparent;
  color: var(--prices-text-soft);
  font-size: var(--prices-ai-summary-size);
  font-weight: var(--font-weight-regular);
  line-height: var(--prices-ai-summary-line-height);
  letter-spacing: -0.01em;
  min-height: var(--prices-ai-summary-min-h);
  flex: 0 0 auto;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--prices-ai-summary-max-lines);
  overflow: hidden;
  white-space: normal;
  overflow-wrap: anywhere;
}

.prices-page .aim-pricing-ai-summary.is-placeholder {
  color: var(--prices-ai-summary-placeholder-color);
  font-weight: var(--font-weight-regular);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  -webkit-box-orient: unset;
  -webkit-line-clamp: unset;
}

.prices-page .aim-pricing-ai-block .aim-pricing-center-head {
  flex: 0 0 auto;
}

.prices-page .aim-pricing-ai-metric {
  margin: 0;
  padding: var(--prices-ai-metric-pad-y) var(--prices-ai-metric-pad-x);
  border-radius: var(--radius-ios-sm);
  border: 1px solid var(--ios-separator);
  background: var(--ios-fill-tertiary);
  box-shadow: 0 1px 0 color-mix(in srgb, #fff 4%, transparent 96%) inset;
  min-width: 0;
}

.prices-page .aim-pricing-ai-metric-label {
  margin: 0 0 2px;
  font-size: var(--prices-ai-metric-label-size);
  font-weight: var(--prices-ai-metric-label-weight);
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: var(--prices-text-muted);
  line-height: 1.2;
}

.prices-page .aim-pricing-ai-value {
  margin: 0;
  font-size: var(--prices-ai-metric-value-size);
  font-weight: var(--prices-ai-metric-value-weight);
  letter-spacing: var(--prices-ai-metric-letter-spacing);
  font-variant-numeric: tabular-nums;
  line-height: 1.2;
  color: var(--prices-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.prices-page .aim-pricing-ai-metric dt {
  margin: 0 0 2px;
  color: var(--prices-text-muted);
}

.prices-page .aim-pricing-ai-metric dd {
  margin: 0;
  font-weight: var(--prices-ai-metric-value-weight);
}

.prices-page .aim-pricing-ai-run {
  width: 100%;
  margin-bottom: var(--grid-8);
  flex: 0 0 auto;
  transform: none;
  transition:
    background var(--duration-ios-fast) var(--ease-ios),
    border-color var(--duration-ios-fast) var(--ease-ios),
    opacity var(--duration-ios-fast) var(--ease-ios);
}

.prices-page .aim-pricing-ai-run.btn:hover:not(:disabled) {
  transform: none;
  background: color-mix(in srgb, var(--color-primary) 86%, white 14%);
  border-color: color-mix(in srgb, var(--color-primary) 86%, white 14%);
  color: var(--color-text);
}

.prices-page .aim-pricing-ai-run.btn:active:not(:disabled) {
  transform: none;
}

.prices-page .aim-pricing-ai-run.btn.is-locked,
.prices-page .aim-pricing-ai-run.btn.is-locked:hover,
.prices-page .aim-pricing-ai-run.btn.is-locked:active,
.prices-page .aim-pricing-ai-run.btn:disabled,
.prices-page .aim-pricing-ai-run.btn:disabled:hover,
.prices-page .aim-pricing-ai-run.btn:disabled:active {
  transform: none;
  box-shadow: none;
}

.prices-page .aim-pricing-ai-run.is-locked:disabled,
.prices-page .aim-pricing-ai-run.is-locked:disabled:hover,
.prices-page .aim-pricing-ai-run.is-locked:disabled:active {
  opacity: 0.72;
  cursor: not-allowed;
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: var(--color-text);
}

.prices-page .aim-pricing-ai-status {
  margin: 0;
  min-height: 1.25rem;
  flex: 0 0 auto;
  color: var(--prices-ai-status-color);
}

.prices-page .aim-pricing-ai-trend--up {
  color: var(--prices-ai-trend-up);
}

.prices-page .aim-pricing-ai-trend--down {
  color: var(--prices-ai-trend-down);
}

.prices-page .aim-pricing-ai-trend--flat {
  color: var(--prices-ai-trend-flat);
}

.prices-page .aim-pricing-rail-card .aim-pricing-center-head {
  margin-bottom: var(--grid-8);
}

.prices-page .aim-pricing-rail-card .aim-pricing-amount {
  font-size: var(--prices-rail-amount-size);
  line-height: 1.1;
  letter-spacing: -0.03em;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}

.prices-page .aim-pricing-rail-card .aim-pricing-caption {
  margin: 2px 0 var(--grid-8);
  font-size: var(--prices-rail-footnote-size);
  line-height: 1.35;
}

.prices-page .aim-pricing-rail-card .aim-pricing-slider-wrap {
  margin: 0;
  padding: 6px 0 2px;
}

.prices-page .aim-pricing-rail-card #aim_prices_sim_slider {
  margin-top: 0;
}

.prices-page .aim-pricing-rail-card #aim_prices_sim_slider::-webkit-slider-thumb {
  width: 14px;
  height: 14px;
  margin-top: -6px;
}

.prices-page .aim-pricing-rail-card #aim_prices_sim_slider::-moz-range-thumb {
  width: 14px;
  height: 14px;
}

.prices-page .aim-pricing-rail-card .aim-pricing-slider-scale {
  margin-top: 6px;
  font-size: var(--prices-rail-footnote-size);
  font-variant-numeric: tabular-nums;
  gap: 4px;
}

.prices-page .aim-pricing-rail-card .aim-pricing-metrics--rail {
  margin-top: var(--grid-8);
}

.prices-page .aim-pricing-rail-card .aim-pricing-metrics {
  display: flex;
  flex-direction: column;
  grid-template-columns: unset;
  min-height: 0;
  border-radius: var(--radius-premium-sm);
  background: var(--ios-fill-tertiary);
  border: 1px solid var(--prices-border-soft);
}

.prices-page .aim-pricing-rail-card .aim-pricing-metric {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: var(--grid-8);
  padding: 7px 10px;
  min-height: 34px;
  border-right: none;
  border-bottom: 1px solid var(--ios-separator);
}

.prices-page .aim-pricing-rail-card .aim-pricing-metric:last-child {
  border-bottom: none;
}

.prices-page .aim-pricing-rail-card .aim-pricing-metric--accent {
  background: color-mix(in srgb, var(--prices-accent) 10%, transparent 90%);
}

.prices-page .aim-pricing-rail-card .aim-pricing-metric .text-tiny {
  margin: 0;
  flex: 1 1 auto;
  min-width: 0;
  font-size: var(--prices-rail-metric-label-size);
  line-height: 1.25;
  white-space: normal;
  color: var(--prices-text-muted);
}

.prices-page .aim-pricing-rail-card .aim-pricing-metric strong,
.prices-page .aim-pricing-rail-card .aim-pricing-metric .aim-pricing-metric-strong {
  flex: 0 0 auto;
  margin: 0;
  font-size: var(--prices-rail-metric-value-size);
  line-height: 1.2;
  font-weight: var(--font-weight-semibold);
  letter-spacing: -0.01em;
  white-space: nowrap;
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.prices-page .aim-pricing-rail-card .aim-pricing-metric--accent .aim-pricing-metric-strong {
  color: color-mix(in srgb, var(--prices-accent) 78%, var(--prices-text) 22%);
}

.prices-page .aim-pricing-rail-card .aim-pricing-scenario-card {
  margin-top: var(--grid-8);
  padding: var(--prices-rail-pad);
  border-radius: var(--radius-premium-sm);
  border: 1px solid var(--prices-border-soft);
  background: var(--ios-fill-tertiary);
  box-shadow: none;
  min-height: var(--prices-scenario-card-min-h);
  box-sizing: border-box;
  width: 100%;
  text-align: left;
  font: inherit;
  color: inherit;
}

.prices-page .aim-pricing-rail-card button.aim-pricing-scenario-card {
  appearance: none;
}

.prices-page .aim-pricing-rail-card .aim-pricing-scenario-card--pickable {
  cursor: pointer;
  transition:
    border-color var(--duration-ios-fast) var(--ease-ios),
    background var(--duration-ios-fast) var(--ease-ios);
}

.prices-page .aim-pricing-rail-card .aim-pricing-scenario-card--pickable:hover {
  border-color: color-mix(in srgb, var(--prices-accent) 40%, var(--prices-border-soft) 60%);
  background: var(--ios-fill-secondary);
}

.prices-page .aim-pricing-rail-card .aim-pricing-scenario-card:first-of-type {
  margin-top: var(--grid-8);
}

.prices-page .aim-pricing-rail-card > .aim-pricing-col-title + .aim-pricing-scenario-card,
.prices-page .aim-pricing-rail-card > h2.aim-pricing-col-title ~ .aim-pricing-scenario-card:first-of-type {
  margin-top: var(--grid-8);
}

.prices-page .aim-pricing-rail-card .aim-pricing-scenario-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: auto auto;
  column-gap: var(--grid-8);
  row-gap: 2px;
  align-items: baseline;
  width: 100%;
}

.prices-page .aim-pricing-rail-card .aim-pricing-scenario-label {
  grid-column: 1;
  grid-row: 1;
  min-width: 0;
  line-height: 1.3;
}

.prices-page .aim-pricing-rail-card .aim-pricing-scenario-label--break-even {
  color: color-mix(in srgb, var(--prices-accent) 72%, var(--prices-text) 28%);
}

.prices-page .aim-pricing-rail-card .aim-pricing-scenario-label--profit {
  color: color-mix(in srgb, var(--prices-accent) 58%, var(--prices-text) 42%);
}

.prices-page .aim-pricing-rail-card .aim-pricing-scenario-est {
  grid-column: 2;
  grid-row: 1;
  color: var(--prices-text-muted);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.prices-page .aim-pricing-rail-card .aim-pricing-scenario-amount {
  grid-column: 1;
  grid-row: 2;
  margin: 0;
  font-size: var(--prices-rail-scenario-amount-size);
  line-height: 1.15;
  letter-spacing: -0.02em;
  font-weight: var(--font-weight-semibold);
  font-variant-numeric: tabular-nums;
}

.prices-page .aim-pricing-rail-card .aim-pricing-scenario-roi {
  grid-column: 2;
  grid-row: 2;
  justify-self: end;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  color: var(--prices-text-muted);
}

.prices-page .aim-pricing-rail-card .aim-pricing-scenario-roi--pos {
  color: var(--prices-ok);
}

.prices-page .aim-pricing-rail-card .aim-pricing-scenario-roi--zero {
  color: var(--prices-text-muted);
}

.prices-page .aim-pricing-rail-card .aim-pricing-scenario-card--target .aim-pricing-scenario-label--break-even,
.prices-page .aim-pricing-rail-card .aim-pricing-scenario-card--target .aim-pricing-scenario-label--profit {
  color: color-mix(in srgb, var(--prices-accent) 78%, var(--prices-text) 22%);
}

.prices-page .aim-pricing-rail-card .aim-pricing-delta-row {
  margin-top: var(--grid-8);
  padding-top: var(--grid-8);
  border-top: 1px solid var(--ios-separator);
  font-size: var(--prices-rail-footnote-size);
  line-height: 1.35;
  gap: 6px;
}

.prices-page .aim-pricing-rail-card .aim-pricing-delta-row .text-tiny {
  flex: 1 1 auto;
  min-width: 0;
  white-space: normal;
}

.prices-page .aim-pricing-rail-card .aim-pricing-delta-row .text-body {
  font-size: var(--prices-rail-metric-value-size);
  font-weight: var(--font-weight-semibold);
  font-variant-numeric: tabular-nums;
  gap: 6px;
}

.prices-page .aim-pricing-rail-card .aim-pricing-apply-btn {
  width: 100%;
  margin-top: var(--grid-8);
  height: var(--control-height-sm);
  min-height: var(--control-height-sm);
  padding: 0 var(--grid-12);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  border-radius: var(--radius-premium-sm);
  background: var(--ios-fill-secondary);
  border-color: var(--prices-border-soft);
}

.prices-page .aim-econ-profit--pos {
  color: color-mix(in srgb, var(--prices-ok) 78%, var(--prices-text) 22%);
  font-weight: var(--prices-econ-num-font-weight);
}

.prices-page .aim-econ-profit--neg {
  color: color-mix(in srgb, var(--prices-risk) 82%, var(--prices-text) 18%);
  font-weight: var(--prices-econ-num-font-weight);
}

/* Stacked price / profit cells (manager table) */
.prices-page #econ_table.prices-table--stack tbody tr {
  min-height: var(--prices-econ-row-min-height);
}

.prices-page #econ_table.prices-table--stack tbody td {
  vertical-align: middle;
}

.prices-page #econ_table thead th.aim-econ-stack-col {
  width: var(--prices-econ-price-col-width);
  min-width: var(--prices-econ-price-col-width);
  text-align: center;
  white-space: normal;
  line-height: 1.2;
}

.prices-page #econ_table thead th.aim-econ-stack-col + th.aim-econ-stack-col {
  width: var(--prices-econ-profit-col-width);
  min-width: var(--prices-econ-profit-col-width);
}

.prices-page #econ_table tbody td.aim-econ-stack-cell {
  overflow: visible;
  white-space: normal;
  text-align: center;
  vertical-align: middle;
  padding-top: calc(var(--prices-econ-cell-pad-y) + 1px);
  padding-bottom: calc(var(--prices-econ-cell-pad-y) + 1px);
}

.prices-page #econ_table.prices-table--stack tbody td.cell-sku {
  vertical-align: middle;
}

.prices-page #econ_table.prices-table--stack tbody td.aim-econ-crm-cell {
  vertical-align: middle;
}

.prices-page .aim-econ-stack {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--prices-econ-stack-gap);
  line-height: 1.2;
  font-family: var(--prices-econ-num-font-family);
  font-weight: var(--prices-econ-num-font-weight);
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
}

.prices-page .aim-econ-stack-primary {
  font-size: var(--prices-econ-stack-primary-size);
  font-weight: var(--prices-econ-stack-primary-weight);
  color: var(--prices-text);
}

.prices-page .aim-econ-stack-secondary {
  font-size: var(--prices-econ-stack-secondary-size);
  font-weight: var(--prices-econ-num-font-weight);
  color: var(--prices-text-muted);
}

.prices-page .aim-econ-stack-rec {
  color: var(--prices-econ-rec-color);
}

.prices-page .aim-econ-stack-rec-up {
  color: var(--prices-econ-rec-up-color);
}

.prices-page .aim-econ-stack-rec-down {
  color: var(--prices-econ-rec-down-color);
}

.prices-page .aim-econ-stack.aim-econ-profit--pos .aim-econ-stack-primary,
.prices-page .aim-econ-stack.aim-econ-profit--pos .aim-econ-stack-secondary {
  color: color-mix(in srgb, var(--prices-ok) 78%, var(--prices-text) 22%);
}

.prices-page .aim-econ-stack.aim-econ-profit--neg .aim-econ-stack-primary,
.prices-page .aim-econ-stack.aim-econ-profit--neg .aim-econ-stack-secondary {
  color: color-mix(in srgb, var(--prices-risk) 82%, var(--prices-text) 18%);
}


@media (max-width: 1280px) {
  .prices-page #header-container .aim-dash-utility-bar {
    grid-template-columns: 1fr;
  }

  .prices-page #header-container .aim-dash-utility-bar__end {
    grid-column: 1;
  }

  .prices-page .aim-prices-layout {
    grid-template-columns: 1fr;
  }

  .prices-page .aim-prices-main {
    width: 100%;
    max-width: 100%;
  }

  .prices-page .aim-prices-table-card {
    width: 100%;
    max-width: 100%;
  }

  .prices-page #econ_table.prices-table {
    width: 100%;
    min-width: var(--prices-econ-table-min-width);
    table-layout: fixed;
  }

  .prices-page .aim-prices-rail {
    position: static;
    max-height: none;
    width: 100%;
    max-width: none;
  }

  .prices-page .aim-prices-kpi-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .prices-page .aim-prices-kpi-row {
    grid-template-columns: 1fr;
  }
}

/* ---- Prices polish: toolbar, table, rail (phases 3/8) ---- */

.prices-page #aim_prices_filters_toggle {
  display: none !important;
}

.prices-page #aim_prices_filters_toggle.is-active {
  border-color: color-mix(in srgb, var(--prices-accent) 65%, var(--prices-border-soft) 35%);
  background: color-mix(in srgb, var(--prices-accent) 22%, transparent 78%);
}

.prices-page .aim-prices-kpi-sync-hint {
  display: none !important;
  margin: 0;
  font-size: var(--prices-font-caption, 12px);
  color: var(--prices-text-muted);
  text-align: right;
}

.prices-page .aim-prices-table-card #econ_table {
  font-size: var(--prices-econ-td-font-size);
}

.prices-page .aim-prices-table-card #econ_table th {
  font-size: var(--prices-econ-th-font-size-compact);
  padding: var(--prices-econ-cell-pad-y) var(--prices-econ-cell-pad-x);
}

.prices-page .aim-prices-table-card #econ_table td {
  padding: var(--prices-econ-cell-pad-y) var(--prices-econ-cell-pad-x);
}

.prices-page .aim-pricing-rail-card .aim-pricing-scenario-card--target {
  border-color: color-mix(in srgb, var(--prices-accent) 50%, var(--prices-border-soft) 50%);
  background: color-mix(in srgb, var(--prices-accent) 14%, var(--ios-fill-tertiary) 86%);
  box-shadow: none;
}

@media (max-width: 900px) {
  .prices-page .aim-prices-toolbar__controls {
    width: 100%;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }

  .prices-page .aim-prices-toolbar__controls::-webkit-scrollbar {
    display: none;
  }

  .prices-page .aim-prices-toolbar__sim {
    min-width: var(--prices-sim-grid-min-width);
  }
}

.aim-team-panel {
  margin-top: var(--aim-gap-section);
  display: flex;
  flex-direction: column;
  gap: var(--team-panel-gap);
}

.aim-team-panel__title {
  margin: 0;
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
}

.aim-team-panel__hint {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--font-size-sm);
}

.aim-team-invite {
  display: flex;
  flex-wrap: wrap;
  gap: var(--team-row-gap);
  align-items: flex-end;
}

.aim-team-field {
  display: flex;
  flex-direction: column;
  gap: var(--team-field-gap);
  min-width: 12rem;
}

.aim-team-field input,
.aim-team-field select {
  height: var(--control-height-sm);
  border-radius: var(--radius-ios-md);
  border: 1px solid var(--border-default);
  background: var(--bg-elev);
  color: var(--text-main);
  padding: 0 var(--grid-8);
}

.aim-team-list {
  display: flex;
  flex-direction: column;
  gap: var(--team-row-gap);
}

.aim-team-list__heading {
  margin: var(--aim-gap-tight) 0 0;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
}

.aim-team-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--team-row-gap);
}

.aim-team-role {
  color: var(--text-muted);
  font-size: var(--font-size-sm);
}

.aim-team-empty,
.aim-team-status {
  margin: 0;
  color: var(--text-muted);
  font-size: var(--font-size-sm);
}

.aim-team-invite-link code.aim-team-invite-url {
  display: block;
  margin-top: var(--aim-gap-micro);
  padding: var(--aim-gap-tight);
  border-radius: var(--radius-ios-md);
  border: 1px solid var(--border-default);
  background: var(--bg-elev);
  font-size: var(--team-invite-url-size);
  word-break: break-all;
}

.aim-auth-msg--ok { color: var(--color-success); }
.aim-auth-msg--err { color: var(--color-danger); }

/* ---- Auth page: compact iOS login ---- */

body.aim-auth-page {
  color: var(--auth-text);
  background: var(--bg-main);
}

body.aim-auth-page .aim-auth-wrap {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: var(--auth-page-pad);
  background:
    radial-gradient(900px 420px at 18% -12%, color-mix(in srgb, var(--prices-accent) 18%, transparent), transparent 70%),
    radial-gradient(780px 380px at 100% 0%, color-mix(in srgb, var(--prices-ok, #34d399) 10%, transparent), transparent 62%),
    var(--bg-main);
}

body.aim-auth-page .aim-auth-card {
  width: 100%;
  max-width: var(--auth-card-max);
  padding: var(--auth-card-pad);
  border-radius: var(--auth-card-radius);
  border: 1px solid var(--auth-card-border);
  background: var(--auth-card-bg);
  box-shadow: var(--auth-card-shadow);
}

body.aim-auth-page .aim-auth-title {
  margin: 0 0 4px;
  font-size: var(--auth-title-size);
  font-weight: 650;
  letter-spacing: -0.02em;
  color: var(--auth-text);
}

body.aim-auth-page .aim-auth-sub {
  margin: 0 0 var(--auth-stack-gap);
  color: var(--auth-text-muted);
  font-size: var(--auth-sub-size);
  line-height: 1.35;
}

body.aim-auth-page .aim-auth-field {
  display: flex;
  flex-direction: column;
  gap: var(--auth-field-gap);
  margin-bottom: 8px;
}

body.aim-auth-page .aim-auth-field > span {
  font-size: var(--auth-label-size);
  font-weight: 550;
  color: var(--auth-text-muted);
  letter-spacing: 0.01em;
}

body.aim-auth-page .aim-auth-field input {
  height: var(--auth-field-h);
  padding: 0 10px;
  border-radius: var(--auth-field-radius);
  border: 1px solid var(--auth-field-border);
  background: var(--auth-field-bg);
  color: var(--auth-text);
  font-size: 13px;
  outline: none;
  box-shadow: none;
  transition: none;
}

body.aim-auth-page .aim-auth-field input::placeholder {
  color: color-mix(in srgb, var(--auth-text-muted) 80%, transparent);
}

body.aim-auth-page .aim-auth-field input:focus {
  border-color: color-mix(in srgb, var(--prices-accent) 45%, transparent);
  background: color-mix(in srgb, var(--auth-field-bg) 88%, var(--prices-accent) 6%);
}

/* Chrome/Edge autofill: убрать жёлтую заливку */
body.aim-auth-page .aim-auth-field input:-webkit-autofill,
body.aim-auth-page .aim-auth-field input:-webkit-autofill:hover,
body.aim-auth-page .aim-auth-field input:-webkit-autofill:focus,
body.aim-auth-page .aim-auth-field input:-webkit-autofill:active {
  -webkit-text-fill-color: var(--auth-text);
  caret-color: var(--auth-text);
  border: 1px solid var(--auth-field-border);
  box-shadow: 0 0 0 1000px var(--auth-field-bg) inset;
  transition: background-color 99999s ease-out 0s;
}

body.aim-auth-page .aim-auth-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: var(--auth-stack-gap);
}

body.aim-auth-page .aim-auth-btn {
  height: var(--auth-btn-h);
  border-radius: var(--auth-btn-radius);
  border: 1px solid var(--auth-btn-border);
  background: var(--auth-btn-bg);
  color: var(--auth-text);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: none;
}

body.aim-auth-page .aim-auth-btn:hover,
body.aim-auth-page .aim-auth-btn:focus-visible {
  background: var(--auth-btn-hover-bg);
  border-color: var(--auth-btn-hover-border);
  color: var(--auth-text);
}

body.aim-auth-page .aim-auth-btn:active {
  background: color-mix(in srgb, var(--auth-btn-hover-bg) 86%, #000 14%);
}

body.aim-auth-page .aim-auth-msg {
  min-height: 16px;
  margin-top: 8px;
  font-size: var(--auth-msg-size);
  color: var(--color-danger);
}

/* ---- Stores page: aligned with prices dark/glass ---- */

body.stores-page {
  color: var(--stores-text);
  background: var(--bg-main);
}

body.stores-page .stores-page__main {
  gap: var(--stores-page-gap);
  max-width: 1280px;
  color: var(--stores-text);
}

body.stores-page .stores-page__topbar {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--grid-8);
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  max-width: none;
  border-radius: 0;
  min-height: 0;
}

body.stores-page .stores-hero {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0;
  width: 100%;
}

body.stores-page .stores-hero__copy {
  width: 100%;
  min-width: 0;
}

body.stores-page .stores-hero__title {
  margin: 0;
  font-size: 24px;
  font-weight: var(--font-weight-semibold);
  letter-spacing: -0.03em;
  line-height: 1.15;
  color: var(--stores-text);
}

body.stores-page .stores-hero__sub {
  margin: 4px 0 0;
  font-size: var(--stores-sub-size);
  color: var(--stores-text-muted);
  line-height: 1.4;
  max-width: 36rem;
}

body.stores-page .stores-hero__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--grid-8);
  margin: 6px 0 0;
  padding: 0;
  min-height: auto;
  border: 0;
  background: transparent;
  box-shadow: none;
  width: 100%;
  justify-content: flex-start;
}

body.stores-page .stores-hero__meta .stores-meta-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--grid-8);
}

body.stores-page .stores-hero__meta .aim-data-meta__label {
  color: var(--stores-text-muted);
  font-size: var(--stores-badge-size);
  text-transform: none;
  letter-spacing: 0;
}

body.stores-page .stores-hero__meta time {
  color: var(--stores-text-soft);
}

body.stores-page .stores-hero__refresh,
body.stores-page .stores-hero__refresh.is-hidden {
  display: none !important;
}

body.stores-page .stores-summary {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--grid-8);
}

body.stores-page .stores-summary.is-hidden {
  display: none;
}

body.stores-page .stores-summary__item {
  display: flex;
  align-items: center;
  gap: var(--grid-8);
  padding: 10px 12px;
  border-radius: var(--prices-radius-tile);
  border: 1px solid var(--stores-card-border);
  background: var(--stores-card-bg);
  box-shadow: var(--stores-surface-shadow);
  min-width: 0;
}

body.stores-page .stores-summary__icon {
  width: var(--stores-kpi-icon-size);
  height: var(--stores-kpi-icon-size);
  border-radius: var(--prices-radius-badge);
  flex-shrink: 0;
  background: color-mix(in srgb, var(--prices-surface-strong) 88%, var(--prices-accent) 12%);
  border: 1px solid var(--stores-field-border);
  position: relative;
}

body.stores-page .stores-summary__icon::before {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 14px;
  height: 14px;
  border-radius: 3px;
  background: color-mix(in srgb, var(--prices-accent) 70%, #fff 30%);
  opacity: 0.9;
}

body.stores-page .stores-summary__icon--online {
  background: color-mix(in srgb, var(--stores-status-ok) 14%, transparent);
  border-color: color-mix(in srgb, var(--stores-status-ok) 35%, transparent);
}

body.stores-page .stores-summary__icon--online::before {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--stores-status-ok);
}

body.stores-page .stores-summary__icon--api::before {
  width: 16px;
  height: 8px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--prices-accent) 80%, #fff 20%);
}

body.stores-page .stores-summary__icon--time::before {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid color-mix(in srgb, var(--prices-accent) 80%, #fff 20%);
  background: transparent;
  box-shadow: inset -3px 0 0 -1px color-mix(in srgb, var(--prices-accent) 80%, #fff 20%);
}

body.stores-page .stores-summary__icon--active::before {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid color-mix(in srgb, var(--prices-ok) 70%, #fff 30%);
  background: transparent;
}

body.stores-page .stores-summary__copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

body.stores-page .stores-summary__value {
  display: block;
  font-size: 15px;
  font-weight: var(--font-weight-semibold);
  letter-spacing: -0.02em;
  color: var(--stores-text);
  line-height: 1.2;
}

body.stores-page .stores-summary__value--sm {
  font-size: 12px;
  letter-spacing: -0.01em;
  line-height: 1.3;
}

body.stores-page .stores-summary__label {
  display: block;
  margin-top: 0;
  font-size: var(--stores-badge-size);
  color: var(--stores-text-muted);
  text-transform: none;
  letter-spacing: 0;
}

body.stores-page .box,
body.stores-page .stores-page__panel {
  background: var(--stores-card-bg);
  border: 1px solid var(--stores-card-border);
  border-radius: var(--stores-card-radius);
  box-shadow: var(--stores-surface-shadow);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transform: none;
  will-change: auto;
  padding: var(--stores-panel-pad);
  color: var(--stores-text);
}

body.stores-page .box > * + *,
body.stores-page .stores-page__panel > * + * {
  margin-top: var(--grid-12);
}

body.stores-page .box:hover,
body.stores-page .stores-page__panel:hover {
  transform: none;
  box-shadow: var(--stores-surface-shadow);
  border-color: var(--stores-card-border);
}

body.stores-page .btn,
body.stores-page .btn.btn-primary,
body.stores-page .btn.btn-secondary {
  transform: none;
  border-radius: var(--stores-action-radius);
  min-height: var(--stores-action-h);
  height: var(--stores-action-h);
  font-size: 12.5px;
  font-weight: var(--font-weight-medium);
}

body.stores-page .btn.btn-primary {
  background: var(--stores-primary-bg);
  border: 1px solid var(--stores-primary-border);
  color: var(--stores-primary-fg);
  box-shadow: none;
  font-weight: 600;
}

body.stores-page .btn.btn-primary:hover {
  transform: none;
  filter: brightness(1.04);
}

body.stores-page .btn.btn-secondary {
  background: var(--stores-field-bg);
  border: 1px solid var(--stores-field-border);
  color: var(--stores-text);
  box-shadow: none;
}

body.stores-page .btn.btn-secondary:hover {
  transform: none;
  background: color-mix(in srgb, var(--prices-surface-strong) 82%, transparent 18%);
}

body.stores-page .stores-btn-plus {
  display: inline-block;
  margin-right: 4px;
  font-weight: 600;
}

body.stores-page .stores-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: var(--stores-action-gap);
  align-items: center;
  margin-bottom: var(--stores-card-gap);
}

body.stores-page .stores-toolbar .btn {
  width: auto;
  min-width: 0;
}

body.stores-page .stores-page__status,
body.stores-page #status-msg {
  margin: 0 0 var(--stores-card-gap);
  padding: var(--stores-meta-pad-y) var(--stores-meta-pad-x);
  border-radius: var(--prices-radius-tile);
  border: 1px solid var(--stores-card-border);
  background: var(--stores-inset-bg);
  box-shadow: none;
  color: var(--stores-text-muted);
  font-size: var(--stores-meta-size);
}

body.stores-page .stores-page__status.is-hidden,
body.stores-page #status-msg.is-hidden {
  display: none;
}

body.stores-page .stores-cards {
  display: flex;
  flex-direction: column;
  gap: var(--stores-card-gap);
}

body.stores-page .store-card {
  position: relative;
  border: 1px solid var(--stores-card-border);
  border-radius: var(--prices-radius-tile);
  padding: var(--stores-card-pad);
  background: var(--stores-inset-bg);
  box-shadow: none;
  text-align: left;
  transform: none;
  color: var(--stores-text);
}

body.stores-page .store-card:hover {
  transform: none;
  box-shadow: none;
  border-color: var(--stores-card-border);
}

body.stores-page .store-card__body {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr) 32px;
  gap: var(--grid-12);
  align-items: start;
  position: relative;
  padding-right: 0;
}

body.stores-page .store-card__identity {
  min-width: 0;
}

body.stores-page .store-card-head {
  display: flex;
  gap: var(--grid-12);
  align-items: flex-start;
  min-width: 0;
}

body.stores-page .store-mp-icon {
  width: var(--stores-icon-size);
  height: var(--stores-icon-size);
  border-radius: var(--stores-icon-radius);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.02em;
  flex-shrink: 0;
  background: color-mix(in srgb, var(--prices-accent) 18%, var(--prices-surface-strong) 82%);
  border: 1px solid color-mix(in srgb, var(--prices-accent) 28%, var(--prices-border) 72%);
  color: color-mix(in srgb, var(--prices-accent) 55%, #fff 45%);
  box-shadow: none;
}

body.stores-page .store-mp-icon--ozon {
  background: color-mix(in srgb, #005bff 22%, var(--prices-surface-strong) 78%);
  border-color: color-mix(in srgb, #3b82f6 30%, var(--prices-border) 70%);
  color: #bfdbfe;
  box-shadow: none;
}

body.stores-page .store-mp-icon--wb {
  background: color-mix(in srgb, #a855f7 28%, transparent);
  border-color: color-mix(in srgb, #c084fc 35%, transparent);
  color: #f3e8ff;
}

body.stores-page .store-mp-icon--detmir {
  background: color-mix(in srgb, #f59e0b 24%, transparent);
  border-color: color-mix(in srgb, #fbbf24 35%, transparent);
  color: #ffedd5;
}

body.stores-page .store-card-title-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--grid-8);
}

body.stores-page .store-card-title {
  margin: 0;
  font-size: var(--stores-title-size);
  font-weight: var(--font-weight-semibold);
  letter-spacing: -0.025em;
  color: var(--stores-text);
  line-height: 1.25;
}

body.stores-page .store-rename {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 0;
  width: 100%;
}

body.stores-page .store-rename.is-hidden {
  display: none;
}

body.stores-page .store-rename__input {
  flex: 1 1 140px;
  min-width: 0;
  height: var(--stores-action-h);
  padding: 0 10px;
  border-radius: var(--stores-action-radius);
  border: 1px solid var(--stores-field-border);
  background: var(--stores-field-bg);
  color: var(--stores-text);
  font-size: 13px;
  outline: none;
}

body.stores-page .store-rename__input:focus {
  border-color: color-mix(in srgb, var(--prices-accent) 40%, transparent);
}

body.stores-page .store-rename__btn {
  height: var(--stores-action-h);
  padding: 0 10px;
  font-size: 12px;
}

body.stores-page .store-card-sub {
  margin: 4px 0 0;
  font-size: var(--stores-sub-size);
  color: var(--stores-text-muted);
  font-weight: var(--font-weight-medium);
}

body.stores-page .store-card-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

body.stores-page .store-card-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 4px var(--grid-12);
  margin-top: 8px;
  font-size: 12px;
  color: var(--stores-text-soft);
}

body.stores-page .store-card-meta__k {
  color: var(--stores-text-muted);
  margin-right: 6px;
  font-size: 12px;
  text-transform: none;
  letter-spacing: 0;
  font-weight: var(--font-weight-medium);
}

body.stores-page .store-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: var(--stores-badge-pad-y) var(--stores-badge-pad-x);
  border-radius: var(--stores-badge-radius);
  border: 1px solid var(--stores-field-border);
  background: color-mix(in srgb, var(--prices-surface-strong) 90%, transparent 10%);
  color: var(--stores-text-soft);
  font-size: var(--stores-badge-size);
  font-weight: var(--font-weight-medium);
  line-height: 1.15;
}

body.stores-page .store-pill__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}

body.stores-page .store-pill.is-ok {
  color: color-mix(in srgb, var(--stores-status-ok) 65%, #ffffff 35%);
  border-color: color-mix(in srgb, var(--stores-status-ok) 45%, transparent 55%);
  background: color-mix(in srgb, var(--prices-surface-strong) 88%, var(--stores-status-ok) 12%);
}

body.stores-page .store-pill.is-error {
  color: color-mix(in srgb, var(--stores-status-err) 68%, #ffffff 32%);
  border-color: color-mix(in srgb, var(--stores-status-err) 45%, transparent 55%);
  background: color-mix(in srgb, var(--prices-surface-strong) 88%, var(--stores-status-err) 12%);
}

body.stores-page .store-pill.is-warn {
  color: color-mix(in srgb, var(--stores-status-warn) 68%, #ffffff 32%);
  border-color: color-mix(in srgb, var(--stores-status-warn) 45%, transparent 55%);
  background: color-mix(in srgb, var(--prices-surface-strong) 88%, var(--stores-status-warn) 12%);
}

body.stores-page .store-pill.is-muted,
body.stores-page .store-pill--active {
  color: color-mix(in srgb, var(--prices-accent) 55%, #fff 45%);
  border-color: color-mix(in srgb, var(--prices-accent) 30%, transparent);
  background: color-mix(in srgb, var(--prices-surface-strong) 88%, var(--prices-accent) 12%);
}

body.stores-page .store-badge {
  font-size: var(--stores-badge-size);
  padding: var(--stores-badge-pad-y) var(--stores-badge-pad-x);
  border-radius: var(--stores-badge-radius);
  background: color-mix(in srgb, var(--prices-surface-strong) 90%, transparent 10%);
  color: var(--stores-text-muted);
  border: 1px solid var(--stores-field-border);
  font-weight: var(--font-weight-medium);
}

body.stores-page .store-badge.warn {
  color: var(--stores-status-warn);
  border-color: color-mix(in srgb, var(--stores-status-warn) 35%, transparent);
  background: color-mix(in srgb, var(--stores-status-warn) 12%, transparent);
}

body.stores-page .store-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin-top: 0;
  min-width: 0;
  border: 1px solid var(--stores-card-border);
  border-radius: var(--prices-radius-tile);
  background: color-mix(in srgb, var(--prices-surface-strong) 92%, #000 8%);
  overflow: hidden;
}

body.stores-page .store-metric {
  padding: 6px 8px;
  border-radius: 0;
  background: transparent;
  border: 0;
  border-right: 1px solid var(--stores-card-border);
  border-bottom: 1px solid var(--stores-card-border);
  min-width: 0;
  min-height: 0;
}

body.stores-page .store-metric:nth-child(3n) {
  border-right: 0;
}

body.stores-page .store-metric:nth-last-child(-n + 3) {
  border-bottom: 0;
}

body.stores-page .store-metric__label {
  display: block;
  font-size: 10px;
  font-weight: var(--font-weight-medium);
  color: var(--stores-text-muted);
  letter-spacing: 0;
  text-transform: none;
  margin-bottom: 1px;
  line-height: 1.2;
}

body.stores-page .store-metric__value {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: var(--font-weight-semibold);
  color: var(--stores-text);
  letter-spacing: -0.01em;
  line-height: 1.25;
}

body.stores-page .status-connected { color: var(--stores-status-ok); }
body.stores-page .status-error { color: var(--stores-status-err); }
body.stores-page .status-review { color: var(--stores-status-warn); }

body.stores-page .store-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--stores-action-gap);
  margin-top: var(--grid-12);
  padding-top: var(--grid-12);
  border-top: 1px solid var(--stores-card-border);
}

body.stores-page .store-actions .btn {
  flex: 0 1 auto;
  width: auto;
  min-width: 0;
  padding: 0 var(--grid-12);
  font-size: 12px;
}

body.stores-page .store-menu {
  position: relative;
  top: auto;
  right: auto;
  flex-shrink: 0;
  z-index: 2;
  justify-self: end;
  align-self: start;
}

body.stores-page .store-menu__toggle {
  width: 28px;
  min-width: 28px;
  height: 28px;
  min-height: 28px;
  padding: 0;
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0;
  border-radius: 8px;
}

body.stores-page .store-menu__dropdown {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  z-index: 30;
  min-width: 220px;
  padding: 6px;
  border-radius: 12px;
  border: 1px solid var(--stores-menu-border);
  background: var(--stores-menu-bg);
  box-shadow: var(--stores-menu-shadow);
}

body.stores-page .store-menu__dropdown.is-hidden {
  display: none;
}

body.stores-page .store-menu__item {
  display: block;
  width: 100%;
  margin: 0;
  padding: 10px 12px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--text-main);
  font: inherit;
  font-size: var(--stores-sub-size);
  text-align: left;
  cursor: pointer;
}

body.stores-page .store-menu__item:hover {
  background: color-mix(in srgb, var(--prices-surface) 70%, transparent 30%);
  transform: none;
}

body.stores-page .store-menu__item--danger {
  color: var(--stores-danger);
}

body.stores-page .stores-empty {
  text-align: center;
  padding: calc(var(--grid-24) * 1.5) var(--grid-24);
  border: 1px dashed var(--stores-card-border);
  border-radius: var(--prices-radius-tile);
  background: transparent;
  color: var(--stores-text);
}

body.stores-page .stores-empty h2 {
  margin: 0 0 var(--grid-8);
  font-size: var(--stores-title-size);
  font-weight: var(--font-weight-semibold);
  letter-spacing: -0.02em;
  color: var(--stores-text);
}

body.stores-page .stores-empty p {
  margin: 0 0 var(--grid-16);
  font-size: var(--stores-sub-size);
  color: var(--stores-text-muted);
  line-height: 1.45;
}

body.stores-page .aim-team-panel {
  margin-top: 0;
  display: flex;
  flex-direction: column;
  gap: var(--team-panel-gap);
  padding: 12px 14px;
}

body.stores-page .aim-team-panel__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--grid-8) var(--grid-12);
}

body.stores-page .aim-team-panel__copy {
  flex: 1 1 12rem;
  min-width: 0;
}

body.stores-page .aim-team-panel__title {
  margin: 0;
  font-size: 15px;
  font-weight: var(--font-weight-semibold);
  letter-spacing: -0.02em;
  color: var(--stores-text);
}

body.stores-page .aim-team-panel__hint {
  margin: 2px 0 0;
  color: var(--stores-text-muted);
  font-size: 12px;
  line-height: 1.35;
  max-width: 28rem;
}

body.stores-page .aim-team-invite-toggle {
  flex: 0 0 auto;
  min-width: 0;
  padding: 0 12px;
}

body.stores-page .aim-team-invite {
  display: flex;
  flex-wrap: wrap;
  gap: var(--team-row-gap);
  align-items: flex-end;
  justify-content: flex-start;
  max-width: var(--team-invite-max-width);
  width: 100%;
  padding: 10px 12px;
  border-radius: var(--prices-radius-tile);
  border: 1px solid var(--stores-card-border);
  background: var(--stores-inset-bg);
  box-sizing: border-box;
}

body.stores-page .aim-team-invite.is-collapsed {
  display: none;
}

body.stores-page .aim-team-field {
  display: flex;
  flex-direction: column;
  gap: var(--team-field-gap);
  min-width: 0;
  flex: 1 1 11rem;
  max-width: 16rem;
}

body.stores-page .aim-team-field--role {
  flex: 0 0 8.5rem;
  max-width: 8.5rem;
  min-width: 7.5rem;
}

body.stores-page .aim-team-field > span {
  font-size: 11px;
  font-weight: var(--font-weight-medium);
  color: var(--stores-text-muted);
  letter-spacing: 0;
  text-transform: none;
}

body.stores-page .aim-team-field input,
body.stores-page .aim-team-field select {
  height: var(--stores-field-h);
  border-radius: var(--stores-field-radius);
  border: 1px solid var(--stores-field-border);
  background: color-mix(in srgb, var(--prices-surface-strong) 88%, #000 12%);
  color: var(--stores-text);
  padding: 0 var(--grid-12);
  font-size: 13px;
  box-shadow: none;
  outline: none;
  width: 100%;
  box-sizing: border-box;
}

body.stores-page .aim-team-field input:focus,
body.stores-page .aim-team-field select:focus {
  border-color: color-mix(in srgb, var(--prices-accent) 40%, transparent);
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--prices-accent) 18%, transparent);
}

body.stores-page .aim-team-invite #aim_team_invite_btn {
  flex: 0 0 auto;
  margin-top: 0;
}

body.stores-page .aim-team-body {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

body.stores-page .aim-team-empty-state {
  padding: var(--team-empty-pad);
  border: 0;
  border-radius: 0;
  background: transparent;
  text-align: left;
}

body.stores-page .aim-team-empty-state.is-hidden {
  display: none;
}

body.stores-page .aim-team-empty-icon {
  display: none;
}

body.stores-page .aim-team-empty {
  margin: 0;
  font-size: 13px;
  font-weight: var(--font-weight-medium);
  color: var(--stores-text-soft);
}

body.stores-page .aim-team-empty-hint {
  margin: 2px 0 0;
  font-size: 12px;
  color: var(--stores-text-muted);
  line-height: 1.35;
  max-width: 28rem;
}

body.stores-page .aim-team-list {
  display: flex;
  flex-direction: column;
  gap: 0;
  border: 1px solid var(--stores-card-border);
  border-radius: var(--prices-radius-tile);
  background: var(--stores-inset-bg);
  overflow: hidden;
}

body.stores-page .aim-team-list:empty {
  display: none;
}

body.stores-page .aim-team-list__heading {
  margin: 0;
  padding: 6px 12px;
  font-size: 11px;
  font-weight: var(--font-weight-semibold);
  color: var(--stores-text-muted);
  letter-spacing: 0;
  text-transform: none;
  border-bottom: 1px solid var(--stores-card-border);
  background: color-mix(in srgb, var(--prices-surface-strong) 70%, transparent 30%);
}

body.stores-page .aim-team-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--team-row-gap);
  padding: 8px 12px;
  border-bottom: 1px solid var(--stores-card-border);
  font-size: 13px;
  color: var(--stores-text);
}

body.stores-page .aim-team-row:last-child {
  border-bottom: none;
}

body.stores-page .aim-team-row .btn {
  height: 28px;
  min-height: 28px;
  font-size: 12px;
  padding: 0 10px;
}

body.stores-page .aim-team-role {
  color: var(--stores-text-muted);
  font-size: 12px;
  margin-right: auto;
}

body.stores-page .aim-team-status {
  margin: 0;
  color: var(--stores-text-muted);
  font-size: 12px;
}

body.stores-page .aim-team-status:empty {
  display: none;
}

body.stores-page .aim-team-invite-link {
  padding: 8px 12px;
  border-radius: var(--prices-radius-tile);
  border: 1px solid var(--stores-card-border);
  background: var(--stores-inset-bg);
  font-size: 12px;
  color: var(--stores-text-muted);
  max-width: var(--team-invite-max-width);
}

body.stores-page .aim-team-invite-link code.aim-team-invite-url {
  display: block;
  margin-top: 6px;
  padding: 8px;
  border-radius: var(--stores-field-radius);
  border: 1px solid var(--stores-field-border);
  background: color-mix(in srgb, var(--prices-surface-strong) 88%, #000 12%);
  font-size: var(--team-invite-url-size);
  word-break: break-all;
  color: var(--stores-text);
}

@media (max-width: 1100px) {
  body.stores-page .stores-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.stores-page .store-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  body.stores-page .store-card__body {
    grid-template-columns: minmax(0, 1fr) 32px;
    grid-template-areas:
      "identity menu"
      "metrics metrics";
  }

  body.stores-page .store-card__identity {
    grid-area: identity;
  }

  body.stores-page .store-menu {
    grid-area: menu;
  }

  body.stores-page .store-metrics {
    grid-area: metrics;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.stores-page .store-metric:nth-child(3n) {
    border-right: 1px solid var(--stores-card-border);
  }

  body.stores-page .store-metric:nth-child(2n) {
    border-right: 0;
  }

  body.stores-page .store-metric:nth-last-child(-n + 3) {
    border-bottom: 1px solid var(--stores-card-border);
  }

  body.stores-page .store-metric:nth-last-child(-n + 2) {
    border-bottom: 0;
  }

  body.stores-page .stores-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  body.stores-page .stores-hero__title {
    font-size: 22px;
  }

  body.stores-page .store-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.stores-page .stores-summary {
    grid-template-columns: 1fr;
  }

  body.stores-page .store-actions .btn {
    flex: 1 1 calc(50% - var(--stores-action-gap));
  }

  body.stores-page .aim-team-invite {
    max-width: none;
  }

  body.stores-page .aim-team-field,
  body.stores-page .aim-team-field--role {
    flex: 1 1 100%;
    max-width: none;
  }

  body.stores-page .aim-team-invite #aim_team_invite_btn {
    width: 100%;
  }
}
