/* 0.85.0 · Канонический мобильный визуальный слой.
   Не микропатч: единый ритм оболочки, заявок, склада, аналитики и экрана «Ещё». */
@media screen and (max-width: 520px) {
  :root {
    --crm-bg: #080d11;
    --crm-surface: #10171d;
    --crm-surface-2: #171f26;
    --crm-line: #29343d;
    --crm-line-soft: #202a31;
    --crm-text: #eef2f4;
    --crm-muted: #89949c;
    --crm-faint: #657079;
    --crm-accent: #ff7153;
    --crm-accent-soft: rgba(255,113,83,.12);
    --crm-green: #59d889;
    --crm-blue: #5ca9ff;
    --crm-yellow: #e7b450;
    --crm-red: #ff6670;
    --crm-purple: #a88af0;
  }

  html,
  body {
    background:
      radial-gradient(circle at 50% -120px, rgba(255,113,83,.045), transparent 340px),
      var(--crm-bg);
    color: var(--crm-text);
  }

  body {
    font-size: 14px;
    line-height: 1.35;
  }

  .shell {
    width: 100%;
    max-width: 520px;
    min-height: 100dvh;
    margin: 0 auto;
    padding-bottom: calc(76px + env(safe-area-inset-bottom));
    background: transparent;
  }

  .legacy-mobile-header {
    position: relative;
    min-height: calc(72px + env(safe-area-inset-top));
    gap: 10px;
    padding: calc(11px + env(safe-area-inset-top)) 12px 11px;
    border-bottom: 1px solid var(--crm-line-soft);
    background: rgba(8,13,17,.96);
  }

  .legacy-mobile-header .logo {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    border: 1px solid rgba(255,113,83,.34);
    border-radius: 12px;
    background: linear-gradient(145deg, rgba(255,113,83,.09), rgba(19,27,33,.9));
    box-shadow: inset 0 0 18px rgba(255,113,83,.035);
  }

  .legacy-mobile-header .logo .ui-icon {
    width: 27px;
    height: 27px;
  }

  .legacy-mobile-header .brand-title {
    font-size: 18px;
    font-weight: 760;
    line-height: 1.05;
    letter-spacing: -.025em;
  }

  .legacy-mobile-header .brand-subtitle {
    margin-top: 4px;
    color: #77828a;
    font-size: 8.5px;
    font-weight: 650;
    letter-spacing: .115em;
  }

  .content,
  .legacy-orders-page,
  .legacy-warehouse-page,
  .analytics-content,
  .legacy-more-page,
  .legacy-settings-page,
  .legacy-finance-page,
  .legacy-clients-page,
  .legacy-goods-page,
  .legacy-service-page,
  .legacy-act-page {
    padding-right: 12px;
    padding-left: 12px;
  }

  .legacy-orders-page,
  .legacy-warehouse-page,
  .analytics-content,
  .legacy-more-page {
    padding-top: 14px;
  }

  .legacy-page-head,
  .legacy-warehouse-head,
  .legacy-more-head,
  .page-head,
  .legacy-subpage-head {
    margin-bottom: 13px;
  }

  .legacy-page-head h1,
  .legacy-warehouse-head h1,
  .legacy-more-head h1,
  .analytics-content .page-head h1,
  .legacy-subpage-head h1 {
    margin: 0;
    color: var(--crm-text);
    font-size: 26px;
    font-weight: 780;
    line-height: 1.04;
    letter-spacing: -.028em;
  }

  .legacy-page-head p,
  .legacy-warehouse-head p,
  .legacy-more-head p,
  .analytics-content .lead,
  .legacy-subpage-head p {
    margin: 5px 0 0;
    color: var(--crm-muted);
    font-size: 11px;
    line-height: 1.25;
  }

  .legacy-page-add {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    border-radius: 13px;
    background: var(--crm-accent);
    color: #1b100d;
    box-shadow: 0 8px 20px rgba(255,113,83,.20);
    font-size: 29px;
    font-weight: 350;
  }

  /* Заявки */
  .legacy-nearest-visit {
    margin-bottom: 10px;
    padding: 11px 12px;
    border-color: rgba(92,169,255,.42);
    border-radius: 14px;
    background: linear-gradient(145deg, rgba(18,38,55,.88), rgba(11,24,34,.92));
    box-shadow: inset 0 0 0 1px rgba(92,169,255,.025);
  }

  .legacy-nearest-title {
    gap: 7px;
    color: var(--crm-blue);
    font-size: 11px;
  }

  .legacy-nearest-line {
    margin-top: 7px;
    font-size: 10px;
  }

  .legacy-nearest-line > strong { font-size: 10px; }
  .legacy-nearest-line > em { font-size: 9px; }

  .legacy-order-search {
    margin-bottom: 9px;
  }

  .legacy-order-search .search,
  .legacy-warehouse-search .search,
  .legacy-client-search .search {
    min-height: 46px;
    border: 1px solid var(--crm-line);
    border-radius: 13px;
    background: var(--crm-surface-2);
    color: var(--crm-text);
    font-size: 12px;
    box-shadow: none;
  }

  .legacy-order-filters {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 6px;
    margin-bottom: 8px;
    padding: 4px;
    border: 1px solid var(--crm-line-soft);
    border-radius: 14px;
    background: #0d1318;
  }

  .legacy-order-filters button {
    width: 100%;
    min-height: 36px;
    padding: 5px 8px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: var(--crm-muted);
    font-size: 10px;
    font-weight: 680;
  }

  .legacy-order-filters button.active {
    border: 0;
    background: var(--crm-accent-soft);
    color: #ffd3c8;
    box-shadow: inset 0 0 0 1px rgba(255,113,83,.32);
  }

  .legacy-visit-filter {
    margin-bottom: 11px;
  }

  .legacy-visit-filter .field {
    min-height: 42px;
    border-color: var(--crm-line);
    border-radius: 12px;
    background: #11181e;
    color: #dfe5e8;
    font-size: 10px;
  }

  .legacy-orders-list {
    gap: 10px;
  }

  .legacy-order-card {
    padding: 14px 13px 12px 15px;
    border: 1px solid var(--crm-line);
    border-radius: 17px;
    background:
      linear-gradient(160deg, rgba(24,32,39,.98), rgba(14,20,25,.985));
    box-shadow: 0 8px 22px rgba(0,0,0,.12);
  }

  .legacy-order-accent {
    width: 4px;
  }

  .legacy-order-title {
    gap: 7px;
  }

  .legacy-order-title > span {
    font-size: 13px;
  }

  .legacy-order-title > strong {
    font-size: 15px;
  }

  .legacy-order-head-side {
    gap: 5px;
  }

  .legacy-order-head-side time {
    font-size: 9px;
  }

  .legacy-status {
    padding: 4px 8px;
    border-radius: 8px;
    font-size: 9px;
  }

  .legacy-order-device {
    grid-template-columns: 46px minmax(0,1fr);
    gap: 10px;
    margin-top: 11px;
  }

  .legacy-device-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: rgba(255,113,83,.065);
  }

  .legacy-device-icon .ui-icon {
    width: 24px;
    height: 24px;
  }

  .legacy-order-device strong {
    font-size: 13px;
  }

  .legacy-order-device small {
    margin-top: 3px;
    font-size: 10px;
  }

  .legacy-order-money {
    gap: 7px;
    margin-top: 10px;
  }

  .legacy-order-money > div {
    min-height: 58px;
    padding: 9px 10px;
    border-color: var(--crm-line);
    border-radius: 11px;
    background: var(--crm-surface-2);
  }

  .legacy-order-money span {
    font-size: 7.5px;
  }

  .legacy-order-money strong {
    margin-top: 5px;
    font-size: 16px;
  }

  .legacy-order-meta {
    gap: 6px 10px;
    margin-top: 9px;
    padding-top: 8px;
    border-color: var(--crm-line-soft);
    color: var(--crm-muted);
    font-size: 8.5px;
  }

  .legacy-order-meta > span.address {
    max-width: 58%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .legacy-next-visit {
    margin-top: 8px;
    padding: 7px 9px;
    border-radius: 9px;
    font-size: 9px;
  }

  .legacy-order-actions {
    grid-template-columns: repeat(5,minmax(0,1fr));
    gap: 5px;
    margin-top: 10px;
    padding-top: 9px;
    border-color: var(--crm-line-soft);
  }

  .legacy-order-actions > button,
  .legacy-order-actions > a {
    min-height: 51px;
    gap: 4px;
    padding: 5px 2px;
    border: 1px solid var(--crm-line);
    border-radius: 11px;
    background: #151d23;
    color: #929ca4;
    font-size: 8px;
    font-weight: 650;
  }

  .legacy-order-actions .ui-icon {
    width: 18px;
    height: 18px;
  }

  .legacy-order-actions .action-more .ui-icon {
    color: #b4bdc4;
  }

  .legacy-order-actions > a:active,
  .legacy-order-actions > button:active {
    transform: translateY(1px);
    background: #1b252d;
  }

  /* Склад */
  .legacy-warehouse-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }

  .legacy-warehouse-search {
    margin-bottom: 8px;
  }

  .legacy-warehouse-filter {
    margin-bottom: 8px;
  }

  .legacy-warehouse-filter .field {
    min-height: 42px;
    border-color: var(--crm-line);
    border-radius: 12px;
    background: #11181e;
    font-size: 10px;
  }

  .legacy-warehouse-shortcuts {
    gap: 7px;
    margin: 0 0 10px;
  }

  .legacy-warehouse-shortcuts button {
    min-height: 46px;
    border-color: var(--crm-line);
    border-radius: 12px;
    background: var(--crm-surface-2);
    font-size: 10px;
  }

  .legacy-warehouse-groups {
    gap: 8px;
  }

  .legacy-warehouse-group {
    border-color: var(--crm-line);
    border-radius: 15px;
    background: #0f161b;
  }

  .legacy-warehouse-group > summary {
    min-height: 58px;
    padding: 9px 11px;
  }

  .legacy-group-copy strong {
    font-size: 12px;
  }

  .legacy-group-copy small {
    font-size: 8.5px;
  }

  .legacy-stock-list {
    gap: 7px;
    padding: 0 9px 9px 14px;
  }

  .legacy-stock-card-v2 {
    border-color: var(--crm-line);
    border-radius: 13px;
    background: linear-gradient(160deg,#151d23,#10161b);
  }

  .legacy-stock-main {
    min-height: 76px;
    padding: 9px 9px 8px 11px;
    border-color: var(--crm-line-soft);
  }

  .legacy-stock-actions-v2 {
    gap: 5px;
    padding: 7px 8px 8px;
  }

  .legacy-stock-actions-v2 button {
    min-height: 42px;
    border-color: var(--crm-line);
    border-radius: 10px;
    background: #151d23;
    font-size: 7.5px;
  }

  /* Аналитика */
  .analytics-content .page-head {
    margin-bottom: 11px;
  }

  .analytics-period-grid {
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 6px;
    margin-bottom: 8px;
  }

  .analytics-period-grid .chip {
    min-height: 37px;
    padding: 6px 5px;
    border: 1px solid var(--crm-line);
    border-radius: 11px;
    background: #11181e;
    color: var(--crm-muted);
    font-size: 9px;
    font-weight: 680;
  }

  .analytics-period-grid .chip.active {
    border-color: rgba(255,113,83,.55);
    background: var(--crm-accent-soft);
    color: #ffd2c6;
  }

  .analytics-range-nav {
    min-height: 46px;
    margin-bottom: 9px;
    padding: 5px 7px;
    border: 1px solid var(--crm-line);
    border-radius: 12px;
    background: #11181e;
  }

  .analytics-range-nav strong {
    font-size: 11px;
  }

  .analytics-range-nav small {
    font-size: 8px;
  }

  .analytics-content .panel {
    margin-bottom: 9px;
    padding: 12px;
    border: 1px solid var(--crm-line);
    border-radius: 15px;
    background: linear-gradient(160deg,#131b21,#0f151a);
    box-shadow: none;
  }

  .analytics-content .panel-title {
    gap: 7px;
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 760;
  }

  .analytics-content .panel-title .badge-icon .ui-icon {
    width: 17px;
    height: 17px;
  }

  .analytics-kpis {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 7px;
  }

  .analytics-kpi {
    min-height: 82px;
    padding: 9px 10px;
    border: 1px solid var(--crm-line-soft);
    border-radius: 11px;
    background: var(--crm-surface-2);
  }

  .analytics-kpi > span {
    font-size: 7.5px;
    letter-spacing: .055em;
  }

  .analytics-kpi > strong {
    margin-top: 6px;
    font-size: 17px;
  }

  .analytics-kpi > small {
    margin-top: 5px;
    color: var(--crm-muted);
    font-size: 8px;
    line-height: 1.2;
  }

  .analytics-work-grid .metric {
    min-height: 66px;
    padding: 8px;
    border-color: var(--crm-line-soft);
    border-radius: 10px;
    background: var(--crm-surface-2);
  }

  /* Ещё */
  .legacy-more-list {
    gap: 7px;
  }

  .legacy-more-list .menu-item {
    grid-template-columns: 42px minmax(0,1fr) 22px;
    gap: 10px;
    min-height: 66px;
    padding: 9px 10px;
    border: 1px solid var(--crm-line);
    border-radius: 14px;
    background: linear-gradient(160deg,#151d23,#11171c);
    box-shadow: none;
  }

  .legacy-more-list .menu-icon {
    width: 40px;
    height: 40px;
    border-radius: 11px;
  }

  .legacy-more-list .menu-icon .ui-icon {
    width: 21px;
    height: 21px;
  }

  .legacy-more-list .menu-name {
    color: var(--crm-text);
    font-size: 12px;
    font-weight: 720;
  }

  .legacy-more-list .menu-description {
    margin-top: 3px;
    color: var(--crm-muted);
    font-size: 9px;
    line-height: 1.25;
  }

  .legacy-more-list .chevron .ui-icon {
    width: 15px;
    height: 15px;
  }

  /* Общие подэкраны */
  .legacy-subpage-head {
    display: grid;
    grid-template-columns: 44px minmax(0,1fr);
    gap: 10px;
    align-items: center;
  }

  .legacy-service-head-with-add {
    grid-template-columns: 44px minmax(0,1fr) 44px;
  }

  .legacy-back-button,
  .support-back {
    width: 42px;
    height: 42px;
    border: 1px solid var(--crm-line);
    border-radius: 12px;
    background: var(--crm-surface-2);
    color: var(--crm-text);
  }

  .legacy-settings-card,
  .legacy-goods-panel,
  .legacy-finance-history {
    border-color: var(--crm-line);
    border-radius: 15px;
    background: linear-gradient(160deg,#131b21,#0f151a);
    box-shadow: none;
  }

  /* Нижняя навигация */
  .bottom-nav {
    width: min(100%,520px);
    min-height: calc(66px + env(safe-area-inset-bottom));
    padding: 6px 8px calc(5px + env(safe-area-inset-bottom));
    border-top: 1px solid rgba(47,59,68,.92);
    background: rgba(8,13,17,.965);
    backdrop-filter: blur(18px);
    box-shadow: 0 -10px 28px rgba(0,0,0,.16);
  }

  .nav-button {
    position: relative;
    min-height: 53px;
    padding: 4px 2px 2px;
    color: #89949c;
    font-size: 9px;
    font-weight: 650;
  }

  .nav-button::before {
    content: "";
    position: absolute;
    top: -6px;
    left: 50%;
    width: 24px;
    height: 3px;
    border-radius: 0 0 4px 4px;
    background: transparent;
    transform: translateX(-50%);
  }

  .nav-button.active {
    color: var(--crm-accent);
  }

  .nav-button.active::before {
    background: var(--crm-accent);
  }

  .nav-button .nav-icon {
    min-height: 27px;
    margin-bottom: 1px;
  }

  .nav-button .nav-icon .ui-icon {
    width: 22px;
    height: 22px;
  }
}

@media screen and (max-width: 360px) {
  .legacy-order-card {
    padding-right: 10px;
    padding-left: 12px;
  }

  .legacy-order-actions {
    gap: 4px;
  }

  .legacy-order-actions > button,
  .legacy-order-actions > a {
    min-height: 49px;
    font-size: 7.5px;
  }

  .legacy-order-meta > span.address {
    max-width: 52%;
  }

  .analytics-kpi > strong {
    font-size: 15px;
  }
}


/* 0.85.0 · Фирменное подтверждение вместо системного confirm(). */
.crm-confirm-backdrop {
  z-index: 500 !important;
  position: fixed !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 18px !important;
  background: rgba(2,6,9,.78) !important;
  backdrop-filter: blur(10px);
}

.crm-confirm-modal {
  box-sizing: border-box;
  width: min(100%, 390px);
  padding: 20px 18px 16px;
  border: 1px solid #303b44;
  border-radius: 18px;
  background: linear-gradient(160deg,#182128,#10171c);
  color: #eef2f4;
  box-shadow: 0 24px 70px rgba(0,0,0,.46);
  text-align: center;
}

.crm-confirm-icon {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  margin: 0 auto 13px;
  border: 1px solid rgba(231,180,80,.34);
  border-radius: 14px;
  background: rgba(231,180,80,.09);
  color: #e7b450;
}

.crm-confirm-icon.danger {
  border-color: rgba(255,102,112,.34);
  background: rgba(255,102,112,.09);
  color: #ff6670;
}

.crm-confirm-icon .ui-icon {
  width: 24px;
  height: 24px;
}

.crm-confirm-modal h2 {
  margin: 0;
  font-size: 18px;
  line-height: 1.15;
}

.crm-confirm-modal p {
  margin: 10px 0 16px;
  color: #9aa4ab;
  font-size: 12px;
  line-height: 1.45;
  white-space: pre-line;
}

.crm-confirm-actions {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 8px;
}

.crm-confirm-actions button {
  min-width: 0;
  min-height: 46px;
  border-radius: 11px;
  font-size: 11px;
  font-weight: 720;
}

.crm-confirm-danger {
  border: 1px solid #ff6670;
  background: #ff6670;
  color: #1d0b0e;
}

@media screen and (max-width: 360px) {
  .crm-confirm-backdrop {
    padding: 12px !important;
  }
  .crm-confirm-modal {
    padding: 18px 14px 14px;
  }
}


/* 0.85.0 · Вторичные разделы: читаемость, плотность и единые touch-targets. */
@media screen and (max-width: 520px) {
  .legacy-finance-periods {
    gap: 5px;
    margin-bottom: 9px;
  }

  .legacy-finance-periods button {
    min-height: 38px;
    padding: 5px 6px;
    border-radius: 10px;
    font-size: 9px;
  }

  .legacy-finance-summary,
  .legacy-clients-stats,
  .legacy-service-stats {
    gap: 7px;
    margin-bottom: 10px;
  }

  .legacy-finance-summary > div,
  .legacy-clients-stats > div,
  .legacy-service-stats > div {
    padding: 10px 9px;
    border-color: var(--crm-line);
    border-radius: 11px;
    background: var(--crm-surface-2);
  }

  .legacy-finance-summary span,
  .legacy-clients-stats span,
  .legacy-service-stats span {
    color: var(--crm-muted);
    font-size: 8px;
    letter-spacing: .055em;
  }

  .legacy-finance-summary strong {
    margin-top: 6px;
    font-size: 17px;
  }

  .legacy-clients-stats strong,
  .legacy-service-stats strong {
    margin-top: 5px;
    font-size: 15px;
  }

  .legacy-finance-actions > button {
    min-height: 46px;
    font-size: 10px;
  }

  .legacy-finance-history {
    padding: 11px;
  }

  .legacy-finance-history-head h2 {
    font-size: 13px;
  }

  .legacy-finance-row {
    grid-template-columns: 36px minmax(0,1fr) auto 36px;
    gap: 8px;
    min-height: 64px;
    padding: 8px 0;
    border-color: var(--crm-line-soft);
  }

  .legacy-finance-kind {
    width: 35px;
    height: 35px;
    border-radius: 10px;
    background: #1a242c;
  }

  .legacy-finance-copy strong {
    font-size: 10.5px;
  }

  .legacy-finance-copy small {
    margin-top: 3px;
    font-size: 8.5px;
  }

  .legacy-finance-row > b {
    font-size: 10px;
  }

  .legacy-finance-row > button {
    width: 36px;
    height: 36px;
    border-radius: 10px;
  }

  .legacy-client-card {
    border-color: var(--crm-line);
    border-radius: 15px;
    background: linear-gradient(160deg,#151d23,#10161b);
  }

  .legacy-client-main {
    grid-template-columns: 44px minmax(0,1fr) auto;
    min-height: 82px;
    padding: 10px 11px 9px;
  }

  .legacy-client-avatar {
    width: 42px;
    height: 42px;
  }

  .legacy-client-copy strong {
    font-size: 12px;
  }

  .legacy-client-copy small {
    font-size: 9px;
  }

  .legacy-client-copy em,
  .legacy-client-side small,
  .legacy-client-meta {
    font-size: 8px;
  }

  .legacy-client-side b {
    font-size: 11px;
  }

  .legacy-client-actions a,
  .legacy-client-actions button {
    min-height: 44px;
    border-color: var(--crm-line);
    border-radius: 10px;
    background: var(--crm-surface-2);
    font-size: 9px;
  }

  .legacy-goods-panel {
    margin-bottom: 9px;
    padding: 12px;
  }

  .legacy-section-title h2 {
    font-size: 13px;
  }

  .legacy-goods-help,
  .legacy-goods-intro {
    color: var(--crm-muted);
    font-size: 9px;
    line-height: 1.4;
  }

  .legacy-goods-create-grid button,
  .legacy-open-editor {
    min-height: 46px;
    border-radius: 11px;
    font-size: 9.5px;
  }

  .legacy-goods-position {
    min-height: 54px;
    border-color: var(--crm-line-soft);
  }

  .legacy-goods-position strong,
  .legacy-product-price-list strong {
    font-size: 10px;
  }

  .legacy-goods-position small,
  .legacy-product-price-list small {
    font-size: 8.5px;
  }

  .legacy-document-row {
    grid-template-columns: 38px minmax(0,1fr) auto 16px;
    min-height: 66px;
    padding: 9px 10px;
    border-color: var(--crm-line);
    border-radius: 12px;
    background: var(--crm-surface-2);
  }

  .legacy-document-icon {
    width: 37px;
    height: 37px;
    border-radius: 10px;
  }

  .legacy-document-row strong {
    font-size: 10.5px;
  }

  .legacy-document-row small {
    font-size: 8.5px;
  }

  .legacy-document-row > b {
    font-size: 10px;
  }

  .legacy-draft-card {
    padding: 11px;
    border-color: var(--crm-line);
    border-radius: 12px;
    background: var(--crm-surface-2);
  }

  .legacy-draft-card strong {
    font-size: 10.5px;
  }

  .legacy-draft-card small {
    font-size: 8.5px;
  }

  .legacy-draft-actions button {
    min-height: 44px;
    font-size: 9px;
  }

  .legacy-settings-card {
    margin-bottom: 9px;
    padding: 12px;
  }

  .legacy-settings-grid {
    gap: 8px;
  }

  .legacy-settings-grid label > span,
  .legacy-settings-toggle-row small {
    font-size: 8px;
  }

  .legacy-settings-grid .field {
    min-height: 46px;
    font-size: 10.5px;
  }

  .legacy-settings-toggle-row {
    min-height: 58px;
    border-color: var(--crm-line);
    background: #11181e;
  }

  .legacy-settings-toggle-row strong {
    font-size: 10px;
  }

  .legacy-settings-save {
    min-height: 46px;
    font-size: 10px;
  }

  .legacy-settings-row {
    min-height: 62px;
    border-color: var(--crm-line-soft);
  }

  .legacy-settings-row strong,
  .legacy-settings-links strong {
    font-size: 10px;
  }

  .legacy-settings-row small,
  .legacy-settings-links small {
    font-size: 8.5px;
  }

  .legacy-settings-row > button:not(.toggle) {
    min-height: 40px;
    padding: 6px 10px;
    border-color: var(--crm-line);
    border-radius: 10px;
    font-size: 8.5px;
  }

  .legacy-settings-links {
    gap: 7px;
  }

  .legacy-settings-links > button {
    min-height: 64px;
    padding: 9px 10px;
    border-color: var(--crm-line);
    border-radius: 12px;
    background: var(--crm-surface-2);
  }

  .legacy-settings-links .settings-link-icon {
    width: 36px;
    height: 36px;
    border-radius: 10px;
  }

  .legacy-settings-links > button > b {
    font-size: 9px;
  }

  .legacy-backup-main-actions button,
  .legacy-backup-grid button {
    min-height: 44px;
    font-size: 8.5px;
  }

  .legacy-service-note,
  .legacy-service-empty,
  .legacy-client-empty,
  .legacy-finance-empty {
    font-size: 9px;
    line-height: 1.4;
  }
}


/* 0.86.0 · Форма и просмотр заявки — цельные мобильные экраны. */
@media screen and (max-width: 520px) {
  .order-editor-modal {
    padding: 0 12px calc(92px + env(safe-area-inset-bottom)) !important;
    background: #080d11 !important;
    scroll-padding-top: 82px !important;
    scroll-padding-bottom: 118px !important;
  }

  .order-editor-head {
    position: sticky !important;
    top: 0 !important;
    z-index: 40 !important;
    display: grid !important;
    grid-template-columns: 40px minmax(0,1fr) 38px !important;
    gap: 10px !important;
    align-items: center !important;
    min-height: calc(66px + env(safe-area-inset-top)) !important;
    margin: 0 -12px 10px !important;
    padding: calc(10px + env(safe-area-inset-top)) 12px 10px !important;
    border-bottom: 1px solid var(--crm-line-soft) !important;
    background: rgba(8,13,17,.985) !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.16) !important;
  }

  .order-editor-title-icon {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid rgba(255,113,83,.34);
    border-radius: 12px;
    background: rgba(255,113,83,.08);
    color: var(--crm-accent);
  }

  .order-editor-title-icon .ui-icon {
    width: 21px;
    height: 21px;
  }

  .order-editor-title-copy {
    min-width: 0;
  }

  .order-editor-title-copy small {
    display: block;
    margin-bottom: 2px;
    color: var(--crm-muted);
    font-size: 8px;
    font-weight: 720;
    letter-spacing: .075em;
  }

  .order-editor-title-copy h2,
  .order-editor-head h2 {
    overflow: hidden;
    margin: 0 !important;
    color: var(--crm-text);
    font-size: 16px !important;
    font-weight: 760;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .order-editor-close {
    width: 38px;
    height: 38px;
    border: 1px solid var(--crm-line);
    border-radius: 11px;
    background: var(--crm-surface-2);
    color: var(--crm-text);
    font-size: 22px;
  }

  .order-editor-body {
    display: grid;
    gap: 10px;
  }

  .order-editor-section {
    padding: 12px;
    border: 1px solid var(--crm-line);
    border-radius: 15px;
    background: linear-gradient(160deg,#131b21,#0f151a);
    box-shadow: 0 8px 22px rgba(0,0,0,.08);
  }

  .order-editor-modal .form-section-title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 11px !important;
    padding: 0 !important;
    color: var(--crm-text) !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  .order-editor-section-icon {
    display: grid;
    place-items: center;
    width: 29px;
    height: 29px;
    flex: 0 0 29px;
    border-radius: 9px;
    background: rgba(255,113,83,.085);
    color: var(--crm-accent);
  }

  .order-editor-section-icon .ui-icon {
    width: 16px;
    height: 16px;
  }

  .order-editor-modal .form-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 9px 8px !important;
  }

  .order-editor-modal .form-group {
    min-width: 0;
    gap: 0 !important;
  }

  .order-editor-modal .form-group.full {
    grid-column: 1 / -1 !important;
  }

  .order-editor-modal .form-group label {
    display: block;
    margin: 0 0 5px !important;
    color: #929da5 !important;
    font-size: 8.5px !important;
    font-weight: 700 !important;
    line-height: 1.15;
    letter-spacing: .035em !important;
    text-transform: uppercase;
  }

  .order-editor-modal .field {
    min-height: 46px !important;
    padding: 0 11px !important;
    border: 1px solid #303b44 !important;
    border-radius: 11px !important;
    background: #171f26 !important;
    color: #eef2f4 !important;
    font-size: 11px !important;
    box-shadow: none !important;
  }

  .order-editor-modal .field:focus {
    border-color: rgba(255,113,83,.72) !important;
    box-shadow: 0 0 0 3px rgba(255,113,83,.08) !important;
  }

  .order-editor-modal .textarea {
    min-height: 82px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    line-height: 1.4;
    resize: vertical;
  }

  .order-editor-modal .compact-textarea {
    min-height: 64px !important;
  }

  .order-editor-modal .legacy-catalog-button,
  .order-editor-modal .legacy-stock-button {
    width: 100%;
    min-height: 47px !important;
    margin-bottom: 8px;
    border: 1px solid rgba(255,113,83,.34);
    border-radius: 11px;
    background: rgba(255,113,83,.08);
    color: #f2d4cc;
    font-size: 10px !important;
    font-weight: 700;
  }

  .order-editor-modal .legacy-stock-button {
    border-color: rgba(92,169,255,.28);
    background: rgba(92,169,255,.07);
    color: #cfe5ff;
  }

  .order-editor-modal .legacy-material-help {
    margin: -2px 0 9px !important;
    color: var(--crm-muted);
    font-size: 8.5px !important;
    line-height: 1.4 !important;
  }

  .order-editor-modal .legacy-service-list,
  .order-editor-modal #material-lines {
    display: grid;
    gap: 7px;
  }

  .order-editor-modal .legacy-service-row,
  .order-editor-modal .legacy-material-card {
    border-color: var(--crm-line);
    border-radius: 11px;
    background: #151d23;
  }

  .order-editor-modal .legacy-service-total {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    margin-top: 8px;
    padding: 8px 0 0 !important;
    border-top: 1px solid var(--crm-line-soft);
    color: var(--crm-muted);
    font-size: 9px !important;
  }

  .order-extra-details {
    overflow: hidden;
    border: 1px solid var(--crm-line);
    border-radius: 14px;
    background: #10171d;
  }

  .order-extra-details {
    margin: 0;
  }

  .order-extra-details > summary {
    min-height: 46px;
    padding: 0 12px;
    color: #cfd6da;
    font-size: 10px;
    font-weight: 700;
    line-height: 46px;
    cursor: pointer;
  }

  .order-extra-body {
    padding: 0 11px 11px;
    border-top: 1px solid var(--crm-line-soft);
  }

  .order-calculation-summary {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 7px !important;
    margin: 0 0 11px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  .order-calculation-summary > div {
    min-width: 0;
    min-height: 60px;
    padding: 9px 8px;
    border: 1px solid var(--crm-line-soft);
    border-radius: 10px;
    background: var(--crm-surface-2);
  }

  .order-calculation-summary > div span {
    display: block;
    color: var(--crm-muted);
    font-size: 7.5px;
  }

  .order-calculation-summary > div strong {
    display: block;
    overflow: hidden;
    margin-top: 5px;
    color: var(--crm-text);
    font-size: 13px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .order-calculation-summary .calculation-grand {
    border-color: rgba(255,113,83,.3);
    background: rgba(255,113,83,.065);
  }

  .order-calculation-summary .calculation-grand strong {
    color: var(--crm-accent);
  }

  .order-calculation-summary > button {
    grid-column: 1 / -1;
    min-height: 42px !important;
    border-color: var(--crm-line) !important;
    border-radius: 10px !important;
    background: #151d23 !important;
    font-size: 9px !important;
  }

  .order-editor-payment-section .legacy-payment-grid {
    margin-top: 0;
  }

  .order-editor-modal .modal-actions {
    grid-template-columns: .82fr .82fr 1.15fr !important;
    gap: 7px !important;
    padding: 8px 10px calc(8px + env(safe-area-inset-bottom)) !important;
    border-top-color: var(--crm-line) !important;
    background: rgba(8,13,17,.985) !important;
  }

  .order-editor-modal .modal-actions > * {
    min-height: 46px !important;
    border-radius: 11px !important;
    font-size: 9.5px !important;
    font-weight: 720 !important;
  }

  /* Просмотр заявки */
  .legacy-order-detail-modal {
    background: #080d11 !important;
  }

  .legacy-order-detail-brand {
    grid-template-columns: 38px 38px minmax(0,1fr) 38px !important;
    gap: 8px !important;
    min-height: calc(70px + env(safe-area-inset-top)) !important;
    padding: calc(10px + env(safe-area-inset-top)) 12px 10px !important;
    border-bottom-color: var(--crm-line-soft) !important;
    background: rgba(8,13,17,.985) !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.16);
  }

  .legacy-detail-back,
  .legacy-detail-more {
    width: 38px;
    height: 38px;
    border-color: var(--crm-line);
    border-radius: 11px;
    background: var(--crm-surface-2);
  }

  .legacy-detail-logo {
    width: 38px;
    height: 38px;
    border-radius: 11px;
  }

  .legacy-detail-logo .ui-icon {
    width: 24px;
    height: 24px;
  }

  .legacy-detail-brand-copy strong {
    font-size: 13px;
  }

  .legacy-detail-brand-copy small {
    margin-top: 3px;
    font-size: 7.5px;
  }

  .legacy-order-detail-content {
    padding: 10px 12px calc(28px + env(safe-area-inset-bottom)) !important;
  }

  .legacy-expanded-order-card {
    padding: 14px 12px 12px 15px;
    border-color: var(--crm-line);
    border-radius: 16px;
    background: linear-gradient(160deg,#151d23,#10161b);
    box-shadow: 0 8px 22px rgba(0,0,0,.10);
  }

  .legacy-expanded-title > b,
  .legacy-expanded-title > strong {
    font-size: 14px;
  }

  .legacy-expanded-head-side time {
    font-size: 9px;
  }

  .legacy-expanded-device {
    grid-template-columns: 46px minmax(0,1fr);
    gap: 10px;
    margin-top: 11px;
  }

  .legacy-expanded-device-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
  }

  .legacy-expanded-device-icon .ui-icon {
    width: 24px;
    height: 24px;
  }

  .legacy-expanded-money {
    gap: 7px;
    margin-top: 10px;
  }

  .legacy-expanded-money > div {
    min-height: 58px;
    padding: 9px 10px;
    border-color: var(--crm-line);
    border-radius: 11px;
    background: var(--crm-surface-2);
  }

  .legacy-expanded-money span {
    font-size: 7.5px;
  }

  .legacy-expanded-money strong {
    margin-top: 5px;
    font-size: 16px;
  }

  .legacy-expanded-meta {
    gap: 6px 10px;
    margin-top: 9px;
    padding-top: 9px;
    font-size: 8.5px;
  }

  .legacy-expanded-actions {
    display: grid !important;
    grid-template-columns: repeat(5,minmax(0,1fr)) !important;
    gap: 5px !important;
    margin-top: 10px;
    padding-top: 9px;
    border-top: 1px solid var(--crm-line-soft);
  }

  .legacy-expanded-actions > button,
  .legacy-expanded-actions > a {
    min-width: 0;
    min-height: 51px;
    padding: 5px 2px;
    border-color: var(--crm-line);
    border-radius: 11px;
    background: #151d23;
    color: #929ca4;
    font-size: 8px;
  }

  .legacy-expanded-actions .ui-icon {
    width: 18px;
    height: 18px;
  }

  .legacy-expanded-actions .more .ui-icon {
    color: #b4bdc4;
  }

  .legacy-detail-section {
    margin-top: 9px;
    padding: 11px;
    border: 1px solid var(--crm-line);
    border-radius: 14px;
    background: linear-gradient(160deg,#131b21,#0f151a);
  }

  .legacy-detail-section-head {
    grid-template-columns: 31px minmax(0,1fr) auto;
    gap: 8px;
  }

  .legacy-detail-section-head > span {
    width: 30px;
    height: 30px;
    border-radius: 9px;
  }

  .legacy-detail-section-head h3 {
    font-size: 11px;
  }

  .legacy-detail-section-head > b {
    font-size: 10px;
  }

  .legacy-detail-lines > div {
    min-height: 48px;
    border-color: var(--crm-line-soft);
  }

  .legacy-detail-lines strong {
    font-size: 10px;
  }

  .legacy-detail-lines small,
  .legacy-detail-empty {
    font-size: 8.5px;
  }

  .legacy-detail-lines > div > b {
    font-size: 10px;
  }

  .legacy-detail-notes > div > span {
    font-size: 8px;
  }

  .legacy-detail-notes p {
    font-size: 9.5px;
  }

  .legacy-detail-total-row {
    margin-top: 9px;
    padding: 12px;
    border-color: rgba(255,113,83,.28);
    border-radius: 13px;
    background: rgba(255,113,83,.055);
  }

  .legacy-detail-total-row span {
    font-size: 9px;
  }

  .legacy-detail-total-row strong {
    font-size: 18px;
  }
}

@media screen and (max-width: 360px) {
  .order-editor-modal {
    padding-right: 9px !important;
    padding-left: 9px !important;
  }

  .order-editor-head {
    margin-right: -9px !important;
    margin-left: -9px !important;
    padding-right: 9px !important;
    padding-left: 9px !important;
  }

  .order-editor-section {
    padding: 10px;
  }

  .order-editor-modal .form-grid {
    gap: 8px 6px !important;
  }

  .order-calculation-summary {
    gap: 5px !important;
  }

  .order-calculation-summary > div {
    padding-right: 6px;
    padding-left: 6px;
  }

  .legacy-expanded-actions {
    grid-template-columns: repeat(5,minmax(0,1fr)) !important;
  }

  .legacy-expanded-actions > button,
  .legacy-expanded-actions > a {
    font-size: 7.5px;
  }
}


/* 0.86.0 · Склад: карточка позиции и редактор в той же визуальной системе. */
@media screen and (max-width: 520px) {
  .stock-editor-modal {
    padding: 0 12px calc(82px + env(safe-area-inset-bottom)) !important;
    background: #080d11 !important;
  }

  .stock-editor-head {
    position: sticky !important;
    top: 0 !important;
    z-index: 40 !important;
    grid-template-columns: 40px minmax(0,1fr) 38px !important;
    gap: 10px !important;
    min-height: calc(66px + env(safe-area-inset-top)) !important;
    margin: 0 -12px 9px !important;
    padding: calc(10px + env(safe-area-inset-top)) 12px 10px !important;
    border-bottom: 1px solid var(--crm-line-soft) !important;
    background: rgba(8,13,17,.985) !important;
    box-shadow: 0 8px 24px rgba(0,0,0,.16) !important;
  }

  .stock-editor-title-icon {
    width: 40px;
    height: 40px;
    border-color: rgba(255,113,83,.34);
    border-radius: 12px;
    background: rgba(255,113,83,.08);
    color: var(--crm-accent);
  }

  .stock-editor-head small {
    color: var(--crm-muted);
    font-size: 8px;
    font-weight: 720;
    letter-spacing: .075em;
    text-transform: uppercase;
  }

  .stock-editor-head h2 {
    margin: 2px 0 0;
    font-size: 16px;
    font-weight: 760;
  }

  .stock-editor-close {
    width: 38px;
    height: 38px;
    border-color: var(--crm-line);
    border-radius: 11px;
    background: var(--crm-surface-2);
  }

  .stock-editor-intro {
    margin: 0 0 9px;
    color: var(--crm-muted);
    font-size: 9px;
    line-height: 1.4;
  }

  .stock-editor-body {
    display: grid;
    gap: 10px;
  }

  .stock-editor-section {
    padding: 12px;
    border: 1px solid var(--crm-line);
    border-radius: 15px;
    background: linear-gradient(160deg,#131b21,#0f151a);
  }

  .stock-editor-section-title {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 11px !important;
    color: var(--crm-text);
    font-size: 12px !important;
    font-weight: 750;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  .stock-editor-section-icon {
    display: grid;
    place-items: center;
    width: 29px;
    height: 29px;
    flex: 0 0 29px;
    border-radius: 9px;
    background: rgba(255,113,83,.085);
    color: var(--crm-accent);
  }

  .stock-editor-section-icon .ui-icon {
    width: 16px;
    height: 16px;
  }

  .stock-editor-modal .form-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 9px 8px !important;
  }

  .stock-editor-modal .form-group.full {
    grid-column: 1 / -1 !important;
  }

  .stock-editor-modal .form-group label {
    display: block;
    margin-bottom: 5px;
    color: #929da5;
    font-size: 8.5px;
    font-weight: 700;
    letter-spacing: .035em;
    text-transform: uppercase;
  }

  .stock-editor-modal .field {
    min-height: 46px !important;
    padding: 0 11px !important;
    border: 1px solid #303b44 !important;
    border-radius: 11px !important;
    background: #171f26 !important;
    color: var(--crm-text) !important;
    font-size: 11px !important;
  }

  .stock-editor-compat {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 7px;
  }

  .stock-editor-compat label {
    min-height: 46px;
    padding: 8px 9px;
    border: 1px solid var(--crm-line-soft);
    border-radius: 10px;
    background: #151d23;
    font-size: 9px;
  }

  .stock-editor-custom-compat {
    margin-top: 9px;
  }

  .stock-editor-toggle {
    min-height: 58px;
    margin-top: 9px;
    padding: 9px 10px;
    border-color: var(--crm-line);
    border-radius: 11px;
    background: #11181e;
  }

  .stock-editor-toggle b {
    font-size: 9.5px;
  }

  .stock-editor-toggle small {
    margin-top: 3px;
    color: var(--crm-muted);
    font-size: 8px;
    line-height: 1.35;
  }

  .stock-editor-modal .modal-actions {
    grid-template-columns: .9fr 1.1fr !important;
    gap: 7px !important;
    padding: 8px 10px calc(8px + env(safe-area-inset-bottom)) !important;
    border-top-color: var(--crm-line) !important;
    background: rgba(8,13,17,.985) !important;
  }

  .stock-editor-modal .modal-actions > * {
    min-height: 46px !important;
    border-radius: 11px !important;
    font-size: 10px !important;
  }

  .stock-detail-modal {
    padding: 0 12px calc(20px + env(safe-area-inset-bottom)) !important;
    background: #080d11 !important;
  }

  .stock-detail-head {
    grid-template-columns: 38px minmax(0,1fr) 38px !important;
    gap: 9px !important;
    min-height: calc(66px + env(safe-area-inset-top)) !important;
    margin: 0 -12px 10px !important;
    padding: calc(10px + env(safe-area-inset-top)) 12px 10px !important;
    border-bottom-color: var(--crm-line-soft) !important;
    background: rgba(8,13,17,.985) !important;
  }

  .stock-detail-head strong {
    display: block;
    font-size: 13px;
  }

  .stock-detail-head small {
    display: block;
    margin-top: 2px;
    color: var(--crm-muted);
    font-size: 8px;
  }

  .stock-detail-back,
  .stock-detail-edit {
    width: 38px;
    height: 38px;
    border: 1px solid var(--crm-line);
    border-radius: 11px;
    background: var(--crm-surface-2);
    color: var(--crm-text);
  }

  .stock-detail-content {
    padding: 0 0 calc(18px + env(safe-area-inset-bottom)) !important;
  }

  .stock-detail-hero {
    grid-template-columns: 46px minmax(0,1fr) auto;
    gap: 10px;
    min-height: 76px;
    padding: 11px;
    border: 1px solid var(--crm-line);
    border-radius: 15px;
    background: linear-gradient(160deg,#151d23,#10161b);
  }

  .stock-detail-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
  }

  .stock-detail-hero h2 {
    margin: 0;
    font-size: 14px;
  }

  .stock-detail-hero p {
    margin: 4px 0 0;
    color: var(--crm-muted);
    font-size: 8.5px;
    line-height: 1.3;
  }

  .stock-detail-status {
    padding: 5px 8px;
    border-radius: 8px;
    font-size: 8px;
  }

  .stock-detail-kpis {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 7px;
    margin-top: 9px;
  }

  .stock-detail-kpis > div {
    min-height: 61px;
    padding: 9px 10px;
    border: 1px solid var(--crm-line);
    border-radius: 11px;
    background: var(--crm-surface-2);
  }

  .stock-detail-kpis span {
    font-size: 8px;
  }

  .stock-detail-kpis strong {
    margin-top: 5px;
    font-size: 14px;
  }

  .stock-detail-actions {
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 7px;
    margin-top: 9px;
  }

  .stock-detail-actions button {
    min-height: 52px;
    border: 1px solid var(--crm-line);
    border-radius: 11px;
    background: #151d23;
    font-size: 8.5px;
  }

  .stock-detail-actions button > span,
  .stock-detail-actions button .ui-icon {
    font-size: 18px;
  }

  .stock-detail-history {
    margin-top: 9px;
    padding: 11px;
    border: 1px solid var(--crm-line);
    border-radius: 14px;
    background: linear-gradient(160deg,#131b21,#0f151a);
  }

  .stock-detail-history h3 {
    margin: 0 0 5px;
    font-size: 11px;
  }

  .stock-detail-movement {
    min-height: 49px;
    padding: 7px 0;
    border-top: 1px solid var(--crm-line-soft);
  }

  .stock-detail-movement > span {
    font-size: 10px;
  }

  .stock-detail-movement strong {
    font-size: 9.5px;
  }

  .stock-detail-movement small {
    font-size: 8px;
  }
}

@media screen and (max-width: 360px) {
  .stock-editor-modal,
  .stock-detail-modal {
    padding-right: 9px !important;
    padding-left: 9px !important;
  }

  .stock-editor-head,
  .stock-detail-head {
    margin-right: -9px !important;
    margin-left: -9px !important;
    padding-right: 9px !important;
    padding-left: 9px !important;
  }

  .stock-editor-section {
    padding: 10px;
  }

  .stock-editor-compat {
    grid-template-columns: 1fr;
  }
}


/* 0.86.0 · Аналитика: иерархия дашборда вместо одинаковых плиток. */
@media screen and (max-width: 520px) {
  .analytics-content {
    padding-bottom: 18px;
  }

  .analytics-content .page-head h1 {
    max-width: 290px;
  }

  .analytics-content .panel-title {
    align-items: center;
  }

  .analytics-content .panel-title > span:last-child {
    min-width: 0;
  }

  .analytics-content .panel-title > span:last-child > small {
    display: block;
    margin-top: 2px;
    color: var(--crm-muted);
    font-size: 8px;
    font-weight: 500;
  }

  .analytics-kpi-panel {
    padding: 11px !important;
  }

  .analytics-kpis {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 7px;
  }

  .analytics-kpi {
    min-height: 76px;
    padding: 9px 10px;
    border: 1px solid var(--crm-line-soft);
    border-radius: 11px;
    background: #151d23;
  }

  .analytics-kpi.primary {
    min-height: 94px;
    padding: 11px;
    border-color: rgba(92,169,255,.20);
    background:
      radial-gradient(circle at 100% 0, rgba(92,169,255,.08), transparent 80px),
      #151d23;
  }

  .analytics-kpi.primary.result {
    border-color: rgba(89,216,137,.20);
    background:
      radial-gradient(circle at 100% 0, rgba(89,216,137,.07), transparent 80px),
      #151d23;
  }

  .analytics-kpi.primary > strong {
    margin-top: 7px;
    font-size: 20px;
  }

  .analytics-kpi > span {
    color: #919ba2;
    font-size: 7.5px;
    font-weight: 760;
    letter-spacing: .065em;
  }

  .analytics-kpi > strong {
    display: block;
    overflow: hidden;
    margin-top: 5px;
    font-size: 15px;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .analytics-kpi > small {
    display: block;
    margin-top: 5px;
    color: var(--crm-muted);
    font-size: 8px;
    line-height: 1.25;
  }

  .analytics-work .analytics-work-grid {
    grid-template-columns: 1fr !important;
    gap: 6px;
  }

  .analytics-work .metric {
    min-height: 55px;
    padding: 8px 9px;
    border: 1px solid var(--crm-line-soft);
    border-radius: 10px;
    background: #151d23;
  }

  .analytics-work .metric-value {
    font-size: 15px;
  }

  .analytics-work .metric-label {
    margin-top: 2px;
    color: var(--crm-muted);
    font-size: 8px;
    line-height: 1.25;
  }

  .analytics-ranking-list {
    display: grid;
    gap: 0;
  }

  .analytics-ranking-row {
    grid-template-columns: 28px minmax(0,1fr) auto;
    gap: 8px;
    min-height: 52px;
    padding: 6px 0;
    border-top: 1px solid var(--crm-line-soft);
  }

  .analytics-ranking-row:first-child {
    border-top: 0;
  }

  .ranking-place {
    width: 27px;
    height: 27px;
    border-radius: 8px;
    background: rgba(255,113,83,.08);
    color: var(--crm-accent);
    font-size: 9px;
  }

  .analytics-ranking-row strong {
    font-size: 9.5px;
  }

  .analytics-ranking-row small {
    margin-top: 2px;
    font-size: 8px;
  }

  .analytics-ranking-row > b {
    font-size: 9.5px;
  }

  .analytics-stock-summary .analytics-work-grid {
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 6px;
  }

  .analytics-stock-summary .metric {
    min-height: 65px;
    padding: 8px;
  }

  .analytics-stock-summary .metric-label {
    font-size: 7.5px;
  }

  .analytics-stock-summary .metric-value {
    margin-top: 5px;
    font-size: 13px;
  }

  .analytics-chart-panel {
    overflow: hidden;
  }

  .analytics-chart-panel .bars {
    min-height: 150px;
    gap: 5px;
    padding: 10px 4px 0;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
  }

  .analytics-chart-panel .bar-wrap {
    flex: 1 0 42px;
    min-width: 42px;
  }

  .analytics-chart-panel .bar-wrap > span:first-child {
    font-size: 7px;
  }

  .analytics-chart-panel .bar-wrap > span:last-child {
    max-width: 48px;
    overflow: hidden;
    font-size: 7.5px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .analytics-chart-panel .bar {
    width: 70%;
    max-width: 30px;
    margin-right: auto;
    margin-left: auto;
    border-radius: 6px 6px 2px 2px;
    background: linear-gradient(180deg,#ff8267,#ff6548);
    box-shadow: 0 6px 18px rgba(255,113,83,.14);
  }

  .analytics-list-panel .goods-list {
    display: grid;
    gap: 0;
  }

  .analytics-list-panel .goods-sheet {
    min-height: 54px;
    padding: 7px 0;
    border: 0;
    border-top: 1px solid var(--crm-line-soft);
    border-radius: 0;
    background: transparent;
  }

  .analytics-list-panel .goods-sheet:first-child {
    border-top: 0;
  }

  .analytics-list-panel .goods-sheet strong {
    font-size: 9.5px;
  }

  .analytics-list-panel .goods-sheet small {
    margin-top: 3px;
    color: var(--crm-muted);
    font-size: 8px;
  }

  .analytics-list-panel .goods-sheet > b {
    font-size: 9.5px;
  }
}

@media screen and (max-width: 360px) {
  .analytics-kpi.primary > strong {
    font-size: 17px;
  }

  .analytics-stock-summary .analytics-work-grid {
    grid-template-columns: 1fr 1fr;
  }

  .analytics-stock-summary .analytics-work-grid .metric:last-child {
    grid-column: 1 / -1;
  }
}


/* 0.87.0 · Финансы и клиенты — полноценные рабочие экраны. */
@media screen and (max-width: 520px) {
  /* Финансы */
  .legacy-finance-page {
    padding-top: 12px;
  }

  .legacy-finance-periods {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 5px;
    padding: 4px;
    border: 1px solid var(--crm-line-soft);
    border-radius: 13px;
    background: #0d1318;
  }

  .legacy-finance-periods button {
    min-height: 36px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: var(--crm-muted);
    font-size: 8.5px;
    font-weight: 700;
  }

  .legacy-finance-periods button.active {
    background: var(--crm-accent-soft);
    color: #ffd2c7;
    box-shadow: inset 0 0 0 1px rgba(255,113,83,.28);
  }

  .legacy-finance-summary {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 7px;
    margin: 10px 0;
  }

  .legacy-finance-summary > div {
    min-width: 0;
    min-height: 72px;
    padding: 10px 11px;
    border: 1px solid var(--crm-line);
    border-radius: 12px;
    background: var(--crm-surface-2);
  }

  .legacy-finance-summary .finance-result-hero {
    grid-column: 1 / -1;
    min-height: 96px;
    padding: 13px 14px;
    border-color: rgba(255,113,83,.24);
    background:
      radial-gradient(circle at 100% 0, rgba(255,113,83,.10), transparent 100px),
      linear-gradient(160deg,#182129,#11171c);
  }

  .legacy-finance-summary span {
    color: var(--crm-muted);
    font-size: 8px;
    font-weight: 760;
    letter-spacing: .06em;
  }

  .legacy-finance-summary strong {
    display: block;
    overflow: hidden;
    margin-top: 6px;
    font-size: 17px;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .legacy-finance-summary .finance-result-hero strong {
    margin-top: 8px;
    font-size: 25px;
  }

  .legacy-finance-summary small {
    display: block;
    margin-top: 6px;
    color: var(--crm-muted);
    font-size: 8px;
  }

  .legacy-finance-actions {
    gap: 7px;
    margin-bottom: 10px;
  }

  .legacy-finance-actions > button {
    min-height: 48px;
    border-radius: 11px;
    font-size: 10px;
    font-weight: 720;
  }

  .legacy-finance-history {
    padding: 11px 12px;
  }

  .legacy-finance-history-head {
    grid-template-columns: 30px minmax(0,1fr) auto;
    margin-bottom: 2px;
  }

  .legacy-finance-history-head h2 {
    font-size: 12px;
  }

  .legacy-finance-row {
    grid-template-columns: 38px minmax(0,1fr) auto 36px;
    min-height: 66px;
    padding: 8px 0;
  }

  .legacy-finance-kind {
    width: 37px;
    height: 37px;
    border-radius: 10px;
  }

  .legacy-finance-copy strong {
    font-size: 10px;
  }

  .legacy-finance-copy small {
    font-size: 8.5px;
  }

  .legacy-finance-row > b {
    font-size: 10px;
  }

  .legacy-finance-row > button {
    width: 36px;
    height: 36px;
  }

  /* Редактор дохода/расхода */
  .legacy-finance-entry-backdrop .finance-entry-modal {
    padding: 0 12px calc(82px + env(safe-area-inset-bottom)) !important;
    background: #080d11 !important;
  }

  .legacy-finance-entry-backdrop .finance-entry-head {
    position: sticky !important;
    top: 0 !important;
    z-index: 40 !important;
    display: grid !important;
    grid-template-columns: 40px minmax(0,1fr) 38px !important;
    gap: 10px !important;
    align-items: center !important;
    min-height: calc(66px + env(safe-area-inset-top)) !important;
    margin: 0 -12px 10px !important;
    padding: calc(10px + env(safe-area-inset-top)) 12px 10px !important;
    border-bottom: 1px solid var(--crm-line-soft) !important;
    background: rgba(8,13,17,.985) !important;
  }

  .finance-entry-head-icon {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid rgba(89,216,137,.28);
    border-radius: 12px;
    background: rgba(89,216,137,.07);
    color: var(--crm-green);
  }

  .finance-entry-head-icon.expense {
    border-color: rgba(255,102,112,.28);
    background: rgba(255,102,112,.07);
    color: var(--crm-red);
  }

  .finance-entry-head-icon .ui-icon {
    width: 21px;
    height: 21px;
  }

  .legacy-finance-entry-backdrop .finance-entry-head small {
    color: var(--crm-muted);
    font-size: 8px;
    font-weight: 720;
    letter-spacing: .075em;
  }

  .legacy-finance-entry-backdrop .finance-entry-head h2 {
    margin: 2px 0 0;
    font-size: 16px;
    font-weight: 760;
  }

  .legacy-finance-entry-backdrop .finance-entry-close {
    width: 38px;
    height: 38px;
    border: 1px solid var(--crm-line);
    border-radius: 11px;
    background: var(--crm-surface-2);
    color: var(--crm-text);
  }

  .legacy-finance-entry-backdrop .finance-entry-type {
    min-height: 54px;
    margin-bottom: 10px;
    padding: 10px 11px;
    border: 1px solid rgba(89,216,137,.20);
    border-radius: 12px;
    background: rgba(89,216,137,.055);
    color: #bdeacb;
  }

  .legacy-finance-entry-backdrop .finance-entry-type.expense {
    border-color: rgba(255,102,112,.20);
    background: rgba(255,102,112,.055);
    color: #ffc4c9;
  }

  .legacy-finance-entry-backdrop .finance-entry-type .ui-icon {
    width: 19px;
    height: 19px;
  }

  .legacy-finance-entry-backdrop .finance-entry-type span {
    font-size: 9px;
    font-weight: 650;
  }

  .legacy-finance-entry-backdrop .form-grid {
    gap: 9px 8px !important;
  }

  .legacy-finance-entry-backdrop .form-group label {
    margin-bottom: 5px;
    color: #929da5;
    font-size: 8.5px !important;
    font-weight: 700;
    letter-spacing: .035em;
    text-transform: uppercase;
  }

  .legacy-finance-entry-backdrop .field {
    min-height: 46px !important;
    padding: 0 11px;
    border: 1px solid #303b44;
    border-radius: 11px !important;
    background: #171f26 !important;
    color: var(--crm-text);
    font-size: 11px !important;
  }

  .legacy-finance-entry-backdrop .modal-actions {
    display: grid !important;
    grid-template-columns: .9fr 1.1fr !important;
    gap: 7px !important;
    padding: 8px 10px calc(8px + env(safe-area-inset-bottom)) !important;
    border-top: 1px solid var(--crm-line) !important;
    background: rgba(8,13,17,.985) !important;
  }

  .legacy-finance-entry-backdrop .modal-actions > * {
    min-height: 46px !important;
    border-radius: 11px !important;
    font-size: 10px !important;
  }

  /* Клиенты */
  .legacy-clients-page {
    padding-top: 12px;
  }

  .legacy-client-search {
    margin-bottom: 9px;
  }

  .legacy-clients-stats {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 7px;
    margin-bottom: 10px;
  }

  .legacy-clients-stats > div {
    min-height: 70px;
    padding: 10px 11px;
    border: 1px solid var(--crm-line);
    border-radius: 11px;
    background: var(--crm-surface-2);
  }

  .legacy-clients-stats .clients-stat-primary {
    grid-column: 1 / -1;
    min-height: 86px;
    border-color: rgba(255,113,83,.22);
    background:
      radial-gradient(circle at 100% 0, rgba(255,113,83,.08), transparent 90px),
      #151d23;
  }

  .legacy-clients-stats span {
    color: var(--crm-muted);
    font-size: 8px;
    font-weight: 760;
    letter-spacing: .06em;
  }

  .legacy-clients-stats strong {
    margin-top: 5px;
    font-size: 16px;
  }

  .legacy-clients-stats .clients-stat-primary strong {
    font-size: 23px;
  }

  .legacy-clients-stats small {
    display: block;
    margin-top: 5px;
    color: var(--crm-muted);
    font-size: 8px;
  }

  .legacy-client-list {
    gap: 8px;
  }

  .legacy-client-card {
    border-radius: 15px;
    box-shadow: 0 7px 20px rgba(0,0,0,.08);
  }

  .legacy-client-main {
    grid-template-columns: 44px minmax(0,1fr) auto;
    gap: 9px;
    min-height: 82px;
    padding: 10px 11px 8px;
  }

  .legacy-client-copy strong {
    font-size: 11px;
  }

  .legacy-client-copy small {
    font-size: 9px;
  }

  .legacy-client-copy em {
    max-width: 100%;
    font-size: 8px;
  }

  .legacy-client-side b {
    font-size: 11px;
  }

  .legacy-client-meta {
    gap: 6px 10px;
    padding: 7px 11px;
    border-color: var(--crm-line-soft);
    font-size: 8px;
  }

  .legacy-client-actions {
    gap: 6px;
    padding: 0 11px 10px;
  }

  .legacy-client-actions a,
  .legacy-client-actions button {
    min-height: 44px;
    font-size: 9px;
  }

  /* Профиль клиента */
  .legacy-client-profile-backdrop .client-profile-modal {
    padding: 0 12px calc(18px + env(safe-area-inset-bottom)) !important;
    background: #080d11 !important;
  }

  .legacy-client-profile-backdrop .client-profile-head {
    position: sticky !important;
    top: 0 !important;
    z-index: 40 !important;
    display: grid !important;
    grid-template-columns: 38px minmax(0,1fr) 38px !important;
    gap: 9px !important;
    align-items: center !important;
    min-height: calc(66px + env(safe-area-inset-top)) !important;
    margin: 0 -12px 10px !important;
    padding: calc(10px + env(safe-area-inset-top)) 12px 10px !important;
    border-bottom: 1px solid var(--crm-line-soft) !important;
    background: rgba(8,13,17,.985) !important;
  }

  .legacy-client-profile-backdrop .client-profile-back,
  .legacy-client-profile-backdrop .client-profile-head > a {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border: 1px solid var(--crm-line);
    border-radius: 11px;
    background: var(--crm-surface-2);
    color: var(--crm-text);
    text-decoration: none;
  }

  .legacy-client-profile-backdrop .client-profile-head strong {
    display: block;
    font-size: 13px;
  }

  .legacy-client-profile-backdrop .client-profile-head small {
    display: block;
    margin-top: 2px;
    color: var(--crm-muted);
    font-size: 8px;
  }

  .legacy-client-profile-backdrop .client-profile-content {
    padding: 0 0 calc(24px + env(safe-area-inset-bottom)) !important;
  }

  .legacy-client-profile-backdrop .client-profile-hero {
    grid-template-columns: 48px minmax(0,1fr);
    gap: 10px;
    min-height: 78px;
    padding: 12px;
    border: 1px solid var(--crm-line);
    border-radius: 15px;
    background: linear-gradient(160deg,#151d23,#10161b);
  }

  .legacy-client-profile-backdrop .client-profile-avatar {
    width: 46px;
    height: 46px;
    border-radius: 13px;
  }

  .legacy-client-profile-backdrop .client-profile-avatar .ui-icon {
    width: 24px;
    height: 24px;
  }

  .legacy-client-profile-backdrop .client-profile-hero h2 {
    margin: 0;
    font-size: 15px;
  }

  .legacy-client-profile-backdrop .client-profile-hero p {
    margin: 4px 0 0;
    color: var(--crm-muted);
    font-size: 9px;
  }

  .legacy-client-profile-backdrop .client-profile-address {
    min-height: 58px;
    margin-top: 8px;
    padding: 10px 11px;
    border: 1px solid var(--crm-line);
    border-radius: 12px;
    background: #11181e;
  }

  .legacy-client-profile-backdrop .client-profile-address > .ui-icon {
    width: 18px;
    height: 18px;
    color: var(--crm-purple);
  }

  .legacy-client-profile-backdrop .client-profile-address small {
    color: var(--crm-muted);
    font-size: 8px;
  }

  .legacy-client-profile-backdrop .client-profile-address strong {
    margin-top: 3px;
    font-size: 9.5px;
    line-height: 1.35;
  }

  .client-profile-actions {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 7px;
    margin-top: 8px;
  }

  .client-profile-actions a,
  .client-profile-actions button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 46px;
    border: 1px solid var(--crm-line);
    border-radius: 11px;
    background: var(--crm-surface-2);
    color: #dce3e7;
    font-size: 9px;
    font-weight: 700;
    text-decoration: none;
  }

  .client-profile-actions a .ui-icon {
    color: var(--crm-blue);
  }

  .client-profile-actions button .ui-icon {
    color: var(--crm-accent);
  }

  .legacy-client-profile-backdrop .client-profile-kpis {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 7px;
    margin-top: 8px;
  }

  .legacy-client-profile-backdrop .client-profile-kpis > div {
    min-height: 62px;
    padding: 9px 10px;
    border: 1px solid var(--crm-line);
    border-radius: 11px;
    background: var(--crm-surface-2);
  }

  .legacy-client-profile-backdrop .client-profile-kpis span {
    font-size: 8px;
  }

  .legacy-client-profile-backdrop .client-profile-kpis strong {
    margin-top: 5px;
    font-size: 14px;
  }

  .legacy-client-profile-backdrop .client-profile-history {
    margin-top: 8px;
    padding: 11px;
    border: 1px solid var(--crm-line);
    border-radius: 14px;
    background: linear-gradient(160deg,#131b21,#0f151a);
  }

  .legacy-client-profile-backdrop .client-profile-history h3 {
    margin: 0 0 4px;
    font-size: 11px;
  }

  .legacy-client-profile-backdrop .client-profile-orders > button {
    grid-template-columns: 38px minmax(0,1fr) auto;
    gap: 8px;
    min-height: 62px;
    padding: 8px 0;
    border: 0;
    border-top: 1px solid var(--crm-line-soft);
    border-radius: 0;
    background: transparent;
  }

  .legacy-client-profile-backdrop .client-profile-orders > button:first-child {
    border-top: 0;
  }

  .legacy-client-profile-backdrop .client-order-icon {
    width: 37px;
    height: 37px;
    border-radius: 10px;
  }

  .legacy-client-profile-backdrop .client-order-copy strong {
    font-size: 9.5px;
  }

  .legacy-client-profile-backdrop .client-order-copy small,
  .legacy-client-profile-backdrop .client-order-copy em {
    font-size: 8px;
  }

  .legacy-client-profile-backdrop .client-order-side b {
    font-size: 9.5px;
  }

  .legacy-client-profile-backdrop .client-order-side i {
    font-size: 7.5px;
  }
}

@media screen and (max-width: 360px) {
  .legacy-finance-summary .finance-result-hero strong {
    font-size: 22px;
  }

  .legacy-finance-entry-backdrop .finance-entry-modal,
  .legacy-client-profile-backdrop .client-profile-modal {
    padding-right: 9px !important;
    padding-left: 9px !important;
  }

  .legacy-finance-entry-backdrop .finance-entry-head,
  .legacy-client-profile-backdrop .client-profile-head {
    margin-right: -9px !important;
    margin-left: -9px !important;
    padding-right: 9px !important;
    padding-left: 9px !important;
  }
}


/* 0.88.0 · Прайс и товарник — компактный рабочий сценарий без дублей. */
@media screen and (max-width: 520px) {
  .legacy-price-page,
  .legacy-goods-page {
    padding-top: 12px;
  }

  .legacy-price-head {
    grid-template-columns: 44px minmax(0,1fr) 44px;
    gap: 10px;
  }

  .legacy-price-add {
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 13px;
    background: var(--crm-accent);
    color: #1b100d;
    font-size: 28px;
    box-shadow: 0 8px 20px rgba(255,113,83,.18);
  }

  .legacy-price-search {
    margin-bottom: 8px;
  }

  .legacy-price-filters {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 7px;
    margin-bottom: 10px;
  }

  .legacy-price-filters label {
    min-width: 0;
  }

  .legacy-price-filters label > span {
    display: block;
    margin: 0 0 5px;
    color: var(--crm-muted);
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .055em;
  }

  .legacy-price-filters .field {
    min-height: 42px;
    padding: 0 10px;
    border: 1px solid var(--crm-line);
    border-radius: 11px;
    background: #151d23;
    color: var(--crm-text);
    font-size: 9px;
  }

  .legacy-price-groups {
    display: grid;
    gap: 9px;
  }

  .legacy-price-group {
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: 1px solid var(--crm-line);
    border-radius: 14px;
    background: linear-gradient(160deg,#131b21,#0f151a);
  }

  .legacy-price-group > h3,
  .legacy-custom-price-head {
    min-height: 42px;
    margin: 0;
    padding: 0 11px;
    border-bottom: 1px solid var(--crm-line-soft);
    color: #aab3b9;
    font-size: 8.5px;
    font-weight: 760;
    letter-spacing: .06em;
    text-transform: uppercase;
  }

  .legacy-price-group > h3 {
    display: flex;
    align-items: center;
  }

  .legacy-custom-price-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .legacy-custom-price-head h3 {
    margin: 0;
    font-size: 8.5px;
  }

  .legacy-custom-price-head button {
    min-height: 31px;
    padding: 4px 9px;
    border: 1px solid rgba(255,113,83,.3);
    border-radius: 9px;
    background: rgba(255,113,83,.07);
    color: #ffc1b2;
    font-size: 8px;
  }

  .legacy-price-list {
    display: grid;
  }

  .legacy-price-row {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 10px;
    align-items: center;
    min-height: 58px;
    padding: 9px 11px;
    border: 0;
    border-top: 1px solid var(--crm-line-soft);
    border-radius: 0;
    background: transparent;
    color: var(--crm-text);
    text-align: left;
  }

  .legacy-price-row:first-child {
    border-top: 0;
  }

  .legacy-price-row strong {
    display: block;
    overflow: hidden;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .legacy-price-row small {
    display: block;
    overflow: hidden;
    margin-top: 3px;
    color: var(--crm-muted);
    font-size: 8.5px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .legacy-price-row > b {
    color: var(--crm-accent);
    font-size: 10px;
    white-space: nowrap;
  }

  .legacy-price-empty {
    padding: 14px 11px;
    color: var(--crm-muted);
    font-size: 9px;
  }

  .legacy-price-empty.standalone {
    border: 1px dashed var(--crm-line);
    border-radius: 12px;
    text-align: center;
  }

  /* Редактор прайса */
  .legacy-price-editor {
    padding: 0 12px calc(82px + env(safe-area-inset-bottom)) !important;
    background: #080d11 !important;
  }

  .legacy-price-editor .legacy-editor-head {
    min-height: calc(66px + env(safe-area-inset-top)) !important;
    margin: 0 -12px 10px !important;
    padding: calc(10px + env(safe-area-inset-top)) 12px 10px !important;
    border-bottom: 1px solid var(--crm-line-soft) !important;
    background: rgba(8,13,17,.985) !important;
  }

  .legacy-price-editor-card {
    padding: 12px;
    border: 1px solid var(--crm-line);
    border-radius: 15px;
    background: linear-gradient(160deg,#131b21,#0f151a);
  }

  .legacy-price-editor-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 9px 8px;
  }

  .legacy-price-editor-grid .full {
    grid-column: 1 / -1;
  }

  .legacy-price-editor-grid label > span {
    display: block;
    margin: 0 0 5px;
    color: var(--crm-muted);
    font-size: 8.5px;
    font-weight: 700;
    letter-spacing: .04em;
  }

  .legacy-price-editor .field {
    min-height: 46px;
    padding: 0 11px;
    border: 1px solid #303b44;
    border-radius: 11px;
    background: #171f26;
    color: var(--crm-text);
    font-size: 11px;
  }

  .legacy-price-value {
    color: var(--crm-accent) !important;
    font-size: 17px !important;
    font-weight: 760;
  }

  .legacy-price-editor-actions {
    grid-template-columns: auto minmax(0,.9fr) minmax(0,1.1fr) !important;
    gap: 7px !important;
    padding: 8px 10px calc(8px + env(safe-area-inset-bottom)) !important;
    border-top: 1px solid var(--crm-line) !important;
    background: rgba(8,13,17,.985) !important;
  }

  .legacy-price-editor-actions:not(:has(.legacy-editor-delete)) {
    grid-template-columns: .9fr 1.1fr !important;
  }

  .legacy-price-editor-actions > * {
    min-height: 46px !important;
    border-radius: 11px !important;
    font-size: 9.5px !important;
  }

  /* Товарник */
  .legacy-goods-panel {
    margin-bottom: 9px;
    padding: 12px;
    border: 1px solid var(--crm-line);
    border-radius: 15px;
    background: linear-gradient(160deg,#131b21,#0f151a);
  }

  .legacy-goods-create-grid {
    gap: 7px;
  }

  .legacy-goods-create-grid button {
    min-height: 48px;
    border-radius: 11px;
    font-size: 9.5px;
  }

  .legacy-goods-order-source {
    margin-top: 9px;
  }

  .legacy-goods-order-source > span,
  .legacy-editor-title > span,
  .legacy-goods-target label > span {
    display: block;
    margin-bottom: 5px;
    color: var(--crm-muted);
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .05em;
  }

  .legacy-goods-order-source .field,
  .legacy-editor-title .field,
  .legacy-goods-target .field,
  .legacy-goods-add-line .field,
  .legacy-goods-edit-row .field {
    min-height: 44px;
    border: 1px solid #303b44;
    border-radius: 10px;
    background: #171f26;
    color: var(--crm-text);
    font-size: 10px;
  }

  .legacy-goods-help,
  .legacy-goods-intro {
    margin: 8px 0 0;
    color: var(--crm-muted);
    font-size: 8.5px;
    line-height: 1.4;
  }

  .legacy-goods-current-summary {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 10px;
    align-items: center;
    min-height: 60px;
    margin-bottom: 9px;
    padding: 9px 10px;
    border: 1px solid rgba(168,138,240,.22);
    border-radius: 11px;
    background: rgba(168,138,240,.055);
  }

  .legacy-goods-current-summary strong,
  .legacy-goods-current-summary small {
    display: block;
  }

  .legacy-goods-current-summary strong {
    overflow: hidden;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .legacy-goods-current-summary small {
    margin-top: 3px;
    color: var(--crm-muted);
    font-size: 8px;
  }

  .legacy-goods-current-summary > b {
    color: var(--crm-purple);
    font-size: 12px;
    white-space: nowrap;
  }

  .legacy-goods-position-list {
    display: grid;
  }

  .legacy-goods-position {
    min-height: 52px;
    padding: 7px 0;
    border-top: 1px solid var(--crm-line-soft);
  }

  .legacy-goods-position:first-child {
    border-top: 0;
  }

  .legacy-open-editor {
    width: 100%;
    min-height: 45px;
    margin-top: 8px;
    border: 1px solid rgba(255,113,83,.28);
    border-radius: 10px;
    background: rgba(255,113,83,.07);
    color: #ffc4b5;
    font-size: 9.5px;
    font-weight: 700;
  }

  .legacy-product-price > summary {
    min-height: 46px;
  }

  /* Полноэкранный редактор товарника */
  .legacy-goods-editor {
    padding: 0 12px calc(86px + env(safe-area-inset-bottom)) !important;
    background: #080d11 !important;
  }

  .legacy-goods-editor .goods-modal-head {
    min-height: calc(66px + env(safe-area-inset-top)) !important;
    margin: 0 -12px 10px !important;
    padding: calc(10px + env(safe-area-inset-top)) 12px 10px !important;
    border-bottom: 1px solid var(--crm-line-soft) !important;
    background: rgba(8,13,17,.985) !important;
  }

  .legacy-goods-editor .legacy-editor-panel,
  .legacy-goods-editor .legacy-editor-preview,
  .legacy-goods-editor .legacy-product-price {
    padding: 12px;
  }

  .legacy-goods-add-line {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 7px;
  }

  .legacy-goods-add-line button,
  .legacy-manual-add {
    min-height: 44px;
    border: 1px solid var(--crm-line);
    border-radius: 10px;
    background: #151d23;
    color: #dce3e7;
    font-size: 9px;
  }

  .legacy-goods-edit-row {
    margin-top: 8px;
    padding: 10px;
    border: 1px solid var(--crm-line);
    border-radius: 11px;
    background: #151d23;
  }

  .legacy-goods-row-label {
    margin-bottom: 7px;
  }

  .legacy-goods-row-label > span,
  .legacy-goods-edit-row label > span,
  .legacy-goods-row-sum > span {
    color: var(--crm-muted);
    font-size: 7.5px;
  }

  .legacy-goods-row-grid {
    gap: 7px;
  }

  .legacy-goods-target {
    margin-top: 10px;
    padding: 10px;
    border: 1px solid var(--crm-line);
    border-radius: 11px;
    background: #11181e;
  }

  .legacy-goods-target p {
    margin: 7px 0 0;
    color: var(--crm-muted);
    font-size: 8px;
    line-height: 1.35;
  }

  .legacy-goods-editor-actions {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 6px;
    margin-top: 10px;
  }

  .legacy-goods-editor-actions button {
    min-width: 0;
    min-height: 48px;
    padding: 6px;
    border-radius: 10px;
    font-size: 8px;
  }

  .legacy-goods-editor-actions button span {
    min-width: 0;
  }

  .legacy-editor-preview {
    scroll-margin-top: 78px;
  }

  .legacy-preview-table-wrap {
    overflow-x: auto;
    border: 1px solid var(--crm-line-soft);
    border-radius: 10px;
  }

  .legacy-preview-table {
    min-width: 100%;
  }

  .legacy-preview-table th,
  .legacy-preview-table td {
    padding: 8px;
    font-size: 8px;
  }

  .legacy-preview-total {
    padding: 10px 2px 0;
  }

  .legacy-preview-total strong:last-child {
    color: var(--crm-accent);
    font-size: 14px;
  }

  .legacy-goods-savebar {
    grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr) !important;
    gap: 7px !important;
    padding: 8px 10px calc(8px + env(safe-area-inset-bottom)) !important;
    border-top: 1px solid var(--crm-line) !important;
    background: rgba(8,13,17,.985) !important;
  }

  .legacy-goods-savebar:has(.legacy-delete-goods) {
    grid-template-columns: auto minmax(0,.8fr) minmax(0,1.1fr) !important;
  }

  .legacy-goods-savebar > * {
    min-height: 46px !important;
    border-radius: 11px !important;
    font-size: 9px !important;
  }
}

@media screen and (max-width: 360px) {
  .legacy-price-filters {
    grid-template-columns: 1fr;
  }

  .legacy-price-editor,
  .legacy-goods-editor {
    padding-right: 9px !important;
    padding-left: 9px !important;
  }

  .legacy-price-editor .legacy-editor-head,
  .legacy-goods-editor .goods-modal-head {
    margin-right: -9px !important;
    margin-left: -9px !important;
    padding-right: 9px !important;
    padding-left: 9px !important;
  }

  .legacy-goods-editor-actions {
    grid-template-columns: 1fr;
  }
}


/* 0.89.0 · Документы, инструменты, акт, настройки и бэкапы. */
@media screen and (max-width: 520px) {
  .legacy-service-page,
  .legacy-settings-page,
  .legacy-act-page {
    padding-top: 12px;
  }

  .legacy-service-stats.receipts-stats {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

  .legacy-service-stats.receipts-stats .service-stat-primary {
    grid-column: 1 / -1;
  }

  .legacy-service-stats.tools-stats {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

  .legacy-service-stats .service-stat-primary {
    border-color: rgba(255,113,83,.22);
    background:
      radial-gradient(circle at 100% 0, rgba(255,113,83,.08), transparent 90px),
      var(--crm-surface-2);
  }

  .legacy-service-stats > div {
    min-height: 68px;
    padding: 10px 11px;
  }

  .legacy-service-stats .service-stat-primary strong {
    font-size: 21px;
  }

  .legacy-service-stats small {
    display: block;
    margin-top: 5px;
    color: var(--crm-muted);
    font-size: 8px;
  }

  .legacy-service-list {
    gap: 7px;
  }

  .legacy-document-row {
    min-height: 66px;
    padding: 9px 10px;
    border-color: var(--crm-line);
    border-radius: 12px;
    background: linear-gradient(160deg,#151d23,#11171c);
  }

  .legacy-document-row strong {
    font-size: 10px;
  }

  .legacy-document-row small {
    font-size: 8.5px;
  }

  .legacy-document-row > b {
    font-size: 9.5px;
  }

  .legacy-document-icon {
    width: 37px;
    height: 37px;
    border-radius: 10px;
  }

  /* Документ / инструмент редакторы */
  .legacy-service-editor-backdrop .receipt-editor-modal,
  .legacy-service-editor-backdrop .tool-editor-modal {
    padding: 0 12px calc(82px + env(safe-area-inset-bottom)) !important;
    background: #080d11 !important;
  }

  .legacy-service-editor-backdrop .receipt-editor-head,
  .legacy-service-editor-backdrop .tool-editor-head {
    position: sticky !important;
    top: 0 !important;
    z-index: 40 !important;
    display: grid !important;
    grid-template-columns: 40px minmax(0,1fr) 38px !important;
    gap: 10px !important;
    align-items: center !important;
    min-height: calc(66px + env(safe-area-inset-top)) !important;
    margin: 0 -12px 10px !important;
    padding: calc(10px + env(safe-area-inset-top)) 12px 10px !important;
    border-bottom: 1px solid var(--crm-line-soft) !important;
    background: rgba(8,13,17,.985) !important;
  }

  .service-editor-head-icon {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid rgba(255,113,83,.28);
    border-radius: 12px;
    background: rgba(255,113,83,.07);
    color: var(--crm-accent);
  }

  .service-editor-head-icon.tool {
    border-color: rgba(92,169,255,.28);
    background: rgba(92,169,255,.07);
    color: var(--crm-blue);
  }

  .service-editor-head-icon .ui-icon {
    width: 21px;
    height: 21px;
  }

  .legacy-service-editor-backdrop .receipt-editor-head small,
  .legacy-service-editor-backdrop .tool-editor-head small {
    color: var(--crm-muted);
    font-size: 8px;
    font-weight: 720;
    letter-spacing: .075em;
  }

  .legacy-service-editor-backdrop .receipt-editor-head h2,
  .legacy-service-editor-backdrop .tool-editor-head h2 {
    margin: 2px 0 0;
    font-size: 16px;
    font-weight: 760;
  }

  .receipt-editor-close,
  .tool-editor-close {
    width: 38px;
    height: 38px;
    border: 1px solid var(--crm-line);
    border-radius: 11px;
    background: var(--crm-surface-2);
    color: var(--crm-text);
  }

  .receipt-editor-type,
  .tool-editor-hero {
    min-height: 54px;
    margin-bottom: 10px;
    padding: 10px 11px;
    border: 1px solid var(--crm-line);
    border-radius: 12px;
    background: #11181e;
    color: #d8e0e4;
  }

  .receipt-editor-type .ui-icon,
  .tool-editor-hero > .ui-icon {
    width: 19px;
    height: 19px;
    color: var(--crm-accent);
  }

  .tool-editor-hero > .ui-icon {
    color: var(--crm-blue);
  }

  .receipt-editor-type span,
  .tool-editor-hero strong {
    font-size: 9px;
  }

  .tool-editor-hero small {
    margin-top: 2px;
    color: var(--crm-muted);
    font-size: 8px;
  }

  .legacy-service-editor-backdrop .form-grid {
    gap: 9px 8px !important;
  }

  .legacy-service-editor-backdrop .form-group label {
    margin-bottom: 5px;
    color: #929da5;
    font-size: 8.5px;
    font-weight: 700;
    letter-spacing: .035em;
    text-transform: uppercase;
  }

  .legacy-service-editor-backdrop .field {
    min-height: 46px !important;
    padding: 0 11px;
    border: 1px solid #303b44;
    border-radius: 11px !important;
    background: #171f26 !important;
    color: var(--crm-text);
    font-size: 11px !important;
  }

  .legacy-service-editor-backdrop .textarea {
    min-height: 82px !important;
    padding-top: 10px;
  }

  .legacy-service-editor-backdrop .modal-actions {
    display: grid !important;
    grid-template-columns: auto minmax(0,.9fr) minmax(0,1.1fr) !important;
    gap: 7px !important;
    padding: 8px 10px calc(8px + env(safe-area-inset-bottom)) !important;
    border-top: 1px solid var(--crm-line) !important;
    background: rgba(8,13,17,.985) !important;
  }

  .legacy-service-editor-backdrop .modal-actions:not(:has(.danger-button)) {
    grid-template-columns: .9fr 1.1fr !important;
  }

  .legacy-service-editor-backdrop .modal-actions > * {
    min-height: 46px !important;
    border-radius: 11px !important;
    font-size: 9.5px !important;
  }

  /* Настройки */
  .legacy-settings-card {
    margin-bottom: 9px;
    padding: 12px;
    border-color: var(--crm-line);
    border-radius: 15px;
    background: linear-gradient(160deg,#131b21,#0f151a);
  }

  .legacy-settings-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 9px 8px;
  }

  .legacy-settings-grid label > span {
    display: block;
    margin-bottom: 5px;
    color: var(--crm-muted);
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .04em;
  }

  .legacy-settings-grid .field {
    min-height: 45px;
    padding: 0 11px;
    border: 1px solid #303b44;
    border-radius: 11px;
    background: #171f26;
    font-size: 10px;
  }

  .legacy-settings-toggle-row {
    min-height: 60px;
    margin-top: 9px;
    padding: 9px 10px;
    border: 1px solid var(--crm-line);
    border-radius: 11px;
    background: #11181e;
  }

  .legacy-settings-toggle-row strong {
    font-size: 9.5px;
  }

  .legacy-settings-toggle-row small {
    font-size: 8px;
    line-height: 1.35;
  }

  .legacy-settings-save {
    min-height: 46px;
    margin-top: 9px;
    border-radius: 11px;
    font-size: 10px;
  }

  .legacy-settings-list {
    display: grid;
  }

  .legacy-settings-row {
    min-height: 62px;
    padding: 8px 0;
    border-top: 1px solid var(--crm-line-soft);
  }

  .legacy-settings-row:first-child {
    border-top: 0;
  }

  .legacy-settings-row-icon,
  .settings-link-icon {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: #1a242c;
  }

  .legacy-settings-row strong,
  .legacy-settings-links strong {
    font-size: 9.5px;
  }

  .legacy-settings-row small,
  .legacy-settings-links small {
    font-size: 8px;
  }

  .legacy-settings-row > button:not(.toggle) {
    min-height: 38px;
    padding: 6px 9px;
    border: 1px solid var(--crm-line);
    border-radius: 9px;
    background: #151d23;
    font-size: 8px;
  }

  .legacy-settings-links {
    gap: 7px;
  }

  .legacy-settings-links > button {
    min-height: 62px;
    padding: 8px 9px;
    border: 1px solid var(--crm-line);
    border-radius: 11px;
    background: #151d23;
  }

  /* Бэкапы */
  .legacy-backup-main-actions {
    gap: 7px;
    margin-top: 10px;
  }

  .legacy-backup-main-actions button {
    min-height: 48px;
    border-radius: 11px;
    font-size: 9px;
  }

  .legacy-backup-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 6px;
    margin-top: 8px;
  }

  .legacy-backup-grid button {
    min-height: 42px;
    padding: 6px;
    border: 1px solid var(--crm-line);
    border-radius: 10px;
    background: #151d23;
    color: #cfd7dc;
    font-size: 8px;
  }

  .legacy-backup-grid button:last-child {
    grid-column: 1 / -1;
  }

  .legacy-backup-page .legacy-settings-row.plain {
    grid-template-columns: minmax(0,1fr) auto;
  }

  .legacy-backup-page .legacy-settings-row select {
    min-height: 38px;
    border-color: var(--crm-line);
    border-radius: 9px;
    background: #151d23;
    font-size: 8px;
  }

  .legacy-service-stats.backup {
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 6px;
  }

  .legacy-service-stats.backup > div {
    min-height: 62px;
    padding: 9px 8px;
  }

  /* Черновики */
  .legacy-service-note {
    margin-bottom: 9px;
    padding: 9px 10px;
    border: 1px solid var(--crm-line);
    border-radius: 11px;
    background: #11181e;
    color: var(--crm-muted);
    font-size: 8.5px;
    line-height: 1.4;
  }

  .legacy-draft-card {
    padding: 10px;
    border-color: var(--crm-line);
    border-radius: 12px;
    background: #151d23;
  }

  .legacy-draft-card strong {
    font-size: 10px;
  }

  .legacy-draft-card small {
    font-size: 8px;
  }

  .legacy-draft-actions button {
    min-height: 43px;
    font-size: 8.5px;
  }

  /* Акт */
  .legacy-act-control {
    padding: 12px;
    border: 1px solid var(--crm-line);
    border-radius: 15px;
    background: linear-gradient(160deg,#131b21,#0f151a);
  }

  .legacy-act-control-title {
    display: grid;
    grid-template-columns: 36px minmax(0,1fr);
    gap: 9px;
    align-items: center;
    margin-bottom: 10px;
  }

  .legacy-act-control-title > span {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: rgba(255,113,83,.08);
    color: var(--crm-accent);
  }

  .legacy-act-control-title > span .ui-icon {
    width: 19px;
    height: 19px;
  }

  .legacy-act-control-title h2 {
    margin: 0;
    font-size: 12px;
  }

  .legacy-act-control-title small {
    display: block;
    margin-top: 2px;
    color: var(--crm-muted);
    font-size: 8px;
  }

  .legacy-act-control > label > span {
    display: block;
    margin-bottom: 5px;
    color: var(--crm-muted);
    font-size: 8px;
    font-weight: 700;
  }

  .legacy-act-control .field {
    min-height: 45px;
    border: 1px solid var(--crm-line);
    border-radius: 10px;
    background: #171f26;
    font-size: 9px;
  }

  .legacy-act-control-actions {
    gap: 7px;
    margin-top: 9px;
  }

  .legacy-act-control-actions button {
    min-height: 46px;
    border-radius: 10px;
    font-size: 9px;
  }

  .legacy-act-preview {
    margin-top: 10px;
    overflow-x: auto;
    border: 1px solid var(--crm-line);
    border-radius: 14px;
    background: #dcdcdc;
    box-shadow: 0 10px 26px rgba(0,0,0,.18);
  }

  .legacy-act-preview .act-sheet {
    margin: 0 auto;
  }
}

@media screen and (max-width: 360px) {
  .legacy-service-editor-backdrop .receipt-editor-modal,
  .legacy-service-editor-backdrop .tool-editor-modal {
    padding-right: 9px !important;
    padding-left: 9px !important;
  }

  .legacy-service-editor-backdrop .receipt-editor-head,
  .legacy-service-editor-backdrop .tool-editor-head {
    margin-right: -9px !important;
    margin-left: -9px !important;
    padding-right: 9px !important;
    padding-left: 9px !important;
  }

  .legacy-settings-grid {
    grid-template-columns: 1fr;
  }

  .legacy-settings-grid .full {
    grid-column: auto;
  }

  .legacy-service-stats.backup {
    grid-template-columns: 1fr 1fr;
  }

  .legacy-service-stats.backup > div:last-child {
    grid-column: 1 / -1;
  }
}


/* 0.91.0 · Мобильный масштаб 360–430 px: читаемость вместо микротекста. */
@media screen and (max-width: 520px) {
  body {
    font-size: 15px;
    line-height: 1.4;
  }

  .legacy-mobile-header .brand-subtitle,
  .legacy-page-head p,
  .legacy-warehouse-head p,
  .legacy-more-head p,
  .analytics-content .lead,
  .legacy-subpage-head p {
    font-size: 12px !important;
    line-height: 1.3 !important;
  }

  .legacy-nearest-title,
  .legacy-nearest-line,
  .legacy-nearest-line > strong,
  .legacy-nearest-line > em {
    font-size: 12px !important;
  }

  .legacy-order-search .search,
  .legacy-warehouse-search .search,
  .legacy-client-search .search {
    font-size: 14px !important;
  }

  .legacy-order-filters button,
  .legacy-visit-filter .field,
  .legacy-warehouse-filter .field,
  .legacy-warehouse-shortcuts button,
  .analytics-period-grid .chip,
  .legacy-finance-periods button,
  .legacy-price-filters .field {
    font-size: 12px !important;
  }

  .legacy-order-title > span {
    font-size: 14px !important;
  }

  .legacy-order-title > strong,
  .legacy-expanded-title > b,
  .legacy-expanded-title > strong {
    font-size: 16px !important;
  }

  .legacy-order-head-side time,
  .legacy-expanded-head-side time,
  .legacy-status,
  .legacy-expanded-status {
    font-size: 11px !important;
  }

  .legacy-order-device strong,
  .legacy-expanded-device-copy strong {
    font-size: 14px !important;
  }

  .legacy-order-device small,
  .legacy-expanded-device-copy small {
    font-size: 12px !important;
  }

  .legacy-order-money span,
  .legacy-expanded-money span,
  .order-calculation-summary > div span {
    font-size: 11px !important;
    letter-spacing: .025em !important;
  }

  .legacy-order-money strong,
  .legacy-expanded-money strong {
    font-size: 17px !important;
  }

  .legacy-order-meta,
  .legacy-expanded-meta,
  .legacy-next-visit {
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  .legacy-order-actions > button,
  .legacy-order-actions > a,
  .legacy-expanded-actions > button,
  .legacy-expanded-actions > a {
    font-size: 10.5px !important;
  }

  .legacy-group-copy strong,
  .legacy-stock-copy strong,
  .stock-detail-head strong,
  .stock-detail-hero h2 {
    font-size: 14px !important;
  }

  .legacy-group-copy small,
  .legacy-stock-copy small,
  .stock-detail-head small,
  .stock-detail-hero p,
  .stock-detail-kpis span,
  .stock-detail-movement small {
    font-size: 11px !important;
  }

  .legacy-stock-actions-v2 button,
  .stock-detail-actions button {
    font-size: 11px !important;
  }

  .stock-detail-kpis strong {
    font-size: 16px !important;
  }

  .stock-detail-movement > span,
  .stock-detail-movement strong {
    font-size: 12px !important;
  }

  .analytics-content .panel-title,
  .legacy-section-title h2,
  .legacy-finance-history-head h2,
  .legacy-client-profile-backdrop .client-profile-history h3 {
    font-size: 14px !important;
  }

  .analytics-content .panel-title > span:last-child > small,
  .analytics-kpi > span,
  .analytics-kpi > small,
  .analytics-work .metric-label,
  .analytics-ranking-row small,
  .analytics-list-panel .goods-sheet small {
    font-size: 11px !important;
  }

  .analytics-kpi > strong,
  .analytics-work .metric-value {
    font-size: 17px !important;
  }

  .analytics-kpi.primary > strong {
    font-size: 22px !important;
  }

  .analytics-ranking-row strong,
  .analytics-ranking-row > b,
  .analytics-list-panel .goods-sheet strong,
  .analytics-list-panel .goods-sheet > b {
    font-size: 12px !important;
  }

  .legacy-more-list .menu-name {
    font-size: 14px !important;
  }

  .legacy-more-list .menu-description {
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  .nav-button {
    font-size: 11px !important;
  }

  .order-editor-title-copy small,
  .stock-editor-head small,
  .legacy-finance-entry-backdrop .finance-entry-head small,
  .legacy-service-editor-backdrop .receipt-editor-head small,
  .legacy-service-editor-backdrop .tool-editor-head small {
    font-size: 10px !important;
  }

  .order-editor-title-copy h2,
  .order-editor-head h2,
  .stock-editor-head h2,
  .legacy-finance-entry-backdrop .finance-entry-head h2,
  .legacy-service-editor-backdrop .receipt-editor-head h2,
  .legacy-service-editor-backdrop .tool-editor-head h2 {
    font-size: 17px !important;
  }

  .order-editor-modal .form-section-title,
  .stock-editor-section-title {
    font-size: 14px !important;
  }

  .order-editor-modal .form-group label,
  .stock-editor-modal .form-group label,
  .legacy-finance-entry-backdrop .form-group label,
  .legacy-service-editor-backdrop .form-group label,
  .legacy-price-editor-grid label > span,
  .legacy-settings-grid label > span,
  .legacy-goods-order-source > span,
  .legacy-editor-title > span,
  .legacy-goods-target label > span,
  .legacy-act-control > label > span {
    font-size: 11px !important;
    letter-spacing: .025em !important;
  }

  .order-editor-modal .field,
  .stock-editor-modal .field,
  .legacy-finance-entry-backdrop .field,
  .legacy-service-editor-backdrop .field,
  .legacy-price-editor .field,
  .legacy-settings-grid .field,
  .legacy-goods-order-source .field,
  .legacy-editor-title .field,
  .legacy-goods-target .field,
  .legacy-goods-add-line .field,
  .legacy-goods-edit-row .field,
  .legacy-act-control .field {
    font-size: 14px !important;
  }

  .order-editor-modal .legacy-catalog-button,
  .order-editor-modal .legacy-stock-button,
  .order-editor-modal .modal-actions > *,
  .stock-editor-modal .modal-actions > *,
  .legacy-finance-entry-backdrop .modal-actions > *,
  .legacy-service-editor-backdrop .modal-actions > *,
  .legacy-price-editor-actions > *,
  .legacy-goods-savebar > *,
  .legacy-goods-create-grid button,
  .legacy-open-editor,
  .legacy-act-control-actions button {
    font-size: 12px !important;
  }

  .order-editor-modal .legacy-material-help,
  .legacy-goods-help,
  .legacy-goods-intro,
  .stock-editor-intro,
  .stock-editor-toggle small,
  .legacy-service-note,
  .legacy-service-empty,
  .legacy-client-empty,
  .legacy-finance-empty {
    font-size: 11px !important;
    line-height: 1.4 !important;
  }

  .order-editor-modal .legacy-service-total {
    font-size: 12px !important;
  }

  .order-calculation-summary > div strong {
    font-size: 14px !important;
  }

  .order-extra-details > summary {
    font-size: 12px !important;
  }

  .stock-editor-compat label,
  .stock-editor-toggle b {
    font-size: 12px !important;
  }

  .legacy-finance-summary span,
  .legacy-clients-stats span,
  .legacy-service-stats span {
    font-size: 11px !important;
    letter-spacing: .03em !important;
  }

  .legacy-finance-summary small,
  .legacy-clients-stats small,
  .legacy-service-stats small {
    font-size: 11px !important;
  }

  .legacy-finance-copy strong,
  .legacy-client-copy strong,
  .legacy-document-row strong,
  .legacy-settings-row strong,
  .legacy-settings-links strong,
  .legacy-draft-card strong,
  .legacy-goods-position strong,
  .legacy-product-price-list strong {
    font-size: 13px !important;
  }

  .legacy-finance-copy small,
  .legacy-client-copy small,
  .legacy-document-row small,
  .legacy-settings-row small,
  .legacy-settings-links small,
  .legacy-draft-card small,
  .legacy-goods-position small,
  .legacy-product-price-list small,
  .legacy-client-copy em,
  .legacy-client-meta {
    font-size: 11px !important;
    line-height: 1.3 !important;
  }

  .legacy-finance-row > b,
  .legacy-client-side b,
  .legacy-document-row > b {
    font-size: 12px !important;
  }

  .legacy-client-actions a,
  .legacy-client-actions button,
  .client-profile-actions a,
  .client-profile-actions button,
  .legacy-draft-actions button,
  .legacy-settings-row > button:not(.toggle),
  .legacy-backup-grid button,
  .legacy-backup-main-actions button {
    font-size: 11px !important;
  }

  .legacy-client-profile-backdrop .client-profile-head strong,
  .legacy-client-profile-backdrop .client-profile-hero h2 {
    font-size: 15px !important;
  }

  .legacy-client-profile-backdrop .client-profile-head small,
  .legacy-client-profile-backdrop .client-profile-hero p,
  .legacy-client-profile-backdrop .client-profile-address small,
  .legacy-client-profile-backdrop .client-profile-kpis span,
  .legacy-client-profile-backdrop .client-order-copy small,
  .legacy-client-profile-backdrop .client-order-copy em,
  .legacy-client-profile-backdrop .client-order-side i {
    font-size: 11px !important;
  }

  .legacy-client-profile-backdrop .client-profile-address strong,
  .legacy-client-profile-backdrop .client-order-copy strong,
  .legacy-client-profile-backdrop .client-order-side b {
    font-size: 12px !important;
  }

  .legacy-price-filters label > span,
  .legacy-price-group > h3,
  .legacy-custom-price-head,
  .legacy-custom-price-head h3,
  .legacy-price-row small,
  .legacy-goods-row-label > span,
  .legacy-goods-edit-row label > span,
  .legacy-goods-row-sum > span,
  .legacy-goods-target p,
  .legacy-preview-table th,
  .legacy-preview-table td {
    font-size: 11px !important;
  }

  .legacy-price-row strong,
  .legacy-price-row > b,
  .legacy-goods-current-summary strong,
  .legacy-goods-current-summary > b {
    font-size: 13px !important;
  }

  .legacy-goods-current-summary small {
    font-size: 11px !important;
  }

  .legacy-goods-editor-actions button {
    font-size: 11px !important;
  }

  .receipt-editor-type span,
  .tool-editor-hero strong,
  .tool-editor-hero small,
  .legacy-settings-toggle-row strong,
  .legacy-settings-toggle-row small,
  .legacy-act-control-title small {
    font-size: 11px !important;
  }

  .legacy-act-control-title h2 {
    font-size: 14px !important;
  }
}

@media screen and (max-width: 360px) {
  .legacy-order-actions > button,
  .legacy-order-actions > a,
  .legacy-expanded-actions > button,
  .legacy-expanded-actions > a {
    font-size: 9.5px !important;
  }

  .nav-button {
    font-size: 10px !important;
  }

  .order-editor-modal .form-group label,
  .stock-editor-modal .form-group label,
  .legacy-finance-entry-backdrop .form-group label,
  .legacy-service-editor-backdrop .form-group label {
    font-size: 10px !important;
  }
}


/* 0.91.0 · Sheet 04: движение склада и список покупок. */
@media screen and (max-width: 520px) {
  .warehouse-support-content,
  .shopping-content {
    padding: 12px 12px 18px;
  }

  .support-page-head {
    display: grid;
    grid-template-columns: 44px minmax(0,1fr);
    gap: 10px;
    align-items: center;
    margin-bottom: 11px;
  }

  .support-page-head h1 {
    margin: 0;
    color: var(--crm-text);
    font-size: 25px;
    font-weight: 780;
    line-height: 1.05;
    letter-spacing: -.025em;
  }

  .support-page-head p {
    margin: 5px 0 0;
    color: var(--crm-muted);
    font-size: 12px;
    line-height: 1.3;
  }

  .support-back {
    width: 42px;
    height: 42px;
    border: 1px solid var(--crm-line);
    border-radius: 12px;
    background: var(--crm-surface-2);
    color: var(--crm-text);
    font-size: 24px;
  }

  .movement-filter-chips {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 5px;
    margin-bottom: 10px;
    padding: 4px;
    border: 1px solid var(--crm-line-soft);
    border-radius: 13px;
    background: #0d1318;
  }

  .movement-filter-chips button {
    min-height: 38px;
    padding: 5px 7px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: var(--crm-muted);
    font-size: 12px;
    font-weight: 700;
  }

  .movement-filter-chips button span {
    margin-left: 3px;
    color: #aeb8be;
    font-size: 11px;
  }

  .movement-filter-chips button.active {
    background: var(--crm-accent-soft);
    color: #ffd2c7;
    box-shadow: inset 0 0 0 1px rgba(255,113,83,.28);
  }

  .movement-list {
    display: grid;
    gap: 7px;
  }

  .movement-card {
    display: grid;
    grid-template-columns: 42px minmax(0,1fr) auto;
    gap: 10px;
    align-items: center;
    min-height: 70px;
    padding: 10px 11px;
    border: 1px solid var(--crm-line);
    border-radius: 13px;
    background: linear-gradient(160deg,#151d23,#10161b);
  }

  .movement-icon {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 11px;
    background: rgba(89,216,137,.08);
    color: var(--crm-green);
    font-size: 20px;
    font-weight: 500;
  }

  .movement-icon.outgoing {
    background: rgba(255,102,112,.08);
    color: var(--crm-red);
  }

  .movement-copy {
    min-width: 0;
  }

  .movement-copy strong,
  .movement-copy small,
  .movement-copy time {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .movement-copy strong {
    color: var(--crm-text);
    font-size: 13px;
  }

  .movement-copy small {
    margin-top: 3px;
    color: var(--crm-muted);
    font-size: 11px;
  }

  .movement-copy time {
    margin-top: 3px;
    color: var(--crm-faint);
    font-size: 11px;
  }

  .movement-card > b {
    font-size: 13px;
    white-space: nowrap;
  }

  .shopping-summary {
    display: grid;
    grid-template-columns: 44px minmax(0,1fr);
    gap: 10px;
    align-items: center;
    min-height: 70px;
    margin-bottom: 9px;
    padding: 11px 12px;
    border: 1px solid rgba(231,180,80,.24);
    border-radius: 14px;
    background:
      radial-gradient(circle at 100% 0, rgba(231,180,80,.08), transparent 90px),
      #151d23;
  }

  .shopping-summary-icon {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 11px;
    background: rgba(231,180,80,.08);
    color: var(--crm-yellow);
  }

  .shopping-summary-icon .ui-icon {
    width: 22px;
    height: 22px;
  }

  .shopping-summary small {
    display: block;
    color: var(--crm-muted);
    font-size: 11px;
    font-weight: 760;
    letter-spacing: .04em;
  }

  .shopping-summary strong {
    display: block;
    margin-top: 4px;
    color: var(--crm-text);
    font-size: 18px;
  }

  .shopping-page-actions {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 7px;
    margin-bottom: 10px;
  }

  .shopping-page-actions button {
    min-height: 46px;
    border-radius: 11px;
    font-size: 12px;
    font-weight: 700;
  }

  .shopping-page-actions .ui-icon {
    width: 18px;
    height: 18px;
  }

  .shopping-list {
    display: grid;
    gap: 7px;
  }

  .shopping-card {
    display: grid;
    grid-template-columns: 42px minmax(0,1fr) auto;
    gap: 10px;
    align-items: center;
    min-height: 72px;
    padding: 10px 11px;
    border: 1px solid var(--crm-line);
    border-radius: 13px;
    background: linear-gradient(160deg,#151d23,#10161b);
  }

  .shopping-item-icon {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 11px;
    background: rgba(231,180,80,.07);
    color: var(--crm-yellow);
  }

  .shopping-item-icon .ui-icon {
    width: 20px;
    height: 20px;
  }

  .shopping-card .stock-name {
    overflow: hidden;
    color: var(--crm-text);
    font-size: 13px;
    font-weight: 720;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .shopping-card .small {
    overflow: hidden;
    margin-top: 4px;
    color: var(--crm-muted);
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .shopping-need {
    min-width: 74px;
    text-align: right;
  }

  .shopping-need span {
    display: block;
    color: var(--crm-muted);
    font-size: 10px;
    font-weight: 760;
    letter-spacing: .04em;
  }

  .shopping-need strong {
    display: block;
    margin-top: 4px;
    color: var(--crm-yellow);
    font-size: 13px;
    white-space: nowrap;
  }
}

@media screen and (max-width: 360px) {
  .movement-card,
  .shopping-card {
    grid-template-columns: 38px minmax(0,1fr) auto;
    gap: 8px;
    padding-right: 9px;
    padding-left: 9px;
  }

  .movement-icon,
  .shopping-item-icon {
    width: 36px;
    height: 36px;
  }

  .shopping-need {
    min-width: 66px;
  }

  .shopping-page-actions button {
    font-size: 11px;
  }
}


/* 0.91.1 · Fix по реальным Android-скринам: каталог на весь viewport, услуги снова компактные. */
@media screen and (max-width: 520px) {
  /* Каталог услуг: только список скроллится, summary/actions всегда у нижней границы viewport. */
  .catalog-modal-backdrop {
    position: fixed !important;
    inset: 0 !important;
    z-index: 520 !important;
    width: auto !important;
    height: auto !important;
    max-height: none !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #080d11 !important;
  }

  .catalog-modal-backdrop > .catalog-modal {
    position: absolute !important;
    inset: 0 !important;
    display: grid !important;
    grid-template-rows: auto auto minmax(0, 1fr) auto auto !important;
    box-sizing: border-box !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 12px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #080d11 !important;
  }

  .catalog-modal .catalog-modal-head {
    position: relative !important;
    top: auto !important;
    z-index: 3 !important;
    min-height: calc(62px + env(safe-area-inset-top)) !important;
    margin: 0 -12px !important;
    padding: calc(10px + env(safe-area-inset-top)) 12px 9px !important;
    border-bottom: 1px solid var(--crm-line-soft) !important;
    background: #080d11 !important;
  }

  .catalog-modal .catalog-modal-head .small {
    color: var(--crm-muted) !important;
    font-size: 11px !important;
  }

  .catalog-modal .catalog-modal-head h2 {
    margin: 3px 0 0 !important;
    color: var(--crm-text) !important;
    font-size: 17px !important;
  }

  .catalog-modal .catalog-close {
    width: 38px !important;
    height: 38px !important;
    border: 1px solid var(--crm-line) !important;
    border-radius: 11px !important;
    background: var(--crm-surface-2) !important;
    color: var(--crm-text) !important;
  }

  .catalog-modal .catalog-search-row {
    margin: 0 !important;
    padding: 8px 0 !important;
    background: #080d11 !important;
  }

  .catalog-modal .catalog-search-row .search {
    min-height: 44px !important;
    border: 1px solid var(--crm-line) !important;
    border-radius: 12px !important;
    background: var(--crm-surface-2) !important;
    font-size: 13px !important;
  }

  .catalog-modal .catalog-service-list {
    min-height: 0 !important;
    margin: 0 -2px !important;
    padding: 0 2px 8px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-y: contain !important;
    -webkit-overflow-scrolling: touch;
  }

  .catalog-modal .catalog-service-group {
    margin: 0 0 8px !important;
  }

  .catalog-modal .catalog-service-group h3 {
    margin: 0 0 5px !important;
    padding: 5px 4px !important;
    color: var(--crm-muted) !important;
    font-size: 11px !important;
  }

  .catalog-modal .catalog-service-option {
    grid-template-columns: 30px minmax(0,1fr) auto !important;
    gap: 9px !important;
    min-height: 52px !important;
    margin-bottom: 6px !important;
    padding: 7px 10px !important;
    border: 1px solid var(--crm-line) !important;
    border-radius: 12px !important;
    background: #151d23 !important;
  }

  .catalog-modal .catalog-service-option.selected {
    border-color: rgba(255,113,83,.5) !important;
    background: rgba(255,113,83,.065) !important;
  }

  .catalog-modal .catalog-check {
    width: 28px !important;
    height: 28px !important;
    border-radius: 8px !important;
    font-size: 16px !important;
  }

  .catalog-modal .catalog-service-copy strong {
    font-size: 13px !important;
    line-height: 1.2 !important;
  }

  .catalog-modal .catalog-service-copy small {
    margin-top: 3px !important;
    color: var(--crm-muted) !important;
    font-size: 11px !important;
  }

  .catalog-modal .catalog-service-price {
    padding-left: 8px !important;
    color: var(--crm-accent) !important;
    font-size: 13px !important;
    white-space: nowrap !important;
  }

  .catalog-modal .catalog-fit-summary {
    position: static !important;
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 0 !important;
    margin: 0 -2px 7px !important;
    padding: 8px 0 !important;
    border: 1px solid var(--crm-line) !important;
    border-radius: 12px !important;
    background: #11181e !important;
  }

  .catalog-modal .catalog-fit-summary > div {
    min-width: 0 !important;
    padding: 0 9px !important;
    border-left: 1px solid var(--crm-line-soft) !important;
  }

  .catalog-modal .catalog-fit-summary > div:first-child {
    border-left: 0 !important;
  }

  .catalog-modal .catalog-fit-summary span {
    display: block !important;
    overflow: hidden !important;
    color: var(--crm-muted) !important;
    font-size: 10px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .catalog-modal .catalog-fit-summary strong {
    display: block !important;
    overflow: hidden !important;
    margin-top: 4px !important;
    font-size: 13px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .catalog-modal .catalog-modal-actions {
    position: static !important;
    display: grid !important;
    grid-template-columns: .8fr 1.2fr !important;
    gap: 8px !important;
    margin: 0 -12px !important;
    padding: 8px 12px calc(8px + env(safe-area-inset-bottom)) !important;
    border-top: 1px solid var(--crm-line) !important;
    background: #080d11 !important;
  }

  .catalog-modal .catalog-modal-actions button {
    min-height: 48px !important;
    border-radius: 11px !important;
    font-size: 13px !important;
    font-weight: 720 !important;
  }

  /* Выбранные услуги в заявке: не превращаем каждую строку в большое поле. */
  .order-editor-modal .legacy-service-list {
    gap: 0 !important;
  }

  .order-editor-modal .legacy-service-row {
    display: grid !important;
    grid-template-columns: 26px minmax(0,1fr) 82px !important;
    gap: 8px !important;
    align-items: center !important;
    min-height: 46px !important;
    padding: 2px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid var(--crm-line-soft) !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  .order-editor-modal .legacy-service-row:last-child {
    border-bottom: 0 !important;
  }

  .order-editor-modal .legacy-service-row .service-check {
    display: grid !important;
    place-items: center !important;
    width: 24px !important;
    color: #dfe5e8 !important;
  }

  .order-editor-modal .legacy-service-row .service-check .ui-icon {
    width: 16px !important;
    height: 16px !important;
  }

  .order-editor-modal .legacy-service-row .service-name-field,
  .order-editor-modal .legacy-service-row .service-price-field input {
    min-height: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .order-editor-modal .legacy-service-row .service-name-field {
    min-width: 0 !important;
    width: 100% !important;
    font-size: 13px !important;
  }

  .order-editor-modal .legacy-service-row .service-price-field {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    min-width: 0 !important;
  }

  .order-editor-modal .legacy-service-row .service-price-field input {
    width: 62px !important;
    color: #dce3e7 !important;
    font-size: 13px !important;
    text-align: right !important;
  }

  .order-editor-modal .legacy-service-row .service-price-field > span {
    margin-left: 3px !important;
    color: var(--crm-muted) !important;
    font-size: 12px !important;
  }

  .order-editor-modal .legacy-service-row .service-qty-field,
  .order-editor-modal .legacy-service-row .service-remove {
    display: none !important;
  }

  .order-editor-modal .legacy-service-total {
    margin-top: 5px !important;
    padding-top: 8px !important;
    font-size: 12px !important;
  }

  .order-editor-modal .legacy-service-total strong {
    font-size: 13px !important;
  }
}

@media screen and (max-width: 360px) {
  .catalog-modal-backdrop > .catalog-modal {
    padding-right: 9px !important;
    padding-left: 9px !important;
  }

  .catalog-modal .catalog-modal-head,
  .catalog-modal .catalog-modal-actions {
    margin-right: -9px !important;
    margin-left: -9px !important;
    padding-right: 9px !important;
    padding-left: 9px !important;
  }

  .catalog-modal .catalog-service-option {
    grid-template-columns: 28px minmax(0,1fr) auto !important;
    gap: 7px !important;
    padding-right: 8px !important;
    padding-left: 8px !important;
  }

  .catalog-modal .catalog-fit-summary > div {
    padding-right: 6px !important;
    padding-left: 6px !important;
  }

  .catalog-modal .catalog-fit-summary span {
    font-size: 9px !important;
  }

  .catalog-modal .catalog-fit-summary strong {
    font-size: 12px !important;
  }

  .order-editor-modal .legacy-service-row {
    grid-template-columns: 24px minmax(0,1fr) 74px !important;
    gap: 6px !important;
  }

  .order-editor-modal .legacy-service-row .service-name-field,
  .order-editor-modal .legacy-service-row .service-price-field input {
    font-size: 12px !important;
  }

  .order-editor-modal .legacy-service-row .service-price-field input {
    width: 55px !important;
  }
}


/* 0.91.2 · Материалы в заявке: полноэкранный каталог и компактные карточки. */
@media screen and (max-width: 520px) {
  .material-catalog-backdrop {
    position: fixed !important;
    inset: 0 !important;
    z-index: 520 !important;
    width: auto !important;
    height: auto !important;
    max-height: none !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #080d11 !important;
  }

  .material-catalog-backdrop > .material-catalog-modal {
    position: absolute !important;
    inset: 0 !important;
    display: grid !important;
    grid-template-rows: auto auto minmax(0,1fr) auto !important;
    box-sizing: border-box !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 12px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #080d11 !important;
  }

  .material-catalog-head {
    position: relative !important;
    top: auto !important;
    z-index: 3 !important;
    grid-template-columns: 40px minmax(0,1fr) 38px !important;
    gap: 10px !important;
    min-height: calc(62px + env(safe-area-inset-top)) !important;
    margin: 0 -12px !important;
    padding: calc(10px + env(safe-area-inset-top)) 12px 9px !important;
    border-bottom: 1px solid var(--crm-line-soft) !important;
    background: #080d11 !important;
  }

  .material-catalog-icon {
    display: grid !important;
    place-items: center !important;
    width: 40px !important;
    height: 40px !important;
    border: 1px solid rgba(255,113,83,.3) !important;
    border-radius: 12px !important;
    background: rgba(255,113,83,.07) !important;
    color: var(--crm-accent) !important;
  }

  .material-catalog-icon .ui-icon {
    width: 21px !important;
    height: 21px !important;
  }

  .material-catalog-head strong {
    display: block !important;
    overflow: hidden !important;
    color: var(--crm-text) !important;
    font-size: 15px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .material-catalog-head-close {
    width: 38px !important;
    height: 38px !important;
    border: 1px solid var(--crm-line) !important;
    border-radius: 11px !important;
    background: var(--crm-surface-2) !important;
    color: var(--crm-text) !important;
  }

  .material-catalog-search {
    margin: 0 !important;
    padding: 8px 0 !important;
    background: #080d11 !important;
  }

  .material-catalog-search .search {
    min-height: 44px !important;
    border: 1px solid var(--crm-line) !important;
    border-radius: 12px !important;
    background: var(--crm-surface-2) !important;
    font-size: 13px !important;
  }

  .material-catalog-list {
    min-height: 0 !important;
    margin: 0 -2px !important;
    padding: 0 2px 8px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-y: contain !important;
    -webkit-overflow-scrolling: touch;
  }

  .material-catalog-group {
    margin: 0 0 8px !important;
  }

  .material-catalog-group h3 {
    margin: 0 0 5px !important;
    padding: 5px 4px !important;
    color: var(--crm-muted) !important;
    font-size: 11px !important;
    font-weight: 760 !important;
    letter-spacing: .035em !important;
    text-transform: uppercase !important;
  }

  .material-catalog-group > div {
    display: grid !important;
    gap: 6px !important;
  }

  .material-catalog-row {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    gap: 10px !important;
    align-items: center !important;
    min-height: 58px !important;
    padding: 9px 10px !important;
    border: 1px solid var(--crm-line) !important;
    border-radius: 12px !important;
    background: #151d23 !important;
    color: var(--crm-text) !important;
    text-align: left !important;
  }

  .material-catalog-row.selected {
    border-color: rgba(255,113,83,.48) !important;
    background: rgba(255,113,83,.06) !important;
  }

  .material-catalog-row strong,
  .material-catalog-row small {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .material-catalog-row strong {
    font-size: 13px !important;
  }

  .material-catalog-row small {
    margin-top: 3px !important;
    color: var(--crm-muted) !important;
    font-size: 11px !important;
  }

  .material-catalog-row > b {
    color: var(--crm-accent) !important;
    font-size: 13px !important;
    white-space: nowrap !important;
  }

  .material-catalog-empty {
    padding: 20px 12px !important;
    color: var(--crm-muted) !important;
    font-size: 12px !important;
    text-align: center !important;
  }

  .material-catalog-close {
    min-height: 48px !important;
    margin: 0 -12px !important;
    padding: 8px 12px calc(8px + env(safe-area-inset-bottom)) !important;
    border: 0 !important;
    border-top: 1px solid var(--crm-line) !important;
    border-radius: 0 !important;
    background: #080d11 !important;
    color: #dce3e7 !important;
    font-size: 13px !important;
    font-weight: 720 !important;
  }

  .order-editor-modal #material-lines {
    gap: 7px !important;
  }

  .order-editor-modal .legacy-material-card {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    padding: 9px !important;
    border: 1px solid var(--crm-line) !important;
    border-radius: 12px !important;
    background: #151d23 !important;
  }

  .order-editor-modal .material-card-head {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) 36px !important;
    gap: 8px !important;
    align-items: center !important;
  }

  .order-editor-modal .material-card-head .material-name-field {
    width: 100% !important;
    min-height: 36px !important;
    height: 36px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 680 !important;
  }

  .order-editor-modal .material-card-head small {
    display: block !important;
    margin-top: 2px !important;
    color: var(--crm-muted) !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
  }

  .order-editor-modal .material-remove {
    width: 36px !important;
    height: 36px !important;
    border: 1px solid rgba(255,102,112,.24) !important;
    border-radius: 10px !important;
    background: rgba(255,102,112,.06) !important;
    color: var(--crm-red) !important;
  }

  .order-editor-modal .material-remove .ui-icon {
    width: 17px !important;
    height: 17px !important;
  }

  .order-editor-modal .material-card-controls {
    display: grid !important;
    grid-template-columns: 1fr .72fr 1.12fr !important;
    gap: 6px !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .order-editor-modal .material-card-controls label {
    min-width: 0 !important;
  }

  .order-editor-modal .material-card-controls label > span {
    display: block !important;
    margin: 0 0 4px !important;
    overflow: hidden !important;
    color: var(--crm-muted) !important;
    font-size: 10px !important;
    line-height: 1.1 !important;
    letter-spacing: 0 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    text-transform: none !important;
  }

  .order-editor-modal .material-card-controls .field {
    min-width: 0 !important;
    min-height: 40px !important;
    height: 40px !important;
    padding: 0 8px !important;
    border: 1px solid var(--crm-line-soft) !important;
    border-radius: 9px !important;
    background: #10171d !important;
    font-size: 12px !important;
  }

}

@media screen and (max-width: 360px) {
  .material-catalog-backdrop > .material-catalog-modal {
    padding-right: 9px !important;
    padding-left: 9px !important;
  }

  .material-catalog-head,
  .material-catalog-close {
    margin-right: -9px !important;
    margin-left: -9px !important;
    padding-right: 9px !important;
    padding-left: 9px !important;
  }

  .material-catalog-row {
    min-height: 56px !important;
    padding-right: 8px !important;
    padding-left: 8px !important;
  }

  .order-editor-modal .material-card-controls {
    grid-template-columns: .92fr .72fr 1fr !important;
    gap: 5px !important;
  }

  .order-editor-modal .material-card-controls label > span {
    font-size: 9px !important;
  }

  .order-editor-modal .material-card-controls .field {
    padding-right: 6px !important;
    padding-left: 6px !important;
    font-size: 11px !important;
  }
}

/* 0.92.0 · Единые мобильные меню, кнопки и иконки. */
@media screen and (max-width: 520px) {
  .legacy-page-add,
  .legacy-price-add {
    display: grid !important;
    place-items: center !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 13px !important;
    background: var(--crm-accent) !important;
    color: #1b100d !important;
    box-shadow: 0 8px 20px rgba(255,113,83,.2) !important;
  }

  .legacy-page-add .ui-icon,
  .legacy-price-add .ui-icon {
    width: 23px !important;
    height: 23px !important;
    stroke-width: 2.1;
  }

  .legacy-back-button,
  .support-back,
  .client-profile-back,
  .stock-detail-back,
  .legacy-detail-back {
    display: grid !important;
    place-items: center !important;
  }

  .legacy-back-button > .ui-icon,
  .support-back > .ui-icon,
  .client-profile-back > .ui-icon,
  .stock-detail-back > .ui-icon,
  .legacy-detail-back > .ui-icon {
    width: 21px !important;
    height: 21px !important;
    stroke-width: 2;
  }

  .legacy-more-list {
    gap: 7px !important;
  }

  .legacy-more-list .menu-item {
    grid-template-columns: 44px minmax(0,1fr) 20px !important;
    gap: 10px !important;
    min-height: 64px !important;
    padding: 9px 10px !important;
    border: 1px solid var(--crm-line) !important;
    border-radius: 14px !important;
    background: linear-gradient(150deg,#151d23,#10161b) !important;
    box-shadow: none !important;
    transition: transform .14s ease, border-color .14s ease, background-color .14s ease !important;
  }

  .legacy-more-list .menu-item:active {
    border-color: #3a4650 !important;
    background: #182128 !important;
    transform: scale(.985);
  }

  .legacy-more-list .menu-item:focus-visible,
  .legacy-page-add:focus-visible,
  .legacy-price-add:focus-visible,
  .legacy-back-button:focus-visible,
  .support-back:focus-visible,
  .nav-button:focus-visible {
    outline: 2px solid rgba(92,169,255,.9) !important;
    outline-offset: 2px !important;
  }

  .legacy-more-list .menu-icon {
    width: 42px !important;
    height: 42px !important;
    border: 1px solid transparent !important;
    border-radius: 12px !important;
  }

  .legacy-more-list .menu-icon .ui-icon {
    width: 22px !important;
    height: 22px !important;
    stroke-width: 1.9;
  }

  .legacy-more-list .menu-icon-finance {
    border-color: rgba(89,216,137,.24) !important;
    background: rgba(89,216,137,.12) !important;
    color: var(--crm-green) !important;
  }

  .legacy-more-list .menu-icon-shopping {
    border-color: rgba(231,180,80,.25) !important;
    background: rgba(231,180,80,.12) !important;
    color: var(--crm-yellow) !important;
  }

  .legacy-more-list .menu-icon-clients {
    border-color: rgba(92,169,255,.25) !important;
    background: rgba(92,169,255,.12) !important;
    color: var(--crm-blue) !important;
  }

  .legacy-more-list .menu-icon-prices {
    border-color: rgba(168,138,240,.25) !important;
    background: rgba(168,138,240,.12) !important;
    color: var(--crm-purple) !important;
  }

  .legacy-more-list .menu-icon-act {
    border-color: rgba(65,201,220,.25) !important;
    background: rgba(65,201,220,.12) !important;
    color: #55cee1 !important;
  }

  .legacy-more-list .menu-icon-goods {
    border-color: rgba(255,113,83,.25) !important;
    background: rgba(255,113,83,.12) !important;
    color: var(--crm-accent) !important;
  }

  .legacy-more-list .menu-icon-tools {
    border-color: rgba(255,102,112,.25) !important;
    background: rgba(255,102,112,.12) !important;
    color: var(--crm-red) !important;
  }

  .legacy-more-list .menu-icon-settings {
    border-color: rgba(137,148,156,.25) !important;
    background: rgba(137,148,156,.11) !important;
    color: #b6c0c7 !important;
  }

  .legacy-more-list .menu-name {
    font-size: 14px !important;
    line-height: 1.15 !important;
  }

  .legacy-more-list .menu-description {
    margin-top: 3px !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
  }

  .legacy-more-list .chevron {
    color: #82909a !important;
  }

  .bottom-nav {
    min-height: calc(68px + env(safe-area-inset-bottom)) !important;
    padding: 6px 8px calc(6px + env(safe-area-inset-bottom)) !important;
  }

  .nav-button {
    min-height: 54px !important;
    border-radius: 11px !important;
    transition: color .14s ease, transform .14s ease !important;
  }

  .nav-button::before {
    display: none !important;
  }

  .nav-button.active,
  .nav-button[aria-current="page"] {
    background: transparent !important;
    color: var(--crm-accent) !important;
    box-shadow: none !important;
  }

  .nav-button.active .nav-icon,
  .nav-button[aria-current="page"] .nav-icon {
    filter: none !important;
    transform: none !important;
  }

  .nav-button:active {
    transform: scale(.95);
  }
}

@media screen and (max-width: 360px) {
  .legacy-more-list .menu-item {
    grid-template-columns: 40px minmax(0,1fr) 18px !important;
    gap: 8px !important;
    min-height: 60px !important;
    padding: 8px !important;
  }

  .legacy-more-list .menu-icon {
    width: 38px !important;
    height: 38px !important;
  }

  .legacy-more-list .menu-icon .ui-icon {
    width: 20px !important;
    height: 20px !important;
  }

  .legacy-more-list .menu-name {
    font-size: 13px !important;
  }

  .legacy-more-list .menu-description {
    font-size: 10px !important;
  }
}

/* 0.92.1 · Склад: компактная деталка и редактор. */
@media screen and (max-width: 520px) {
  .stock-detail-hero {
    grid-template-columns: 44px minmax(0,1fr) auto !important;
    align-items: center !important;
  }

  .stock-detail-sale-price {
    display: block;
    margin-top: 5px;
    color: var(--crm-accent);
    font-size: 10px;
    font-weight: 750;
  }

  .stock-detail-kpis {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 6px !important;
  }

  .stock-detail-kpis > div {
    min-height: 68px !important;
    padding: 9px 7px !important;
    text-align: center;
  }

  .stock-detail-kpis span {
    display: grid;
    min-height: 27px;
    place-items: center;
    font-size: 9px !important;
    line-height: 1.25;
  }

  .stock-detail-kpis strong {
    font-size: 13px !important;
  }

  .stock-detail-kpis .primary strong {
    color: var(--crm-green);
  }

  .stock-detail-kpis .minimum strong {
    color: var(--crm-accent);
  }

  .stock-detail-actions {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 7px !important;
  }

  .stock-detail-actions button:not(.stock-detail-archive) {
    display: grid !important;
    grid-template-columns: 34px minmax(0,1fr) !important;
    align-items: center !important;
    gap: 8px;
    min-height: 58px !important;
    padding: 8px 10px !important;
    text-align: left !important;
  }

  .stock-action-icon {
    display: grid !important;
    width: 32px;
    height: 32px;
    place-items: center;
    border-radius: 10px;
  }

  .stock-detail-actions .incoming .stock-action-icon {
    background: rgba(89,216,137,.12);
    color: var(--crm-green);
  }

  .stock-detail-actions .outgoing .stock-action-icon {
    background: rgba(255,113,83,.12);
    color: var(--crm-accent);
  }

  .stock-action-icon .ui-icon {
    width: 18px !important;
    height: 18px !important;
  }

  .stock-detail-actions button > span:last-child b,
  .stock-detail-actions button > span:last-child small {
    display: block;
  }

  .stock-detail-actions button > span:last-child b {
    font-size: 10px;
  }

  .stock-detail-actions small {
    margin-top: 2px;
    color: var(--crm-muted);
    font-size: 8px;
    line-height: 1.2;
  }

  .stock-detail-actions .stock-detail-archive {
    display: flex !important;
    grid-column: 1 / -1 !important;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 42px !important;
    background: transparent !important;
    color: var(--crm-muted) !important;
  }

  .stock-detail-archive .ui-icon {
    width: 16px !important;
    height: 16px !important;
  }

  .stock-editor-section {
    padding: 11px !important;
  }

  .stock-editor-compat-details {
    overflow: hidden;
    border: 1px solid var(--crm-line-soft);
    border-radius: 11px;
    background: #11181e;
  }

  .stock-editor-compat-details > summary {
    display: grid;
    grid-template-columns: minmax(0,1fr) 18px;
    align-items: center;
    min-height: 48px;
    padding: 8px 10px;
    list-style: none;
    cursor: pointer;
  }

  .stock-editor-compat-details > summary::-webkit-details-marker {
    display: none;
  }

  .stock-editor-compat-details > summary b,
  .stock-editor-compat-details > summary small {
    display: block;
  }

  .stock-editor-compat-details > summary b {
    font-size: 10px;
  }

  .stock-editor-compat-details > summary small {
    margin-top: 3px;
    color: var(--crm-muted);
    font-size: 8px;
  }

  .stock-editor-compat-details > summary .ui-icon {
    width: 16px;
    height: 16px;
    color: var(--crm-muted);
    transition: transform .16s ease;
  }

  .stock-editor-compat-details[open] > summary .ui-icon {
    transform: rotate(90deg);
  }

  .stock-editor-compat-content {
    padding: 0 8px 8px;
    border-top: 1px solid var(--crm-line-soft);
  }

  .stock-editor-compat {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 6px !important;
    padding-top: 8px;
  }

  .stock-editor-compat label {
    min-height: 44px !important;
    padding: 7px !important;
  }

  .stock-editor-custom-compat {
    margin-top: 7px !important;
  }

  .stock-editor-toggle {
    min-height: 52px !important;
  }

  .stock-editor-close .ui-icon {
    width: 18px;
    height: 18px;
  }
}

@media screen and (max-width: 360px) {
  .stock-detail-kpis > div {
    padding: 8px 5px !important;
  }

  .stock-detail-kpis span {
    font-size: 8px !important;
  }

  .stock-detail-kpis strong {
    font-size: 12px !important;
  }

  .stock-detail-actions small {
    display: none;
  }

  .stock-editor-compat {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  .stock-editor-compat label {
    font-size: 9px !important;
  }
}

@media screen and (min-width: 521px) {
  .stock-editor-modal {
    width: min(620px,calc(100vw - 32px));
    max-height: calc(100vh - 32px);
    overflow: auto;
  }

  .stock-editor-head {
    display: grid;
    grid-template-columns: 42px minmax(0,1fr) 38px;
    gap: 10px;
    align-items: center;
  }

  .stock-editor-close {
    display: grid;
    grid-column: 3;
    width: 36px;
    height: 36px;
    place-items: center;
    justify-self: end;
    border: 1px solid #303940;
    border-radius: 10px;
    background: #181f26;
    color: #dbe3e9;
  }

  .stock-editor-close .ui-icon {
    width: 18px;
    height: 18px;
  }

  .stock-editor-compat-details {
    overflow: hidden;
    border: 1px solid #303940;
    border-radius: 11px;
    background: #11181e;
  }

  .stock-editor-compat-details > summary {
    display: grid;
    grid-template-columns: minmax(0,1fr) 18px;
    align-items: center;
    min-height: 50px;
    padding: 9px 11px;
    list-style: none;
    cursor: pointer;
  }

  .stock-editor-compat-details > summary::-webkit-details-marker {
    display: none;
  }

  .stock-editor-compat-details > summary b,
  .stock-editor-compat-details > summary small {
    display: block;
  }

  .stock-editor-compat-details > summary small {
    margin-top: 3px;
    color: #89949d;
    font-size: 11px;
  }

  .stock-editor-compat-details > summary .ui-icon {
    width: 16px;
    height: 16px;
    color: #89949d;
    transition: transform .16s ease;
  }

  .stock-editor-compat-details[open] > summary .ui-icon {
    transform: rotate(90deg);
  }

  .stock-editor-compat-content {
    padding: 10px;
    border-top: 1px solid #26333e;
  }

  .stock-editor-compat {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 7px;
  }

  .stock-editor-compat label,
  .stock-editor-toggle {
    display: grid;
    grid-template-columns: 24px minmax(0,1fr);
    gap: 8px;
    align-items: center;
    min-height: 46px;
    padding: 8px 10px;
    border: 1px solid #303940;
    border-radius: 10px;
    background: #151d23;
  }

  .stock-editor-compat input,
  .stock-editor-toggle input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
  }

  .stock-editor-custom-compat {
    margin-top: 8px;
  }

  .stock-editor-toggle {
    margin-top: 9px;
  }

  .stock-editor-toggle b,
  .stock-editor-toggle small {
    display: block;
  }

  .stock-editor-toggle small {
    margin-top: 3px;
    color: #89949d;
    font-size: 10px;
  }
}

/* 0.93.0 · Аналитика по листу 05: KPI, фокус и компактные подробности. */
@media screen and (max-width: 520px) {
  .analytics-content .page-head {
    margin-bottom: 10px !important;
  }

  .analytics-content .page-head h1 {
    font-size: 27px !important;
  }

  .analytics-period-grid {
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr)) 38px !important;
    gap: 3px !important;
    margin-bottom: 7px !important;
    overflow: visible;
  }

  .analytics-period-grid .chip {
    min-width: 0;
    min-height: 42px !important;
    padding: 5px 2px !important;
    border-radius: 10px !important;
    font-size: 10px !important;
    white-space: nowrap;
  }

  .analytics-period-grid .chip.calendar {
    display: grid;
    padding: 0 !important;
    place-items: center;
  }

  .analytics-period-grid .chip.calendar .ui-icon {
    width: 18px;
    height: 18px;
  }

  .analytics-range-nav {
    grid-template-columns: 38px minmax(0,1fr) 38px !important;
    min-height: 44px !important;
    margin-bottom: 8px !important;
    padding: 3px !important;
  }

  .analytics-range-nav > div {
    min-width: 0;
  }

  .analytics-range-nav strong,
  .analytics-range-nav small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .analytics-range-nav strong {
    font-size: 12px !important;
  }

  .analytics-range-nav small {
    font-size: 10px !important;
  }

  .analytics-arrow {
    display: grid;
    width: 36px !important;
    height: 36px !important;
    padding: 0 !important;
    place-items: center;
    border-radius: 9px !important;
  }

  .analytics-arrow .ui-icon {
    width: 18px;
    height: 18px;
  }

  .analytics-kpi-panel {
    padding: 11px !important;
  }

  .analytics-kpis {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 7px !important;
  }

  .analytics-kpi,
  .analytics-kpi.primary {
    display: grid;
    grid-template-columns: 34px minmax(0,1fr);
    gap: 8px;
    align-items: start;
    min-height: 94px !important;
    padding: 10px 8px !important;
    border-color: var(--crm-line-soft) !important;
    background: #151d23 !important;
  }

  .analytics-kpi-icon {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 10px;
  }

  .analytics-kpi-icon .ui-icon {
    width: 18px;
    height: 18px;
  }

  .analytics-kpi-icon.green {
    background: rgba(89,216,137,.14);
    color: var(--crm-green);
  }

  .analytics-kpi-icon.blue {
    background: rgba(92,169,255,.14);
    color: var(--crm-blue);
  }

  .analytics-kpi-icon.red {
    background: rgba(255,102,112,.14);
    color: var(--crm-red);
  }

  .analytics-kpi-icon.purple {
    background: rgba(168,138,240,.14);
    color: var(--crm-purple);
  }

  .analytics-kpi > div {
    min-width: 0;
  }

  .analytics-kpi > div > span,
  .analytics-kpi > div > strong,
  .analytics-kpi > div > small {
    display: block;
  }

  .analytics-kpi > div > span {
    color: #98a2a9;
    font-size: 9px;
    font-weight: 760;
    letter-spacing: .04em;
  }

  .analytics-kpi > div > strong {
    overflow: hidden;
    margin-top: 5px;
    font-size: clamp(14px,4.1vw,18px) !important;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .analytics-kpi > div > small {
    margin-top: 5px;
    color: var(--crm-muted);
    font-size: 9.5px;
    line-height: 1.2;
  }

  .analytics-summary-strip {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 7px;
    margin-top: 7px;
  }

  .analytics-summary-strip > span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    min-width: 0;
    min-height: 39px;
    padding: 7px 9px;
    border: 1px solid var(--crm-line-soft);
    border-radius: 10px;
    background: #11181e;
  }

  .analytics-summary-strip small {
    color: var(--crm-muted);
    font-size: 9px;
    line-height: 1.15;
  }

  .analytics-summary-strip b {
    flex: 0 0 auto;
    font-size: 11px;
    white-space: nowrap;
  }

  .analytics-focus-list {
    overflow: hidden;
    border: 1px solid var(--crm-line-soft);
    border-radius: 11px;
    background: #11181e;
  }

  .analytics-focus-row {
    display: grid;
    grid-template-columns: 34px minmax(0,1fr) auto;
    gap: 9px;
    align-items: center;
    min-height: 58px;
    padding: 7px 9px;
    border-top: 1px solid var(--crm-line-soft);
  }

  .analytics-focus-row:first-child {
    border-top: 0;
  }

  .analytics-focus-icon {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 10px;
  }

  .analytics-focus-icon .ui-icon {
    width: 18px;
    height: 18px;
  }

  .analytics-focus-icon.red {
    background: rgba(255,102,112,.14);
    color: var(--crm-red);
  }

  .analytics-focus-icon.yellow {
    background: rgba(231,180,80,.14);
    color: var(--crm-yellow);
  }

  .analytics-focus-icon.blue {
    background: rgba(92,169,255,.14);
    color: var(--crm-blue);
  }

  .analytics-focus-row > span:nth-child(2),
  .analytics-focus-row b,
  .analytics-focus-row small {
    display: block;
    min-width: 0;
  }

  .analytics-focus-row b {
    font-size: 12px;
  }

  .analytics-focus-row small {
    margin-top: 2px;
    color: var(--crm-muted);
    font-size: 10px;
    line-height: 1.2;
  }

  .analytics-focus-row > strong {
    min-width: 26px;
    color: var(--crm-text);
    font-size: 18px;
    text-align: right;
  }

  .analytics-work .analytics-work-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 7px !important;
  }

  .analytics-work .metric {
    display: block;
    min-height: 88px !important;
    padding: 9px !important;
  }

  .analytics-work .metric-label {
    font-size: 10px !important;
  }

  .analytics-work .metric-value {
    overflow: hidden;
    margin-top: 3px;
    font-size: 15px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .analytics-collapsible {
    padding: 0 !important;
  }

  .analytics-collapsible > summary {
    display: grid;
    grid-template-columns: minmax(0,1fr) 18px;
    align-items: center;
    min-height: 58px;
    padding: 10px 11px;
    list-style: none;
    cursor: pointer;
  }

  .analytics-collapsible > summary::-webkit-details-marker {
    display: none;
  }

  .analytics-collapsible > summary .panel-title {
    margin: 0 !important;
  }

  .analytics-collapsible > summary > .ui-icon {
    width: 17px;
    height: 17px;
    color: var(--crm-muted);
    transition: transform .16s ease;
  }

  .analytics-collapsible[open] > summary > .ui-icon {
    transform: rotate(90deg);
  }

  .analytics-collapsible[open] > summary {
    border-bottom: 1px solid var(--crm-line-soft);
  }

  .analytics-collapsible > .analytics-work-grid,
  .analytics-collapsible > .goods-list,
  .analytics-collapsible > .empty {
    margin: 0 11px 11px;
  }

  .analytics-stock-summary .analytics-work-grid {
    padding-top: 10px;
  }

  .legacy-range-head [data-close-modal] .ui-icon {
    width: 18px;
    height: 18px;
  }
}

@media screen and (max-width: 360px) {
  .analytics-period-grid .chip {
    font-size: 9px !important;
  }

  .analytics-kpi,
  .analytics-kpi.primary {
    grid-template-columns: 31px minmax(0,1fr);
    gap: 6px;
    padding: 9px 7px !important;
  }

  .analytics-kpi-icon {
    width: 31px;
    height: 31px;
  }

  .analytics-kpi > div > small,
  .analytics-summary-strip small {
    font-size: 8.5px;
  }

  .analytics-summary-strip {
    grid-template-columns: 1fr;
  }

  .analytics-work .metric {
    padding: 8px 7px !important;
  }

  .analytics-work .metric-value {
    font-size: 13px !important;
  }
}

/* 0.93.1 · Аналитика: плотность по скриншоту реального телефона. */
@media screen and (max-width: 520px) {
  .analytics-content {
    padding-bottom: calc(96px + env(safe-area-inset-bottom)) !important;
  }

  .analytics-content .page-head {
    margin-bottom: 8px !important;
  }

  .analytics-content .page-head h1 {
    font-size: 25px !important;
  }

  .analytics-content .page-head .lead {
    display: none;
  }

  .analytics-content .panel {
    margin-bottom: 8px !important;
    padding: 10px !important;
    border-radius: 14px !important;
  }

  .analytics-content .panel-title {
    margin-bottom: 8px !important;
  }

  .analytics-kpi-panel .panel-title > span:last-child > small,
  .analytics-focus .panel-title > span:last-child > small {
    display: none !important;
  }

  .analytics-kpi,
  .analytics-kpi.primary {
    grid-template-columns: 32px minmax(0,1fr);
    gap: 7px;
    min-height: 80px !important;
    padding: 8px !important;
  }

  .analytics-kpi-icon {
    width: 32px;
    height: 32px;
    border-radius: 9px;
  }

  .analytics-kpi-icon .ui-icon {
    width: 17px;
    height: 17px;
  }

  .analytics-kpi > div > strong {
    margin-top: 4px;
    font-size: clamp(14px,3.9vw,17px) !important;
  }

  .analytics-kpi > div > small {
    margin-top: 4px;
    font-size: 9px;
  }

  .analytics-summary-strip {
    margin-top: 6px;
  }

  .analytics-summary-strip > span {
    min-height: 35px;
    padding: 6px 8px;
  }

  .analytics-focus-row {
    grid-template-columns: 32px minmax(0,1fr) auto;
    gap: 8px;
    min-height: 52px;
    padding: 6px 8px;
  }

  .analytics-focus-icon {
    width: 32px;
    height: 32px;
    border-radius: 9px;
  }

  .analytics-focus-icon .ui-icon {
    width: 17px;
    height: 17px;
  }

  .analytics-focus-row b {
    font-size: 11.5px;
  }

  .analytics-focus-row small {
    font-size: 9.5px;
  }

  .analytics-focus-row > strong {
    font-size: 17px;
  }

  .analytics-work .metric {
    min-height: 80px !important;
    padding: 8px !important;
  }

  .analytics-collapsible {
    padding: 0 !important;
  }
}

@media screen and (max-width: 360px) {
  .analytics-kpi,
  .analytics-kpi.primary {
    grid-template-columns: 29px minmax(0,1fr);
    gap: 6px;
    min-height: 76px !important;
    padding: 7px !important;
  }

  .analytics-kpi-icon {
    width: 29px;
    height: 29px;
  }
}

/* 0.93.1 · Аналитика: единый вес и выравнивание иконок и текста. */
@media screen and (max-width: 520px) {
  .analytics-content .panel-title {
    display: grid;
    grid-template-columns: 34px minmax(0,1fr);
    gap: 9px !important;
    align-items: center;
    line-height: 1.15;
  }

  .analytics-content .panel-title > .badge-icon {
    display: grid;
    width: 34px;
    height: 34px;
    min-width: 34px;
    place-items: center;
    border: 0;
    border-radius: 10px;
  }

  .analytics-content .panel-title > .badge-icon .ui-icon {
    width: 18px !important;
    height: 18px !important;
    stroke-width: 1.9;
  }

  .analytics-kpi-panel .badge-icon {
    background: rgba(255,113,83,.13);
    color: var(--crm-accent);
  }

  .analytics-focus .badge-icon {
    background: rgba(255,102,112,.13);
    color: var(--crm-red);
  }

  .analytics-work .badge-icon,
  .analytics-list-panel .badge-icon {
    background: rgba(168,138,240,.13);
    color: var(--crm-purple);
  }

  .analytics-ranking .badge-icon {
    background: rgba(231,180,80,.13);
    color: var(--crm-yellow);
  }

  .analytics-stock-summary .badge-icon,
  .analytics-chart-panel .badge-icon {
    background: rgba(92,169,255,.13);
    color: var(--crm-blue);
  }

  .analytics-content .panel-title > span:last-child {
    min-width: 0;
  }

  .analytics-content .panel-title > span:last-child > small {
    line-height: 1.2;
  }

  .analytics-kpi,
  .analytics-kpi.primary {
    align-items: center;
  }

  .analytics-kpi > div > span {
    font-size: 10px;
    line-height: 1.15;
    letter-spacing: 0;
    text-transform: none;
  }

  .analytics-kpi > div > strong,
  .analytics-kpi > div > small {
    line-height: 1.15;
  }

  .analytics-work .metric-label {
    letter-spacing: 0 !important;
    line-height: 1.15 !important;
    text-transform: none !important;
  }

  .analytics-summary-strip small,
  .analytics-summary-strip b {
    line-height: 1.15;
  }

  .nav-button .nav-icon {
    display: grid;
    width: 28px;
    height: 28px;
    min-height: 28px !important;
    margin: 0 auto 2px !important;
    place-items: center;
  }

  .nav-button .nav-icon .ui-icon {
    width: 22px !important;
    height: 22px !important;
    stroke-width: 1.85;
  }

  .nav-button > span:last-child {
    display: block;
    line-height: 1.1;
  }
}

/* 0.94.0 · Общая система иконок и мобильной типографики. */
@media screen and (max-width: 520px) {
  .ui-icon {
    flex: 0 0 auto;
    vertical-align: middle;
  }

  .legacy-page-head h1,
  .legacy-warehouse-head h1,
  .legacy-more-head h1,
  .analytics-content .page-head h1 {
    margin: 0;
    font-size: 25px !important;
    font-weight: 760 !important;
    line-height: 1.08 !important;
    letter-spacing: -.02em;
  }

  .legacy-page-head p,
  .legacy-warehouse-head p,
  .legacy-more-head p,
  .legacy-subpage-head p {
    margin-top: 5px !important;
    color: var(--crm-muted) !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
  }

  .legacy-section-title h2,
  .analytics-content .panel-title,
  .legacy-finance-history-head h2 {
    font-weight: 740 !important;
    line-height: 1.2 !important;
    letter-spacing: -.01em;
  }

  .catalog-close,
  .material-catalog-head-close,
  .order-editor-close,
  .receipt-editor-close,
  .tool-editor-close,
  .finance-entry-close,
  .order-actions-close,
  .stock-adjust-head [data-close-modal] {
    display: grid !important;
    place-items: center !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }

  .catalog-close .ui-icon,
  .material-catalog-head-close .ui-icon,
  .order-editor-close .ui-icon,
  .receipt-editor-close .ui-icon,
  .tool-editor-close .ui-icon,
  .finance-entry-close .ui-icon,
  .order-actions-close .ui-icon,
  .stock-adjust-head [data-close-modal] .ui-icon {
    width: 18px !important;
    height: 18px !important;
    stroke-width: 1.9;
  }

  .legacy-stock-actions-v2 .stock-action-mini-icon,
  .movement-icon,
  .stock-adjust-icon {
    display: grid !important;
    place-items: center !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }

  .legacy-stock-actions-v2 .stock-action-mini-icon .ui-icon {
    width: 17px !important;
    height: 17px !important;
  }

  .movement-icon .ui-icon,
  .stock-adjust-icon .ui-icon {
    width: 19px !important;
    height: 19px !important;
    stroke-width: 2;
  }

  .legacy-finance-actions > button,
  .legacy-purple-button[data-action="new-goods-sheet"] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
  }

  .legacy-finance-actions > button > .ui-icon,
  .legacy-purple-button[data-action="new-goods-sheet"] .ui-icon {
    width: 18px !important;
    height: 18px !important;
    stroke-width: 2;
  }

  .legacy-price-chevron {
    display: grid;
    width: 24px;
    height: 24px;
    place-items: center;
    font-size: 0 !important;
    transition: transform .16s ease;
  }

  .legacy-price-chevron .ui-icon {
    width: 17px;
    height: 17px;
  }

  button,
  .secondary-button,
  .primary-button,
  .danger-button {
    text-rendering: optimizeLegibility;
  }
}


/* 0.95.0 · Заявки и оставшиеся текстовые иконки: меньше тесноты, чище мобильные действия. */
@media screen and (max-width: 520px) {
  .legacy-order-actions {
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    gap: 6px !important;
  }

  .legacy-order-actions > button,
  .legacy-order-actions > a {
    min-height: 52px !important;
    padding: 6px 3px !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
  }

  .legacy-order-actions .ui-icon {
    width: 19px !important;
    height: 19px !important;
    stroke-width: 1.9;
  }

  .legacy-nearest-line {
    display: grid !important;
    grid-template-columns: auto minmax(0,1fr) auto !important;
    gap: 5px !important;
    align-items: center !important;
  }

  .legacy-nearest-line > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .legacy-special-filter button,
  .legacy-custom-price-head button,
  .legacy-goods-add-line button,
  .legacy-manual-add,
  .empty-actions .primary-button[data-action="new-order"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
  }

  .legacy-special-filter button {
    min-height: 36px !important;
    padding: 4px 6px !important;
    font-size: 11px !important;
  }

  .legacy-special-filter button .ui-icon,
  .legacy-custom-price-head button .ui-icon,
  .legacy-goods-add-line button .ui-icon,
  .legacy-manual-add .ui-icon,
  .empty-actions .primary-button[data-action="new-order"] .ui-icon {
    width: 16px !important;
    height: 16px !important;
    flex: 0 0 16px;
  }

  .legacy-group-chevron {
    font-size: 0 !important;
  }

  .legacy-group-chevron .ui-icon {
    width: 17px !important;
    height: 17px !important;
  }
}

@media screen and (max-width: 340px) {
  .order-editor-modal {
    padding-right: 9px !important;
    padding-left: 9px !important;
  }

  .order-editor-head {
    margin-right: -9px !important;
    margin-left: -9px !important;
    padding-right: 9px !important;
    padding-left: 9px !important;
  }

  .order-editor-modal .form-grid {
    grid-template-columns: 1fr !important;
  }

  .order-editor-modal .form-group.full {
    grid-column: auto !important;
  }

  .legacy-order-actions > button,
  .legacy-order-actions > a {
    font-size: 10px !important;
  }
}


/* 0.95.1 · Финальный мобильный проход заявок: просмотр и редактор. */
@media screen and (max-width: 520px) {
  .legacy-expanded-actions {
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    gap: 6px !important;
  }

  .legacy-expanded-actions > button,
  .legacy-expanded-actions > a {
    min-height: 52px !important;
    padding: 6px 3px !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
  }

  .legacy-expanded-actions .ui-icon {
    width: 19px !important;
    height: 19px !important;
    stroke-width: 1.9;
  }

  .legacy-expanded-title,
  .legacy-order-title {
    min-width: 0;
  }

  .legacy-expanded-title > strong,
  .legacy-order-title > strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .legacy-expanded-meta > span,
  .legacy-order-meta > span {
    min-width: 0;
  }

  .legacy-expanded-meta .address,
  .legacy-order-meta .address {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .legacy-detail-section-head h3 {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media screen and (max-width: 340px) {
  .legacy-order-detail-brand {
    grid-template-columns: 36px 34px minmax(0,1fr) 36px !important;
    gap: 6px !important;
    padding-right: 9px !important;
    padding-left: 9px !important;
  }

  .legacy-detail-back,
  .legacy-detail-more {
    width: 36px !important;
    height: 36px !important;
  }

  .legacy-detail-logo {
    width: 34px !important;
    height: 34px !important;
  }

  .legacy-detail-brand-copy strong {
    font-size: 12px !important;
  }

  .legacy-detail-brand-copy small {
    display: none !important;
  }

  .order-editor-modal {
    padding-bottom: calc(120px + env(safe-area-inset-bottom)) !important;
    scroll-padding-bottom: 142px !important;
  }

  .order-editor-modal .modal-actions {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 6px !important;
  }

  .order-editor-modal .modal-actions > .primary-button {
    grid-column: 1 / -1 !important;
  }

  .order-editor-modal .modal-actions > * {
    min-height: 44px !important;
    font-size: 11px !important;
  }

  .order-calculation-summary {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  .order-calculation-summary .calculation-grand {
    grid-column: 1 / -1 !important;
  }
}


/* 0.96.0 · Финальный проход склада: плотность, семантика и 320 px. */
@media screen and (max-width: 520px) {
  .legacy-stock-copy {
    min-width: 0;
  }

  .legacy-stock-copy strong,
  .legacy-stock-copy small,
  .legacy-stock-copy em {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .legacy-stock-main {
    min-height: 70px !important;
  }

  .legacy-stock-actions-v2 button {
    min-width: 0;
    font-size: 11px !important;
  }

  .stock-detail-hero > div {
    min-width: 0;
  }

  .stock-detail-hero h2,
  .stock-detail-hero p,
  .stock-detail-sale-price {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .stock-detail-status {
    white-space: nowrap;
  }

  .movement-copy,
  .shopping-card > div:nth-child(2) {
    min-width: 0;
  }
}

@media screen and (max-width: 340px) {
  .legacy-stock-actions-v2 {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  .legacy-stock-actions-v2 button {
    min-height: 44px !important;
    font-size: 11px !important;
  }

  .stock-detail-hero {
    grid-template-columns: 40px minmax(0,1fr) !important;
    gap: 8px !important;
  }

  .stock-detail-status {
    grid-column: 2 !important;
    justify-self: start !important;
    margin-top: 2px;
  }

  .stock-detail-kpis {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  .stock-detail-kpis .primary {
    grid-column: 1 / -1 !important;
  }

  .stock-detail-actions {
    grid-template-columns: 1fr !important;
  }

  .stock-detail-actions .stock-detail-archive {
    grid-column: auto !important;
  }

  .stock-editor-modal .form-grid {
    grid-template-columns: 1fr !important;
  }

  .stock-editor-modal .form-group.full {
    grid-column: auto !important;
  }

  .stock-editor-compat {
    grid-template-columns: 1fr !important;
  }

  .movement-card,
  .shopping-card {
    grid-template-columns: 36px minmax(0,1fr) !important;
    gap: 8px !important;
  }

  .movement-card > b,
  .shopping-need {
    grid-column: 2 !important;
    justify-self: start !important;
    min-width: 0 !important;
    text-align: left !important;
  }

  .shopping-page-actions {
    grid-template-columns: 1fr !important;
  }
}


/* 0.97.0 · Финансы и клиенты: устойчивые раскладки на 320–340 px. */
@media screen and (max-width: 520px) {
  .legacy-finance-copy,
  .legacy-client-copy,
  .legacy-client-profile-backdrop .client-order-copy,
  .legacy-client-profile-backdrop .client-profile-hero > div {
    min-width: 0;
  }

  .legacy-finance-copy strong,
  .legacy-finance-copy small,
  .legacy-client-copy strong,
  .legacy-client-copy small,
  .legacy-client-copy em,
  .legacy-client-profile-backdrop .client-order-copy strong,
  .legacy-client-profile-backdrop .client-order-copy small,
  .legacy-client-profile-backdrop .client-order-copy em {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .legacy-client-side,
  .legacy-client-profile-backdrop .client-order-side {
    white-space: nowrap;
  }

  .legacy-client-profile-backdrop .client-profile-address span {
    min-width: 0;
  }

  .legacy-client-profile-backdrop .client-profile-address strong {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media screen and (max-width: 340px) {
  .legacy-finance-periods {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  .legacy-finance-actions {
    grid-template-columns: 1fr !important;
  }

  .legacy-finance-row {
    grid-template-columns: 36px minmax(0,1fr) 34px !important;
    gap: 7px !important;
  }

  .legacy-finance-row > .legacy-finance-kind {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    width: 35px !important;
    height: 35px !important;
  }

  .legacy-finance-row > .legacy-finance-copy {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  .legacy-finance-row > b {
    grid-column: 2 !important;
    grid-row: 2 !important;
    justify-self: start !important;
    font-size: 12px !important;
  }

  .legacy-finance-row > button {
    grid-column: 3 !important;
    grid-row: 1 / 3 !important;
    align-self: center !important;
    width: 34px !important;
    height: 34px !important;
  }

  .legacy-finance-entry-backdrop .form-grid {
    grid-template-columns: 1fr !important;
  }

  .legacy-finance-entry-backdrop .form-group.full {
    grid-column: auto !important;
  }

  .legacy-client-main {
    grid-template-columns: 42px minmax(0,1fr) !important;
    gap: 8px !important;
  }

  .legacy-client-side {
    grid-column: 2 !important;
    justify-self: start !important;
    text-align: left !important;
  }

  .legacy-client-meta {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  .legacy-client-meta > span:last-child {
    grid-column: 1 / -1 !important;
  }

  .legacy-client-profile-backdrop .client-profile-orders > button {
    grid-template-columns: 36px minmax(0,1fr) !important;
    gap: 7px !important;
  }

  .legacy-client-profile-backdrop .client-order-side {
    grid-column: 2 !important;
    justify-self: start !important;
    text-align: left !important;
  }
}


/* 0.98.0 · Прайс и товарник: единые иконки и устойчивый 320 px. */
@media screen and (max-width: 520px) {
  .legacy-price-head > div,
  .goods-modal-head > div,
  .legacy-goods-current-summary > span,
  .legacy-goods-position > span,
  .legacy-product-price-list > div > span {
    min-width: 0;
  }

  .legacy-price-head h1,
  .goods-modal-head h1,
  .legacy-goods-current-summary strong,
  .legacy-goods-position strong,
  .legacy-product-price-list strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .legacy-goods-editor-actions button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
  }

  .legacy-goods-editor-actions .ui-icon {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px;
  }

  .legacy-section-icon .ui-icon {
    width: 17px;
    height: 17px;
  }

  .legacy-price-row > span,
  .legacy-goods-position > span,
  .legacy-product-price-list > div > span {
    min-width: 0;
  }
}

@media screen and (max-width: 340px) {
  .legacy-price-head {
    grid-template-columns: 40px minmax(0,1fr) 40px !important;
    gap: 7px !important;
  }

  .legacy-price-add,
  .legacy-price-head .legacy-back-button {
    width: 40px !important;
    height: 40px !important;
  }

  .legacy-price-filters {
    grid-template-columns: 1fr !important;
  }

  .legacy-price-row {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 4px !important;
  }

  .legacy-price-row > b {
    justify-self: start !important;
  }

  .legacy-price-editor-grid {
    grid-template-columns: 1fr !important;
  }

  .legacy-price-editor-grid .full {
    grid-column: auto !important;
  }

  .legacy-price-editor {
    padding-bottom: calc(120px + env(safe-area-inset-bottom)) !important;
  }

  .legacy-price-editor-actions {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  .legacy-price-editor-actions .legacy-editor-save {
    grid-column: 1 / -1 !important;
  }

  .legacy-goods-create-grid {
    grid-template-columns: 1fr !important;
  }

  .legacy-goods-create-grid button {
    min-height: 48px !important;
  }

  .legacy-goods-add-line {
    grid-template-columns: 1fr !important;
  }

  .legacy-goods-add-line button {
    min-height: 44px !important;
  }

  .legacy-goods-row-grid {
    grid-template-columns: 1fr !important;
  }

  .legacy-goods-editor-actions {
    grid-template-columns: 1fr !important;
  }

  .legacy-goods-savebar,
  .legacy-goods-savebar:has(.legacy-delete-goods) {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  .legacy-goods-savebar .legacy-save-goods {
    grid-column: 1 / -1 !important;
  }

  .legacy-goods-savebar .legacy-delete-goods {
    grid-column: auto !important;
  }

  .legacy-goods-editor {
    padding-bottom: calc(126px + env(safe-area-inset-bottom)) !important;
  }

  .legacy-goods-position,
  .legacy-product-price-list > div {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 4px !important;
  }

  .legacy-goods-position > b,
  .legacy-product-price-list > div > b {
    justify-self: start !important;
  }
}


/* 0.99.0 · Инструменты, настройки и бэкапы: финальная узкая раскладка. */
@media screen and (max-width: 520px) {
  .legacy-document-row.tool > span:nth-child(2),
  .legacy-settings-row > span:nth-child(2),
  .legacy-settings-links > button > span:nth-child(2) {
    min-width: 0;
  }

  .legacy-document-row.tool strong,
  .legacy-document-row.tool small,
  .legacy-settings-row strong,
  .legacy-settings-row small,
  .legacy-settings-links strong,
  .legacy-settings-links small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .tool-editor-head > div {
    min-width: 0;
  }

  .tool-editor-head h2 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media screen and (max-width: 340px) {
  .legacy-document-row.tool {
    grid-template-columns: 38px minmax(0,1fr) 24px !important;
    gap: 7px !important;
  }

  .legacy-document-row.tool > b {
    grid-column: 2 !important;
    justify-self: start !important;
    font-size: 12px !important;
  }

  .legacy-document-row.tool > .chevron {
    grid-column: 3 !important;
    grid-row: 1 / 3 !important;
    align-self: center !important;
  }

  .tool-editor-modal .form-grid {
    grid-template-columns: 1fr !important;
  }

  .tool-editor-modal .form-group.full {
    grid-column: auto !important;
  }

  .tool-editor-modal {
    padding-bottom: calc(120px + env(safe-area-inset-bottom)) !important;
  }

  .tool-editor-modal .modal-actions:has(#delete-tool) {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  .tool-editor-modal .modal-actions:has(#delete-tool) .primary-button {
    grid-column: 1 / -1 !important;
  }

  .legacy-settings-grid {
    grid-template-columns: 1fr !important;
  }

  .legacy-settings-grid .full {
    grid-column: auto !important;
  }

  .legacy-settings-row:not(.plain) {
    grid-template-columns: 36px minmax(0,1fr) !important;
    gap: 8px !important;
  }

  .legacy-settings-row:not(.plain) > button:not(.toggle) {
    grid-column: 2 !important;
    justify-self: start !important;
    min-height: 36px !important;
  }

  .legacy-settings-links > button {
    grid-template-columns: 36px minmax(0,1fr) auto !important;
    gap: 8px !important;
  }

  .legacy-settings-links > button > b {
    grid-column: 2 !important;
    justify-self: start !important;
  }

  .legacy-settings-links > button > .chevron {
    grid-column: 3 !important;
    grid-row: 1 / 3 !important;
    align-self: center !important;
  }

  .legacy-backup-main-actions,
  .legacy-backup-grid {
    grid-template-columns: 1fr !important;
  }

  .legacy-backup-grid button:last-child {
    grid-column: auto !important;
  }

  .legacy-backup-page .legacy-settings-row.plain {
    grid-template-columns: 1fr !important;
    gap: 7px !important;
  }

  .legacy-backup-page .legacy-settings-row.plain > select,
  .legacy-backup-page .legacy-settings-row.plain > button {
    justify-self: stretch !important;
    width: 100% !important;
  }
}


/* 0.99.1 · Документы: узкий мобильный режим без сжатия контента. */
@media screen and (max-width: 520px) {
  .legacy-document-row > span:nth-child(2),
  .receipt-editor-head > div {
    min-width: 0;
  }

  .legacy-document-row strong,
  .legacy-document-row small,
  .receipt-editor-head h2 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .legacy-act-preview {
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
  }

  .legacy-act-preview .act-sheet {
    width: 680px !important;
    min-width: 680px !important;
    max-width: none !important;
  }
}

@media screen and (max-width: 340px) {
  .legacy-document-row:not(.tool) {
    grid-template-columns: 38px minmax(0,1fr) 24px !important;
    gap: 7px !important;
  }

  .legacy-document-row:not(.tool) > b {
    grid-column: 2 !important;
    justify-self: start !important;
    font-size: 12px !important;
  }

  .legacy-document-row:not(.tool) > .chevron {
    grid-column: 3 !important;
    grid-row: 1 / 3 !important;
    align-self: center !important;
  }

  .receipt-editor-modal .form-grid {
    grid-template-columns: 1fr !important;
  }

  .receipt-editor-modal .form-group.full {
    grid-column: auto !important;
  }

  .receipt-editor-modal {
    padding-bottom: calc(120px + env(safe-area-inset-bottom)) !important;
  }

  .receipt-editor-modal .modal-actions:has(#delete-receipt) {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  .receipt-editor-modal .modal-actions:has(#delete-receipt) .primary-button {
    grid-column: 1 / -1 !important;
  }

  .legacy-act-control-actions {
    grid-template-columns: 1fr !important;
  }
}


/* 0.99.2 · Release hardening: читаемость, touch-targets и защита от старых каскадов. */
@media screen and (max-width: 520px) {
  .movement-filter-chips button,
  .analytics-period-grid .chip,
  .legacy-special-filter button,
  .stock-detail-actions .stock-detail-archive {
    min-height: 44px !important;
  }

  .analytics-period-grid .chip {
    font-size: 11px !important;
  }

  .analytics-kpi > div > span,
  .analytics-kpi > div > small,
  .analytics-summary-strip small,
  .analytics-focus-row small,
  .stock-detail-kpis span,
  .stock-detail-actions small,
  .stock-editor-compat-details > summary small,
  .order-editor-modal .material-card-controls label > span,
  .catalog-modal .catalog-fit-summary span {
    font-size: 10.5px !important;
    line-height: 1.2 !important;
  }

  .stock-detail-actions button > span:last-child b,
  .stock-editor-compat-details > summary b {
    font-size: 12px !important;
  }

  .order-editor-modal .legacy-service-row .service-name-field,
  .order-editor-modal .legacy-service-row .service-price-field input,
  .order-editor-modal .material-card-head .material-name-field,
  .order-editor-modal .material-card-controls .field {
    min-height: 44px !important;
    height: 44px !important;
  }

  .legacy-order-actions > button,
  .legacy-order-actions > a,
  .legacy-expanded-actions > button,
  .legacy-expanded-actions > a {
    font-size: 11px !important;
  }

  .legacy-settings-row > button:not(.toggle),
  .legacy-backup-grid button {
    min-height: 44px !important;
  }
}

@media screen and (max-width: 360px) {
  .analytics-period-grid .chip {
    font-size: 10.5px !important;
  }

  .analytics-kpi > div > small,
  .analytics-summary-strip small,
  .stock-detail-kpis span,
  .stock-editor-compat label,
  .order-editor-modal .material-card-controls label > span {
    font-size: 10px !important;
  }

  .legacy-order-actions > button,
  .legacy-order-actions > a,
  .legacy-expanded-actions > button,
  .legacy-expanded-actions > a {
    font-size: 10.5px !important;
  }

  .legacy-settings-row:not(.plain) > button:not(.toggle) {
    min-height: 44px !important;
  }
}


/* 0.99.7 · 320 px polish from rendered QA evidence. */
@media screen and (max-width: 520px) {
  .legacy-order-card.active .legacy-order-money > div:last-child strong {
    overflow: visible !important;
    font-size: 14px !important;
    line-height: 1.05 !important;
    text-overflow: clip !important;
    white-space: normal !important;
  }

  .legacy-order-card.declined .legacy-order-money > div:last-child strong {
    color: var(--crm-muted) !important;
  }

  .catalog-service-group h3 {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
  }

  .catalog-service-group h3 .ui-icon {
    width: 14px !important;
    height: 14px !important;
    flex: 0 0 14px;
  }

  .catalog-check .ui-icon {
    width: 16px !important;
    height: 16px !important;
  }
}

@media screen and (max-width: 340px) {
  .legacy-order-card.active .legacy-order-money > div:last-child strong {
    font-size: 13px !important;
  }

  .catalog-modal .catalog-fit-summary span {
    font-size: 10px !important;
  }
}


/* 0.99.8 · QA-enforced touch target for custom price action. */
@media screen and (max-width: 520px) {
  .legacy-custom-price-head {
    min-height: 54px !important;
  }

  .legacy-custom-price-head button {
    min-height: 44px !important;
    padding: 6px 10px !important;
    font-size: 11px !important;
  }
}


/* 0.99.10 · Accessible backup switch: compact visual track inside a 44px touch target. */
@media screen and (max-width: 520px) {
  .legacy-backup-page .toggle,
  .legacy-settings-row .toggle {
    position: relative !important;
    width: 64px !important;
    min-width: 64px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    justify-self: end !important;
    border: 0 !important;
    background: transparent !important;
  }

  .legacy-backup-page .toggle::before,
  .legacy-settings-row .toggle::before {
    content: "" !important;
    position: absolute !important;
    inset: 7px 5px !important;
    border-radius: 999px !important;
    background: #303840 !important;
    transition: background .2s !important;
  }

  .legacy-backup-page .toggle::after,
  .legacy-settings-row .toggle::after {
    position: absolute !important;
    top: 10px !important;
    left: 8px !important;
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
  }

  .legacy-backup-page .toggle.on::before,
  .legacy-settings-row .toggle.on::before {
    background: var(--green) !important;
  }

  .legacy-backup-page .toggle.on::after,
  .legacy-settings-row .toggle.on::after {
    transform: translateX(24px) !important;
  }
}

@media screen and (max-width: 340px) {
  .legacy-backup-page .legacy-settings-row.plain > button.toggle {
    width: 64px !important;
    justify-self: start !important;
  }
}


/* 0.99.12 · Final narrow action-label protection. */
@media screen and (max-width: 520px) {
  .legacy-expanded-actions > button > span,
  .legacy-expanded-actions > a > span,
  .legacy-order-actions > button > span,
  .legacy-order-actions > a > span {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
  }
}

@media screen and (max-width: 340px) {
  .legacy-expanded-actions > button > span,
  .legacy-expanded-actions > a > span {
    font-size: 9.5px !important;
  }
}


/* 0.99.13 · Never truncate client money values. */
@media screen and (max-width: 520px) {
  .legacy-order-money > div:first-child strong,
  .legacy-expanded-money > div:first-child strong {
    overflow: visible !important;
    max-width: 100% !important;
    font-size: clamp(13px, 4.6vw, 17px) !important;
    font-variant-numeric: tabular-nums;
    letter-spacing: -.02em !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }
}

@media screen and (max-width: 340px) {
  .legacy-order-money > div:first-child,
  .legacy-expanded-money > div:first-child {
    padding-right: 7px !important;
    padding-left: 7px !important;
  }
}

/* 1.0.1 · Заявка и каталоги: понятная выбранность, компактные действия, длинные названия. */
@media screen and (max-width: 520px) {
  .catalog-modal .catalog-service-option {
    align-items: center !important;
  }

  .catalog-modal .catalog-service-copy,
  .material-catalog-row > span:first-child,
  .material-catalog-title-copy {
    min-width: 0 !important;
  }

  .catalog-modal .catalog-service-copy strong,
  .material-catalog-row strong {
    display: -webkit-box !important;
    overflow: hidden !important;
    line-height: 1.22 !important;
    white-space: normal !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .catalog-modal .catalog-service-copy small,
  .material-catalog-row small {
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .order-editor-modal .legacy-service-row {
    grid-template-columns: 24px minmax(0,1fr) 72px 44px !important;
    gap: 6px !important;
    min-height: 54px !important;
    padding: 4px 0 !important;
  }

  .order-editor-modal .legacy-service-row .service-qty-field {
    display: none !important;
  }

  .order-editor-modal .legacy-service-row .service-remove {
    display: grid !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    place-items: center !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: var(--crm-red) !important;
  }

  .order-editor-modal .legacy-service-row .service-remove:active {
    background: rgba(255,102,112,.08) !important;
  }

  .order-editor-modal .legacy-service-row .service-remove .ui-icon {
    width: 17px !important;
    height: 17px !important;
    stroke-width: 1.9;
  }

  .material-catalog-title-copy small {
    display: block !important;
    margin-top: 3px !important;
    overflow: hidden !important;
    color: var(--crm-muted) !important;
    font-size: 10.5px !important;
    line-height: 1.15 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .material-catalog-row {
    min-height: 64px !important;
  }

  .material-catalog-row.selected {
    border-color: rgba(255,113,83,.58) !important;
    background: rgba(255,113,83,.075) !important;
  }

  .material-catalog-side {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    min-width: 0 !important;
  }

  .material-catalog-side > b {
    color: var(--crm-accent) !important;
    font-size: 13px !important;
    font-variant-numeric: tabular-nums;
    white-space: nowrap !important;
  }

  .material-catalog-selected {
    display: grid !important;
    width: 26px !important;
    height: 26px !important;
    flex: 0 0 26px !important;
    place-items: center !important;
    border: 1px solid rgba(255,113,83,.34) !important;
    border-radius: 8px !important;
    background: rgba(255,113,83,.12) !important;
    color: var(--crm-accent) !important;
  }

  .material-catalog-selected .ui-icon {
    width: 15px !important;
    height: 15px !important;
    stroke-width: 2.1;
  }

  .material-catalog-close {
    min-height: 52px !important;
    color: var(--crm-text) !important;
  }

  .order-editor-modal .material-card-head {
    grid-template-columns: minmax(0,1fr) 44px !important;
  }

  .order-editor-modal .material-remove {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
  }
}

@media screen and (max-width: 340px) {
  .order-editor-modal .legacy-service-row {
    grid-template-columns: 22px minmax(0,1fr) 62px 44px !important;
    gap: 5px !important;
  }

  .order-editor-modal .legacy-service-row .service-price-field input {
    width: 48px !important;
    font-size: 11.5px !important;
  }

  .material-catalog-side {
    gap: 5px !important;
  }

  .material-catalog-selected {
    width: 24px !important;
    height: 24px !important;
    flex-basis: 24px !important;
  }

  .material-catalog-side > b {
    font-size: 12px !important;
  }
}

/* 1.0.2 · Нижняя навигация: одинаковый вес иконок и ровная базовая линия подписей. */
@media screen and (max-width: 520px) {
  .bottom-nav {
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  }

  .nav-button {
    display: grid !important;
    grid-template-rows: 28px 14px !important;
    align-content: center !important;
    justify-items: center !important;
    gap: 3px !important;
    min-height: 56px !important;
    padding: 3px 2px !important;
    font-size: 10.5px !important;
    line-height: 1 !important;
  }

  .nav-button .nav-icon {
    display: grid !important;
    width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    margin: 0 !important;
    place-items: center !important;
  }

  .nav-button .nav-icon .ui-icon {
    width: 24px !important;
    height: 24px !important;
    stroke-width: 2.05 !important;
  }

  .nav-button[data-nav="more"] .nav-icon .ui-icon {
    width: 25px !important;
    height: 25px !important;
  }

  .nav-button > span:last-child {
    display: flex !important;
    min-width: 0 !important;
    min-height: 14px !important;
    margin: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }
}

@media screen and (max-width: 340px) {
  .nav-button {
    font-size: 10px !important;
  }

  .nav-button .nav-icon .ui-icon {
    width: 23px !important;
    height: 23px !important;
  }
}

/* 1.0.3 · Аналитика: компактный график без большого пустого поля. */
@media screen and (max-width: 520px) {
  .analytics-chart-panel .bars {
    min-height: 120px !important;
    height: 120px !important;
    gap: 6px !important;
    padding: 6px 4px 0 !important;
    align-items: stretch !important;
  }

  .analytics-chart-panel .bar-wrap {
    display: grid !important;
    grid-template-rows: 18px minmax(0,1fr) 16px !important;
    flex: 1 0 40px !important;
    min-width: 40px !important;
    height: 100% !important;
    align-items: end !important;
    justify-items: center !important;
  }

  .analytics-chart-panel .bar-wrap > span:first-child {
    align-self: end !important;
    margin-bottom: 3px !important;
    font-size: 8.5px !important;
    line-height: 1 !important;
  }

  .analytics-chart-panel .bar-wrap > span:last-child {
    align-self: center !important;
    max-width: 56px !important;
    font-size: 8px !important;
    line-height: 1 !important;
  }

  .analytics-chart-panel .bar {
    width: 70% !important;
    max-width: 28px !important;
    align-self: end !important;
  }

  .analytics-chart-panel .bars:has(.bar-wrap:only-child) {
    justify-content: center !important;
  }

  .analytics-chart-panel .bar-wrap:only-child {
    flex: 0 0 84px !important;
    min-width: 84px !important;
  }
}

@media screen and (max-width: 340px) {
  .analytics-chart-panel .bars {
    min-height: 112px !important;
    height: 112px !important;
  }
}

/* 1.0.4 · Каталог услуг: сводка сумм без обрезки текста. */
@media screen and (max-width: 520px) {
  .catalog-modal .catalog-fit-summary > div {
    display: block !important;
    min-width: 0 !important;
    padding-right: 7px !important;
    padding-left: 7px !important;
  }

  .catalog-modal .catalog-fit-summary span,
  .catalog-modal .catalog-fit-summary strong {
    overflow: visible !important;
    max-width: none !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }

  .catalog-modal .catalog-fit-summary span {
    font-size: 9.5px !important;
  }

  .catalog-modal .catalog-fit-summary strong {
    margin-top: 4px !important;
    font-size: 12.5px !important;
    font-variant-numeric: tabular-nums;
  }
}

@media screen and (max-width: 340px) {
  .catalog-modal .catalog-fit-summary > div {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }

  .catalog-modal .catalog-fit-summary span {
    font-size: 9px !important;
  }

  .catalog-modal .catalog-fit-summary strong {
    font-size: 12px !important;
  }
}

/* 1.0.5 · Склад: редактор без перекрытия контента фиксированным футером. */
@media screen and (max-width: 520px) {
  .stock-editor-backdrop > .stock-editor-modal {
    display: grid !important;
    grid-template-rows: auto auto minmax(0,1fr) auto !important;
    box-sizing: border-box !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    padding: 0 12px !important;
    overflow: hidden !important;
  }

  .stock-editor-modal .stock-editor-head {
    position: relative !important;
    top: auto !important;
    margin-bottom: 0 !important;
  }

  .stock-editor-modal .stock-editor-intro {
    margin: 0 -12px !important;
    padding: 9px 12px !important;
    border-bottom: 1px solid var(--crm-line-soft) !important;
    background: #080d11 !important;
  }

  .stock-editor-modal .stock-editor-body {
    min-height: 0 !important;
    padding: 10px 0 14px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-y: contain !important;
    -webkit-overflow-scrolling: touch;
  }

  .stock-editor-modal .modal-actions {
    position: static !important;
    z-index: 3 !important;
    margin: 0 -12px !important;
    padding: 9px 12px calc(9px + env(safe-area-inset-bottom)) !important;
    border-top: 1px solid var(--crm-line) !important;
    background: rgba(8,13,17,.99) !important;
    box-shadow: 0 -10px 24px rgba(0,0,0,.18) !important;
  }

  .stock-detail-hero h2 {
    display: -webkit-box !important;
    overflow: hidden !important;
    line-height: 1.18 !important;
    text-overflow: clip !important;
    white-space: normal !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}
/* 1.0.7 · Редактор заявки: глубокие почти чёрные поверхности без серой подложки. */
@media screen and (max-width: 520px) {
  :root {
    --crm-bg: #03070a;
    --crm-surface: #070c10;
    --crm-surface-2: #0a1116;
    --crm-line: #202d35;
    --crm-line-soft: #151f25;
    --crm-text: #f2f5f6;
    --crm-muted: #8c979f;
    --crm-accent: #ff684a;
    --crm-accent-soft: rgba(255,104,74,.12);
  }

  html,
  body,
  .shell {
    background: #03070a !important;
  }

  .primary-button,
  .legacy-orange-button {
    border-color: #ff684a !important;
    background: #ff684a !important;
    color: #1c100c !important;
    box-shadow: 0 6px 18px rgba(255,104,74,.16) !important;
  }

  .order-editor-backdrop > .order-editor-modal {
    display: grid !important;
    grid-template-rows: auto minmax(0,1fr) auto !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    padding: 0 12px !important;
    overflow: hidden !important;
    background: #03070a !important;
  }

  .order-editor-modal .order-editor-head {
    position: relative !important;
    top: auto !important;
    min-height: calc(64px + env(safe-area-inset-top)) !important;
    margin: 0 -12px !important;
    padding: calc(9px + env(safe-area-inset-top)) 12px 9px !important;
    border-bottom: 1px solid #1c272e !important;
    background: #03070a !important;
    box-shadow: none !important;
  }

  .order-editor-title-icon {
    width: 40px !important;
    height: 40px !important;
    border-color: rgba(255,104,74,.42) !important;
    background: rgba(255,104,74,.09) !important;
    color: #ff684a !important;
  }

  .order-editor-close {
    width: 44px !important;
    height: 44px !important;
    border-color: #2b3841 !important;
    background: #0a1116 !important;
  }

  .order-editor-modal .order-editor-body {
    display: block !important;
    min-height: 0 !important;
    padding: 14px 0 24px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-y: contain !important;
    scroll-padding-bottom: 24px !important;
    -webkit-overflow-scrolling: touch;
  }

  .order-editor-modal .order-editor-section {
    margin: 0 0 22px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .order-editor-modal .form-section-title {
    min-height: 34px !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    border: 0 !important;
    color: #f2f5f6 !important;
    font-size: 15px !important;
    font-weight: 760 !important;
  }

  .order-editor-modal .order-editor-section-icon {
    width: 32px !important;
    height: 32px !important;
    flex-basis: 32px !important;
    border: 1px solid rgba(255,104,74,.18) !important;
    border-radius: 10px !important;
    background: rgba(255,104,74,.09) !important;
    color: #ff684a !important;
  }

  .order-editor-modal .legacy-catalog-button,
  .order-editor-modal .legacy-stock-button {
    min-height: 50px !important;
    margin-bottom: 9px !important;
    border: 1px solid rgba(255,104,74,.5) !important;
    border-radius: 13px !important;
    background: rgba(255,104,74,.055) !important;
    color: #ff8066 !important;
    font-size: 13px !important;
    box-shadow: inset 0 0 0 1px rgba(255,104,74,.035) !important;
  }

  .order-editor-modal .legacy-stock-button {
    border-color: #33414b !important;
    background: #090f14 !important;
    color: #edf2f4 !important;
  }

  .order-editor-modal .legacy-service-row {
    grid-template-columns: 24px minmax(0,1fr) 78px 44px !important;
    gap: 7px !important;
    min-height: 54px !important;
    padding: 4px 0 !important;
    border-bottom: 1px solid #202b32 !important;
  }

  .order-editor-modal .legacy-service-row .service-name-field,
  .order-editor-modal .legacy-service-row .service-price-field input {
    min-height: 44px !important;
    height: 44px !important;
    color: #e6ebed !important;
    font-size: 13px !important;
  }

  .order-editor-modal .legacy-service-row .service-price-field {
    position: relative !important;
    display: flex !important;
    min-width: 0 !important;
    align-items: center !important;
    justify-content: flex-end !important;
  }

  .order-editor-modal .legacy-service-row .service-price-field input {
    width: 58px !important;
    padding: 0 !important;
    text-align: right !important;
  }

  .order-editor-modal .legacy-service-row .service-price-field > span {
    position: static !important;
    top: auto !important;
    right: auto !important;
    flex: 0 0 auto !important;
    margin-left: 3px !important;
    transform: none !important;
    color: #929ca3 !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }

  .order-editor-modal .legacy-service-row .service-qty-field {
    display: none !important;
  }

  .order-editor-modal .legacy-service-row .service-remove {
    display: grid !important;
    width: 44px !important;
    height: 44px !important;
    place-items: center !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: transparent !important;
    color: var(--crm-red) !important;
  }

  .order-editor-modal .legacy-service-total {
    margin-top: 4px !important;
    padding: 10px 0 0 !important;
    border-top: 0 !important;
    color: #939da4 !important;
  }

  .order-editor-modal .legacy-material-help {
    margin: -1px 0 9px !important;
    color: #89949b !important;
    font-size: 11px !important;
  }

  .order-editor-modal #material-lines {
    gap: 8px !important;
  }

  .order-editor-modal .legacy-material-card {
    gap: 8px !important;
    padding: 12px !important;
    border: 1px solid #2a3740 !important;
    border-radius: 15px !important;
    background: #070c10 !important;
    box-shadow: inset 0 1px rgba(255,255,255,.015) !important;
  }

  .order-editor-modal .material-card-head {
    grid-template-columns: minmax(0,1fr) 44px !important;
    gap: 8px !important;
    align-items: center !important;
  }

  .order-editor-modal .material-card-head .material-name-field {
    min-height: 38px !important;
    height: 38px !important;
    color: #f2f5f6 !important;
    font-size: 14px !important;
  }

  .order-editor-modal .material-card-head small {
    margin: 1px 0 0 !important;
    color: #7f8a92 !important;
    font-size: 10.5px !important;
  }

  .order-editor-modal .material-remove {
    width: 44px !important;
    height: 44px !important;
    border-color: rgba(255,102,112,.32) !important;
    background: rgba(255,102,112,.065) !important;
  }

  .order-editor-modal .material-card-controls {
    grid-template-columns: .72fr .78fr 1.25fr !important;
    gap: 7px !important;
    margin-top: 2px !important;
  }

  .order-editor-modal .material-card-controls label > span {
    min-height: 24px !important;
    color: #8e989f !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
  }

  .order-editor-modal .material-card-controls .field {
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 10px !important;
    border-color: #2c3942 !important;
    background: #090f14 !important;
    font-size: 13px !important;
  }

  .order-editor-modal .order-extra-details {
    margin: 10px 0 20px !important;
    border: 1px solid #26333b !important;
    border-radius: 14px !important;
    background: #060b0f !important;
  }

  .order-editor-modal .order-extra-details > summary {
    min-height: 48px !important;
    padding: 0 12px !important;
    color: #dce2e5 !important;
    font-size: 12px !important;
    line-height: normal !important;
    list-style: none !important;
  }

  .order-editor-modal .order-extra-summary {
    display: grid !important;
    grid-template-columns: 30px minmax(0,1fr) 20px !important;
    gap: 8px !important;
    align-items: center !important;
    font-weight: 730 !important;
  }

  .order-extra-summary::-webkit-details-marker {
    display: none !important;
  }

  .order-extra-summary-icon {
    display: grid !important;
    width: 30px !important;
    height: 30px !important;
    place-items: center !important;
    border-radius: 9px !important;
    background: rgba(255,104,74,.09) !important;
    color: #ff684a !important;
  }

  .order-extra-summary-icon .ui-icon {
    width: 16px !important;
    height: 16px !important;
  }

  .order-editor-modal .order-extra-body {
    padding: 12px !important;
    border-top: 1px solid #202b32 !important;
  }

  .order-photo-input {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0,0,0,0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }

  .order-photo-add {
    display: flex !important;
    min-height: 58px !important;
    padding: 10px 12px !important;
    align-items: center !important;
    gap: 11px !important;
    border: 1px dashed rgba(255,104,74,.55) !important;
    border-radius: 13px !important;
    background: rgba(255,104,74,.055) !important;
    color: #ff8066 !important;
    cursor: pointer;
  }

  .order-photo-add > .ui-icon {
    width: 22px !important;
    height: 22px !important;
  }

  .order-photo-add span {
    display: grid !important;
    gap: 2px !important;
    min-width: 0 !important;
  }

  .order-photo-add b {
    color: #f3f5f6 !important;
    font-size: 13px !important;
  }

  .order-photo-add small {
    color: #929ca3 !important;
    font-size: 10.5px !important;
  }

  .order-photo-input:focus + .order-photo-add {
    outline: 2px solid rgba(255,104,74,.45) !important;
    outline-offset: 2px !important;
  }

  .order-photo-input:disabled + .order-photo-add {
    opacity: .55 !important;
    pointer-events: none !important;
  }

  .order-photo-picker > .small {
    margin-top: 7px !important;
    color: #758189 !important;
    font-size: 10px !important;
  }

  .order-editor-modal .photo-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 9px !important;
    margin-top: 11px !important;
  }

  .order-editor-modal .photo-card {
    display: grid !important;
    grid-template-rows: auto 36px !important;
    min-width: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid #2b3841 !important;
    border-radius: 13px !important;
    background: #080e12 !important;
    color: #e9edef !important;
    text-align: left !important;
  }

  .order-editor-modal .photo-card img,
  .order-editor-modal .photo-missing {
    width: 100% !important;
    aspect-ratio: 4 / 3 !important;
    object-fit: cover !important;
  }

  .order-editor-modal .photo-caption {
    display: block !important;
    min-width: 0 !important;
    padding: 10px 36px 9px 10px !important;
    overflow: hidden !important;
    color: #cbd2d6 !important;
    font-size: 11px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .order-editor-modal .photo-open-icon {
    position: absolute !important;
    right: 9px !important;
    bottom: 9px !important;
    display: grid !important;
    width: 20px !important;
    height: 20px !important;
    place-items: center !important;
    color: #ff765c !important;
  }

  .order-editor-modal .photo-open-icon .ui-icon {
    width: 17px !important;
    height: 17px !important;
  }

  .order-editor-modal .photo-empty {
    grid-column: 1 / -1 !important;
    display: flex !important;
    min-height: 64px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    color: #76828a !important;
    font-size: 11px !important;
  }

  .order-editor-modal .photo-empty .ui-icon {
    width: 20px !important;
    height: 20px !important;
  }

  .order-editor-modal .order-calculation-summary {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 8px !important;
    margin-bottom: 12px !important;
  }

  .order-editor-modal .order-calculation-summary > div {
    min-height: 64px !important;
    padding: 10px 11px !important;
    border-color: #26333b !important;
    background: #080e12 !important;
  }

  .order-editor-modal .order-calculation-summary .calculation-grand {
    grid-column: 1 / -1 !important;
    min-height: 68px !important;
    border-color: rgba(255,104,74,.48) !important;
    background: rgba(255,104,74,.055) !important;
  }

  .order-editor-modal .order-calculation-summary > div span {
    color: #89949b !important;
    font-size: 10px !important;
    letter-spacing: .035em !important;
    text-transform: uppercase !important;
  }

  .order-editor-modal .order-calculation-summary > div strong {
    margin-top: 6px !important;
    color: #f2f5f6 !important;
    font-size: 16px !important;
  }

  .order-editor-modal .order-calculation-summary .calculation-grand strong {
    color: #ff7256 !important;
    font-size: 18px !important;
  }

  .order-editor-modal .order-calculation-summary > button {
    min-height: 44px !important;
    border-color: #2c3942 !important;
    background: #090f14 !important;
    color: #e7ecee !important;
    font-size: 11px !important;
  }

  .order-editor-modal .legacy-payment-grid {
    gap: 10px 8px !important;
  }

  .order-editor-modal .legacy-payment-grid .field {
    border-color: #2c3942 !important;
    background: #090f14 !important;
  }

  .order-editor-modal .order-comment .textarea {
    min-height: 88px !important;
    border-color: #2c3942 !important;
    background: #090f14 !important;
  }

  .order-editor-modal .order-comment {
    margin-top: 12px !important;
  }

  .order-editor-modal .modal-actions {
    position: static !important;
    z-index: 3 !important;
    display: grid !important;
    grid-template-columns: .88fr .88fr 1.2fr !important;
    gap: 7px !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 -12px !important;
    padding: 9px 12px calc(9px + env(safe-area-inset-bottom)) !important;
    border-top: 1px solid #202b32 !important;
    background: #03070a !important;
    box-shadow: 0 -10px 28px rgba(0,0,0,.3) !important;
  }

  .order-editor-modal .modal-actions > * {
    min-height: 48px !important;
    border-radius: 12px !important;
    font-size: 12px !important;
  }

  .order-editor-modal .modal-actions .secondary-button {
    border-color: #2c3942 !important;
    background: #0a1116 !important;
    color: #eef2f4 !important;
  }

  .photo-viewer-backdrop {
    position: fixed !important;
    inset: 0 !important;
    z-index: 700 !important;
    display: block !important;
    width: 100vw !important;
    height: 100dvh !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: #020507 !important;
  }

  .photo-viewer-modal {
    display: grid !important;
    grid-template-rows: auto minmax(0,1fr) auto !important;
    width: 100% !important;
    height: 100dvh !important;
    background: #020507 !important;
  }

  .photo-viewer-head {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) 44px !important;
    gap: 10px !important;
    align-items: center !important;
    min-height: calc(64px + env(safe-area-inset-top)) !important;
    padding: calc(9px + env(safe-area-inset-top)) 12px 9px !important;
    border-bottom: 1px solid #1f292f !important;
    background: rgba(5,10,14,.98) !important;
  }

  .photo-viewer-head > div {
    min-width: 0 !important;
  }

  .photo-viewer-head small,
  .photo-viewer-head strong {
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .photo-viewer-head small {
    color: #7f8a91 !important;
    font-size: 9px !important;
    letter-spacing: .055em !important;
  }

  .photo-viewer-head strong {
    margin-top: 3px !important;
    color: #f2f5f6 !important;
    font-size: 14px !important;
  }

  .photo-viewer-close {
    display: grid !important;
    width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    place-items: center !important;
    border: 1px solid #2d3941 !important;
    border-radius: 12px !important;
    background: #111a20 !important;
    color: #eef2f4 !important;
  }

  .photo-viewer-close .ui-icon {
    width: 19px !important;
    height: 19px !important;
  }

  .photo-viewer-stage {
    display: grid !important;
    min-height: 0 !important;
    padding: 12px !important;
    place-items: center !important;
    overflow: auto !important;
  }

  .photo-viewer-stage img {
    display: block !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    border-radius: 10px !important;
  }

  .photo-viewer-actions {
    padding: 9px 12px calc(9px + env(safe-area-inset-bottom)) !important;
    border-top: 1px solid #1f292f !important;
    background: #03070a !important;
  }

  .photo-viewer-delete {
    display: flex !important;
    width: 100% !important;
    min-height: 50px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    border: 1px solid rgba(255,102,112,.46) !important;
    border-radius: 13px !important;
    background: rgba(255,102,112,.09) !important;
    color: #ff727b !important;
    font-size: 13px !important;
    font-weight: 730 !important;
  }

  .photo-viewer-delete .ui-icon {
    width: 19px !important;
    height: 19px !important;
  }
}

@media screen and (max-width: 340px) {
  .order-editor-modal .legacy-service-row {
    grid-template-columns: 22px minmax(0,1fr) 65px 44px !important;
    gap: 5px !important;
  }

  .order-editor-modal .legacy-service-row .service-price-field input {
    width: 45px !important;
    font-size: 12px !important;
  }

  .order-editor-modal .material-card-controls {
    grid-template-columns: .68fr .72fr 1.28fr !important;
    gap: 5px !important;
  }

  .order-editor-modal .material-card-controls .field {
    padding-right: 7px !important;
    padding-left: 7px !important;
    font-size: 12px !important;
  }

  .order-editor-modal .modal-actions {
    grid-template-columns: .82fr .82fr 1.18fr !important;
    gap: 5px !important;
    padding-right: 8px !important;
    padding-left: 8px !important;
  }

  .order-editor-modal .modal-actions > * {
    padding-right: 5px !important;
    padding-left: 5px !important;
    font-size: 11px !important;
  }
}

/* 1.0.8 · Финансы, клиенты и прайс: глубокие поверхности и единая мобильная иерархия. */
@media screen and (max-width: 520px) {
  .legacy-finance-periods,
  .legacy-finance-history,
  .legacy-client-card,
  .legacy-price-group {
    border-color: #202d35 !important;
    background: #070c10 !important;
    box-shadow: none !important;
  }

  .legacy-finance-summary > div,
  .legacy-clients-stats > div,
  .legacy-client-profile-backdrop .client-profile-hero,
  .legacy-client-profile-backdrop .client-profile-kpis > div {
    border-color: #202d35 !important;
    background: #070c10 !important;
    box-shadow: none !important;
  }

  .legacy-finance-summary .finance-result-hero,
  .legacy-clients-stats .clients-stat-primary {
    border-color: rgba(255,104,74,.28) !important;
    background:
      radial-gradient(circle at 100% 0, rgba(255,104,74,.07), transparent 110px),
      #070c10 !important;
  }

  .legacy-finance-actions .legacy-dark-button,
  .legacy-client-actions a,
  .legacy-client-actions button,
  .client-profile-actions a,
  .client-profile-actions button {
    border-color: #202d35 !important;
    background: #090f14 !important;
    box-shadow: none !important;
  }

  .legacy-finance-row {
    border-color: #151f25 !important;
  }

  .legacy-finance-row > button {
    border-color: rgba(255,102,112,.18) !important;
    background: rgba(255,102,112,.055) !important;
  }

  .legacy-client-card {
    overflow: hidden !important;
  }

  .legacy-client-meta {
    border-color: #151f25 !important;
  }

  .legacy-client-profile-backdrop .client-profile-modal {
    background: #03070a !important;
  }

  .legacy-client-profile-backdrop .client-profile-head {
    border-bottom-color: #151f25 !important;
    background: rgba(3,7,10,.99) !important;
  }

  .legacy-client-profile-backdrop .client-profile-back,
  .legacy-client-profile-backdrop .client-profile-head > a {
    border-color: #202d35 !important;
    background: #0a1116 !important;
  }

  .legacy-client-profile-backdrop .client-profile-address,
  .legacy-client-profile-backdrop .client-profile-history {
    border-color: #202d35 !important;
    background: #060b0f !important;
    box-shadow: none !important;
  }

  .legacy-client-profile-backdrop .client-profile-hero h2 {
    display: -webkit-box !important;
    overflow: hidden !important;
    line-height: 1.18 !important;
    white-space: normal !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .legacy-client-profile-backdrop .client-profile-address strong {
    display: -webkit-box !important;
    overflow: hidden !important;
    line-height: 1.3 !important;
    white-space: normal !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .legacy-client-profile-backdrop .client-profile-orders > button {
    border-top-color: #151f25 !important;
  }

  .legacy-price-filters .field {
    border-color: #202d35 !important;
    background: #090f14 !important;
  }

  .legacy-price-group > h3,
  .legacy-custom-price-head {
    border-bottom-color: #151f25 !important;
    background: #070c10 !important;
  }

  .legacy-price-row {
    min-height: 62px !important;
    border-top-color: #151f25 !important;
  }

  .legacy-price-row strong {
    display: -webkit-box !important;
    overflow: hidden !important;
    line-height: 1.22 !important;
    text-overflow: clip !important;
    white-space: normal !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .legacy-price-editor {
    background: #03070a !important;
  }

  .legacy-price-editor .legacy-editor-head {
    border-bottom-color: #151f25 !important;
    background: rgba(3,7,10,.99) !important;
  }

  .legacy-price-editor-card {
    border-color: #202d35 !important;
    background: #060b0f !important;
    box-shadow: none !important;
  }

  .legacy-price-editor .field {
    border-color: #202d35 !important;
    background: #090f14 !important;
  }

  .legacy-price-editor-actions {
    border-top-color: #202d35 !important;
    background: rgba(3,7,10,.99) !important;
    box-shadow: 0 -10px 24px rgba(0,0,0,.2) !important;
  }

  .legacy-price-editor-actions .legacy-dark-button {
    border-color: #202d35 !important;
    background: #0a1116 !important;
    color: #eef2f4 !important;
  }

  .legacy-finance-entry-backdrop > form.modal.compact-modal.finance-entry-modal {
    background-color: #03070a !important;
    background-image: none !important;
  }

  .legacy-finance-entry-backdrop > .finance-entry-modal {
    display: grid !important;
    grid-template-rows: auto auto minmax(0,1fr) auto !important;
    box-sizing: border-box !important;
    min-height: 0 !important;
    max-height: calc(100dvh - 20px) !important;
    padding: 0 12px !important;
    overflow: hidden !important;
    border-color: #202d35 !important;
    background: #03070a !important;
  }

  .legacy-finance-entry-backdrop .finance-entry-head {
    position: relative !important;
    top: auto !important;
    margin: 0 -12px !important;
    border-bottom-color: #151f25 !important;
    background: rgba(3,7,10,.99) !important;
  }

  .legacy-finance-entry-backdrop .finance-entry-close {
    width: 44px !important;
    height: 44px !important;
    border-color: #202d35 !important;
    background: #0a1116 !important;
  }

  .legacy-finance-entry-backdrop .finance-entry-type {
    margin: 10px 0 !important;
  }

  .legacy-finance-entry-backdrop .form-grid {
    min-height: 0 !important;
    padding: 0 0 14px !important;
    align-content: start !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-y: contain !important;
    -webkit-overflow-scrolling: touch;
  }

  .legacy-finance-entry-backdrop .field {
    border-color: #202d35 !important;
    background: #090f14 !important;
  }

  .legacy-finance-entry-backdrop .modal-actions {
    position: static !important;
    z-index: 3 !important;
    margin: 0 -12px !important;
    padding: 9px 12px calc(9px + env(safe-area-inset-bottom)) !important;
    border-top-color: #202d35 !important;
    background: rgba(3,7,10,.99) !important;
    box-shadow: 0 -10px 24px rgba(0,0,0,.2) !important;
  }

  .legacy-finance-entry-backdrop .modal-actions .secondary-button {
    border-color: #202d35 !important;
    background: #0a1116 !important;
    color: #eef2f4 !important;
  }
}

@media screen and (max-width: 340px) {
  .legacy-price-row {
    min-height: 60px !important;
  }

  .legacy-client-profile-backdrop .client-profile-hero h2 {
    font-size: 14px !important;
  }
}

/* 1.0.9 · Оставшиеся рабочие разделы: глубокая тёмная система без серо-синих карточек. */
@media screen and (max-width: 520px) {
  .legacy-more-list .menu-item,
  .legacy-goods-panel,
  .legacy-service-stats > div,
  .legacy-document-row,
  .legacy-settings-card {
    border-color: #202d35 !important;
    background: #070c10 !important;
    box-shadow: none !important;
  }

  .legacy-more-list .menu-item:active {
    border-color: #2b3942 !important;
    background: #090f14 !important;
  }

  .legacy-service-stats .service-stat-primary {
    border-color: rgba(255,104,74,.28) !important;
    background:
      radial-gradient(circle at 100% 0, rgba(255,104,74,.07), transparent 100px),
      #070c10 !important;
  }

  .legacy-goods-order-source .field,
  .legacy-editor-title .field,
  .legacy-goods-target .field,
  .legacy-goods-add-line .field,
  .legacy-goods-edit-row .field,
  .legacy-settings-grid .field,
  .legacy-backup-page .legacy-settings-row select {
    border-color: #202d35 !important;
    background: #090f14 !important;
  }

  .legacy-goods-current-summary {
    border-color: rgba(168,138,240,.22) !important;
    background: rgba(168,138,240,.04) !important;
  }

  .legacy-goods-editor-backdrop > form.modal.goods-editor-modal.legacy-goods-editor {
    background-color: #03070a !important;
    background-image: none !important;
  }

  .legacy-goods-editor .goods-modal-head {
    border-bottom-color: #151f25 !important;
    background: rgba(3,7,10,.99) !important;
  }

  .legacy-goods-editor .legacy-editor-panel,
  .legacy-goods-editor .legacy-editor-preview,
  .legacy-goods-editor .legacy-product-price {
    border-color: #202d35 !important;
    background: #060b0f !important;
  }

  .legacy-goods-add-line button,
  .legacy-manual-add,
  .legacy-goods-editor-actions .legacy-dark-button {
    border-color: #202d35 !important;
    background: #0a1116 !important;
    color: #e8edef !important;
  }

  .legacy-goods-edit-row {
    border-color: #202d35 !important;
    background: #070c10 !important;
  }

  .legacy-goods-target {
    border-color: #202d35 !important;
    background: #060b0f !important;
  }

  .legacy-preview-table-wrap {
    border-color: #202d35 !important;
    background: #070c10 !important;
  }

  .legacy-goods-savebar {
    border-top-color: #202d35 !important;
    background: rgba(3,7,10,.99) !important;
    box-shadow: 0 -10px 24px rgba(0,0,0,.2) !important;
  }

  .legacy-goods-savebar .legacy-dark-button {
    border-color: #202d35 !important;
    background: #0a1116 !important;
  }

  .legacy-service-editor-backdrop > form.modal.compact-modal.receipt-editor-modal,
  .legacy-service-editor-backdrop > form.modal.compact-modal.tool-editor-modal {
    display: grid !important;
    grid-template-rows: auto auto minmax(0,1fr) auto !important;
    box-sizing: border-box !important;
    min-height: 0 !important;
    max-height: 100dvh !important;
    padding: 0 12px !important;
    overflow: hidden !important;
    border-color: #202d35 !important;
    background-color: #03070a !important;
    background-image: none !important;
  }

  .legacy-service-editor-backdrop .receipt-editor-head,
  .legacy-service-editor-backdrop .tool-editor-head {
    position: relative !important;
    top: auto !important;
    margin: 0 -12px !important;
    border-bottom-color: #151f25 !important;
    background: rgba(3,7,10,.99) !important;
  }

  .receipt-editor-close,
  .tool-editor-close {
    width: 44px !important;
    height: 44px !important;
    border-color: #202d35 !important;
    background: #0a1116 !important;
  }

  .receipt-editor-type,
  .tool-editor-hero {
    margin: 10px 0 !important;
    border-color: #202d35 !important;
    background: #060b0f !important;
  }

  .legacy-service-editor-backdrop .form-grid {
    min-height: 0 !important;
    padding: 0 0 14px !important;
    align-content: start !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-y: contain !important;
    -webkit-overflow-scrolling: touch;
  }

  .legacy-service-editor-backdrop .field {
    border-color: #202d35 !important;
    background: #090f14 !important;
  }

  .legacy-service-editor-backdrop .modal-actions {
    position: static !important;
    z-index: 3 !important;
    margin: 0 -12px !important;
    padding: 9px 12px calc(9px + env(safe-area-inset-bottom)) !important;
    border-top-color: #202d35 !important;
    background: rgba(3,7,10,.99) !important;
    box-shadow: 0 -10px 24px rgba(0,0,0,.2) !important;
  }

  .legacy-service-editor-backdrop .modal-actions .secondary-button {
    border-color: #202d35 !important;
    background: #0a1116 !important;
    color: #eef2f4 !important;
  }

  .legacy-settings-toggle-row,
  .legacy-service-note {
    border-color: #202d35 !important;
    background: #060b0f !important;
  }

  .legacy-settings-row-icon,
  .settings-link-icon {
    background: #0a1116 !important;
  }

  .legacy-settings-row > button:not(.toggle),
  .legacy-settings-links > button,
  .legacy-backup-grid button {
    border-color: #202d35 !important;
    background: #090f14 !important;
    box-shadow: none !important;
  }

  .legacy-settings-row,
  .legacy-product-price-list > div {
    border-color: #151f25 !important;
  }

  .legacy-draft-card {
    border-color: #202d35 !important;
    background: #070c10 !important;
  }
}

/* 1.0.10 · Основные вкладки: глубокая иерархия карточек вместо серо-синей заливки. */
@media screen and (max-width: 520px) {
  .legacy-order-search .search,
  .legacy-warehouse-search .search,
  .legacy-visit-filter .field,
  .legacy-warehouse-filter .field,
  .legacy-warehouse-shortcuts button,
  .analytics-period-grid .chip,
  .analytics-range-nav {
    border-color: #202d35 !important;
    background: #090f14 !important;
    box-shadow: none !important;
  }

  .legacy-order-filters {
    border-color: #151f25 !important;
    background: #060b0f !important;
  }

  .legacy-order-card {
    border-color: #202d35 !important;
    background: #070c10 !important;
    box-shadow: none !important;
  }

  .legacy-order-money > div {
    border-color: #202d35 !important;
    background: #090f14 !important;
  }

  .legacy-order-actions {
    border-color: #151f25 !important;
  }

  .legacy-order-actions > button,
  .legacy-order-actions > a {
    border-color: #202d35 !important;
    background: #090f14 !important;
  }

  .legacy-order-actions > a:active,
  .legacy-order-actions > button:active {
    background: #0a1116 !important;
  }

  .legacy-warehouse-group {
    border-color: #202d35 !important;
    background: #070c10 !important;
    box-shadow: none !important;
  }

  .legacy-stock-card-v2 {
    border-color: #202d35 !important;
    background: #060b0f !important;
    box-shadow: none !important;
  }

  .legacy-stock-main,
  .legacy-stock-actions-v2 {
    border-color: #151f25 !important;
  }

  .legacy-stock-actions-v2 button {
    border-color: #202d35 !important;
    background: #090f14 !important;
  }

  .analytics-content .panel {
    border-color: #202d35 !important;
    background: #070c10 !important;
    box-shadow: none !important;
  }

  .analytics-kpi,
  .analytics-kpi.primary {
    border-color: #202d35 !important;
    background: #090f14 !important;
    box-shadow: none !important;
  }

  .analytics-summary-strip > span,
  .analytics-focus-row,
  .analytics-work .metric {
    border-color: #151f25 !important;
    background: #060b0f !important;
    box-shadow: none !important;
  }

  .analytics-ranking-row,
  .analytics-list-panel .goods-sheet {
    border-color: #151f25 !important;
  }

  .analytics-chart-panel .bars {
    border-color: #151f25 !important;
  }
}

/* 1.0.11 · Заявка: чистые итоги и отдельная визуальная иерархия работ/материалов. */
@media screen and (max-width: 520px) {
  .order-editor-modal .legacy-service-total {
    display: flex !important;
    min-height: 38px !important;
    margin-top: 5px !important;
    padding: 8px 2px 0 !important;
    align-items: center !important;
    justify-content: space-between !important;
    border: 0 !important;
    color: #8f9aa1 !important;
  }

  .order-editor-modal .legacy-service-total > span {
    font-size: 11px !important;
    font-weight: 650 !important;
  }

  .order-editor-modal .legacy-service-total > strong {
    color: #f2f5f6 !important;
    font-size: 14px !important;
    font-variant-numeric: tabular-nums;
  }

  .order-editor-modal .material-card-controls {
    grid-template-columns: minmax(68px,.8fr) minmax(70px,.8fr) minmax(120px,1.4fr) !important;
    gap: 7px !important;
  }

  .order-editor-modal .material-card-controls label {
    min-width: 0 !important;
  }

  .order-editor-modal .material-card-controls label > span {
    display: block !important;
    min-height: 0 !important;
    margin-bottom: 5px !important;
    overflow: visible !important;
    color: #8e989f !important;
    font-size: 10px !important;
    line-height: 1.1 !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }

  .legacy-detail-services,
  .legacy-detail-materials {
    padding: 12px !important;
    border-color: #202d35 !important;
    background: #060b0f !important;
    box-shadow: none !important;
  }

  .legacy-detail-services .legacy-detail-section-head > span {
    border: 1px solid rgba(255,104,74,.24) !important;
    background: rgba(255,104,74,.09) !important;
    color: #ff765c !important;
  }

  .legacy-detail-materials .legacy-detail-section-head > span {
    border: 1px solid rgba(92,169,255,.22) !important;
    background: rgba(92,169,255,.08) !important;
    color: #72b6ff !important;
  }

  .legacy-detail-services .legacy-detail-section-head > b {
    color: #ff765c !important;
  }

  .legacy-detail-materials .legacy-detail-section-head > b {
    color: #ff8b72 !important;
  }

  .legacy-detail-services .legacy-detail-lines,
  .legacy-detail-materials .legacy-detail-lines {
    display: grid !important;
    gap: 6px !important;
    margin-top: 10px !important;
  }

  .legacy-detail-services .legacy-detail-line,
  .legacy-detail-materials .legacy-detail-line {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    gap: 10px !important;
    min-height: 56px !important;
    padding: 9px 10px !important;
    align-items: center !important;
    border: 1px solid #182229 !important;
    border-radius: 11px !important;
    background: #090f14 !important;
  }

  .legacy-detail-services .legacy-detail-line > span,
  .legacy-detail-materials .legacy-detail-line > span {
    min-width: 0 !important;
  }

  .legacy-detail-services .legacy-detail-line strong,
  .legacy-detail-materials .legacy-detail-line strong {
    display: -webkit-box !important;
    overflow: hidden !important;
    color: #f2f5f6 !important;
    font-size: 11px !important;
    line-height: 1.22 !important;
    white-space: normal !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .legacy-detail-services .legacy-detail-line small,
  .legacy-detail-materials .legacy-detail-line small {
    display: block !important;
    margin-top: 4px !important;
    color: #7f8a92 !important;
    font-size: 9px !important;
    line-height: 1.2 !important;
  }

  .legacy-detail-services .legacy-detail-line > b,
  .legacy-detail-materials .legacy-detail-line > b {
    align-self: center !important;
    font-size: 11px !important;
    font-variant-numeric: tabular-nums;
    white-space: nowrap !important;
  }

  .legacy-detail-services .legacy-detail-line > b {
    color: #f1f4f5 !important;
  }

  .legacy-detail-materials .legacy-detail-line > b {
    color: #ff8b72 !important;
  }
}

@media screen and (max-width: 340px) {
  .order-editor-modal .material-card-controls {
    grid-template-columns: minmax(62px,.75fr) minmax(64px,.75fr) minmax(106px,1.35fr) !important;
    gap: 5px !important;
  }

  .order-editor-modal .material-card-controls label > span {
    font-size: 9px !important;
  }

  .legacy-detail-services .legacy-detail-line,
  .legacy-detail-materials .legacy-detail-line {
    gap: 7px !important;
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
}

/* 1.0.12 · Материалы: поля реально заполняют колонки, а не схлопываются до intrinsic-width. */
@media screen and (max-width: 520px) {
  .order-editor-modal .material-card-controls .field {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
  }

  .order-editor-modal .material-card-controls input[data-line="qty"] {
    text-align: center !important;
    font-variant-numeric: tabular-nums;
  }

  .order-editor-modal .material-card-controls input[data-line="unit-cost"] {
    font-variant-numeric: tabular-nums;
  }
}

/* 1.0.13 · Материалы: нейтрализуем старое grid-позиционирование line-item внутри вложенных label. */
@media screen and (max-width: 520px) {
  .order-editor-modal .material-card-controls [data-line="qty"],
  .order-editor-modal .material-card-controls [data-line="unit-cost"] {
    grid-column: auto !important;
    grid-row: auto !important;
  }

  .order-editor-modal .material-card-controls label {
    grid-template-columns: minmax(0,1fr) !important;
  }
}

/* 1.0.14 · 320 px: длинные названия показываем полезно, а не режем на первом слове. */
@media screen and (max-width: 340px) {
  .legacy-expanded-title > strong,
  .legacy-expanded-device-copy small,
  .legacy-expanded-meta .address {
    display: -webkit-box !important;
    overflow: hidden !important;
    line-height: 1.18 !important;
    text-overflow: clip !important;
    white-space: normal !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .legacy-expanded-title > strong {
    font-size: 15px !important;
  }

  .legacy-expanded-device-copy small {
    margin-top: 3px !important;
  }

  .legacy-expanded-meta .address {
    align-items: start !important;
  }

  .legacy-stock-copy strong {
    display: -webkit-box !important;
    overflow: hidden !important;
    line-height: 1.18 !important;
    text-overflow: clip !important;
    white-space: normal !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .legacy-stock-main {
    min-height: 82px !important;
    align-items: center !important;
  }
}

/* 1.0.15 · Акт: экранный preview помещается в телефон; печатный A4 остаётся без изменений. */
@media screen and (max-width: 520px) {
  .legacy-act-preview {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    border-color: #202d35 !important;
    background: #fff !important;
  }

  .legacy-act-preview .act-sheet {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  .legacy-act-preview .act-sheet h2 {
    max-width: 100% !important;
    font-size: clamp(14px,4.7vw,18px) !important;
    line-height: 1.08 !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }

  .legacy-act-preview .act-main-fields > div,
  .legacy-act-preview .act-totals > div,
  .legacy-act-preview .act-signatures > div {
    min-width: 0 !important;
  }

  .legacy-act-preview .act-work-table {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    table-layout: fixed !important;
  }

  .legacy-act-preview .act-work-table th,
  .legacy-act-preview .act-work-table td {
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }
}

@media screen and (max-width: 340px) {
  .legacy-act-preview .act-sheet {
    padding: 18px 10px 24px !important;
  }

  .legacy-act-preview .act-main-fields > div {
    grid-template-columns: 40% minmax(0,1fr) !important;
    gap: 5px !important;
  }

  .legacy-act-preview .act-work-table {
    font-size: 7.5px !important;
  }

  .legacy-act-preview .act-work-table th,
  .legacy-act-preview .act-work-table td {
    padding-right: 2px !important;
    padding-left: 2px !important;
  }
}

/* 1.0.16 · Редакторы: единая геометрия шапок, полей, иконок и нижних действий. */
@media screen and (max-width: 520px) {
  .finance-entry-close,
  .receipt-editor-close,
  .tool-editor-close,
  .legacy-price-editor .legacy-back-button,
  .legacy-goods-editor .legacy-back-button {
    display: grid !important;
    box-sizing: border-box !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    place-items: center !important;
    border: 1px solid #202d35 !important;
    border-radius: 12px !important;
    background: #0a1116 !important;
    color: #eef2f4 !important;
    line-height: 1 !important;
    box-shadow: none !important;
  }

  .finance-entry-close .ui-icon,
  .receipt-editor-close .ui-icon,
  .tool-editor-close .ui-icon,
  .legacy-price-editor .legacy-back-button .ui-icon,
  .legacy-goods-editor .legacy-back-button .ui-icon {
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    stroke-width: 2 !important;
  }

  .finance-entry-head > div,
  .receipt-editor-head > div,
  .tool-editor-head > div,
  .legacy-price-editor .legacy-editor-head > div,
  .legacy-goods-editor .goods-modal-head > div {
    min-width: 0 !important;
  }

  .finance-entry-head h2,
  .receipt-editor-head h2,
  .tool-editor-head h2,
  .legacy-price-editor .legacy-editor-head h1,
  .legacy-goods-editor .goods-modal-head h1 {
    overflow: hidden !important;
    margin-top: 2px !important;
    color: #f3f5f6 !important;
    font-size: 19px !important;
    font-weight: 780 !important;
    line-height: 1.08 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .finance-entry-head small,
  .receipt-editor-head small,
  .tool-editor-head small,
  .legacy-price-editor .legacy-editor-head p,
  .legacy-goods-editor .goods-modal-head p {
    overflow: hidden !important;
    color: #8b969e !important;
    font-size: 10.5px !important;
    line-height: 1.2 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .legacy-finance-entry-backdrop .form-group label,
  .legacy-service-editor-backdrop .form-group label,
  .legacy-price-editor-grid label > span,
  .legacy-goods-editor label > span {
    margin-bottom: 6px !important;
    color: #93a0a8 !important;
    font-size: 10.5px !important;
    font-weight: 720 !important;
    line-height: 1.1 !important;
    letter-spacing: .04em !important;
  }

  .legacy-finance-entry-backdrop .field,
  .legacy-service-editor-backdrop .field,
  .legacy-price-editor .field,
  .legacy-goods-editor .field {
    box-sizing: border-box !important;
    min-height: 48px !important;
    border-color: #202d35 !important;
    border-radius: 12px !important;
    background: #090f14 !important;
    color: #f0f3f4 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
  }

  .legacy-finance-entry-backdrop textarea.field,
  .legacy-service-editor-backdrop textarea.field,
  .legacy-price-editor textarea.field,
  .legacy-goods-editor textarea.field {
    min-height: 92px !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }

  .legacy-finance-entry-backdrop .field:focus,
  .legacy-service-editor-backdrop .field:focus,
  .legacy-price-editor .field:focus,
  .legacy-goods-editor .field:focus {
    outline: none !important;
    border-color: rgba(255,104,74,.62) !important;
    box-shadow: 0 0 0 2px rgba(255,104,74,.08) !important;
  }

  .legacy-finance-entry-backdrop .modal-actions > *,
  .legacy-service-editor-backdrop .modal-actions > *,
  .legacy-price-editor-actions > *,
  .legacy-goods-savebar > * {
    min-height: 48px !important;
    border-radius: 12px !important;
    font-size: 12px !important;
    font-weight: 760 !important;
    line-height: 1.1 !important;
  }

  .legacy-finance-entry-backdrop .modal-actions,
  .legacy-service-editor-backdrop .modal-actions,
  .legacy-price-editor-actions,
  .legacy-goods-savebar {
    gap: 8px !important;
  }

  .finance-entry-type,
  .receipt-editor-type,
  .tool-editor-hero {
    min-height: 56px !important;
    border-radius: 13px !important;
  }

  .finance-entry-type .ui-icon,
  .receipt-editor-type .ui-icon,
  .tool-editor-hero > .ui-icon {
    width: 20px !important;
    height: 20px !important;
    flex: 0 0 20px !important;
  }

  .finance-entry-type span,
  .receipt-editor-type span,
  .tool-editor-hero strong {
    font-size: 11px !important;
    line-height: 1.25 !important;
  }

  .tool-editor-hero small {
    font-size: 10px !important;
    line-height: 1.25 !important;
  }
}

@media screen and (max-width: 340px) {
  .finance-entry-head h2,
  .receipt-editor-head h2,
  .tool-editor-head h2,
  .legacy-price-editor .legacy-editor-head h1,
  .legacy-goods-editor .goods-modal-head h1 {
    font-size: 17px !important;
  }

  .legacy-finance-entry-backdrop .field,
  .legacy-service-editor-backdrop .field,
  .legacy-price-editor .field,
  .legacy-goods-editor .field {
    font-size: 13.5px !important;
  }

  .legacy-finance-entry-backdrop .modal-actions > *,
  .legacy-service-editor-backdrop .modal-actions > *,
  .legacy-price-editor-actions > *,
  .legacy-goods-savebar > * {
    font-size: 11.5px !important;
  }
}

/* 1.0.17 · Вторичные разделы: читаемая типографика вместо старых 8–9 px. */
@media screen and (max-width: 520px) {
  .legacy-more-list .menu-name {
    font-size: 12.5px !important;
    line-height: 1.15 !important;
  }

  .legacy-more-list .menu-description {
    margin-top: 3px !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
  }

  .legacy-finance-periods button {
    font-size: 10px !important;
  }

  .legacy-finance-summary span,
  .legacy-clients-stats span {
    font-size: 9.5px !important;
  }

  .legacy-finance-summary small,
  .legacy-clients-stats small {
    font-size: 9.5px !important;
    line-height: 1.2 !important;
  }

  .legacy-finance-copy strong {
    font-size: 12px !important;
    line-height: 1.2 !important;
  }

  .legacy-finance-copy small {
    font-size: 10px !important;
    line-height: 1.2 !important;
  }

  .legacy-finance-row > b {
    font-size: 11.5px !important;
  }

  .legacy-client-copy strong {
    font-size: 12.5px !important;
    line-height: 1.15 !important;
  }

  .legacy-client-copy small {
    font-size: 10px !important;
    line-height: 1.2 !important;
  }

  .legacy-client-copy em,
  .legacy-client-meta {
    font-size: 9.5px !important;
    line-height: 1.2 !important;
  }

  .legacy-client-side b {
    font-size: 12px !important;
  }

  .legacy-client-actions a,
  .legacy-client-actions button {
    font-size: 10.5px !important;
  }

  .legacy-price-filters label > span {
    font-size: 9.5px !important;
  }

  .legacy-price-filters .field {
    font-size: 12.5px !important;
  }

  .legacy-price-group > h3,
  .legacy-custom-price-head,
  .legacy-custom-price-head h3 {
    font-size: 10px !important;
  }

  .legacy-custom-price-head button {
    font-size: 9.5px !important;
  }

  .legacy-price-row strong {
    font-size: 12px !important;
    line-height: 1.2 !important;
  }

  .legacy-price-row small {
    font-size: 10px !important;
    line-height: 1.2 !important;
  }

  .legacy-price-row > b {
    font-size: 12px !important;
  }

  .legacy-section-title h2 {
    font-size: 14px !important;
    line-height: 1.15 !important;
  }

  .legacy-goods-current-summary strong,
  .legacy-goods-position strong,
  .legacy-product-price-list strong {
    font-size: 11.5px !important;
    line-height: 1.2 !important;
  }

  .legacy-goods-current-summary small,
  .legacy-goods-position small,
  .legacy-product-price-list small,
  .legacy-goods-help,
  .legacy-goods-intro {
    font-size: 9.5px !important;
    line-height: 1.25 !important;
  }

  .legacy-goods-current-summary > b,
  .legacy-goods-position > b,
  .legacy-product-price-list > div > b {
    font-size: 11.5px !important;
  }

  .legacy-document-row strong,
  .legacy-document-row.tool strong {
    font-size: 12px !important;
    line-height: 1.2 !important;
  }

  .legacy-document-row small,
  .legacy-document-row.tool small {
    font-size: 10px !important;
    line-height: 1.2 !important;
  }

  .legacy-document-row > b,
  .legacy-document-row.tool > b {
    font-size: 11.5px !important;
  }

  .legacy-settings-row strong,
  .legacy-settings-links strong {
    font-size: 12px !important;
    line-height: 1.2 !important;
  }

  .legacy-settings-row small,
  .legacy-settings-links small {
    font-size: 10px !important;
    line-height: 1.2 !important;
  }

  .legacy-settings-row > button:not(.toggle),
  .legacy-settings-links > button {
    font-size: 10.5px !important;
  }
}

@media screen and (max-width: 340px) {
  .legacy-more-list .menu-name,
  .legacy-client-copy strong,
  .legacy-price-row strong,
  .legacy-document-row strong,
  .legacy-document-row.tool strong,
  .legacy-settings-row strong,
  .legacy-settings-links strong {
    font-size: 11.5px !important;
  }

  .legacy-more-list .menu-description,
  .legacy-client-copy small,
  .legacy-price-row small,
  .legacy-document-row small,
  .legacy-document-row.tool small,
  .legacy-settings-row small,
  .legacy-settings-links small {
    font-size: 9.5px !important;
  }
}

/* 1.0.18 · Touch targets: все мобильные действия не меньше 44 px. */
@media screen and (max-width: 520px) {
  .legacy-order-filters button,
  .legacy-stock-actions-v2 button,
  .analytics-period-grid .chip,
  .legacy-finance-periods button,
  .movement-filter-chips button,
  .legacy-special-filter button,
  .legacy-custom-price-head button,
  .legacy-settings-row > button:not(.toggle),
  .legacy-backup-grid button,
  .legacy-draft-actions button,
  .stock-detail-actions .stock-detail-archive,
  .order-calculation-summary > button {
    min-height: 44px !important;
  }

  .legacy-visit-filter .field,
  .legacy-warehouse-filter .field,
  .legacy-price-filters .field,
  .legacy-backup-page .legacy-settings-row select {
    min-height: 44px !important;
  }

  .support-back,
  .order-editor-close,
  .stock-editor-close,
  .stock-detail-edit,
  .legacy-detail-more,
  .legacy-price-head .legacy-back-button,
  .legacy-client-profile-backdrop .client-profile-back,
  .legacy-client-profile-backdrop .client-profile-head > a,
  .catalog-modal .catalog-close,
  .material-catalog-head-close,
  .analytics-arrow,
  .legacy-finance-row > button {
    box-sizing: border-box !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
  }

  .support-back,
  .order-editor-close,
  .stock-editor-close,
  .stock-detail-edit,
  .legacy-detail-more,
  .legacy-price-head .legacy-back-button,
  .legacy-client-profile-backdrop .client-profile-back,
  .legacy-client-profile-backdrop .client-profile-head > a,
  .catalog-modal .catalog-close,
  .material-catalog-head-close,
  .analytics-arrow,
  .legacy-finance-row > button {
    display: grid !important;
    padding: 0 !important;
    place-items: center !important;
  }

  .support-back .ui-icon,
  .order-editor-close .ui-icon,
  .stock-editor-close .ui-icon,
  .stock-detail-edit .ui-icon,
  .legacy-detail-more .ui-icon,
  .legacy-price-head .legacy-back-button .ui-icon,
  .legacy-client-profile-backdrop .client-profile-back .ui-icon,
  .legacy-client-profile-backdrop .client-profile-head > a .ui-icon,
  .catalog-modal .catalog-close .ui-icon,
  .material-catalog-head-close .ui-icon,
  .analytics-arrow .ui-icon,
  .legacy-finance-row > button .ui-icon {
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
  }

  .legacy-finance-row {
    grid-template-columns: 35px minmax(0,1fr) 44px !important;
  }

  .legacy-price-head {
    grid-template-columns: 44px minmax(0,1fr) 44px !important;
  }
}

@media screen and (max-width: 340px) {
  .legacy-finance-periods button,
  .analytics-period-grid .chip,
  .legacy-order-filters button,
  .movement-filter-chips button {
    min-height: 44px !important;
  }
}

/* 1.0.19 · Touch targets: закрываем остатки строгого 44px-аудита. */
@media screen and (max-width: 520px) {
  .legacy-back-button,
  .legacy-detail-back,
  .order-actions-close,
  .stock-detail-back {
    display: grid !important;
    box-sizing: border-box !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    place-items: center !important;
  }

  .legacy-back-button .ui-icon,
  .legacy-detail-back .ui-icon,
  .order-actions-close .ui-icon,
  .stock-detail-back .ui-icon {
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
  }

  .legacy-finance-actions > button,
  .empty-actions > button,
  .empty-actions > a {
    min-height: 44px !important;
  }

  .analytics-period-grid .chip {
    min-width: 44px !important;
  }
}

@media screen and (max-width: 340px) {
  .analytics-period-grid {
    grid-template-columns: repeat(3,minmax(44px,1fr)) !important;
  }

  .analytics-period-grid .chip {
    min-width: 44px !important;
  }
}

/* 1.0.20 · Финансы 360–430 px: удаление остаётся в строке операции, а не падает вниз. */
@media screen and (min-width: 341px) and (max-width: 520px) {
  .legacy-finance-row {
    grid-template-columns: 38px minmax(0,1fr) auto 44px !important;
    gap: 8px !important;
    min-height: 64px !important;
    align-items: center !important;
  }

  .legacy-finance-row > .legacy-finance-kind {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: center !important;
  }

  .legacy-finance-row > .legacy-finance-copy {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: center !important;
  }

  .legacy-finance-row > b {
    grid-column: 3 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: end !important;
    white-space: nowrap !important;
  }

  .legacy-finance-row > button {
    grid-column: 4 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: end !important;
  }
}

/* 1.0.21 · Товарник: позиции как отдельные глубокие строки вместо серой общей плашки. */
@media screen and (max-width: 520px) {
  .legacy-goods-position-list,
  .legacy-product-price-list {
    display: grid !important;
    gap: 6px !important;
  }

  .legacy-goods-position,
  .legacy-product-price-list > div {
    box-sizing: border-box !important;
    min-height: 58px !important;
    padding: 9px 10px !important;
    border: 1px solid #182229 !important;
    border-radius: 11px !important;
    background: #090f14 !important;
  }

  .legacy-goods-position:first-child,
  .legacy-product-price-list > div:first-child {
    border-top: 1px solid #182229 !important;
  }

  .legacy-goods-position strong,
  .legacy-product-price-list strong {
    display: -webkit-box !important;
    overflow: hidden !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .legacy-goods-position small,
  .legacy-product-price-list small {
    display: block !important;
    margin-top: 4px !important;
    color: #7f8a92 !important;
  }

  .legacy-goods-position > b,
  .legacy-product-price-list > div > b {
    color: #ff7359 !important;
    font-variant-numeric: tabular-nums;
    white-space: nowrap !important;
  }
}

@media screen and (min-width: 341px) and (max-width: 520px) {
  .legacy-goods-position,
  .legacy-product-price-list > div {
    grid-template-columns: minmax(0,1fr) auto !important;
    gap: 10px !important;
    align-items: center !important;
  }

  .legacy-goods-position > b,
  .legacy-product-price-list > div > b {
    justify-self: end !important;
    align-self: center !important;
  }
}

@media screen and (max-width: 340px) {
  .legacy-goods-position,
  .legacy-product-price-list > div {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 5px !important;
  }

  .legacy-goods-position > b,
  .legacy-product-price-list > div > b {
    justify-self: start !important;
  }
}

/* 1.0.22 · Редактор заявки: основные поля без серо-синей заливки. */
@media screen and (max-width: 520px) {
  .order-editor-modal .order-editor-body .field {
    border-color: #202d35 !important;
    background-color: #090f14 !important;
    background-image: none !important;
    color: #f2f5f6 !important;
  }

  .order-editor-modal .order-editor-body .field::placeholder {
    color: #66727a !important;
    opacity: 1 !important;
  }

  .order-editor-modal .order-editor-body select.field {
    color-scheme: dark;
  }

  .order-editor-modal .order-editor-body .field:focus {
    border-color: rgba(255,104,74,.72) !important;
    background-color: #0b1217 !important;
    box-shadow: 0 0 0 3px rgba(255,104,74,.08) !important;
    outline: 0 !important;
  }

  .order-editor-modal .order-editor-body textarea.field {
    scrollbar-color: #26343d #090f14;
  }
}

/* 1.0.23 · Редактор склада: глубокие поверхности вместо серо-синих карточек и полей. */
@media screen and (max-width: 520px) {
  .stock-editor-backdrop > form.modal.compact-modal.stock-editor-modal {
    background-color: #03070a !important;
    background-image: none !important;
  }

  .stock-editor-modal .stock-editor-head,
  .stock-editor-modal .stock-editor-intro {
    border-color: #151f25 !important;
    background: #03070a !important;
    box-shadow: none !important;
  }

  .stock-editor-modal .stock-editor-section {
    border-color: #202d35 !important;
    background: #060b0f !important;
    box-shadow: none !important;
  }

  .stock-editor-modal .field {
    border-color: #202d35 !important;
    background-color: #090f14 !important;
    background-image: none !important;
    color: #f2f5f6 !important;
  }

  .stock-editor-modal .field::placeholder {
    color: #66727a !important;
    opacity: 1 !important;
  }

  .stock-editor-modal .field:focus {
    border-color: rgba(255,104,74,.72) !important;
    background-color: #0b1217 !important;
    box-shadow: 0 0 0 3px rgba(255,104,74,.08) !important;
    outline: 0 !important;
  }

  .stock-editor-modal .stock-editor-compat-details,
  .stock-editor-modal .stock-editor-compat label,
  .stock-editor-modal .stock-editor-toggle {
    border-color: #202d35 !important;
    background: #090f14 !important;
    box-shadow: none !important;
  }

  .stock-editor-modal .stock-editor-compat-content {
    border-top-color: #151f25 !important;
    background: #060b0f !important;
  }

  .stock-editor-modal .modal-actions {
    border-top-color: #202d35 !important;
    background: rgba(3,7,10,.99) !important;
    box-shadow: 0 -10px 24px rgba(0,0,0,.2) !important;
  }

  .stock-editor-modal .modal-actions .secondary-button {
    border-color: #202d35 !important;
    background: #0a1116 !important;
    color: #eef2f4 !important;
  }
}

/* 1.0.24 · Склад: деталка, движения и покупки без старых серо-синих поверхностей. */
@media screen and (max-width: 520px) {
  .stock-detail-modal {
    background-color: #03070a !important;
    background-image: none !important;
  }

  .stock-detail-head {
    border-bottom-color: #151f25 !important;
    background: rgba(3,7,10,.99) !important;
    box-shadow: none !important;
  }

  .stock-detail-back,
  .stock-detail-edit {
    border-color: #202d35 !important;
    background: #0a1116 !important;
  }

  .stock-detail-hero {
    border-color: #202d35 !important;
    background: #060b0f !important;
    box-shadow: none !important;
  }

  .stock-detail-kpis > div {
    border-color: #202d35 !important;
    background: #090f14 !important;
    box-shadow: none !important;
  }

  .stock-detail-actions button {
    border-color: #202d35 !important;
    background: #090f14 !important;
    box-shadow: none !important;
  }

  .stock-detail-actions button:active {
    background: #0b1217 !important;
  }

  .stock-detail-history {
    border-color: #202d35 !important;
    background: #060b0f !important;
    box-shadow: none !important;
  }

  .stock-detail-movement {
    border-top-color: #151f25 !important;
  }

  .movement-filter-chips {
    border-color: #202d35 !important;
    background: #060b0f !important;
    box-shadow: none !important;
  }

  .movement-card {
    border-color: #202d35 !important;
    background: #070c10 !important;
    box-shadow: none !important;
  }

  .shopping-summary {
    border-color: rgba(231,180,80,.24) !important;
    background:
      radial-gradient(circle at 100% 0, rgba(231,180,80,.07), transparent 96px),
      #070c10 !important;
    box-shadow: none !important;
  }

  .shopping-card {
    border-color: #202d35 !important;
    background: #070c10 !important;
    box-shadow: none !important;
  }

  .shopping-page-actions .secondary-button {
    border-color: #202d35 !important;
    background: #090f14 !important;
    color: #eef2f4 !important;
  }
}

/* 1.0.25 · Действия заявки: глубокий bottom sheet без серо-синей подложки. */
@media screen and (max-width: 520px) {
  .legacy-order-actions-backdrop {
    background: rgba(0,0,0,.82) !important;
  }

  .legacy-order-actions-backdrop .order-actions-sheet {
    border-color: #202d35 !important;
    background-color: #060b0f !important;
    background-image: none !important;
    box-shadow: 0 -18px 50px rgba(0,0,0,.42) !important;
  }

  .legacy-order-actions-backdrop .order-actions-close {
    border-color: #202d35 !important;
    background: #0a1116 !important;
    color: #eef2f4 !important;
  }

  .legacy-order-actions-backdrop .order-actions-grid button,
  .legacy-order-actions-backdrop .order-actions-grid a {
    border-color: #202d35 !important;
    background: #090f14 !important;
    box-shadow: none !important;
  }

  .legacy-order-actions-backdrop .order-actions-grid button:active,
  .legacy-order-actions-backdrop .order-actions-grid a:active {
    background: #0b1217 !important;
  }

  .legacy-order-actions-backdrop .order-actions-grid .order-actions-delete {
    border-color: rgba(255,102,112,.28) !important;
    background: rgba(255,102,112,.06) !important;
  }

  .legacy-order-actions-backdrop .order-actions-cancel {
    border-color: #202d35 !important;
    background: #090f14 !important;
    color: #eef2f4 !important;
    box-shadow: none !important;
  }
}

/* 1.0.26 · Каталоги заявки: услуги и материалы без серых карточек. */
@media screen and (max-width: 520px) {
  .catalog-modal-backdrop,
  .catalog-modal-backdrop > .catalog-modal,
  .catalog-modal .catalog-modal-head,
  .catalog-modal .catalog-search-row,
  .catalog-modal .catalog-modal-actions {
    background-color: #03070a !important;
    background-image: none !important;
  }

  .catalog-modal .catalog-modal-head,
  .catalog-modal .catalog-modal-actions {
    border-color: #151f25 !important;
  }

  .catalog-modal .catalog-close {
    border-color: #202d35 !important;
    background: #0a1116 !important;
  }

  .catalog-modal .catalog-search-row .search {
    border-color: #202d35 !important;
    background: #090f14 !important;
  }

  .catalog-modal .catalog-service-option {
    border-color: #202d35 !important;
    background: #090f14 !important;
    box-shadow: none !important;
  }

  .catalog-modal .catalog-service-option.selected {
    border-color: rgba(255,104,74,.58) !important;
    background:
      linear-gradient(rgba(255,104,74,.055),rgba(255,104,74,.055)),
      #090f14 !important;
  }

  .catalog-modal .catalog-fit-summary {
    border-color: #202d35 !important;
    background: #060b0f !important;
    box-shadow: none !important;
  }

  .catalog-modal .catalog-fit-summary > div {
    border-left-color: #151f25 !important;
  }

  .catalog-modal .catalog-modal-actions .secondary-button {
    border-color: #202d35 !important;
    background: #0a1116 !important;
    color: #eef2f4 !important;
  }

  .material-catalog-backdrop,
  .material-catalog-backdrop > .material-catalog-modal,
  .material-catalog-head,
  .material-catalog-search,
  .material-catalog-close {
    background-color: #03070a !important;
    background-image: none !important;
  }

  .material-catalog-head,
  .material-catalog-close {
    border-color: #151f25 !important;
  }

  .material-catalog-head-close {
    border-color: #202d35 !important;
    background: #0a1116 !important;
  }

  .material-catalog-search .search {
    border-color: #202d35 !important;
    background: #090f14 !important;
  }

  .material-catalog-row {
    border-color: #202d35 !important;
    background: #090f14 !important;
    box-shadow: none !important;
  }

  .material-catalog-row.selected {
    border-color: rgba(255,104,74,.58) !important;
    background:
      linear-gradient(rgba(255,104,74,.055),rgba(255,104,74,.055)),
      #090f14 !important;
  }
}

/* 1.0.27 · Акт: глубокая экранная оболочка; печатный A4 остаётся белым и неизменным. */
@media screen and (max-width: 520px) {
  .legacy-act-control {
    border-color: #202d35 !important;
    background-color: #060b0f !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  .legacy-act-control-title > span {
    border: 1px solid rgba(255,104,74,.24) !important;
    background: rgba(255,104,74,.08) !important;
    color: #ff765c !important;
  }

  .legacy-act-control .field {
    border-color: #202d35 !important;
    background-color: #090f14 !important;
    background-image: none !important;
    color: #f2f5f6 !important;
    color-scheme: dark;
  }

  .legacy-act-control .field:focus {
    border-color: rgba(255,104,74,.72) !important;
    background-color: #0b1217 !important;
    box-shadow: 0 0 0 3px rgba(255,104,74,.08) !important;
    outline: 0 !important;
  }

  .legacy-act-control-actions .legacy-dark-button {
    border-color: #202d35 !important;
    background: #0a1116 !important;
    color: #eef2f4 !important;
    box-shadow: none !important;
  }

  .legacy-act-preview {
    box-sizing: border-box !important;
    padding: 6px !important;
    border-color: #202d35 !important;
    background: #060b0f !important;
    box-shadow: none !important;
  }

  .legacy-act-preview .act-sheet {
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.18) !important;
  }
}

/* 1.0.28 · Системные окна: диагностика, проверка бэкапа и подтверждения в общей тёмной системе. */
@media screen and (max-width: 520px) {
  body.modal-open > .modal-backdrop > div.modal.compact-modal {
    border-color: #202d35 !important;
    background-color: #03070a !important;
    background-image: none !important;
    box-shadow: 0 24px 60px rgba(0,0,0,.42) !important;
  }

  body.modal-open > .modal-backdrop > div.modal.compact-modal > h2 {
    margin-bottom: 14px !important;
    color: #f2f5f6 !important;
    font-size: 18px !important;
    line-height: 1.15 !important;
  }

  body.modal-open > .modal-backdrop > div.modal.compact-modal .goods-list {
    display: grid !important;
    gap: 6px !important;
  }

  body.modal-open > .modal-backdrop > div.modal.compact-modal .goods-sheet {
    min-height: 52px !important;
    padding: 8px 10px !important;
    border: 1px solid #182229 !important;
    border-radius: 11px !important;
    background: #090f14 !important;
    box-shadow: none !important;
  }

  body.modal-open > .modal-backdrop > div.modal.compact-modal .goods-sheet strong {
    color: #eef2f4 !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
  }

  body.modal-open > .modal-backdrop > div.modal.compact-modal .goods-sheet small {
    color: #7f8a92 !important;
    font-size: 9px !important;
    line-height: 1.25 !important;
  }

  body.modal-open > .modal-backdrop > div.modal.compact-modal .panel {
    border-color: #202d35 !important;
    background: #060b0f !important;
    box-shadow: none !important;
  }

  body.modal-open > .modal-backdrop > div.modal.compact-modal .modal-actions {
    border-top-color: #202d35 !important;
    background: rgba(3,7,10,.99) !important;
    box-shadow: 0 -10px 24px rgba(0,0,0,.22) !important;
  }

  body.modal-open > .modal-backdrop > div.modal.compact-modal .modal-actions .secondary-button {
    border-color: #202d35 !important;
    background: #0a1116 !important;
    color: #eef2f4 !important;
  }

  .crm-confirm-backdrop {
    background: rgba(0,0,0,.82) !important;
  }

  .crm-confirm-modal {
    border-color: #202d35 !important;
    background-color: #060b0f !important;
    background-image: none !important;
    box-shadow: 0 24px 70px rgba(0,0,0,.48) !important;
  }

  .crm-confirm-actions .legacy-dark-button {
    border-color: #202d35 !important;
    background: #0a1116 !important;
    color: #eef2f4 !important;
    box-shadow: none !important;
  }

  .crm-confirm-actions button {
    min-height: 48px !important;
  }
}

/* 1.0.29 · Вложенные шторки: складские операции и свой период аналитики без старого серого слоя. */
@media screen and (max-width: 520px) {
  .stock-adjust-backdrop,
  .legacy-analytics-range-backdrop {
    background: rgba(0,0,0,.82) !important;
  }

  .stock-adjust-modal,
  .legacy-analytics-range-modal {
    border-color: #202d35 !important;
    background-color: #060b0f !important;
    background-image: none !important;
    box-shadow: 0 -18px 50px rgba(0,0,0,.42) !important;
  }

  .stock-adjust-head > button,
  .legacy-range-head > button {
    box-sizing: border-box !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    display: grid !important;
    place-items: center !important;
    border-color: #202d35 !important;
    border-radius: 12px !important;
    background: #0a1116 !important;
    color: #eef2f4 !important;
  }

  .stock-adjust-balance,
  .stock-adjust-preview {
    border-color: #202d35 !important;
    background: #090f14 !important;
    box-shadow: none !important;
  }

  .stock-adjust-field .field,
  .legacy-range-grid .field {
    border-color: #202d35 !important;
    background-color: #090f14 !important;
    background-image: none !important;
    color: #f2f5f6 !important;
    color-scheme: dark;
  }

  .stock-adjust-field .field:focus,
  .legacy-range-grid .field:focus {
    border-color: rgba(255,104,74,.72) !important;
    background-color: #0b1217 !important;
    box-shadow: 0 0 0 3px rgba(255,104,74,.08) !important;
    outline: 0 !important;
  }

  .stock-adjust-actions .legacy-dark-button,
  .legacy-range-actions .legacy-dark-button {
    border-color: #202d35 !important;
    background: #0a1116 !important;
    color: #eef2f4 !important;
    box-shadow: none !important;
  }

  .stock-adjust-actions button,
  .legacy-range-actions button {
    min-height: 48px !important;
  }

  .legacy-range-icon {
    border-color: rgba(255,104,74,.28) !important;
    background: rgba(255,104,74,.08) !important;
    color: #ff765c !important;
  }
}

/* 1.0.30 · Пустые состояния и feedback: без возврата к старым серым поверхностям. */
@media screen and (max-width: 520px) {
  .panel.empty,
  .warehouse-support-empty,
  .shopping-content .empty,
  .legacy-client-empty,
  .legacy-goods-empty,
  .legacy-price-empty.standalone,
  .legacy-finance-empty,
  .legacy-service-empty {
    box-sizing: border-box !important;
    border: 1px dashed #26343d !important;
    border-radius: 15px !important;
    background: #060b0f !important;
    box-shadow: none !important;
    color: #8c979f !important;
  }

  .panel.empty {
    padding: 28px 16px !important;
  }

  .panel.empty .empty-icon {
    display: grid !important;
    width: 52px !important;
    min-height: 52px !important;
    height: 52px !important;
    margin: 0 auto 12px !important;
    place-items: center !important;
    border: 1px solid #202d35 !important;
    border-radius: 15px !important;
    background: #090f14 !important;
    color: #ff765c !important;
  }

  .panel.empty .empty-icon .ui-icon {
    width: 25px !important;
    height: 25px !important;
    stroke-width: 1.9 !important;
  }

  .panel.empty h2 {
    margin: 0 !important;
    color: #eef2f4 !important;
    font-size: 18px !important;
    line-height: 1.15 !important;
  }

  .panel.empty p {
    max-width: 290px !important;
    margin: 7px auto 0 !important;
    color: #8c979f !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
  }

  .panel.empty .empty-actions {
    gap: 8px !important;
    margin-top: 16px !important;
  }

  .panel.empty .empty-actions .secondary-button {
    border-color: #202d35 !important;
    background: #0a1116 !important;
    color: #eef2f4 !important;
    box-shadow: none !important;
  }

  .legacy-client-empty,
  .legacy-goods-empty,
  .legacy-price-empty.standalone,
  .legacy-finance-empty,
  .legacy-service-empty {
    padding: 14px 12px !important;
    line-height: 1.4 !important;
  }

  #toast.toast {
    z-index: 520 !important;
    box-sizing: border-box !important;
    bottom: calc(96px + env(safe-area-inset-bottom)) !important;
    width: min(calc(100% - 24px), 440px) !important;
    padding: 11px 13px !important;
    border: 1px solid #26343d !important;
    border-radius: 12px !important;
    background: #0a1116 !important;
    color: #eef2f4 !important;
    font-size: 11.5px !important;
    font-weight: 650 !important;
    line-height: 1.3 !important;
    box-shadow: 0 12px 32px rgba(0,0,0,.34) !important;
  }
}

@media screen and (max-width: 340px) {
  .panel.empty {
    padding: 24px 12px !important;
  }

  .panel.empty .empty-actions {
    grid-template-columns: 1fr !important;
  }
}

/* 1.0.31 · Прайс: нейтральный поиск в покое, коралловый акцент только при взаимодействии. */
@media screen and (max-width: 520px) {
  .legacy-price-search .search {
    border-color: #202d35 !important;
    background-color: #090f14 !important;
    background-image: none !important;
    color: #f2f5f6 !important;
    box-shadow: none !important;
  }

  .legacy-price-search .search::placeholder {
    color: #66727a !important;
    opacity: 1 !important;
  }

  .legacy-price-search > .ui-icon {
    color: #7f8a92 !important;
    transition: color .16s ease;
  }

  .legacy-price-search:focus-within > .ui-icon,
  .legacy-price-search.is-focused > .ui-icon {
    color: #ff765c !important;
  }

  .legacy-price-search .search:focus,
  .legacy-price-search .search:focus-visible,
  .legacy-price-search.is-focused .search,
  .legacy-price-filters .field:focus,
  .legacy-price-filters .field:focus-visible {
    outline: 0 !important;
    border-color: rgba(255,104,74,.72) !important;
    background-color: #0b1217 !important;
    box-shadow: 0 0 0 3px rgba(255,104,74,.08) !important;
  }

  .legacy-price-filters .field {
    color-scheme: dark;
  }
}

/* 1.0.32 · Каталог материалов: явное завершение сценария через акцентную CTA. */
@media screen and (max-width: 520px) {
  .material-catalog-close {
    display: flex !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 48px !important;
    margin: 8px 0 calc(8px + env(safe-area-inset-bottom)) !important;
    padding: 0 14px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border: 1px solid #ff684a !important;
    border-radius: 12px !important;
    background: #ff684a !important;
    color: #1c100c !important;
    font-size: 13px !important;
    font-weight: 760 !important;
    line-height: 1 !important;
    box-shadow: 0 7px 20px rgba(255,104,74,.16) !important;
  }

  .material-catalog-close .ui-icon {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
    margin: 0 !important;
    stroke-width: 2.15 !important;
  }
}

/* 1.0.33 · Деталка заявки: описание ремонта без старой серо-синей подложки. */
@media screen and (max-width: 520px) {
  .legacy-detail-notes {
    border-color: #202d35 !important;
    background: #060b0f !important;
    box-shadow: none !important;
  }

  .legacy-detail-notes .legacy-detail-section-head > span {
    border: 1px solid rgba(148,163,184,.18) !important;
    background: #0a1116 !important;
    color: #a9b4bc !important;
  }

  .legacy-detail-notes > div:not(.legacy-detail-section-head) {
    padding: 10px 0 !important;
    border-top: 1px solid #151f25 !important;
  }

  .legacy-detail-notes > div:not(.legacy-detail-section-head):first-of-type {
    border-top: 0 !important;
  }

  .legacy-detail-notes > div > span {
    color: #7f8a92 !important;
    font-size: 9.5px !important;
    font-weight: 760 !important;
    letter-spacing: .055em !important;
  }

  .legacy-detail-notes p {
    margin: 5px 0 0 !important;
    color: #e7ecee !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
  }
}
/* Analytics · compact single data point */
@media screen and (max-width: 520px) {
  .analytics-chart-panel .bars:has(.bar-wrap:only-child) {
    display: block !important;
    min-height: 0 !important;
    height: auto !important;
    margin-top: 10px !important;
    padding: 0 !important;
    overflow: visible !important;
  }
  .analytics-chart-panel .bar-wrap:only-child {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) 12px !important;
    grid-template-rows: auto auto !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 78px !important;
    padding: 12px !important;
    align-items: center !important;
    justify-items: start !important;
    border: 1px solid #182229 !important;
    border-radius: 12px !important;
    background: #090f14 !important;
  }
  .analytics-chart-panel .bar-wrap:only-child > span:first-child {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: end !important;
    margin: 0 !important;
    color: #f2f5f6 !important;
    font-size: 18px !important;
    font-weight: 760 !important;
    line-height: 1.05 !important;
    font-variant-numeric: tabular-nums;
  }
  .analytics-chart-panel .bar-wrap:only-child > span:last-child {
    grid-column: 1 !important;
    grid-row: 2 !important;
    align-self: start !important;
    max-width: none !important;
    margin-top: 5px !important;
    color: #8c979f !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
  }
  .analytics-chart-panel .bar-wrap:only-child .bar {
    grid-column: 2 !important;
    grid-row: 1 / 3 !important;
    width: 10px !important;
    max-width: none !important;
    height: 44px !important;
    margin: 0 !important;
    align-self: center !important;
    justify-self: end !important;
    border-radius: 999px !important;
    box-shadow: 0 5px 16px rgba(255,104,74,.16) !important;
  }
}
@media screen and (max-width: 340px) {
  .analytics-chart-panel .bar-wrap:only-child {
    min-height: 74px !important;
    padding: 10px !important;
  }
  .analytics-chart-panel .bar-wrap:only-child > span:first-child { font-size: 17px !important; }
}

/* 1.0.35 · Список покупок: фикс каскада, одна компактная строка на позицию. */
@media screen and (max-width: 520px) {
  .shopping-content .legacy-shopping-card {
    display: grid !important;
    grid-template-columns: 42px minmax(0,1fr) auto !important;
    grid-template-rows: auto !important;
    gap: 10px !important;
    align-items: center !important;
    min-height: 72px !important;
    padding: 10px 11px !important;
  }

  .shopping-content .legacy-shopping-card > .shopping-item-icon {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: center !important;
  }

  .shopping-content .legacy-shopping-card > div:not(.shopping-need) {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    align-self: center !important;
    text-align: left !important;
  }

  .shopping-content .legacy-shopping-card > .shopping-need {
    grid-column: 3 !important;
    grid-row: 1 !important;
    min-width: 68px !important;
    align-self: center !important;
    justify-self: end !important;
    text-align: right !important;
  }
}

@media screen and (max-width: 340px) {
  .shopping-content .legacy-shopping-card {
    grid-template-columns: 38px minmax(0,1fr) auto !important;
    gap: 7px !important;
    padding-right: 9px !important;
    padding-left: 9px !important;
  }

  .shopping-content .legacy-shopping-card > .shopping-need {
    min-width: 62px !important;
  }
}
/* Order material card · reset nested grid placement */
@media screen and (max-width: 520px) {
  .order-editor-modal .material-card-head {
    align-items: start !important;
  }
  .order-editor-modal .material-card-head .material-remove {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: start !important;
    justify-self: end !important;
  }
  .order-editor-modal .material-card-controls {
    margin-top: 0 !important;
  }
}

/* 1.0.36 · Последние старые серые поверхности: деталка заявки и фокус аналитики. */
@media screen and (max-width: 520px) {
  .legacy-expanded-order-card {
    border-color: #202d35 !important;
    background: #060b0f !important;
    box-shadow: none !important;
  }

  .analytics-focus-list {
    border-color: #151f25 !important;
    background: #060b0f !important;
    box-shadow: none !important;
  }
}



/* 1.0.37 · Склад: визуальная иерархия деталки без монотонных плиток. */
@media screen and (max-width: 520px) {
  .stock-detail-hero {
    border-color: rgba(92,169,255,.26) !important;
    background-color: #060b0f !important;
    background-image: radial-gradient(circle at 0 0, rgba(92,169,255,.09), transparent 118px) !important;
  }

  .stock-detail-icon {
    border: 1px solid rgba(92,169,255,.26) !important;
    background: rgba(92,169,255,.10) !important;
    color: var(--crm-blue) !important;
  }

  .stock-detail-kpis > div {
    background-color: #070c10 !important;
    background-image: none !important;
  }

  .stock-detail-kpis > .primary {
    border-color: rgba(89,216,137,.28) !important;
    background-color: #07110c !important;
  }

  .stock-detail-kpis > .minimum {
    border-color: rgba(231,180,80,.28) !important;
    background-color: #131006 !important;
  }

  .stock-detail-kpis > div:last-child {
    grid-column: 1 / -1;
    border-color: rgba(92,169,255,.20) !important;
    background-color: #081019 !important;
  }

  .stock-detail-actions {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 7px !important;
  }

  .stock-detail-actions button {
    min-height: 58px !important;
    padding: 8px 9px !important;
    background-image: none !important;
  }

  .stock-detail-actions .incoming {
    border-color: #1f4a32 !important;
    background-color: #07130d !important;
    color: #c8f3d5 !important;
  }

  .stock-detail-actions .incoming .stock-action-icon,
  .stock-detail-actions .incoming .ui-icon {
    color: var(--crm-green) !important;
  }

  .stock-detail-actions .outgoing {
    border-color: #5a2329 !important;
    background-color: #16090c !important;
    color: #ffd2d5 !important;
  }

  .stock-detail-actions .outgoing .stock-action-icon,
  .stock-detail-actions .outgoing .ui-icon {
    color: var(--crm-red) !important;
  }

  .stock-detail-actions .stock-detail-archive {
    grid-column: 1 / -1 !important;
    min-height: 46px !important;
    border-color: #223b52 !important;
    background-color: #081019 !important;
    color: #d4e8fb !important;
  }

  .stock-detail-actions button b {
    font-size: 10.5px !important;
    line-height: 1.15;
  }

  .stock-detail-actions button small {
    margin-top: 3px;
    color: #8e9aa3 !important;
    font-size: 8px !important;
    line-height: 1.2;
  }

  .stock-detail-history {
    border-color: #1b2a33 !important;
    background-color: #060b0f !important;
    background-image: radial-gradient(circle at 100% 0, rgba(255,113,83,.055), transparent 120px) !important;
  }
}


/* 1.0.38 · Движение и покупки: смысловые акценты вместо одинаковых тёмных карточек. */
@media screen and (max-width: 520px) {
  .movement-filter-chips button.active[data-movement-filter="all"] {
    background: #17100d !important;
    color: #ffd2c7 !important;
    box-shadow: inset 0 0 0 1px rgba(255,113,83,.34) !important;
  }

  .movement-filter-chips button.active[data-movement-filter="in"] {
    background: #07130d !important;
    color: #c8f3d5 !important;
    box-shadow: inset 0 0 0 1px rgba(89,216,137,.34) !important;
  }

  .movement-filter-chips button.active[data-movement-filter="out"] {
    background: #16090c !important;
    color: #ffd2d5 !important;
    box-shadow: inset 0 0 0 1px rgba(255,102,112,.34) !important;
  }

  .movement-card.incoming {
    border-color: #214734 !important;
    background-color: #07110c !important;
    background-image: radial-gradient(circle at 0 50%, rgba(89,216,137,.075), transparent 112px) !important;
  }

  .movement-card.outgoing {
    border-color: #52242b !important;
    background-color: #14090b !important;
    background-image: radial-gradient(circle at 0 50%, rgba(255,102,112,.07), transparent 112px) !important;
  }

  .movement-card.incoming .movement-icon {
    border: 1px solid rgba(89,216,137,.25);
    background: rgba(89,216,137,.11) !important;
  }

  .movement-card.outgoing .movement-icon {
    border: 1px solid rgba(255,102,112,.25);
    background: rgba(255,102,112,.10) !important;
  }

  .movement-card > b {
    box-sizing: border-box;
    min-width: 70px;
    padding: 7px 8px;
    border-radius: 9px;
    text-align: center;
  }

  .movement-card.incoming > b {
    border: 1px solid rgba(89,216,137,.24);
    background: rgba(89,216,137,.08);
  }

  .movement-card.outgoing > b {
    border: 1px solid rgba(255,102,112,.24);
    background: rgba(255,102,112,.07);
  }

  .shopping-summary {
    border-color: #4b3c1d !important;
    background-color: #100d06 !important;
    background-image: radial-gradient(circle at 100% 0, rgba(231,180,80,.10), transparent 112px) !important;
  }

  .shopping-summary-icon {
    border: 1px solid rgba(231,180,80,.28);
    background: rgba(231,180,80,.11) !important;
  }

  .shopping-page-actions .secondary-button {
    border-color: #223b52 !important;
    background: #081019 !important;
    color: #d4e8fb !important;
  }

  .shopping-page-actions .secondary-button .ui-icon {
    color: var(--crm-blue) !important;
  }

  .shopping-card.low {
    border-color: #493b1f !important;
    background-color: #100d06 !important;
    background-image: radial-gradient(circle at 0 50%, rgba(231,180,80,.065), transparent 112px) !important;
  }

  .shopping-card.critical {
    border-color: #5a2329 !important;
    background-color: #16090c !important;
    background-image: radial-gradient(circle at 0 50%, rgba(255,102,112,.075), transparent 112px) !important;
  }

  .shopping-card.low .shopping-item-icon {
    border: 1px solid rgba(231,180,80,.25);
    background: rgba(231,180,80,.10) !important;
  }

  .shopping-card.critical .shopping-item-icon {
    border: 1px solid rgba(255,102,112,.25);
    background: rgba(255,102,112,.10) !important;
    color: var(--crm-red) !important;
  }

  .shopping-need {
    box-sizing: border-box;
    padding: 7px 8px;
    border: 1px solid rgba(231,180,80,.22);
    border-radius: 9px;
    background: rgba(231,180,80,.055);
  }

  .shopping-card.critical .shopping-need {
    border-color: rgba(255,102,112,.26);
    background: rgba(255,102,112,.065);
  }

  .shopping-card.critical .shopping-need strong {
    color: #ff8991 !important;
  }
}


/* 1.0.39 · Финансы и клиенты: смысловая иерархия вместо одинаковых тёмных плиток. */
@media screen and (max-width: 520px) {
  .legacy-finance-summary .finance-result-hero.positive {
    border-color: #214734 !important;
    background-color: #07130d !important;
    background-image: radial-gradient(circle at 100% 0, rgba(89,216,137,.10), transparent 118px) !important;
  }

  .legacy-finance-summary .finance-result-hero.negative {
    border-color: #52242b !important;
    background-color: #16090c !important;
    background-image: radial-gradient(circle at 100% 0, rgba(255,102,112,.09), transparent 118px) !important;
  }

  .legacy-finance-summary > .income {
    border-color: #1d3b2b !important;
    background-color: #07110c !important;
    background-image: none !important;
  }

  .legacy-finance-summary > .income strong {
    color: #72dda0 !important;
  }

  .legacy-finance-summary > .expense {
    border-color: #48242a !important;
    background-color: #14090b !important;
    background-image: none !important;
  }

  .legacy-finance-summary > .expense strong {
    color: #ff7f88 !important;
  }

  .legacy-finance-actions .legacy-orange-button[data-type="income"] {
    border: 1px solid #24563a !important;
    background: #0a2114 !important;
    color: #d5f6df !important;
    box-shadow: 0 7px 18px rgba(89,216,137,.10) !important;
  }

  .legacy-finance-actions .legacy-orange-button[data-type="income"] .ui-icon {
    color: var(--crm-green) !important;
  }

  .legacy-finance-actions .legacy-dark-button[data-type="expense"] {
    border-color: #5a2329 !important;
    background: #260d11 !important;
    color: #ffd5d8 !important;
  }

  .legacy-finance-actions .legacy-dark-button[data-type="expense"] .ui-icon {
    color: var(--crm-red) !important;
  }

  .legacy-finance-row.income {
    border-color: #173426 !important;
    background-color: #07100b !important;
    background-image: linear-gradient(90deg, rgba(89,216,137,.04), transparent 44%) !important;
  }

  .legacy-finance-row.expense {
    border-color: #3d2025 !important;
    background-color: #12090b !important;
    background-image: linear-gradient(90deg, rgba(255,102,112,.04), transparent 44%) !important;
  }

  .legacy-finance-row.income .legacy-finance-kind {
    border: 1px solid rgba(89,216,137,.22);
    background: rgba(89,216,137,.10) !important;
    color: var(--crm-green) !important;
  }

  .legacy-finance-row.expense .legacy-finance-kind {
    border: 1px solid rgba(255,102,112,.22);
    background: rgba(255,102,112,.09) !important;
    color: var(--crm-red) !important;
  }

  .legacy-clients-stats > .clients-stat-primary {
    border-color: #4a2c23 !important;
    background-color: #100b08 !important;
    background-image: radial-gradient(circle at 100% 0, rgba(255,113,83,.09), transparent 110px) !important;
  }

  .legacy-clients-stats > div:nth-child(2) {
    border-color: #223b52 !important;
    background-color: #081019 !important;
    background-image: none !important;
  }

  .legacy-clients-stats > div:nth-child(3) {
    border-color: #1d3b2b !important;
    background-color: #07110c !important;
    background-image: none !important;
  }

  .legacy-client-card {
    border-color: #1c2931 !important;
    background-color: #070c10 !important;
    background-image: radial-gradient(circle at 0 0, rgba(92,169,255,.035), transparent 118px) !important;
  }

  .legacy-client-avatar {
    border: 1px solid rgba(92,169,255,.22);
    background: rgba(92,169,255,.09) !important;
    color: var(--crm-blue) !important;
  }

  .legacy-client-side > b {
    color: #e7b450 !important;
  }

  .legacy-client-meta > span {
    border-radius: 8px;
  }

  .legacy-client-actions > a:first-child {
    border-color: #1d3b2b !important;
    background: #07110c !important;
    color: #c8f3d5 !important;
  }

  .legacy-client-actions > button:last-child {
    border-color: #223b52 !important;
    background: #081019 !important;
    color: #d4e8fb !important;
  }

  .legacy-client-profile-backdrop .client-profile-hero {
    border-color: #223b52 !important;
    background-color: #081019 !important;
    background-image: radial-gradient(circle at 0 0, rgba(92,169,255,.08), transparent 118px) !important;
  }

  .legacy-client-profile-backdrop .client-profile-avatar {
    border: 1px solid rgba(92,169,255,.24);
    background: rgba(92,169,255,.10) !important;
    color: var(--crm-blue) !important;
  }

  .legacy-client-profile-backdrop .client-profile-kpis > div:nth-child(1) {
    background-color: #090f14 !important;
  }

  .legacy-client-profile-backdrop .client-profile-kpis > div:nth-child(2) {
    border-color: #1d3b2b !important;
    background-color: #07110c !important;
  }

  .legacy-client-profile-backdrop .client-profile-kpis > div:nth-child(3) {
    border-color: #223b52 !important;
    background-color: #081019 !important;
  }

  .legacy-client-profile-backdrop .client-profile-kpis > div:nth-child(4) {
    border-color: #4a3b1c !important;
    background-color: #131006 !important;
  }

  .legacy-client-profile-backdrop .client-profile-actions > a:first-child {
    border-color: #1d3b2b !important;
    background: #07110c !important;
    color: #c8f3d5 !important;
  }

  .legacy-client-profile-backdrop .client-profile-actions > button:last-child {
    border-color: #4a2c23 !important;
    background: #17100d !important;
    color: #ffd2c7 !important;
  }
}


/* 1.0.40 · Прайс и товарник: разные роли для услуг, материалов и расчётов. */
@media screen and (max-width: 520px) {
  .legacy-price-row.service {
    border-top-color: #223b52 !important;
    background-color: #081019 !important;
    background-image: linear-gradient(90deg, rgba(92,169,255,.045), transparent 46%) !important;
  }

  .legacy-price-row.service > b {
    color: #71b3f2 !important;
  }

  .legacy-price-row.material {
    border-top-color: #4a3b1c !important;
    background-color: #131006 !important;
    background-image: linear-gradient(90deg, rgba(231,180,80,.045), transparent 46%) !important;
  }

  .legacy-price-row.material > b {
    color: #e7b450 !important;
  }

  .legacy-price-row.custom {
    border-top-color: #3d2c52 !important;
    background-color: #100b17 !important;
    background-image: linear-gradient(90deg, rgba(168,138,240,.05), transparent 46%) !important;
  }

  .legacy-price-row.custom > b {
    color: #b8a0ef !important;
  }

  .legacy-custom-price-head {
    border-bottom-color: #3d2c52 !important;
    background-color: #100b17 !important;
    background-image: radial-gradient(circle at 100% 0, rgba(168,138,240,.07), transparent 96px) !important;
  }

  .legacy-custom-price-head button {
    border-color: #4b3864 !important;
    background: rgba(168,138,240,.10) !important;
    color: #d8c9f8 !important;
  }

  .legacy-goods-panel.legacy-goods-new {
    border-color: #3d2c52 !important;
    background-color: #100b17 !important;
    background-image: radial-gradient(circle at 100% 0, rgba(168,138,240,.075), transparent 120px) !important;
  }

  .legacy-goods-new .legacy-section-icon {
    border: 1px solid rgba(168,138,240,.24);
    background: rgba(168,138,240,.10) !important;
    color: #b8a0ef !important;
  }

  .legacy-goods-new .legacy-purple-button {
    border: 1px solid #4b3864 !important;
    background: #21162f !important;
    color: #e1d7f8 !important;
    box-shadow: 0 7px 18px rgba(168,138,240,.09) !important;
  }

  .legacy-goods-new .legacy-dark-button {
    border-color: #223b52 !important;
    background: #081019 !important;
    color: #d4e8fb !important;
  }

  .legacy-goods-panel.legacy-goods-current {
    border-color: #202d35 !important;
    background-color: #060b0f !important;
    background-image: radial-gradient(circle at 100% 0, rgba(255,113,83,.045), transparent 118px) !important;
  }

  .legacy-goods-current .legacy-goods-current-summary {
    border-color: #3d2c52 !important;
    background-color: #100b17 !important;
    background-image: none !important;
  }

  .legacy-goods-current .legacy-open-editor {
    border-color: #4a2c23 !important;
    background: #17100d !important;
    color: #ffd2c7 !important;
  }

  .legacy-goods-panel.legacy-product-price {
    border-color: #4a3b1c !important;
    background-color: #131006 !important;
    background-image: radial-gradient(circle at 100% 0, rgba(231,180,80,.065), transparent 112px) !important;
  }

  .legacy-product-price .legacy-section-icon {
    border: 1px solid rgba(231,180,80,.24);
    background: rgba(231,180,80,.10) !important;
    color: #e7b450 !important;
  }

  .legacy-product-price-list > div {
    border-color: #3c321c !important;
    background-color: #0d0c07 !important;
  }

  .legacy-product-price-list > div > b {
    color: #e7b450 !important;
  }
}


/* 1.0.41 · Ещё и инструменты: акценты разделов и статус оборудования. */
@media screen and (max-width: 520px) {
  .legacy-more-list .menu-item {
    background-color: #070c10 !important;
    background-image: none !important;
  }

  .legacy-more-list .menu-finance {
    border-left-color: #214734 !important;
    background-color: #07100b !important;
    background-image: radial-gradient(circle at 0 50%, rgba(89,216,137,.045), transparent 105px) !important;
  }

  .legacy-more-list .menu-shopping {
    border-left-color: #4a3b1c !important;
    background-color: #100d06 !important;
    background-image: radial-gradient(circle at 0 50%, rgba(231,180,80,.045), transparent 105px) !important;
  }

  .legacy-more-list .menu-clients,
  .legacy-more-list .menu-tools {
    border-left-color: #223b52 !important;
    background-color: #081019 !important;
    background-image: radial-gradient(circle at 0 50%, rgba(92,169,255,.04), transparent 105px) !important;
  }

  .legacy-more-list .menu-prices,
  .legacy-more-list .menu-goods {
    border-left-color: #3d2c52 !important;
    background-color: #100b17 !important;
    background-image: radial-gradient(circle at 0 50%, rgba(168,138,240,.045), transparent 105px) !important;
  }

  .legacy-more-list .menu-act {
    border-left-color: #4a2c23 !important;
    background-color: #100b08 !important;
    background-image: radial-gradient(circle at 0 50%, rgba(255,113,83,.04), transparent 105px) !important;
  }

  .legacy-more-list .menu-settings {
    border-left-color: #2b3942 !important;
    background-color: #090f14 !important;
  }

  .tools-stats > .service-stat-primary {
    border-color: #223b52 !important;
    background-color: #081019 !important;
    background-image: radial-gradient(circle at 100% 0, rgba(92,169,255,.08), transparent 105px) !important;
  }

  .tools-stats > div:nth-child(2) {
    border-color: #1d3b2b !important;
    background-color: #07110c !important;
    background-image: none !important;
  }

  .legacy-document-row.tool {
    background-image: none !important;
  }

  .legacy-document-row.tool.available {
    border-color: #1d3b2b !important;
    background-color: #07100b !important;
  }

  .legacy-document-row.tool.busy {
    border-color: #4a3b1c !important;
    background-color: #131006 !important;
  }

  .legacy-document-row.tool.retired {
    border-color: #48242a !important;
    background-color: #12090b !important;
  }

  .legacy-document-row.tool.available .legacy-document-icon {
    border: 1px solid rgba(89,216,137,.22);
    background: rgba(89,216,137,.09) !important;
    color: var(--crm-green) !important;
  }

  .legacy-document-row.tool.busy .legacy-document-icon {
    border: 1px solid rgba(231,180,80,.22);
    background: rgba(231,180,80,.09) !important;
    color: var(--crm-yellow) !important;
  }

  .legacy-document-row.tool.retired .legacy-document-icon {
    border: 1px solid rgba(255,102,112,.22);
    background: rgba(255,102,112,.09) !important;
    color: var(--crm-red) !important;
  }
}


/* 1.0.42 · Настройки и бэкапы: отдельные визуальные роли по назначению. */
@media screen and (max-width: 520px) {
  .legacy-settings-page .settings-profile-card {
    border-color: #4a2c23 !important;
    background-color: #100b08 !important;
    background-image: radial-gradient(circle at 100% 0, rgba(255,113,83,.065), transparent 120px) !important;
  }

  .legacy-settings-page .settings-profile-card .legacy-section-icon {
    border: 1px solid rgba(255,113,83,.22);
    background: rgba(255,113,83,.09) !important;
    color: var(--crm-accent) !important;
  }

  .legacy-settings-page .settings-app-card {
    border-color: #223b52 !important;
    background-color: #081019 !important;
    background-image: radial-gradient(circle at 100% 0, rgba(92,169,255,.055), transparent 120px) !important;
  }

  .legacy-settings-page .settings-data-card {
    border-color: #202d35 !important;
    background-color: #060b0f !important;
    background-image: none !important;
  }

  .legacy-settings-page .settings-app-card .legacy-settings-row {
    border-color: #1b2a33 !important;
  }

  .legacy-settings-page .legacy-settings-links > button[data-more="tools"] {
    border-color: #223b52 !important;
    background: #081019 !important;
  }

  .legacy-settings-page .settings-links > button[data-more="receipts"] {
    border-color: #4a3b1c !important;
    background: #131006 !important;
  }

  .legacy-settings-page .legacy-settings-links > button[data-more="drafts"] {
    border-color: #3d2c52 !important;
    background: #100b17 !important;
  }

  .legacy-settings-page .legacy-settings-links > button[data-more="backup"] {
    border-color: #1d3b2b !important;
    background: #07110c !important;
  }

  .legacy-backup-page .backup-primary-card {
    border-color: #1d3b2b !important;
    background-color: #07110c !important;
    background-image: radial-gradient(circle at 100% 0, rgba(89,216,137,.07), transparent 120px) !important;
  }

  .legacy-backup-page .backup-primary-card .legacy-section-icon {
    border: 1px solid rgba(89,216,137,.24);
    background: rgba(89,216,137,.10) !important;
    color: var(--crm-green) !important;
  }

  .legacy-backup-page .legacy-backup-main-actions .legacy-orange-button {
    border: 1px solid #24563a !important;
    background: #0a2114 !important;
    color: #d5f6df !important;
    box-shadow: none !important;
  }

  .legacy-backup-page .legacy-backup-main-actions .legacy-dark-button {
    border-color: #223b52 !important;
    background: #081019 !important;
    color: #d4e8fb !important;
  }

  .legacy-backup-page .backup-auto-card {
    border-color: #223b52 !important;
    background-color: #081019 !important;
    background-image: radial-gradient(circle at 100% 0, rgba(92,169,255,.055), transparent 120px) !important;
  }

  .legacy-backup-page .legacy-service-stats.backup > div:nth-child(1) {
    border-color: #4a2c23 !important;
    background-color: #100b08 !important;
  }

  .legacy-backup-page .legacy-service-stats.backup > div:nth-child(2) {
    border-color: #223b52 !important;
    background-color: #081019 !important;
  }

  .legacy-backup-page .legacy-service-stats.backup > div:nth-child(3) {
    border-color: #3d2c52 !important;
    background-color: #100b17 !important;
  }
}


/* 1.0.43 · Документы и акт: привязка к заявке, выбранная заявка и ясные действия. */
@media screen and (max-width: 520px) {
  .receipts-stats > .service-stat-primary {
    border-color: #4a2c23 !important;
    background-color: #100b08 !important;
    background-image: radial-gradient(circle at 100% 0, rgba(255,113,83,.075), transparent 105px) !important;
  }

  .receipts-stats > div:nth-child(2) {
    border-color: #4a3b1c !important;
    background-color: #131006 !important;
    background-image: none !important;
  }

  .receipts-stats > div:nth-child(2) strong {
    color: #e7b450 !important;
  }

  .receipts-stats > div:nth-child(3) {
    border-color: #1d3b2b !important;
    background-color: #07110c !important;
    background-image: none !important;
  }

  .legacy-document-row.receipt {
    background-image: none !important;
  }

  .legacy-document-row.receipt.linked {
    border-color: #1d3b2b !important;
    background-color: #07100b !important;
  }

  .legacy-document-row.receipt.standalone {
    border-color: #3d2c52 !important;
    background-color: #100b17 !important;
  }

  .legacy-document-row.receipt.linked .legacy-document-icon {
    border: 1px solid rgba(89,216,137,.22);
    background: rgba(89,216,137,.09) !important;
    color: var(--crm-green) !important;
  }

  .legacy-document-row.receipt.standalone .legacy-document-icon {
    border: 1px solid rgba(168,138,240,.22);
    background: rgba(168,138,240,.09) !important;
    color: #b8a0ef !important;
  }

  .legacy-document-row.receipt > b {
    color: #e7b450 !important;
    font-variant-numeric: tabular-nums;
  }

  .legacy-service-editor-backdrop .receipt-editor-type {
    border-color: #4a3b1c !important;
    background-color: #131006 !important;
    color: #f1dfb7 !important;
  }

  .legacy-service-editor-backdrop .receipt-editor-type .ui-icon {
    color: #e7b450 !important;
  }

  .legacy-service-editor-backdrop .service-editor-head-icon.receipt {
    border-color: rgba(231,180,80,.26) !important;
    background: rgba(231,180,80,.10) !important;
    color: #e7b450 !important;
  }

  .legacy-act-control {
    border-color: #4a2c23 !important;
    background-color: #100b08 !important;
    background-image: radial-gradient(circle at 100% 0, rgba(255,113,83,.07), transparent 120px) !important;
  }

  .legacy-act-control-title > span {
    border: 1px solid rgba(255,113,83,.24);
    background: rgba(255,113,83,.10) !important;
    color: var(--crm-accent) !important;
  }

  .legacy-act-selected {
    display: grid;
    grid-template-columns: 38px minmax(0,1fr);
    gap: 9px;
    align-items: center;
    min-height: 58px;
    padding: 8px 9px;
    border: 1px solid #223b52;
    border-radius: 11px;
    background: #081019;
  }

  .legacy-act-selected-icon {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid rgba(92,169,255,.22);
    border-radius: 10px;
    background: rgba(92,169,255,.09);
    color: var(--crm-blue);
  }

  .legacy-act-selected-icon .ui-icon {
    width: 19px;
    height: 19px;
  }

  .legacy-act-selected > span:last-child {
    min-width: 0;
  }

  .legacy-act-selected small,
  .legacy-act-selected strong,
  .legacy-act-selected em {
    display: block;
  }

  .legacy-act-selected small {
    color: #6f8796;
    font-size: 8.5px;
    font-weight: 760;
    letter-spacing: .07em;
  }

  .legacy-act-selected strong {
    overflow: hidden;
    margin-top: 2px;
    color: #edf5fa;
    font-size: 11.5px;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .legacy-act-selected em {
    overflow: hidden;
    margin-top: 3px;
    color: #8fa3af;
    font-size: 9.5px;
    font-style: normal;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .legacy-act-control-actions .legacy-dark-button {
    border-color: #223b52 !important;
    background: #081019 !important;
    color: #d4e8fb !important;
  }

  .legacy-act-control-actions .legacy-dark-button .ui-icon {
    color: var(--crm-blue) !important;
  }

  .legacy-act-control-actions .legacy-orange-button {
    border: 1px solid #5a2e22 !important;
    background: #26120d !important;
    color: #ffd8cf !important;
    box-shadow: 0 7px 18px rgba(255,113,83,.11) !important;
  }

  .legacy-act-preview {
    border-color: #2a343a !important;
    background-color: #05090c !important;
  }
}


/* 1.0.44 · Черновики: рабочий статус, компактная карточка и ясные действия. */
@media screen and (max-width: 520px) {
  .legacy-drafts-page .legacy-service-note {
    border-color: #3d2c52 !important;
    background-color: #100b17 !important;
    background-image: radial-gradient(circle at 100% 0, rgba(168,138,240,.065), transparent 108px) !important;
    color: #c9bed8 !important;
  }

  .legacy-draft-card {
    display: grid !important;
    grid-template-columns: 38px minmax(0,1fr) auto !important;
    gap: 9px !important;
    align-items: center !important;
    padding: 10px !important;
    border-color: #3d2c52 !important;
    background-color: #100b17 !important;
    background-image: radial-gradient(circle at 0 0, rgba(168,138,240,.055), transparent 110px) !important;
  }

  .legacy-draft-icon {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid rgba(168,138,240,.24);
    border-radius: 10px;
    background: rgba(168,138,240,.10);
    color: #b8a0ef;
  }

  .legacy-draft-icon .ui-icon {
    width: 19px;
    height: 19px;
  }

  .legacy-draft-copy {
    min-width: 0;
  }

  .legacy-draft-copy em,
  .legacy-draft-copy strong,
  .legacy-draft-copy small {
    display: block;
  }

  .legacy-draft-copy em {
    margin-bottom: 2px;
    color: #927cbb;
    font-size: 8px;
    font-style: normal;
    font-weight: 780;
    letter-spacing: .08em;
  }

  .legacy-draft-copy strong {
    display: -webkit-box !important;
    overflow: hidden;
    color: #f0ebf8;
    font-size: 12px !important;
    line-height: 1.18 !important;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .legacy-draft-copy small {
    overflow: hidden;
    margin-top: 4px;
    color: #9a8eaa;
    font-size: 9.5px !important;
    line-height: 1.2 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .legacy-draft-card > b {
    color: #e7b450 !important;
    font-size: 11.5px;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
  }

  .legacy-draft-actions {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: minmax(0,1.25fr) minmax(0,.85fr) !important;
    gap: 7px !important;
    margin-top: 1px !important;
  }

  .legacy-draft-actions button {
    display: inline-flex !important;
    min-height: 44px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    border: 1px solid #4b3864 !important;
    border-radius: 10px !important;
    background: #21162f !important;
    color: #e1d7f8 !important;
    font-size: 10.5px !important;
    font-weight: 720 !important;
  }

  .legacy-draft-actions button .ui-icon {
    width: 16px !important;
    height: 16px !important;
  }

  .legacy-draft-actions button.danger {
    border-color: #48242a !important;
    background: #12090b !important;
    color: #ffb8bd !important;
  }
}

@media screen and (max-width: 340px) {
  .legacy-draft-card {
    grid-template-columns: 36px minmax(0,1fr) !important;
  }

  .legacy-draft-card > b {
    grid-column: 2 !important;
    justify-self: start !important;
    margin-top: -2px;
  }

  .legacy-draft-actions {
    grid-column: 1 / -1 !important;
  }
}


/* 1.0.45 · Оболочка: мягкая шапка и стабильная нижняя навигация с активными иконками. */
@media screen and (max-width: 520px) {
  .legacy-mobile-header {
    min-height: calc(68px + env(safe-area-inset-top)) !important;
    padding: calc(10px + env(safe-area-inset-top)) 12px 10px !important;
    border-bottom: 0 !important;
    background:
      radial-gradient(circle at 100% 0, rgba(255,113,83,.045), transparent 150px),
      rgba(4,8,11,.985) !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.14) !important;
    backdrop-filter: blur(18px);
  }

  .legacy-mobile-header .logo {
    display: none !important;
  }

  .legacy-mobile-header .brand {
    display: grid;
    min-width: 0;
    gap: 2px;
    align-content: center;
  }

  .legacy-mobile-header .brand-title {
    font-size: 19px !important;
    font-weight: 800 !important;
    line-height: 1.05 !important;
    letter-spacing: -.025em !important;
  }

  .legacy-mobile-header .brand-subtitle {
    margin-top: 0 !important;
    color: #7f8b93 !important;
    font-size: 10px !important;
    font-weight: 680 !important;
    line-height: 1.15 !important;
    letter-spacing: .11em !important;
  }

  .bottom-nav {
    min-height: calc(70px + env(safe-area-inset-bottom)) !important;
    padding: 6px 8px calc(7px + env(safe-area-inset-bottom)) !important;
    border-top: 1px solid #151f25 !important;
    background: rgba(3,7,10,.985) !important;
    box-shadow: 0 -14px 32px rgba(0,0,0,.26) !important;
    backdrop-filter: blur(20px);
  }

  .nav-button {
    --nav-accent: #ff765c;
    --nav-bg: rgba(255,113,83,.10);
    --nav-border: rgba(255,113,83,.24);
    display: grid !important;
    grid-template-rows: 30px 14px !important;
    min-height: 56px !important;
    padding: 3px 2px !important;
    align-content: center !important;
    justify-items: center !important;
    gap: 3px !important;
    border-radius: 11px !important;
    color: #7f8b93 !important;
    font-size: 10.5px !important;
    font-weight: 690 !important;
    line-height: 1 !important;
    transition: color .14s ease, transform .14s ease !important;
  }

  .nav-button[data-nav="warehouse"] {
    --nav-accent: #5ca9ff;
    --nav-bg: rgba(92,169,255,.10);
    --nav-border: rgba(92,169,255,.24);
  }

  .nav-button[data-nav="analytics"] {
    --nav-accent: #a88af0;
    --nav-bg: rgba(168,138,240,.10);
    --nav-border: rgba(168,138,240,.24);
  }

  .nav-button[data-nav="more"] {
    --nav-accent: #e7b450;
    --nav-bg: rgba(231,180,80,.10);
    --nav-border: rgba(231,180,80,.24);
  }

  .nav-button .nav-icon {
    display: grid !important;
    box-sizing: border-box !important;
    width: 32px !important;
    height: 30px !important;
    min-height: 30px !important;
    margin: 0 !important;
    place-items: center !important;
    border: 1px solid transparent !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: currentColor;
    transition: border-color .14s ease, background-color .14s ease, color .14s ease !important;
  }

  .nav-button .nav-icon .ui-icon,
  .nav-button[data-nav="more"] .nav-icon .ui-icon {
    width: 22px !important;
    height: 22px !important;
    stroke-width: 2.05 !important;
  }

  .nav-button.active,
  .nav-button[aria-current="page"] {
    background: transparent !important;
    color: var(--nav-accent) !important;
    box-shadow: none !important;
  }

  .nav-button.active .nav-icon,
  .nav-button[aria-current="page"] .nav-icon {
    border-color: var(--nav-border) !important;
    background: var(--nav-bg) !important;
    color: var(--nav-accent) !important;
    filter: none !important;
    transform: none !important;
  }

  .nav-button > span:last-child {
    display: flex !important;
    min-height: 14px !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .nav-button:active {
    transform: scale(.96) !important;
  }
}

@media screen and (max-width: 340px) {
  .legacy-mobile-header .brand-title {
    font-size: 18px !important;
  }

  .legacy-mobile-header .brand-subtitle {
    font-size: 9.5px !important;
  }

  .nav-button {
    font-size: 10px !important;
  }

  .nav-button .nav-icon {
    width: 30px !important;
  }

  .nav-button .nav-icon .ui-icon,
  .nav-button[data-nav="more"] .nav-icon .ui-icon {
    width: 21px !important;
    height: 21px !important;
  }
}


/* 1.0.46 · Нижний safe-space: последний контент полностью прокручивается выше fixed nav. */
@media screen and (max-width: 520px) {
  .shell {
    padding-bottom: calc(94px + env(safe-area-inset-bottom)) !important;
  }
}


/* 1.0.38 · Заявка: компактный расход без склада и явный минимум белого расхода. */
@media screen and (max-width: 520px) {
  .order-editor-modal .direct-expense-add {
    display: flex !important;
    width: 100% !important;
    min-height: 48px !important;
    margin-top: 9px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border-color: #2a3740 !important;
    background: #0a1116 !important;
    color: #dce3e6 !important;
    font-size: 12px !important;
    font-weight: 740 !important;
    text-align: center !important;
  }

  .order-editor-modal .direct-expense-add .ui-icon {
    width: 18px !important;
    height: 18px !important;
    color: #ff765c !important;
  }

  .order-editor-modal .direct-expense-card {
    gap: 8px !important;
    border-color: rgba(255,104,74,.24) !important;
    background-color: #0c0b0a !important;
    background-image: linear-gradient(135deg, rgba(255,104,74,.045), transparent 56%) !important;
  }

  .order-editor-modal .direct-expense-controls {
    display: grid !important;
    grid-template-columns: minmax(74px,.72fr) minmax(0,1.28fr) !important;
    gap: 7px !important;
    min-width: 0 !important;
  }

  .order-editor-modal .direct-expense-controls label {
    display: grid !important;
    min-width: 0 !important;
    gap: 5px !important;
  }

  .order-editor-modal .direct-expense-controls label > span {
    color: #8e989f !important;
    font-size: 10px !important;
    line-height: 1.1 !important;
  }

  .order-editor-modal .direct-expense-controls .field {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 10px !important;
    border-color: #342f2d !important;
    background: #100f0e !important;
    font-size: 13px !important;
  }

  .order-editor-modal .direct-expense-comment {
    grid-column: 1 / -1 !important;
  }

  .order-editor-modal .white-expense-group {
    align-content: start !important;
  }

  .order-editor-modal .white-expense-hint {
    display: block !important;
    margin-top: 5px !important;
    color: #8e989f !important;
    font-size: 9.5px !important;
    line-height: 1.25 !important;
  }
}


/* 1.0.39 · Склад: доступно / резерв / минимум после перехода на резервирование. */
@media screen and (max-width: 520px) {
  .stock-detail-kpis > .reserved {
    border-color: rgba(92,169,255,.24) !important;
    background-color: #081019 !important;
  }

  .stock-detail-kpis > .minimum {
    grid-column: 1 / -1 !important;
    border-color: rgba(231,180,80,.28) !important;
    background-color: #131006 !important;
  }
}


/* 1.0.40 · Склад: минимум должен перекрывать старый last-child стиль. */
@media screen and (max-width: 520px) {
  .stock-detail-kpis > .minimum:last-child {
    border-color: rgba(231,180,80,.28) !important;
    background-color: #131006 !important;
  }
}


/* 1.0.41 · Источники, клиент и визиты: компактная мобильная компоновка. */
@media screen and (max-width: 520px) {
  .order-editor-modal .client-match-slot:empty {
    display: none !important;
  }

  .order-editor-modal .client-match-slot {
    grid-column: 1 / -1 !important;
  }

  .order-editor-modal .client-match-card {
    display: grid !important;
    grid-template-columns: 32px minmax(0,1fr) !important;
    gap: 9px !important;
    min-height: 48px !important;
    padding: 9px 11px !important;
    align-items: center !important;
    border: 1px solid #223b52 !important;
    border-radius: 12px !important;
    background: #081019 !important;
    color: #d4e8fb !important;
  }

  .order-editor-modal .client-match-card > .ui-icon {
    width: 18px !important;
    height: 18px !important;
    justify-self: center !important;
    color: var(--crm-blue) !important;
  }

  .order-editor-modal .client-match-card span {
    min-width: 0 !important;
  }

  .order-editor-modal .client-match-card strong,
  .order-editor-modal .client-match-card small {
    display: block !important;
  }

  .order-editor-modal .client-match-card strong {
    font-size: 11px !important;
  }

  .order-editor-modal .client-match-card small {
    margin-top: 3px !important;
    overflow: hidden !important;
    color: #91a8b8 !important;
    font-size: 9.5px !important;
    line-height: 1.25 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .legacy-nearest-visit {
    display: block !important;
    width: 100% !important;
  }

  .legacy-nearest-title {
    display: flex !important;
    align-items: center !important;
  }

  .legacy-nearest-title > span:last-child {
    min-width: 24px !important;
    height: 24px !important;
    margin-left: auto !important;
    border-radius: 999px !important;
    background: rgba(92,169,255,.12) !important;
    color: #b9daf5 !important;
    font-size: 10px !important;
    line-height: 24px !important;
    text-align: center !important;
  }

  .legacy-nearest-visits-list {
    display: grid !important;
    gap: 5px !important;
    margin-top: 7px !important;
  }

  .legacy-nearest-visits-list .legacy-nearest-line {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    grid-template-areas:
      "date id"
      "copy id" !important;
    gap: 2px 8px !important;
    width: 100% !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 7px 9px !important;
    align-items: center !important;
    border: 1px solid #223b52 !important;
    border-radius: 10px !important;
    background: #071019 !important;
    text-align: left !important;
  }

  .legacy-nearest-visits-list .legacy-nearest-line > strong {
    grid-area: date !important;
    overflow: hidden !important;
    color: #d7eafa !important;
    font-size: 10px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .legacy-nearest-visits-list .legacy-nearest-line > span {
    grid-area: copy !important;
    min-width: 0 !important;
    overflow: hidden !important;
    color: #91a8b8 !important;
    font-size: 9.5px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .legacy-nearest-visits-list .legacy-nearest-line > em {
    grid-area: id !important;
    color: #6f8797 !important;
    font-size: 9px !important;
    font-style: normal !important;
  }

  .source-manager-modal {
    width: min(100%, 420px) !important;
    max-height: min(86dvh, 720px) !important;
    overflow: hidden !important;
    border-color: #202d35 !important;
    background: #03070a !important;
  }

  .source-manager-head {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) 44px !important;
    gap: 10px !important;
    padding: 14px !important;
    align-items: center !important;
    border-bottom: 1px solid #151f25 !important;
  }

  .source-manager-head small {
    color: #71808a !important;
    font-size: 9px !important;
  }

  .source-manager-head h2 {
    margin: 2px 0 0 !important;
    font-size: 18px !important;
  }

  .source-manager-head > button {
    width: 44px !important;
    height: 44px !important;
    border: 1px solid #202d35 !important;
    border-radius: 11px !important;
    background: #0a1116 !important;
    color: #dce3e6 !important;
  }

  .source-manager-list {
    display: grid !important;
    gap: 7px !important;
    max-height: 52dvh !important;
    padding: 12px 14px !important;
    overflow: auto !important;
  }

  .source-manager-row {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) 44px !important;
    gap: 7px !important;
    align-items: center !important;
  }

  .source-manager-row.archived {
    opacity: .56 !important;
  }

  .source-manager-row .field {
    min-height: 44px !important;
    background: #090f14 !important;
  }

  .source-manager-row > button {
    width: 44px !important;
    height: 44px !important;
    border: 1px solid #2a3740 !important;
    border-radius: 11px !important;
    background: #0a1116 !important;
    color: #aebbc2 !important;
  }

  .source-manager-add {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    gap: 7px !important;
    padding: 12px 14px calc(12px + env(safe-area-inset-bottom)) !important;
    border-top: 1px solid #151f25 !important;
  }

  .source-manager-add .field,
  .source-manager-add .primary-button {
    min-height: 48px !important;
  }

  .source-manager-add .primary-button {
    padding: 0 13px !important;
  }

  .client-profile-note {
    display: grid !important;
    gap: 7px !important;
    padding: 12px !important;
    border: 1px solid #202d35 !important;
    border-radius: 13px !important;
    background: #060b0f !important;
  }

  .client-profile-note label {
    color: #aab4ba !important;
    font-size: 10px !important;
    font-weight: 700 !important;
  }

  .client-profile-note .textarea {
    min-height: 82px !important;
    background: #090f14 !important;
  }

  .client-profile-note .secondary-button {
    min-height: 44px !important;
  }

  .legacy-client-profile-backdrop .client-profile-address {
    text-decoration: none !important;
    color: inherit !important;
  }

  .legacy-order-meta .address {
    color: inherit !important;
    text-decoration: none !important;
  }
}


/* 1.0.42 · Яндекс Карты: адрес остаётся компактным, но имеет нормальную touch-зону. */
@media screen and (max-width: 520px) {
  .legacy-order-meta .address {
    display: flex !important;
    min-height: 44px !important;
    padding: 7px 0 !important;
    align-items: center !important;
    gap: 5px !important;
    box-sizing: border-box !important;
  }

  .legacy-order-meta .address .ui-icon {
    flex: 0 0 auto !important;
  }
}


/* 1.0.43 · Календарь визитов: месяц + дневная шкала, включая 320 px. */
@media screen and (max-width: 520px) {
  .legacy-calendar-page {
    padding-top: 14px !important;
  }

  .legacy-nearest-title {
    min-height: 44px !important;
  }

  .legacy-nearest-title > strong {
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }

  .legacy-nearest-title > span {
    display: inline-grid !important;
    width: 24px !important;
    height: 24px !important;
    flex: 0 0 24px !important;
    place-items: center !important;
    border-radius: 999px !important;
    background: rgba(92,169,255,.12) !important;
    color: #b9daf5 !important;
    font-size: 10px !important;
  }

  .legacy-nearest-title > button {
    min-width: 72px !important;
    min-height: 44px !important;
    padding: 0 9px !important;
    border: 1px solid #29445b !important;
    border-radius: 10px !important;
    background: #0a1721 !important;
    color: #c9e4fa !important;
    font-size: 9.5px !important;
    font-weight: 730 !important;
  }

  .calendar-month-card,
  .calendar-day-card {
    border: 1px solid #202d35 !important;
    background: #060b0f !important;
    box-shadow: none !important;
  }

  .calendar-month-card {
    width: calc(100% + 24px) !important;
    margin: 0 -12px 12px !important;
    padding: 12px 3px !important;
    box-sizing: border-box !important;
    border-right: 0 !important;
    border-left: 0 !important;
    border-radius: 0 !important;
  }

  .calendar-month-head {
    display: grid !important;
    grid-template-columns: 44px minmax(0,1fr) 44px !important;
    gap: 6px !important;
    padding: 0 9px 10px !important;
    align-items: center !important;
  }

  .calendar-month-head strong {
    overflow: hidden !important;
    color: #eef2f4 !important;
    font-size: 16px !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    text-transform: capitalize !important;
    white-space: nowrap !important;
  }

  .calendar-month-head button {
    width: 44px !important;
    height: 44px !important;
    border: 1px solid #26343d !important;
    border-radius: 11px !important;
    background: #0a1116 !important;
    color: #c6d0d5 !important;
  }

  .calendar-month-head .next .ui-icon {
    transform: none !important;
  }

  .calendar-weekdays,
  .calendar-grid {
    display: grid !important;
    grid-template-columns: repeat(7, minmax(44px, 1fr)) !important;
    gap: 1px !important;
  }

  .calendar-weekdays {
    margin-bottom: 3px !important;
  }

  .calendar-weekdays span {
    min-width: 44px !important;
    color: #697780 !important;
    font-size: 8.5px !important;
    font-weight: 720 !important;
    text-align: center !important;
  }

  .calendar-day-spacer {
    width: 100% !important;
    min-width: 44px !important;
    min-height: 44px !important;
  }

  .calendar-day {
    position: relative !important;
    display: grid !important;
    width: 100% !important;
    min-width: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    place-items: center !important;
    border: 1px solid transparent !important;
    border-radius: 9px !important;
    background: #080e12 !important;
    color: #cfd6da !important;
    font-size: 11px !important;
    font-weight: 700 !important;
  }

  .calendar-day.today {
    border-color: #2d4350 !important;
    color: #ffffff !important;
  }

  .calendar-day.has-future {
    border-color: rgba(255,113,83,.34) !important;
    background: #17100d !important;
    color: #ffd3c8 !important;
  }

  .calendar-day.has-past {
    border-color: #27323a !important;
    background: #0a1014 !important;
    color: #aeb8bd !important;
  }

  .calendar-day.selected {
    outline: 2px solid rgba(92,169,255,.70) !important;
    outline-offset: -2px !important;
  }

  .calendar-day i {
    position: absolute !important;
    top: 3px !important;
    right: 4px !important;
    min-width: 14px !important;
    height: 14px !important;
    padding: 0 3px !important;
    border-radius: 999px !important;
    background: rgba(92,169,255,.16) !important;
    color: #b9daf5 !important;
    font-size: 7.5px !important;
    font-style: normal !important;
    line-height: 14px !important;
    text-align: center !important;
  }

  .calendar-legend {
    display: flex !important;
    gap: 12px !important;
    padding: 9px 10px 0 !important;
    color: #74828a !important;
    font-size: 9px !important;
  }

  .calendar-legend span::before {
    display: inline-block !important;
    width: 7px !important;
    height: 7px !important;
    margin-right: 5px !important;
    border-radius: 999px !important;
    content: "" !important;
  }

  .calendar-legend .future::before {
    background: #ff7153 !important;
  }

  .calendar-legend .past::before {
    background: #6f7b82 !important;
  }

  .calendar-day-card {
    padding: 12px !important;
    border-radius: 14px !important;
  }

  .calendar-day-head {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) 36px !important;
    gap: 10px !important;
    margin-bottom: 10px !important;
    align-items: center !important;
  }

  .calendar-day-head small {
    color: #6f7d86 !important;
    font-size: 8.5px !important;
    font-weight: 760 !important;
    letter-spacing: .08em !important;
  }

  .calendar-day-head h2 {
    margin: 2px 0 0 !important;
    color: #eef2f4 !important;
    font-size: 16px !important;
    text-transform: capitalize !important;
  }

  .calendar-day-head > b {
    display: grid !important;
    width: 36px !important;
    height: 36px !important;
    place-items: center !important;
    border-radius: 10px !important;
    background: #081019 !important;
    color: #9dc9ee !important;
    font-size: 12px !important;
  }

  .calendar-all-day {
    display: grid !important;
    gap: 6px !important;
    margin-bottom: 9px !important;
    padding: 8px !important;
    border: 1px solid #27343d !important;
    border-radius: 11px !important;
    background: #080e12 !important;
  }

  .calendar-all-day > span {
    color: #849199 !important;
    font-size: 9px !important;
    font-weight: 700 !important;
  }

  .calendar-all-day > div {
    display: grid !important;
    gap: 5px !important;
  }

  .calendar-timeline {
    display: grid !important;
  }

  .calendar-hour-row {
    display: grid !important;
    grid-template-columns: 44px minmax(0,1fr) !important;
    gap: 7px !important;
    min-height: 52px !important;
    border-top: 1px solid #151f25 !important;
  }

  .calendar-hour-row > time {
    padding-top: 8px !important;
    color: #64727b !important;
    font-size: 9px !important;
    font-variant-numeric: tabular-nums;
  }

  .calendar-hour-row > div {
    display: grid !important;
    gap: 5px !important;
    padding: 4px 0 !important;
  }

  .calendar-event {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    grid-template-areas:
      "time id"
      "name id"
      "address id" !important;
    gap: 2px 8px !important;
    width: 100% !important;
    min-height: 52px !important;
    padding: 7px 9px !important;
    align-items: center !important;
    border: 1px solid #223b52 !important;
    border-radius: 10px !important;
    background: #081019 !important;
    text-align: left !important;
  }

  .calendar-event.closed {
    border-color: #1d3b2b !important;
    background: #07110c !important;
  }

  .calendar-event.declined {
    border-color: #49252a !important;
    background: #16090c !important;
  }

  .calendar-event > strong {
    grid-area: time !important;
    color: #a9d3f4 !important;
    font-size: 10px !important;
  }

  .calendar-event > span {
    grid-area: name !important;
    overflow: hidden !important;
    color: #eef2f4 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .calendar-event > small {
    grid-area: address !important;
    overflow: hidden !important;
    color: #76868f !important;
    font-size: 8.5px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .calendar-event > em {
    grid-area: id !important;
    color: #62747f !important;
    font-size: 8.5px !important;
    font-style: normal !important;
  }

  .calendar-event.compact {
    min-height: 48px !important;
  }

  .calendar-empty {
    padding: 12px 0 2px !important;
    color: #78868e !important;
    font-size: 10px !important;
    text-align: center !important;
  }
}


/* 1.0.44 · Просроченный визит и фотографии: явное состояние, фото всегда раскрыты. */
@media screen and (max-width: 520px) {
  .legacy-next-visit.overdue {
    border-color: rgba(255,102,112,.34) !important;
    background: #16090c !important;
    color: #ffd0d4 !important;
  }

  .legacy-next-visit.overdue .ui-icon {
    color: var(--crm-red) !important;
  }

  .order-editor-modal .order-photo-static {
    overflow: hidden !important;
    border: 1px solid #202d35 !important;
    border-radius: 14px !important;
    background: #060b0f !important;
  }

  .order-editor-modal .order-photo-static-head {
    display: flex !important;
    min-height: 46px !important;
    padding: 10px 12px !important;
    align-items: center !important;
    gap: 8px !important;
    border-bottom: 1px solid #151f25 !important;
    color: #dce3e6 !important;
    font-size: 12px !important;
    font-weight: 760 !important;
  }

  .order-editor-modal .order-photo-static-head .order-extra-summary-icon {
    display: grid !important;
    width: 28px !important;
    height: 28px !important;
    place-items: center !important;
    border-radius: 9px !important;
    background: rgba(92,169,255,.10) !important;
    color: var(--crm-blue) !important;
  }

  .order-editor-modal .order-photo-static .order-extra-body {
    display: block !important;
    padding: 10px 12px 12px !important;
  }
}


/* 1.0.45 · Настраиваемая гарантия: компактная сетка 2 колонки и редактор справочника. */
@media screen and (max-width: 520px) {
  .order-editor-modal .order-warranty-section {
    border-color: #294037 !important;
    background-color: #07100c !important;
    background-image: radial-gradient(circle at 100% 0, rgba(89,216,137,.045), transparent 140px) !important;
  }

  .order-editor-modal .order-warranty-section .form-section-title .order-editor-section-icon {
    background: rgba(89,216,137,.10) !important;
    color: var(--crm-green) !important;
  }

  .order-editor-modal .warranty-term-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 7px !important;
  }

  .order-editor-modal .warranty-term-row label,
  .order-editor-modal .warranty-extra {
    display: grid !important;
    gap: 5px !important;
  }

  .order-editor-modal .warranty-term-row label > span,
  .order-editor-modal .warranty-extra > span {
    color: #91a09a !important;
    font-size: 9.5px !important;
    font-weight: 700 !important;
  }

  .order-editor-modal .warranty-target-wrap {
    display: grid !important;
    gap: 8px !important;
    margin-top: 9px !important;
  }

  .order-editor-modal .warranty-target-wrap.is-disabled {
    display: none !important;
  }

  .order-editor-modal .warranty-target-copy {
    display: flex !important;
    gap: 6px !important;
    align-items: baseline !important;
    justify-content: space-between !important;
  }

  .order-editor-modal .warranty-target-copy strong {
    color: #dce6df !important;
    font-size: 10.5px !important;
  }

  .order-editor-modal .warranty-target-copy small {
    color: #75847c !important;
    font-size: 8.5px !important;
    text-align: right !important;
  }

  .order-editor-modal .warranty-target-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 7px !important;
  }

  .order-editor-modal .warranty-target-option {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 24px minmax(0,1fr) !important;
    gap: 7px !important;
    min-height: 48px !important;
    padding: 7px 8px !important;
    align-items: center !important;
    border: 1px solid #284238 !important;
    border-radius: 11px !important;
    background: #09130e !important;
    cursor: pointer !important;
  }

  .order-editor-modal .warranty-target-option.archived {
    opacity: .64 !important;
  }

  .order-editor-modal .warranty-target-option > input {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .order-editor-modal .warranty-check {
    display: grid !important;
    width: 24px !important;
    height: 24px !important;
    place-items: center !important;
    border: 1px solid #365148 !important;
    border-radius: 7px !important;
    background: #07100c !important;
    color: transparent !important;
  }

  .order-editor-modal .warranty-check .ui-icon {
    width: 15px !important;
    height: 15px !important;
  }

  .order-editor-modal .warranty-target-option > input:checked + .warranty-check {
    border-color: #2f7650 !important;
    background: #0c2819 !important;
    color: #a8efbe !important;
  }

  .order-editor-modal .warranty-target-option strong {
    min-width: 0 !important;
    overflow: hidden !important;
    color: #d7e1db !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    text-overflow: ellipsis !important;
  }

  .order-editor-modal .warranty-target-empty {
    grid-column: 1 / -1 !important;
    padding: 10px !important;
    border: 1px dashed #2a3a33 !important;
    border-radius: 10px !important;
    color: #7d8c84 !important;
    font-size: 9.5px !important;
    line-height: 1.35 !important;
    text-align: center !important;
  }

  .order-editor-modal .warranty-extra .textarea {
    min-height: 64px !important;
    background: #09120e !important;
  }

  .order-editor-modal .order-master-comment-section {
    border-color: #202d35 !important;
    background: #060b0f !important;
  }

  .order-editor-modal .order-master-comment-section .order-comment {
    display: grid !important;
    gap: 5px !important;
  }

  .order-editor-modal .order-master-comment-section .order-comment > small {
    color: #71808a !important;
    font-size: 9px !important;
  }

  .warranty-manager-modal {
    width: min(100%, 420px) !important;
    max-height: min(88dvh, 740px) !important;
    overflow: hidden !important;
    border-color: #202d35 !important;
    background: #03070a !important;
  }

  .warranty-manager-head {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) 44px !important;
    gap: 10px !important;
    padding: 14px !important;
    align-items: center !important;
    border-bottom: 1px solid #151f25 !important;
  }

  .warranty-manager-head small {
    color: #71808a !important;
    font-size: 9px !important;
  }

  .warranty-manager-head h2 {
    margin: 2px 0 0 !important;
    font-size: 18px !important;
  }

  .warranty-manager-head > button {
    width: 44px !important;
    height: 44px !important;
    border: 1px solid #202d35 !important;
    border-radius: 11px !important;
    background: #0a1116 !important;
    color: #dce3e6 !important;
  }

  .warranty-manager-tech {
    padding: 11px 14px !important;
    border-bottom: 1px solid #151f25 !important;
  }

  .warranty-manager-tech label {
    display: grid !important;
    gap: 5px !important;
  }

  .warranty-manager-tech label > span {
    color: #829088 !important;
    font-size: 9px !important;
    font-weight: 700 !important;
  }

  .warranty-manager-tech .field {
    min-height: 46px !important;
    background: #09110d !important;
  }

  .warranty-manager-list {
    display: grid !important;
    gap: 7px !important;
    max-height: 45dvh !important;
    padding: 12px 14px !important;
    overflow: auto !important;
  }

  .warranty-manager-row {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) 44px !important;
    gap: 7px !important;
    align-items: center !important;
  }

  .warranty-manager-row.archived {
    opacity: .56 !important;
  }

  .warranty-manager-row .field {
    min-height: 44px !important;
    background: #090f14 !important;
  }

  .warranty-manager-row > button {
    width: 44px !important;
    height: 44px !important;
    border: 1px solid #2a3740 !important;
    border-radius: 11px !important;
    background: #0a1116 !important;
    color: #aebbc2 !important;
  }

  .warranty-manager-empty {
    padding: 12px !important;
    border: 1px dashed #253139 !important;
    border-radius: 10px !important;
    color: #78868e !important;
    font-size: 10px !important;
    text-align: center !important;
  }

  .warranty-manager-add {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 8px !important;
    padding: 12px 14px calc(12px + env(safe-area-inset-bottom)) !important;
    border-top: 1px solid #151f25 !important;
  }

  .warranty-manager-add .field,
  .warranty-manager-add .primary-button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
  }

  .warranty-manager-add .primary-button {
    justify-content: center !important;
    padding: 0 13px !important;
  }
}


/* 1.0.40 · Аналитика: финансовая модель, сравнение периодов и маркетинговые разрезы. */
@media screen and (max-width: 520px) {
  .analytics-content .page-head {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    gap: 10px !important;
    align-items: center !important;
  }

  .analytics-add-expense {
    display: inline-flex !important;
    min-width: 92px !important;
    min-height: 44px !important;
    padding: 0 12px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    border: 1px solid rgba(255,102,112,.28) !important;
    border-radius: 12px !important;
    background: #16090c !important;
    color: #ff7b82 !important;
    font-size: 11px !important;
    font-weight: 760 !important;
  }

  .analytics-add-expense .ui-icon {
    width: 17px !important;
    height: 17px !important;
  }

  .analytics-summary-strip {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 7px !important;
  }

  .analytics-summary-strip > span {
    min-width: 0 !important;
    min-height: 62px !important;
    padding: 10px !important;
    border: 1px solid #172128 !important;
    border-radius: 11px !important;
    background: #070c10 !important;
  }

  .analytics-summary-strip small,
  .analytics-comparison-strip small {
    display: block !important;
    color: #7f8a92 !important;
    font-size: 9px !important;
    line-height: 1.2 !important;
  }

  .analytics-summary-strip b,
  .analytics-comparison-strip b {
    display: block !important;
    margin-top: 5px !important;
    font-size: 13px !important;
    font-variant-numeric: tabular-nums;
  }

  .analytics-comparison-strip {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 6px !important;
    margin-top: 8px !important;
  }

  .analytics-comparison-strip > span {
    min-width: 0 !important;
    padding: 9px 10px !important;
    border: 1px solid #172128 !important;
    border-radius: 10px !important;
    background: #060b0f !important;
  }

  .analytics-weekdays {
    display: grid !important;
    grid-template-columns: repeat(7,minmax(0,1fr)) !important;
    gap: 4px !important;
    margin-top: 9px !important;
  }

  .analytics-weekdays > span {
    min-width: 0 !important;
    padding: 7px 2px !important;
    text-align: center !important;
    border: 1px solid #172128 !important;
    border-radius: 9px !important;
    background: #070c10 !important;
  }

  .analytics-weekdays small {
    display: block !important;
    color: #7f8a92 !important;
    font-size: 8px !important;
  }

  .analytics-weekdays b {
    display: block !important;
    margin-top: 3px !important;
    color: #eef2f4 !important;
    font-size: 12px !important;
  }

  .analytics-work-grid.compact {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    margin-top: 9px !important;
  }

  .analytics-material-usage {
    margin-top: 10px !important;
  }
}

@media screen and (max-width: 340px) {
  .analytics-add-expense {
    min-width: 82px !important;
    padding: 0 9px !important;
  }

  .analytics-summary-strip,
  .analytics-comparison-strip {
    grid-template-columns: 1fr !important;
  }
}


/* 1.0.43 · Гарантийные обращения: связанная заявка без визуального шума. */
@media screen and (max-width: 520px) {
  .warranty-appeal-origin,
  .legacy-warranty-origin {
    display: grid !important;
    grid-template-columns: 32px minmax(0,1fr) !important;
    gap: 9px !important;
    min-width: 0 !important;
    padding: 10px 11px !important;
    align-items: center !important;
    border: 1px solid #26333b !important;
    border-radius: 12px !important;
    background: #070c10 !important;
    color: #dce3e6 !important;
  }

  .warranty-appeal-origin {
    margin-bottom: 10px !important;
  }

  .legacy-warranty-origin {
    margin: 8px 0 2px !important;
  }

  .warranty-appeal-origin > .ui-icon,
  .legacy-warranty-origin > .ui-icon {
    width: 20px !important;
    height: 20px !important;
    justify-self: center !important;
    color: #ff765c !important;
  }

  .warranty-appeal-origin div,
  .legacy-warranty-origin span {
    min-width: 0 !important;
  }

  .warranty-appeal-origin small,
  .legacy-warranty-origin small {
    display: block !important;
    overflow: hidden !important;
    color: #7f8a92 !important;
    font-size: 9px !important;
    line-height: 1.2 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .warranty-appeal-origin strong,
  .legacy-warranty-origin strong {
    display: block !important;
    margin-top: 2px !important;
    color: #f1f4f5 !important;
    font-size: 12px !important;
  }

  .warranty-appeal-origin em {
    display: block !important;
    margin-top: 3px !important;
    overflow: hidden !important;
    color: #a0aab0 !important;
    font-size: 10px !important;
    font-style: normal !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .legacy-warranty-origin.detail {
    grid-template-columns: 32px minmax(0,1fr) 20px !important;
    width: 100% !important;
    margin-bottom: 9px !important;
    text-align: left !important;
  }

  .legacy-warranty-origin.detail .chevron {
    color: #6f7b82 !important;
  }

  .order-editor-modal .warranty-result-field {
    padding-top: 2px !important;
  }

  .order-actions-grid .warranty-appeal-action {
    border-color: #3b3029 !important;
    background: #100d0b !important;
  }

  .order-actions-grid .warranty-appeal-action .ui-icon {
    color: #ff765c !important;
  }
}


/* 1.0.44 · Склад: партии/FIFO и складская аналитика без перегруза. */
@media screen and (max-width: 520px) {
  .stock-batch-summary,
  .analytics-stock-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 7px !important;
  }

  .stock-batch-summary {
    margin-top: 8px !important;
  }

  .stock-batch-summary > span {
    min-width: 0 !important;
    padding: 10px !important;
    border: 1px solid #172128 !important;
    border-radius: 11px !important;
    background: #070c10 !important;
  }

  .stock-batch-summary small {
    display: block !important;
    color: #7f8a92 !important;
    font-size: 8.5px !important;
    line-height: 1.2 !important;
  }

  .stock-batch-summary strong {
    display: block !important;
    margin-top: 5px !important;
    color: #eef2f4 !important;
    font-size: 13px !important;
    font-variant-numeric: tabular-nums;
  }

  .analytics-stock-grid .metric {
    min-width: 0 !important;
    min-height: 66px !important;
  }

  .stock-adjust-modal .stock-adjust-field + .stock-adjust-field {
    margin-top: 8px !important;
  }

  .stock-adjust-preview > small {
    display: block !important;
    margin-top: 5px !important;
    color: #8e989f !important;
    font-size: 10px !important;
    line-height: 1.25 !important;
  }
}


/* 1.0.45 · Покупки и корректировка склада: компактные рабочие формы. */
@media screen and (max-width: 520px) {
  .shopping-page-actions-primary {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 7px !important;
  }

  .shopping-page-actions-primary [data-action="new-shopping-item"] {
    grid-column: 1 / -1 !important;
    min-height: 48px !important;
    border-color: rgba(231,180,80,.28) !important;
    background: #100d06 !important;
    color: #f1dfb7 !important;
  }

  .shopping-qty-editor {
    display: grid !important;
    grid-template-columns: minmax(58px,72px) auto !important;
    gap: 4px 5px !important;
    align-items: center !important;
    min-width: 86px !important;
    padding: 6px 7px !important;
    text-align: left !important;
  }

  .shopping-qty-editor > span {
    grid-column: 1 / -1 !important;
    font-size: 8px !important;
    letter-spacing: .04em !important;
  }

  .shopping-qty-editor .field {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 7px !important;
    border-color: rgba(231,180,80,.22) !important;
    background: #0b0d0e !important;
    font-size: 12px !important;
    font-variant-numeric: tabular-nums;
    text-align: right !important;
  }

  .shopping-qty-editor > small {
    color: #9ba4aa !important;
    font-size: 9px !important;
  }

  .shopping-manual-section {
    margin-top: 14px !important;
  }

  .shopping-manual-section > h2 {
    margin: 0 0 8px !important;
    color: #a9b2b8 !important;
    font-size: 10px !important;
    font-weight: 760 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
  }

  .shopping-content .legacy-shopping-card.manual {
    grid-template-columns: 42px minmax(0,1fr) auto 44px !important;
    border-color: #26333b !important;
    background: #070c10 !important;
  }

  .shopping-card.manual .shopping-item-icon {
    border: 1px solid rgba(92,169,255,.22) !important;
    background: rgba(92,169,255,.08) !important;
    color: #72b6ff !important;
  }

  .shopping-remove {
    display: grid !important;
    width: 44px !important;
    height: 44px !important;
    place-items: center !important;
    border: 1px solid rgba(255,102,112,.25) !important;
    border-radius: 11px !important;
    background: rgba(255,102,112,.06) !important;
    color: var(--crm-red) !important;
  }

  .shopping-item-modal {
    border-color: #202d35 !important;
    background: #060b0f !important;
  }

  .stock-detail-actions .stock-detail-correct {
    grid-column: 1 / -1 !important;
    min-height: 52px !important;
    border-color: rgba(231,180,80,.24) !important;
    background: #100d06 !important;
    color: #f1dfb7 !important;
  }

  .stock-detail-actions .stock-detail-correct .ui-icon {
    color: var(--crm-yellow) !important;
  }

  .stock-correction-before {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 7px !important;
    margin: 10px 0 !important;
  }

  .stock-correction-before > span {
    min-width: 0 !important;
    padding: 10px !important;
    border: 1px solid #202d35 !important;
    border-radius: 11px !important;
    background: #090f14 !important;
  }

  .stock-correction-before small {
    display: block !important;
    color: #7f8a92 !important;
    font-size: 8.5px !important;
  }

  .stock-correction-before strong {
    display: block !important;
    margin-top: 5px !important;
    color: #eef2f4 !important;
    font-size: 13px !important;
    font-variant-numeric: tabular-nums;
  }

  .stock-adjust-icon.correction {
    border: 1px solid rgba(231,180,80,.28) !important;
    background: rgba(231,180,80,.10) !important;
    color: var(--crm-yellow) !important;
  }
}

@media screen and (max-width: 340px) {
  .shopping-content .legacy-shopping-card.manual {
    grid-template-columns: 38px minmax(0,1fr) auto 44px !important;
    gap: 6px !important;
  }

  .shopping-qty-editor {
    min-width: 78px !important;
    grid-template-columns: minmax(52px,64px) auto !important;
  }
}


/* 1.0.46 · Склад: иерархия техника → категория и компактные фильтры. */
@media screen and (max-width: 520px) {
  .warehouse-filter-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 7px !important;
    margin-bottom: 9px !important;
  }

  .warehouse-filter-control {
    display: grid !important;
    min-width: 0 !important;
    gap: 4px !important;
  }

  .warehouse-filter-control:first-child {
    grid-column: 1 / -1 !important;
  }

  .warehouse-filter-control > small {
    padding-left: 3px !important;
    color: #77838b !important;
    font-size: 8px !important;
    font-weight: 740 !important;
    letter-spacing: .05em !important;
  }

  .warehouse-filter-control > span {
    position: relative !important;
    display: block !important;
    min-width: 0 !important;
  }

  .warehouse-filter-control .field {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    padding-right: 31px !important;
    appearance: none !important;
  }

  .warehouse-filter-control > span > .ui-icon {
    position: absolute !important;
    top: 50% !important;
    right: 9px !important;
    width: 15px !important;
    height: 15px !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
    color: #7f8a92 !important;
  }

  .warehouse-category-list {
    display: grid !important;
    gap: 10px !important;
    padding: 0 9px 10px !important;
  }

  .warehouse-category-block {
    overflow: hidden !important;
    border: 1px solid #172128 !important;
    border-radius: 12px !important;
    background: #060b0f !important;
  }

  .warehouse-category-title {
    display: flex !important;
    min-height: 38px !important;
    padding: 0 10px !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    border-bottom: 1px solid #151f25 !important;
    background: #080e12 !important;
  }

  .warehouse-category-title strong {
    min-width: 0 !important;
    overflow: hidden !important;
    color: #dce3e6 !important;
    font-size: 10.5px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .warehouse-category-title small {
    display: grid !important;
    min-width: 24px !important;
    height: 24px !important;
    padding: 0 6px !important;
    place-items: center !important;
    border-radius: 999px !important;
    background: #10181d !important;
    color: #87939a !important;
    font-size: 8.5px !important;
    font-variant-numeric: tabular-nums;
  }

  .warehouse-category-block .legacy-stock-list {
    padding: 8px !important;
  }

  .warehouse-tech-group > summary .legacy-folder-icon {
    border: 1px solid rgba(92,169,255,.22) !important;
    background: rgba(92,169,255,.08) !important;
    color: #72b6ff !important;
  }
}

@media screen and (max-width: 340px) {
  .warehouse-filter-grid {
    grid-template-columns: 1fr !important;
  }

  .warehouse-filter-control:first-child {
    grid-column: auto !important;
  }
}

@media (max-width:760px){
  .stock-detail-actions .stock-detail-transfer{grid-column:1/-1!important;min-height:52px!important;border-color:rgba(78,161,255,.24)!important;background:#07111a!important;color:#d8eaff!important}
  .stock-detail-actions .stock-detail-transfer .ui-icon{color:#4ea1ff!important}
  .stock-location-summary{margin-top:10px!important}
  .movement-card.neutral{border-color:#1d3b57!important;background:#07111a!important}
  .movement-card.neutral .movement-icon{border:1px solid rgba(78,161,255,.25);background:rgba(78,161,255,.10)!important}
  .movement-card.neutral>b{border:1px solid rgba(78,161,255,.24);background:rgba(78,161,255,.08)}
}

/* 1.0.38 · Материалы: место хранения в той же строке без сжатия себестоимости. */
@media screen and (max-width: 520px) {
  .order-editor-modal .material-card-controls {
    grid-template-columns: minmax(68px,.72fr) minmax(104px,1.08fr) minmax(86px,1fr) !important;
    gap: 5px !important;
  }
  .order-editor-modal .material-card-controls label > span {
    overflow: visible !important;
    text-overflow: clip !important;
  }
}
@media screen and (max-width: 340px) {
  .order-editor-modal .material-card-controls {
    grid-template-columns: minmax(60px,.65fr) minmax(100px,1.08fr) minmax(84px,.95fr) !important;
    gap: 4px !important;
  }
  .order-editor-modal .material-card-controls label > span {
    font-size: 9px !important;
  }
}

/* 1.0.43 · Услуги в заявке: выбранные позиции выглядят строками, а не вложенными input-карточками. */
@media screen and (max-width: 520px) {
  .order-editor-modal #service-lines .legacy-service-row {
    grid-template-columns: 24px minmax(0,1fr) 78px 44px !important;
    gap: 7px !important;
    min-height: 54px !important;
    padding: 4px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #202b32 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .order-editor-modal #service-lines .legacy-service-row:last-child {
    border-bottom: 0 !important;
  }

  .order-editor-modal #service-lines .service-name-field,
  .order-editor-modal #service-lines .service-price-field input,
  .order-editor-modal #service-lines .service-name-field:focus,
  .order-editor-modal #service-lines .service-price-field input:focus {
    appearance: none !important;
    -webkit-appearance: none !important;
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    color: #e9eef0 !important;
  }

  .order-editor-modal #service-lines .service-name-field {
    min-width: 0 !important;
    width: 100% !important;
    font-size: 13px !important;
    font-weight: 560 !important;
    line-height: 1.25 !important;
  }

  .order-editor-modal #service-lines .service-price-field {
    position: relative !important;
    display: flex !important;
    min-width: 0 !important;
    align-items: center !important;
    justify-content: flex-end !important;
  }

  .order-editor-modal #service-lines .service-price-field input {
    width: 58px !important;
    text-align: right !important;
    font-variant-numeric: tabular-nums;
  }

  .order-editor-modal #service-lines .service-price-field > span {
    position: static !important;
    flex: 0 0 auto !important;
    margin-left: 3px !important;
    transform: none !important;
    color: #929ca3 !important;
    font-size: 12px !important;
  }

  .order-editor-modal #service-lines .service-qty-field {
    display: none !important;
  }

  .order-editor-modal #service-lines .service-remove {
    display: grid !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    place-items: center !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: var(--crm-red) !important;
  }
}

@media screen and (max-width: 340px) {
  .order-editor-modal #service-lines .legacy-service-row {
    grid-template-columns: 22px minmax(0,1fr) 65px 44px !important;
    gap: 5px !important;
  }

  .order-editor-modal #service-lines .service-price-field input {
    width: 45px !important;
    font-size: 12px !important;
  }
}

/* 1.1.0 · Финальная система мобильных размеров, спокойная палитра и версия в интерфейсе. */
@media screen and (max-width: 520px) {
  html,
  body {
    background: var(--crm-bg) !important;
  }

  .content {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .content .field,
  .content .search,
  .modal .field,
  .modal .search {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    border-color: #27323a !important;
    border-radius: 12px !important;
    background: #0e151a !important;
  }

  .form-grid,
  .legacy-settings-grid,
  .warehouse-filter-grid,
  .legacy-payment-grid {
    width: 100% !important;
  }

  .form-grid > *,
  .legacy-settings-grid > *,
  .warehouse-filter-grid > *,
  .legacy-payment-grid > * {
    min-width: 0 !important;
  }

  .legacy-settings-grid .full {
    grid-column: 1 / -1 !important;
  }

  .legacy-settings-save,
  .legacy-stock-button,
  .direct-expense-add,
  .legacy-open-editor,
  .order-photo-add,
  .shopping-page-actions-primary [data-action="new-shopping-item"] {
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 48px !important;
  }

  .direct-expense-add,
  .legacy-stock-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    text-align: center !important;
  }

  .legacy-warehouse-shortcuts > button,
  .legacy-stock-actions-v2 > button,
  .legacy-finance-actions > button,
  .legacy-range-actions > button,
  .modal-actions > button {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
  }

  .order-editor-section,
  .analytics-content .panel,
  .legacy-settings-card,
  .legacy-finance-history,
  .legacy-goods-panel {
    border-color: #202a31 !important;
    background: #0a1014 !important;
    box-shadow: none !important;
  }

  .order-editor-modal .field,
  .order-editor-modal .material-card-controls .field {
    min-height: 48px !important;
    background: #0b1115 !important;
  }

  .order-editor-modal .material-catalog-open,
  .order-editor-modal .direct-expense-add {
    margin-top: 8px !important;
    border-color: #28343c !important;
    background: #0d1419 !important;
  }

  .analytics-kpi {
    border-color: #202a31 !important;
    background: #0e151a !important;
  }

  .legacy-more-list {
    gap: 8px !important;
  }

  .legacy-more-list .menu-item {
    display: grid !important;
    grid-template-columns: 44px minmax(0,1fr) 20px !important;
    gap: 11px !important;
    width: 100% !important;
    min-height: 74px !important;
    padding: 11px 12px !important;
    border: 1px solid #263139 !important;
    border-radius: 14px !important;
    background: #0d1419 !important;
    color: var(--crm-text) !important;
    box-shadow: none !important;
  }

  .legacy-more-list .menu-item:active {
    border-color: rgba(255,113,83,.55) !important;
    background: #11181d !important;
    transform: scale(.99) !important;
  }

  .legacy-more-list .menu-icon,
  .legacy-more-list .menu-icon-finance,
  .legacy-more-list .menu-icon-shopping,
  .legacy-more-list .menu-icon-clients,
  .legacy-more-list .menu-icon-prices,
  .legacy-more-list .menu-icon-act,
  .legacy-more-list .menu-icon-goods,
  .legacy-more-list .menu-icon-calendar,
  .legacy-more-list .menu-icon-tools,
  .legacy-more-list .menu-icon-settings {
    width: 42px !important;
    height: 42px !important;
    border: 1px solid #29343c !important;
    border-radius: 12px !important;
    background: #11191e !important;
    color: #b6c0c6 !important;
  }

  .legacy-more-list .menu-name {
    color: #eef2f4 !important;
    font-size: 14px !important;
    font-weight: 720 !important;
  }

  .legacy-more-list .menu-description {
    margin-top: 3px !important;
    color: #87929a !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
  }

  .legacy-more-list .chevron {
    color: #68747c !important;
  }

  .app-version-strip {
    display: flex;
    min-height: 58px;
    margin: 10px 0 4px;
    padding: 9px 10px 9px 12px;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-top: 1px solid #202a31;
    color: #8d989f;
  }

  .app-version-strip > span {
    display: grid;
    gap: 2px;
    min-width: 0;
  }

  .app-version-strip b {
    color: #cfd6da;
    font-size: 11px;
    font-weight: 700;
  }

  .app-version-strip small {
    font-size: 9px;
  }

  .app-version-strip button {
    min-height: 44px;
    padding: 0 13px;
    border: 1px solid #2b363e;
    border-radius: 11px;
    background: #10171c;
    color: #dce2e5;
    font-size: 10px;
    font-weight: 700;
  }

  .legacy-settings-row {
    min-width: 0 !important;
  }

  .legacy-settings-row > span:nth-child(2) {
    min-width: 0 !important;
  }

  .legacy-settings-row > button {
    min-height: 44px !important;
  }

  .app-version-row small {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: normal !important;
  }

  .release-notes-backdrop {
    top: 0 !important;
    bottom: 0 !important;
    padding: max(18px, env(safe-area-inset-top)) 12px max(18px, env(safe-area-inset-bottom)) !important;
    align-items: center !important;
    background: rgba(3,7,10,.82) !important;
  }

  .release-notes-modal {
    width: min(100%, 430px) !important;
    max-height: min(760px, calc(100dvh - 36px)) !important;
    overflow: auto !important;
    margin: 0 !important;
    padding: 16px !important;
    border: 1px solid #27323a !important;
    border-radius: 18px !important;
    background: #090f13 !important;
  }

  .release-notes-head {
    display: grid;
    grid-template-columns: minmax(0,1fr) 44px;
    gap: 10px;
    align-items: center;
  }

  .release-notes-head small {
    color: #748087;
    font-size: 8px;
    font-weight: 750;
    letter-spacing: .08em;
  }

  .release-notes-head h2 {
    margin: 3px 0 0 !important;
    font-size: 22px !important;
  }

  .release-notes-head > button {
    display: grid;
    width: 44px;
    height: 44px;
    padding: 0;
    place-items: center;
    border: 1px solid #27323a;
    border-radius: 12px;
    background: #10171c;
    color: #cbd3d7;
  }

  .release-current {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 3px 12px;
    margin: 14px 0 10px;
    padding: 12px;
    border: 1px solid rgba(255,113,83,.25);
    border-radius: 13px;
    background: rgba(255,113,83,.06);
  }

  .release-current span,
  .release-current small {
    color: #8f999f;
    font-size: 9px;
  }

  .release-current strong {
    grid-row: 1 / 3;
    grid-column: 2;
    align-self: center;
    color: #ff8066;
    font-size: 20px;
  }

  .release-notes-list {
    display: grid;
    gap: 8px;
    margin-bottom: 12px;
  }

  .release-note {
    padding: 12px;
    border: 1px solid #202a31;
    border-radius: 13px;
    background: #0c1317;
  }

  .release-note > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
  }

  .release-note > div strong {
    font-size: 12px;
  }

  .release-note time {
    color: #748087;
    font-size: 9px;
  }

  .release-note h3 {
    margin: 6px 0 7px;
    color: #dce3e6;
    font-size: 11px;
  }

  .release-note ul {
    display: grid;
    gap: 5px;
    margin: 0;
    padding-left: 17px;
    color: #9ca6ac;
    font-size: 10px;
    line-height: 1.35;
  }

  .release-note.current {
    border-color: #2d383f;
    background: #0f161b;
  }
}

@media screen and (max-width: 340px) {
  .content {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .legacy-settings-grid {
    grid-template-columns: 1fr !important;
  }

  .legacy-settings-grid > * {
    grid-column: auto !important;
  }

  .legacy-more-list .menu-item {
    grid-template-columns: 42px minmax(0,1fr) 18px !important;
    padding-right: 10px !important;
  }
}

/* 1.1.1 · Ровная мобильная сетка: склад, материалы, аналитика и глубокие поверхности. */
@media screen and (max-width: 520px) {
  .content .field,
  .content .search,
  .modal .field,
  .modal .search {
    background: #090f14 !important;
  }

  .order-editor-modal .field,
  .order-editor-modal .material-card-controls .field {
    background: #090f14 !important;
  }

  .order-editor-modal .material-card-controls {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 7px !important;
  }

  .order-editor-modal .material-card-controls > label:nth-child(3) {
    grid-column: 1 / -1 !important;
  }

  .order-editor-modal .material-card-controls label > span {
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
  }

  .warehouse-filter-control:last-child {
    grid-column: 1 / -1 !important;
  }

  .legacy-warehouse-group {
    border-color: #202a31 !important;
    background: #070c10 !important;
  }

  .warehouse-category-block {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  .warehouse-category-title {
    min-height: 36px !important;
    border-bottom: 1px solid #182229 !important;
    background: transparent !important;
  }

  .warehouse-category-block .legacy-stock-list {
    padding: 7px 0 2px !important;
  }

  .legacy-stock-card-v2 {
    border-color: #243038 !important;
    background: #0a1116 !important;
  }

  .legacy-stock-actions-v2 {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 6px !important;
  }

  .legacy-stock-actions-v2 button {
    min-height: 46px !important;
    font-size: 11px !important;
  }

  .analytics-period-grid {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 7px !important;
  }

  .analytics-period-grid .chip {
    min-height: 46px !important;
    padding: 7px 5px !important;
    font-size: 11.5px !important;
  }

  .analytics-content .panel {
    background: #070c10 !important;
  }

  .analytics-kpi {
    background: #090f14 !important;
  }

  .legacy-analytics-range-modal .field,
  .stock-editor-modal .field,
  .stock-adjust-modal .field,
  .legacy-finance-entry-backdrop .field,
  .legacy-service-editor-backdrop .field,
  .legacy-goods-editor .field,
  .legacy-settings-page .field {
    background: #090f14 !important;
  }

  .shopping-content .legacy-shopping-card:not(.manual) {
    min-height: 80px !important;
    padding: 9px 10px !important;
    grid-template-columns: 42px minmax(0,1fr) auto !important;
    gap: 9px !important;
    align-items: center !important;
  }

  .shopping-content .legacy-shopping-card:not(.manual) .shopping-item-icon {
    width: 40px !important;
    height: 40px !important;
  }

  .shopping-content .legacy-shopping-card:not(.manual) .shopping-need {
    align-self: center !important;
    min-width: 96px !important;
    padding: 5px 6px !important;
  }

  .shopping-content .legacy-shopping-card:not(.manual) .shopping-qty-editor {
    padding: 5px 6px !important;
  }

  .shopping-content .legacy-shopping-card:not(.manual) .shopping-qty-editor .field {
    min-height: 34px !important;
    height: 34px !important;
  }

  .legacy-more-page {
    padding-bottom: 98px !important;
  }

  .app-version-strip {
    margin-bottom: 0 !important;
  }
}

@media screen and (max-width: 340px) {
  .order-editor-modal .material-card-controls {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  .warehouse-filter-control,
  .warehouse-filter-control:first-child,
  .warehouse-filter-control:last-child {
    grid-column: auto !important;
  }

  .warehouse-filter-grid {
    grid-template-columns: 1fr !important;
  }

  .shopping-content .legacy-shopping-card:not(.manual) {
    grid-template-columns: 38px minmax(0,1fr) auto !important;
    gap: 7px !important;
  }

  .shopping-content .legacy-shopping-card:not(.manual) .shopping-need {
    min-width: 88px !important;
  }
}

/* 1.1.2 · Убираем лишнюю высоту и возвращаем компактную профессиональную плотность. */
@media screen and (max-width: 520px) {
  .order-editor-modal .material-card-controls,
  .order-editor-modal .material-card-controls:nth-child(n) {
    grid-template-columns: minmax(56px,.62fr) minmax(100px,1fr) minmax(96px,.95fr) !important;
    gap: 5px !important;
  }

  .order-editor-modal .material-card-controls > label:nth-child(3) {
    grid-column: auto !important;
  }

  .order-editor-modal .material-card-controls label > span {
    min-height: 12px !important;
    font-size: 9.5px !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
  }

  .legacy-stock-card-v2 {
    background: #060b0f !important;
  }

  .legacy-price-search .search,
  #price-search {
    border-color: #202d35 !important;
  }
}

@media screen and (max-width: 340px) {
  .order-editor-modal .material-card-controls,
  .order-editor-modal .material-card-controls:nth-child(n) {
    grid-template-columns: minmax(54px,.58fr) minmax(100px,1fr) minmax(92px,.92fr) !important;
    gap: 4px !important;
  }

  .order-editor-modal .material-card-controls label > span {
    font-size: 9px !important;
  }
}

/* 1.1.3 · Явные focus-состояния после унификации полей. */
@media screen and (max-width: 520px) {
  .legacy-price-search #price-search:focus,
  .legacy-price-search #price-search:focus-visible {
    border-color: #ff684a !important;
    background: #0b1217 !important;
    box-shadow: 0 0 0 3px rgba(255,104,74,.08) !important;
  }

  .legacy-price-search:focus-within > .ui-icon {
    color: #ff765c !important;
  }
}

/* 1.2.0 · Фирменная оболочка: логотип снова виден, навигация использует один акцент. */
@media screen and (max-width: 520px) {
  .legacy-mobile-header {
    min-height: calc(68px + env(safe-area-inset-top)) !important;
    gap: 11px !important;
    padding: calc(10px + env(safe-area-inset-top)) 14px 10px !important;
  }

  .legacy-mobile-header .logo {
    display: grid !important;
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px !important;
    place-items: center !important;
    border: 1px solid rgba(255,113,83,.34) !important;
    border-radius: 13px !important;
    background:
      radial-gradient(circle at 35% 25%, rgba(255,113,83,.12), transparent 65%),
      #0a1014 !important;
    color: #ff765c !important;
    box-shadow: inset 0 0 18px rgba(255,113,83,.045) !important;
  }

  .legacy-mobile-header .logo .ui-icon {
    width: 27px !important;
    height: 27px !important;
    stroke-width: 1.8 !important;
  }

  .legacy-mobile-header .brand-title {
    font-size: 18px !important;
    white-space: nowrap !important;
  }

  .legacy-mobile-header .brand-subtitle {
    font-size: 9.5px !important;
  }

  .nav-button,
  .nav-button[data-nav="orders"],
  .nav-button[data-nav="warehouse"],
  .nav-button[data-nav="analytics"],
  .nav-button[data-nav="more"] {
    --nav-accent: #ff765c !important;
    --nav-bg: transparent !important;
    --nav-border: transparent !important;
  }

  .nav-button.active .nav-icon,
  .nav-button[aria-current="page"] .nav-icon {
    border-color: transparent !important;
    background: transparent !important;
    color: #ff765c !important;
  }

  .nav-button.active,
  .nav-button[aria-current="page"] {
    color: #ff765c !important;
  }

  .nav-button:not(.active):not([aria-current="page"]) .nav-icon {
    border-color: transparent !important;
    background: transparent !important;
  }
}

@media screen and (max-width: 340px) {
  .legacy-mobile-header {
    gap: 9px !important;
    padding-right: 12px !important;
    padding-left: 12px !important;
  }

  .legacy-mobile-header .logo {
    width: 40px !important;
    height: 40px !important;
    flex-basis: 40px !important;
  }

  .legacy-mobile-header .brand-title {
    font-size: 17px !important;
  }

  .legacy-mobile-header .brand-subtitle {
    font-size: 9px !important;
    letter-spacing: .095em !important;
  }
}

/* 1.2.1 · Цвет — только смысловой акцент, поверхности единые и глубокие. */
@media screen and (max-width: 520px) {
  .finance-result-hero,
  .legacy-finance-summary > .income,
  .legacy-finance-summary > .expense,
  .legacy-finance-row.income,
  .legacy-finance-row.expense {
    background-color: #070c10 !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  .legacy-finance-actions > button {
    background: #0d1419 !important;
    box-shadow: none !important;
  }

  .legacy-clients-stats > div,
  .legacy-clients-stats > .clients-stat-primary {
    background-color: #070c10 !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  .client-profile-hero {
    background-color: #070c10 !important;
    background-image: none !important;
  }

  .client-profile-kpis > div {
    background-color: #090f14 !important;
    background-image: none !important;
  }

  .legacy-price-row.service,
  .legacy-price-row.material,
  .legacy-price-row.custom {
    background-color: #070c10 !important;
    background-image: none !important;
  }

  .legacy-custom-price-head {
    background-color: #0d1419 !important;
    background-image: none !important;
  }

  .legacy-goods-panel.legacy-goods-new,
  .legacy-goods-panel.legacy-goods-current,
  .legacy-goods-panel.legacy-product-price {
    background-color: #070c10 !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  .legacy-goods-current .legacy-goods-current-summary {
    background-color: #0d1419 !important;
    background-image: none !important;
  }

  .legacy-settings-page .settings-profile-card,
  .legacy-settings-page .settings-app-card,
  .legacy-settings-page .settings-data-card {
    background-color: #070c10 !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  .legacy-settings-page .legacy-settings-links > button,
  .legacy-settings-page .settings-links > button {
    background: #0d1419 !important;
    box-shadow: none !important;
  }

  .legacy-act-control {
    background-color: #070c10 !important;
    background-image: none !important;
  }

  .legacy-act-selected {
    background-color: #0d1419 !important;
    background-image: none !important;
  }

  .legacy-act-control-actions .legacy-orange-button {
    border-color: #ff714f !important;
    background: #ff714f !important;
    color: #1b100d !important;
    box-shadow: 0 8px 20px rgba(255,113,79,.15) !important;
  }
}

/* 1.2.2 · Усиление специфичности для старых семантических каскадов. */
@media screen and (max-width: 520px) {
  .legacy-finance-summary .finance-result-hero.positive,
  .legacy-finance-summary .finance-result-hero.negative {
    background-color: #070c10 !important;
    background-image: none !important;
  }

  .legacy-finance-actions .legacy-orange-button[data-type="income"],
  .legacy-finance-actions .legacy-dark-button[data-type="expense"] {
    background: #0d1419 !important;
    box-shadow: none !important;
  }

  .legacy-clients-stats > .clients-stat-primary,
  .legacy-clients-stats > div:nth-child(2),
  .legacy-clients-stats > div:nth-child(3) {
    background-color: #070c10 !important;
    background-image: none !important;
  }

  .legacy-client-profile-backdrop .client-profile-hero {
    background-color: #070c10 !important;
    background-image: none !important;
  }

  .legacy-client-profile-backdrop .client-profile-kpis > div:nth-child(1),
  .legacy-client-profile-backdrop .client-profile-kpis > div:nth-child(2),
  .legacy-client-profile-backdrop .client-profile-kpis > div:nth-child(3),
  .legacy-client-profile-backdrop .client-profile-kpis > div:nth-child(4) {
    background-color: #090f14 !important;
    background-image: none !important;
  }

  .legacy-settings-page .legacy-settings-links > button[data-more="tools"],
  .legacy-settings-page .settings-links > button[data-more="receipts"],
  .legacy-settings-page .legacy-settings-links > button[data-more="drafts"],
  .legacy-settings-page .legacy-settings-links > button[data-more="backup"] {
    background: #0d1419 !important;
    box-shadow: none !important;
  }
}

/* 1.2.3 · Склад: четыре действия всегда собираются в аккуратную сетку 2×2. */
@media screen and (max-width: 520px) {
  .legacy-stock-actions-v2 {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 6px !important;
  }

  .legacy-stock-actions-v2 > button,
  .legacy-stock-actions-v2 > button:nth-child(1),
  .legacy-stock-actions-v2 > button:nth-child(2),
  .legacy-stock-actions-v2 > button:nth-child(3),
  .legacy-stock-actions-v2 > button:nth-child(4) {
    grid-column: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 46px !important;
    margin: 0 !important;
  }
}

/* 1.2.5 · Редактор заявки: нижние действия занимают всю доступную ширину. */
@media screen and (max-width: 520px) {
  .order-editor-modal .modal-actions {
    grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr) !important;
  }

  .order-editor-modal .modal-actions > .primary-button,
  .order-editor-modal .modal-actions > .secondary-button {
    grid-column: auto !important;
    width: 100% !important;
  }
}

@media screen and (max-width: 340px) {
  .order-editor-modal .modal-actions {
    grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr) !important;
  }

  .order-editor-modal .modal-actions > .primary-button {
    grid-column: auto !important;
  }
}

/* 1.3.0 · Основные рабочие экраны: полноширинные действия и спокойные акценты. */
@media screen and (max-width: 520px) {
  .legacy-warehouse-add-wide {
    display: flex !important;
    width: 100% !important;
    min-height: 52px !important;
    margin: 0 0 10px !important;
    padding: 0 16px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border: 1px solid #ff714f !important;
    border-radius: 13px !important;
    background: #ff714f !important;
    color: #1b100d !important;
    font-size: 13px !important;
    font-weight: 760 !important;
    box-shadow: 0 9px 22px rgba(255,113,79,.15) !important;
  }

  .legacy-warehouse-add-wide .ui-icon {
    width: 19px !important;
    height: 19px !important;
  }

  .analytics-add-expense {
    border-color: #2a3740 !important;
    background: #0d1419 !important;
    color: #ff765c !important;
    box-shadow: none !important;
  }

  .analytics-content .page-head h1 {
    font-size: clamp(23px,6.2vw,27px) !important;
  }

  .legacy-more-head {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    gap: 10px !important;
    align-items: center !important;
  }

  .legacy-more-head > div {
    min-width: 0 !important;
  }

  .more-version-button {
    display: grid !important;
    min-width: 76px !important;
    min-height: 48px !important;
    padding: 6px 10px !important;
    place-items: center !important;
    border: 1px solid #29343c !important;
    border-radius: 12px !important;
    background: #0d1419 !important;
    color: #e7ecee !important;
    box-shadow: none !important;
  }

  .more-version-button b {
    font-size: 11px !important;
    font-weight: 760 !important;
  }

  .more-version-button small {
    margin-top: 2px !important;
    color: #87929a !important;
    font-size: 8.5px !important;
    line-height: 1 !important;
  }

  .legacy-more-page {
    padding-bottom: 98px !important;
  }
}

@media screen and (max-width: 340px) {
  .analytics-content .page-head {
    grid-template-columns: minmax(0,1fr) 82px !important;
  }

  .analytics-content .page-head h1 {
    font-size: 22px !important;
  }

  .more-version-button {
    min-width: 70px !important;
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
}

/* 1.3.1 · Аналитика: заголовок не конкурирует с вторичным действием. */
@media screen and (max-width: 520px) {
  .analytics-add-expense {
    width: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    border-radius: 12px !important;
  }

  .analytics-add-expense span {
    display: none !important;
  }

  .analytics-add-expense .ui-icon {
    width: 18px !important;
    height: 18px !important;
  }

  .analytics-content .page-head h1 {
    font-size: clamp(22px,6vw,25px) !important;
    white-space: nowrap !important;
  }
}

@media screen and (max-width: 340px) {
  .analytics-content .page-head {
    grid-template-columns: minmax(0,1fr) 44px !important;
    gap: 8px !important;
  }

  .analytics-content .page-head h1 {
    font-size: 21px !important;
  }
}

/* 1.4.0 · Финансы, клиенты, прайс и товарник: единая графитовая система. */
@media screen and (max-width: 520px) {
  .legacy-price-head {
    grid-template-columns: 44px minmax(0,1fr) !important;
  }

  .legacy-price-add-wide {
    display: flex !important;
    width: 100% !important;
    min-height: 50px !important;
    margin: 0 0 9px !important;
    padding: 0 15px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border: 1px solid #ff714f !important;
    border-radius: 13px !important;
    background: #ff714f !important;
    color: #1b100d !important;
    font-size: 12px !important;
    font-weight: 780 !important;
    box-shadow: 0 8px 20px rgba(255,113,79,.14) !important;
  }

  .legacy-price-add-wide .ui-icon {
    width: 18px !important;
    height: 18px !important;
  }

  .legacy-price-row > b,
  .legacy-price-row.service > b,
  .legacy-price-row.material > b,
  .legacy-price-row.custom > b {
    color: #ff8a70 !important;
  }

  .legacy-custom-price-head button {
    border-color: #2a3740 !important;
    background: #0d1419 !important;
    color: #dce3e6 !important;
  }

  .legacy-custom-price-head button .ui-icon {
    color: #ff765c !important;
  }

  .legacy-client-card,
  .legacy-clients-stats > div,
  .legacy-clients-stats > .clients-stat-primary {
    border-color: #26323a !important;
    box-shadow: none !important;
  }

  .legacy-clients-stats > .clients-stat-primary {
    border-color: #31343a !important;
  }

  .legacy-client-side > b {
    color: #ff8a70 !important;
  }

  .legacy-client-copy em,
  .legacy-client-copy em .ui-icon {
    color: #87939a !important;
  }

  .legacy-client-actions a,
  .legacy-client-actions button {
    border-color: #27343c !important;
    background: #0d1419 !important;
    color: #dce3e6 !important;
    box-shadow: none !important;
  }

  .legacy-client-actions a .ui-icon,
  .legacy-client-actions button .ui-icon {
    color: #ff765c !important;
  }

  .legacy-finance-actions > button,
  .legacy-finance-actions .legacy-orange-button[data-type="income"],
  .legacy-finance-actions .legacy-dark-button[data-type="expense"] {
    border-color: #27343c !important;
    background: #0d1419 !important;
    box-shadow: none !important;
  }

  .legacy-finance-actions [data-type="income"] {
    color: #65d995 !important;
  }

  .legacy-finance-actions [data-type="expense"] {
    color: #ff717b !important;
  }

  .legacy-goods-panel,
  .legacy-goods-panel.legacy-goods-new,
  .legacy-goods-panel.legacy-goods-current,
  .legacy-goods-panel.legacy-product-price {
    border-color: #26323a !important;
    background-color: #070c10 !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  .legacy-goods-new .legacy-purple-button {
    border-color: #ff714f !important;
    background: #ff714f !important;
    color: #1b100d !important;
    box-shadow: 0 8px 18px rgba(255,113,79,.12) !important;
  }

  .legacy-goods-new .legacy-purple-button .ui-icon {
    color: #1b100d !important;
  }

  .legacy-goods-new .legacy-dark-button {
    border-color: #27343c !important;
    background: #0d1419 !important;
    color: #dce3e6 !important;
  }

  .legacy-goods-current-summary {
    border-color: #27343c !important;
    background: #0d1419 !important;
  }

  .legacy-goods-current-summary > b {
    color: #ff8a70 !important;
  }

  .legacy-goods-position > b {
    color: #e7ecee !important;
  }

  .legacy-open-editor {
    border-color: #3a302d !important;
    background: #0d1419 !important;
    color: #ff9a82 !important;
    box-shadow: none !important;
  }

  .legacy-product-price .legacy-section-icon,
  .legacy-goods-current .legacy-section-icon,
  .legacy-goods-new .legacy-section-icon {
    border-color: #31363a !important;
    background: #11191e !important;
    color: #ff765c !important;
  }

  .legacy-product-price-list b {
    color: #ff8a70 !important;
  }
}

/* 1.4.1 · Перекрываем старые семантические каскады точной специфичностью. */
@media screen and (max-width: 520px) {
  .legacy-client-actions > a:first-child,
  .legacy-client-actions > button:last-child {
    border-color: #27343c !important;
    background: #0d1419 !important;
    color: #dce3e6 !important;
    box-shadow: none !important;
  }

  .legacy-client-actions > a:first-child .ui-icon,
  .legacy-client-actions > button:last-child .ui-icon {
    color: #ff765c !important;
  }

  .legacy-finance-actions .legacy-orange-button[data-type="income"] {
    border-color: #27343c !important;
    background: #0d1419 !important;
    color: #65d995 !important;
    box-shadow: none !important;
  }

  .legacy-finance-actions .legacy-dark-button[data-type="expense"] {
    border-color: #27343c !important;
    background: #0d1419 !important;
    color: #ff717b !important;
    box-shadow: none !important;
  }
}

/* 1.4.2 · Убираем последние цветные разделители старого оформления. */
@media screen and (max-width: 520px) {
  .legacy-price-row.service,
  .legacy-price-row.material,
  .legacy-price-row.custom {
    border-top-color: #202d35 !important;
  }

  .legacy-custom-price-head {
    border-bottom-color: #202d35 !important;
    background-color: #0d1419 !important;
    background-image: none !important;
  }

  .legacy-goods-current .legacy-goods-current-summary {
    border-color: #27343c !important;
    background-color: #0d1419 !important;
    background-image: none !important;
  }

  .legacy-goods-current .legacy-open-editor {
    border-color: #27343c !important;
    background: #0d1419 !important;
    color: #ff9a82 !important;
    box-shadow: none !important;
  }

  .legacy-product-price-list > div {
    border-color: #202d35 !important;
    background-color: #090f14 !important;
  }
}

/* 1.5.0 · Документы, инструменты, черновики и бэкапы: единая графитовая система. */
@media screen and (max-width: 520px) {
  .legacy-service-add-wide,
  .legacy-orders-add-wide {
    display: flex !important;
    width: 100% !important;
    min-height: 50px !important;
    margin: 0 0 10px !important;
    padding: 0 15px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border: 1px solid #ff714f !important;
    border-radius: 13px !important;
    background: #ff714f !important;
    color: #1b100d !important;
    font-size: 12px !important;
    font-weight: 780 !important;
    box-shadow: 0 8px 20px rgba(255,113,79,.14) !important;
  }

  .legacy-service-add-wide .ui-icon,
  .legacy-orders-add-wide .ui-icon {
    width: 18px !important;
    height: 18px !important;
  }

  .receipts-stats > .service-stat-primary,
  .receipts-stats > div:nth-child(2),
  .receipts-stats > div:nth-child(3),
  .tools-stats > .service-stat-primary,
  .tools-stats > div:nth-child(2),
  .legacy-backup-page .legacy-service-stats.backup > div:nth-child(1),
  .legacy-backup-page .legacy-service-stats.backup > div:nth-child(2),
  .legacy-backup-page .legacy-service-stats.backup > div:nth-child(3) {
    border-color: #26323a !important;
    background-color: #070c10 !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  .receipts-stats > .service-stat-primary strong,
  .tools-stats > .service-stat-primary strong {
    color: #ff8a70 !important;
  }

  .legacy-document-row.receipt,
  .legacy-document-row.receipt.linked,
  .legacy-document-row.receipt.standalone,
  .legacy-document-row.tool,
  .legacy-document-row.tool.available,
  .legacy-document-row.tool.busy,
  .legacy-document-row.tool.retired {
    border-color: #26323a !important;
    background-color: #090f14 !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  .legacy-document-row.receipt .legacy-document-icon,
  .legacy-document-row.receipt.linked .legacy-document-icon,
  .legacy-document-row.receipt.standalone .legacy-document-icon,
  .legacy-document-row.tool .legacy-document-icon {
    border: 1px solid #2a353d !important;
    background: #11191e !important;
    color: #ff765c !important;
  }

  .legacy-document-row.receipt > b,
  .legacy-document-row.tool > b {
    color: #ff8a70 !important;
  }

  .legacy-service-editor-backdrop .receipt-editor-type {
    border-color: #26323a !important;
    background-color: #0d1419 !important;
    color: #dce3e6 !important;
  }

  .legacy-service-editor-backdrop .receipt-editor-type .ui-icon,
  .legacy-service-editor-backdrop .service-editor-head-icon.receipt {
    color: #ff765c !important;
  }

  .legacy-service-editor-backdrop .service-editor-head-icon.receipt {
    border-color: #2a353d !important;
    background: #11191e !important;
  }

  .legacy-drafts-page .legacy-service-note {
    border-color: #26323a !important;
    background: #0d1419 !important;
    color: #a7b0b6 !important;
  }

  .legacy-draft-card {
    border-color: #26323a !important;
    background: #070c10 !important;
    box-shadow: none !important;
  }

  .legacy-draft-icon {
    border-color: #2a353d !important;
    background: #11191e !important;
    color: #ff765c !important;
  }

  .legacy-draft-copy em {
    color: #ff8a70 !important;
  }

  .legacy-draft-card > b {
    color: #ff8a70 !important;
  }

  .legacy-draft-actions [data-action="continue-draft"] {
    border-color: #27343c !important;
    background: #0d1419 !important;
    color: #e2e7e9 !important;
    box-shadow: none !important;
  }

  .legacy-draft-actions [data-action="continue-draft"] .ui-icon {
    color: #ff765c !important;
  }

  .legacy-draft-actions [data-action="delete-draft"] {
    border-color: rgba(255,113,123,.28) !important;
    background: #0d1419 !important;
    color: #ff7b84 !important;
    box-shadow: none !important;
  }

  .legacy-settings-page .settings-profile-card,
  .legacy-settings-page .settings-app-card,
  .legacy-settings-page .settings-data-card {
    border-color: #26323a !important;
    background: #070c10 !important;
  }

  .legacy-settings-page .legacy-section-icon,
  .legacy-settings-page .settings-link-icon {
    border-color: #2a353d !important;
    background: #11191e !important;
    color: #ff765c !important;
  }

  .legacy-settings-page .legacy-settings-links > button,
  .legacy-settings-page .legacy-settings-links > button[data-more="tools"],
  .legacy-settings-page .legacy-settings-links > button[data-more="backup"],
  .legacy-settings-page .settings-links > button[data-more="receipts"],
  .legacy-settings-page .legacy-settings-links > button[data-more="drafts"] {
    border-color: #26323a !important;
    background: #0d1419 !important;
    box-shadow: none !important;
  }

  .legacy-settings-page .legacy-settings-row > button:not(.toggle) {
    min-height: 44px !important;
    border-color: #26323a !important;
    background: #0d1419 !important;
    color: #dce3e6 !important;
  }

  .legacy-backup-page .backup-primary-card,
  .legacy-backup-page .backup-auto-card {
    border-color: #26323a !important;
    background-color: #070c10 !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  .legacy-backup-page .backup-primary-card .legacy-section-icon {
    border-color: #2a353d !important;
    background: #11191e !important;
    color: #ff765c !important;
  }

  .legacy-backup-page .legacy-backup-main-actions .legacy-orange-button {
    border-color: #ff714f !important;
    background: #ff714f !important;
    color: #1b100d !important;
    box-shadow: 0 8px 20px rgba(255,113,79,.12) !important;
  }

  .legacy-backup-page .legacy-backup-main-actions .legacy-dark-button,
  .legacy-backup-page .legacy-backup-grid button {
    border-color: #27343c !important;
    background: #0d1419 !important;
    color: #dce3e6 !important;
    box-shadow: none !important;
  }

  .legacy-act-selected-icon {
    border-color: #2a353d !important;
    background: #11191e !important;
    color: #ff765c !important;
  }

  .bottom-nav {
    border-top-color: #151f25 !important;
    background: rgba(3,7,10,.985) !important;
    box-shadow: 0 -8px 22px rgba(0,0,0,.22) !important;
  }

  .nav-button {
    font-size: 9.5px !important;
  }

  .nav-button .nav-icon .ui-icon {
    width: 23px !important;
    height: 23px !important;
  }
}

/* 1.5.1 · Опасное действие остаётся красным только по смыслу, без красной заливки. */
@media screen and (max-width: 520px) {
  .legacy-drafts-page .legacy-draft-actions button.danger[data-action="delete-draft"] {
    border-color: rgba(255,113,123,.28) !important;
    background: #0d1419 !important;
    color: #ff7b84 !important;
    box-shadow: none !important;
  }
}



/* 1.5.4 · Товарник: полноширинные основные действия и добавление позиции. */
@media screen and (max-width: 520px) {
  .legacy-goods-create-grid,
  .legacy-goods-add-line {
    grid-template-columns: minmax(0,1fr) !important;
  }

  .legacy-goods-create-grid > button,
  .legacy-goods-add-line > .field,
  .legacy-goods-add-line > button {
    width: 100% !important;
    min-width: 0 !important;
  }

  .legacy-goods-create-grid > button {
    min-height: 50px !important;
  }

  .legacy-goods-add-line > button {
    min-height: 46px !important;
  }
}


/* 1.5.5 · source-manager: полноширинная форма добавления, как у остальных справочников. */
@media screen and (max-width: 520px) {
  .source-manager-add {
    grid-template-columns: minmax(0,1fr) !important;
    gap: 8px !important;
  }

  .source-manager-add .field,
  .source-manager-add .primary-button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
  }

  .source-manager-add .primary-button {
    justify-content: center !important;
  }
}


/* 1.5.6 · Основные редакторы: одно полноширинное поле на строку на телефоне. */
@media screen and (max-width: 520px) {
  .order-editor-modal .form-grid,
  .stock-editor-modal .form-grid,
  .legacy-finance-entry-backdrop .form-grid,
  .legacy-service-editor-backdrop .form-grid,
  .legacy-price-editor-grid {
    grid-template-columns: minmax(0,1fr) !important;
  }

  .order-editor-modal .form-group.full,
  .stock-editor-modal .form-group.full,
  .legacy-finance-entry-backdrop .form-group.full,
  .legacy-service-editor-backdrop .form-group.full,
  .legacy-price-editor-grid .full {
    grid-column: auto !important;
  }
}


/* 1.5.7 · Основные действия финансов и бэкапа — полноширинные строки. */
@media screen and (max-width: 520px) {
  .legacy-finance-actions,
  .legacy-backup-main-actions,
  .legacy-backup-grid {
    grid-template-columns: minmax(0,1fr) !important;
  }

  .legacy-finance-actions > button,
  .legacy-backup-main-actions > button,
  .legacy-backup-grid > button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 50px !important;
  }

  .legacy-backup-grid > button:last-child {
    grid-column: auto !important;
  }
}


/* 1.5.8 · Поля-фильтры и даты: одна полноширинная колонка на телефоне. */
@media screen and (max-width: 520px) {
  .warehouse-filter-grid,
  .legacy-price-filters,
  .legacy-range-grid {
    grid-template-columns: minmax(0,1fr) !important;
  }

  .warehouse-filter-control,
  .legacy-price-filters > label,
  .legacy-range-grid > label {
    width: 100% !important;
    min-width: 0 !important;
    grid-column: auto !important;
  }

  .warehouse-filter-control .field,
  .legacy-price-filters .field,
  .legacy-range-grid .field {
    width: 100% !important;
    min-width: 0 !important;
  }
}


/* 1.5.9 · Настройки: реквизиты исполнителя всегда одной полноширинной колонкой. */
@media screen and (max-width: 520px) {
  .legacy-settings-grid {
    grid-template-columns: minmax(0,1fr) !important;
  }

  .legacy-settings-grid > * {
    width: 100% !important;
    min-width: 0 !important;
    grid-column: auto !important;
  }

  .legacy-settings-grid .field {
    width: 100% !important;
    min-width: 0 !important;
  }
}


/* 1.6.0 · Ещё: смысловой цвет только в компактных иконках, карточки остаются графитовыми. */
@media screen and (max-width: 520px) {
  .legacy-more-list .menu-icon-finance {
    border-color: #244b35 !important;
    background: #0d1d15 !important;
    color: var(--crm-green) !important;
  }

  .legacy-more-list .menu-icon-shopping {
    border-color: #51411f !important;
    background: #1b170c !important;
    color: var(--crm-yellow) !important;
  }

  .legacy-more-list .menu-icon-clients {
    border-color: #254565 !important;
    background: #0d1822 !important;
    color: var(--crm-blue) !important;
  }

  .legacy-more-list .menu-icon-prices {
    border-color: #493b68 !important;
    background: #161124 !important;
    color: var(--crm-purple) !important;
  }

  .legacy-more-list .menu-icon-goods {
    border-color: #5a3529 !important;
    background: #1c110d !important;
    color: #ff8066 !important;
  }

  .legacy-more-list .menu-icon-act {
    border-color: #28505a !important;
    background: #0c191c !important;
    color: #55cee1 !important;
  }

  .legacy-more-list .menu-icon-calendar {
    border-color: #294556 !important;
    background: #0d171f !important;
    color: #78b9e7 !important;
  }

  .legacy-more-list .menu-icon-settings {
    border-color: #29343c !important;
    background: #11191e !important;
    color: #b6c0c6 !important;
  }
}


/* 1.6.1 · Настройки: смысловая группировка только через компактные иконки. */
@media screen and (max-width: 520px) {
  .legacy-settings-links > button[data-action="manage-appliance-types"] .settings-link-icon,
  .legacy-settings-links > button[data-action="manage-order-sources"] .settings-link-icon {
    border-color: #254565 !important;
    background: #0d1822 !important;
    color: var(--crm-blue) !important;
  }

  .legacy-settings-links > button[data-action="manage-price-categories"] .settings-link-icon {
    border-color: #493b68 !important;
    background: #161124 !important;
    color: var(--crm-purple) !important;
  }

  .legacy-settings-links > button[data-action="manage-warranty-options"] .settings-link-icon,
  .legacy-settings-links > button[data-action="manage-warranty-results"] .settings-link-icon {
    border-color: #244b35 !important;
    background: #0d1d15 !important;
    color: var(--crm-green) !important;
  }

  .legacy-settings-links > button[data-action="manage-stock-categories"] .settings-link-icon,
  .legacy-settings-links > button[data-action="manage-storage-locations"] .settings-link-icon {
    border-color: #51411f !important;
    background: #1b170c !important;
    color: var(--crm-yellow) !important;
  }

  .legacy-settings-links > button[data-more="tools"] .settings-link-icon {
    border-color: #28505a !important;
    background: #0c191c !important;
    color: #55cee1 !important;
  }

  .legacy-settings-links > button[data-more="backup"] .settings-link-icon {
    border-color: #5a3529 !important;
    background: #1c110d !important;
    color: #ff8066 !important;
  }
}


/* 1.6.2 · Рабочие данные: не режем длинные подписи многоточием. */
@media screen and (max-width: 520px) {
  .legacy-settings-links > button {
    height: auto !important;
    min-height: 68px !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
  }

  .legacy-settings-links > button > span:nth-child(2) {
    min-width: 0 !important;
  }

  .legacy-settings-links strong,
  .legacy-settings-links small {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    white-space: normal !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}


/* 1.6.3 · Настройки 320 px: действие приложения — отдельная полноширинная строка. */
@media screen and (max-width: 340px) {
  .settings-app-card .legacy-settings-row:not(.plain) {
    grid-template-columns: 36px minmax(0,1fr) !important;
    row-gap: 8px !important;
    height: auto !important;
  }

  .settings-app-card .legacy-settings-row:not(.plain) > button:not(.toggle) {
    grid-column: 1 / -1 !important;
    justify-self: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    text-align: center !important;
  }
}


/* 1.6.4 · Ещё 320 px: описание до двух строк вместо многоточия. */
@media screen and (max-width: 340px) {
  .legacy-more-list .menu-item {
    height: auto !important;
    min-height: 76px !important;
  }

  .legacy-more-list .menu-description {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}


/* 1.6.5 · Аналитика 320 px: заголовок целиком рядом с 44px действием. */
@media screen and (max-width: 340px) {
  .analytics-content .page-head h1 {
    max-width: none !important;
    min-width: 0 !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    font-size: 19px !important;
    line-height: 1.08 !important;
    letter-spacing: -.035em !important;
  }
}


/* 1.6.6 · Материалы: длинные названия читаются в движениях и покупках. */
@media screen and (max-width: 520px) {
  .movement-copy strong,
  .shopping-card .stock-name {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    line-height: 1.2 !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .movement-card {
    height: auto !important;
    min-height: 78px !important;
  }

  .shopping-content .legacy-shopping-card {
    height: auto !important;
    min-height: 82px !important;
  }
}


/* 1.6.7 · Календарь: клиент и техника в визите до двух строк. */
@media screen and (max-width: 520px) {
  .calendar-event {
    height: auto !important;
    min-height: 60px !important;
  }

  .calendar-event > span {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    line-height: 1.2 !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .calendar-event.compact {
    min-height: 56px !important;
  }
}


/* 1.6.8 · Заявки 320 px: длинные рабочие данные читаются, а не режутся. */
@media screen and (max-width: 340px) {
  .legacy-order-title > strong,
  .legacy-order-device small {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    line-height: 1.2 !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .legacy-order-meta .address {
    overflow: hidden !important;
    max-height: 58px !important;
    text-overflow: clip !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    line-height: 1.25 !important;
    align-items: flex-start !important;
  }
}


/* 1.6.9 · Деталка заявки: рабочие данные показываются полностью. */
@media screen and (max-width: 520px) {
  .legacy-expanded-title > strong,
  .legacy-expanded-device-copy small {
    display: block !important;
    overflow: visible !important;
    max-height: none !important;
    text-overflow: clip !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    line-height: 1.22 !important;
    -webkit-line-clamp: unset !important;
  }

  .legacy-expanded-meta .address {
    display: flex !important;
    overflow: visible !important;
    max-height: none !important;
    text-overflow: clip !important;
    white-space: normal !important;
    align-items: flex-start !important;
    -webkit-line-clamp: unset !important;
  }

  .legacy-expanded-meta .address > b {
    min-width: 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    line-height: 1.3 !important;
  }
}


/* 1.7.0 · Склад: длинное название получает приоритет над боковым остатком. */
@media screen and (max-width: 520px) {
  .legacy-stock-copy strong {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    line-height: 1.18 !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .legacy-stock-main {
    height: auto !important;
    min-height: 82px !important;
  }
}

@media screen and (max-width: 340px) {
  .legacy-stock-main {
    grid-template-columns: 38px minmax(0,1fr) !important;
    grid-template-rows: auto auto !important;
    min-height: 96px !important;
    align-items: start !important;
  }

  .legacy-stock-icon {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    align-self: center !important;
  }

  .legacy-stock-copy {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  .legacy-stock-copy em {
    display: none !important;
  }

  .legacy-stock-qty {
    grid-column: 2 !important;
    grid-row: 2 !important;
    display: flex !important;
    align-items: baseline !important;
    justify-content: flex-start !important;
    justify-items: start !important;
    justify-self: start !important;
    gap: 8px !important;
    margin-top: 6px !important;
    padding-left: 0 !important;
  }

  .legacy-stock-qty strong {
    font-size: 13px !important;
  }

  .legacy-stock-qty small {
    font-size: 8px !important;
  }
}


/* 1.7.1 · Деталка 320 px: длинное имя не конфликтует с датой и статусом. */
@media screen and (max-width: 340px) {
  .legacy-expanded-head {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 8px !important;
  }

  .legacy-expanded-title {
    width: 100% !important;
    align-items: flex-start !important;
  }

  .legacy-expanded-head-side {
    display: flex !important;
    width: 100% !important;
    align-items: center !important;
    justify-content: space-between !important;
    justify-items: stretch !important;
    gap: 10px !important;
  }
}


/* 1.7.2 · Основные действия: полноширинная мобильная геометрия. */
@media screen and (max-width: 520px) {
  .order-editor-modal .modal-actions,
  .shopping-page-actions-primary {
    grid-template-columns: minmax(0,1fr) !important;
  }

  .order-editor-modal .modal-actions > .primary-button,
  .order-editor-modal .modal-actions > .secondary-button,
  .shopping-page-actions-primary > button {
    grid-column: auto !important;
    width: 100% !important;
    min-width: 0 !important;
  }
}


/* 1.7.3 · Каталог услуг: полноширинные нижние действия. */
@media screen and (max-width: 520px) {
  .catalog-modal .catalog-modal-actions {
    grid-template-columns: minmax(0,1fr) !important;
  }

  .catalog-modal .catalog-modal-actions > button {
    grid-column: auto !important;
    width: 100% !important;
    min-width: 0 !important;
  }
}


/* 1.7.4 · Склад: основные переходы без тесных половинчатых кнопок. */
@media screen and (max-width: 520px) {
  .legacy-warehouse-shortcuts {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 7px !important;
  }

  .legacy-warehouse-shortcuts > button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 50px !important;
    justify-content: center !important;
    white-space: nowrap !important;
  }
}


/* 1.7.5 · Редакторы: одна полноширинная колонка действий на телефоне. */
@media screen and (max-width: 520px) {
  .stock-editor-modal .modal-actions,
  .legacy-finance-entry-backdrop .modal-actions,
  .legacy-service-editor-backdrop .modal-actions,
  .legacy-price-editor-actions,
  .legacy-goods-savebar {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) !important;
    gap: 7px !important;
  }

  .stock-editor-modal .modal-actions > button,
  .legacy-finance-entry-backdrop .modal-actions > button,
  .legacy-service-editor-backdrop .modal-actions > button,
  .legacy-price-editor-actions > button,
  .legacy-goods-savebar > button {
    grid-column: auto !important;
    width: 100% !important;
    min-width: 0 !important;
  }
}


/* 1.7.5 hotfix · Перекрываем старые :has-раскладки редакторов. */
@media screen and (max-width: 520px) {
  .legacy-price-editor-actions:not(:has(.legacy-editor-delete)),
  .legacy-price-editor-actions:has(.legacy-editor-delete),
  .legacy-service-editor-backdrop .modal-actions:not(:has(.danger-button)),
  .legacy-service-editor-backdrop .modal-actions:has(.danger-button),
  .legacy-goods-savebar:has(.legacy-delete-goods) {
    grid-template-columns: minmax(0,1fr) !important;
  }

  .legacy-price-editor-actions > button,
  .legacy-service-editor-backdrop .modal-actions > button,
  .legacy-goods-savebar > button {
    grid-column: auto !important;
    width: 100% !important;
    justify-self: stretch !important;
  }
}


/* 1.7.6 · Товарник: цвет как акцент, а не большая заливка. */
@media screen and (max-width: 520px) {
  .legacy-goods-editor-actions #adjust-goods-prices {
    border-color: #493b68 !important;
    background: #0d1419 !important;
    color: #d8c9f8 !important;
    box-shadow: none !important;
  }

  .legacy-goods-editor-actions #adjust-goods-prices .ui-icon {
    color: var(--crm-purple) !important;
  }

  .legacy-goods-editor-actions #restore-goods-prices {
    border-color: #27343c !important;
    background: #0d1419 !important;
    color: #dce3e6 !important;
    box-shadow: none !important;
  }

  .legacy-goods-editor-actions #preview-goods {
    border-color: #ff7153 !important;
    background: #ff7153 !important;
    color: #17110f !important;
  }
}


/* 1.7.7 · 320 px: прайс и склад остаются компактными, без вертикального развала. */
@media screen and (max-width: 340px) {
  .legacy-price-row {
    grid-template-columns: minmax(0,1fr) auto !important;
    gap: 8px !important;
    align-items: center !important;
    min-height: 60px !important;
  }

  .legacy-price-row > span {
    min-width: 0 !important;
  }

  .legacy-price-row > b {
    justify-self: end !important;
    align-self: center !important;
    margin-left: 4px !important;
  }

  .legacy-stock-main {
    grid-template-columns: 38px minmax(0,1fr) auto !important;
    grid-template-rows: auto !important;
    gap: 8px !important;
    min-height: 86px !important;
    align-items: center !important;
  }

  .legacy-stock-icon {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: center !important;
  }

  .legacy-stock-copy {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  .legacy-stock-copy em {
    display: none !important;
  }

  .legacy-stock-qty {
    grid-column: 3 !important;
    grid-row: 1 !important;
    display: grid !important;
    align-self: center !important;
    justify-self: end !important;
    justify-items: end !important;
    gap: 3px !important;
    margin-top: 0 !important;
    padding-left: 4px !important;
  }

  .legacy-stock-qty strong {
    font-size: 12.5px !important;
  }

  .legacy-stock-qty small {
    font-size: 7.5px !important;
  }
}


/* 1.7.8 · Семантика навигации и информативные заголовки групп. */
@media screen and (max-width: 520px) {
  .warehouse-filter-control > span > .ui-icon {
    transform: translateY(-50%) rotate(90deg) !important;
  }

  .legacy-group-chevron {
    transform: rotate(0deg) !important;
  }

  .legacy-warehouse-group[open] .legacy-group-chevron {
    transform: rotate(90deg) !important;
  }

  .legacy-price-group > h3 {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
  }

  .legacy-price-group > h3 > span {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .legacy-price-group > h3 > small {
    display: grid !important;
    min-width: 24px !important;
    height: 24px !important;
    padding: 0 6px !important;
    place-items: center !important;
    border-radius: 999px !important;
    background: #10181d !important;
    color: #87939a !important;
    font-size: 8.5px !important;
    font-weight: 760 !important;
    font-variant-numeric: tabular-nums;
  }
}


/* 1.7.9 · 320 px: документы и инструменты сохраняют правую колонку суммы. */
@media screen and (max-width: 340px) {
  .legacy-document-row.receipt,
  .legacy-document-row.tool {
    grid-template-columns: 38px minmax(0,1fr) auto 24px !important;
    grid-template-rows: auto !important;
    gap: 7px !important;
    min-height: 66px !important;
    align-items: center !important;
  }

  .legacy-document-row.receipt > span:nth-child(2),
  .legacy-document-row.tool > span:nth-child(2) {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
  }

  .legacy-document-row.receipt > b,
  .legacy-document-row.tool > b {
    grid-column: 3 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: end !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }

  .legacy-document-row.receipt > .chevron,
  .legacy-document-row.tool > .chevron {
    grid-column: 4 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: end !important;
  }
}


/* 1.7.10 · Бэкап: три итоговых счётчика всегда в одну строку. */
@media screen and (max-width: 360px) {
  .legacy-backup-page .legacy-service-stats.backup {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 6px !important;
  }

  .legacy-backup-page .legacy-service-stats.backup > div,
  .legacy-backup-page .legacy-service-stats.backup > div:last-child {
    grid-column: auto !important;
    min-width: 0 !important;
    padding-right: 6px !important;
    padding-left: 6px !important;
  }
}


/* 1.7.11 · Каталог услуг не сжимается; расчёт заявки снова как компактный пульт. */
@media screen and (max-width: 520px) {
  .catalog-modal-backdrop {
    position: fixed !important;
    inset: auto !important;
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    bottom: auto !important;
    width: 100vw !important;
    height: 100dvh !important;
    min-height: 0 !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
  }

  .catalog-modal-backdrop > .catalog-modal {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    display: grid !important;
    grid-template-rows: auto auto minmax(0,1fr) auto auto !important;
    overflow: hidden !important;
  }

  .catalog-modal .catalog-service-list {
    min-height: 0 !important;
    height: 100% !important;
    overflow-y: auto !important;
  }

  .catalog-modal .catalog-fit-summary,
  .catalog-modal .catalog-modal-actions {
    align-self: stretch !important;
    flex: 0 0 auto !important;
  }

  .order-editor-modal .legacy-payment-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 8px !important;
    align-items: start !important;
  }

  .order-editor-modal .legacy-payment-grid > .form-group {
    grid-column: auto !important;
    min-width: 0 !important;
  }

  .order-editor-modal .legacy-payment-grid > .payment-tag {
    grid-column: 1 / -1 !important;
  }

  .order-editor-modal .legacy-payment-grid .field {
    min-height: 48px !important;
  }

  .order-editor-modal .legacy-payment-grid .white-expense-hint {
    margin-top: 4px !important;
    font-size: 8.5px !important;
    line-height: 1.15 !important;
  }
}


/* 1.7.12 · Главный экран: плотнее, но без тесноты и мелких touch-targets. */
@media screen and (max-width: 520px) {
  .legacy-orders-page {
    padding-top: 11px !important;
  }

  .legacy-orders-page .legacy-page-head {
    margin-bottom: 9px !important;
  }

  .legacy-orders-page .legacy-orders-add-wide {
    min-height: 48px !important;
    margin-bottom: 8px !important;
    border-radius: 12px !important;
  }

  .legacy-orders-page .legacy-nearest-visit {
    margin-bottom: 8px !important;
    padding: 9px 11px !important;
    border-radius: 12px !important;
  }

  .legacy-orders-page .legacy-order-search {
    margin-bottom: 7px !important;
  }

  .legacy-orders-page .legacy-order-filters {
    margin-bottom: 7px !important;
  }

  .legacy-orders-page .legacy-visit-filter {
    margin-bottom: 8px !important;
  }

  .legacy-orders-list {
    gap: 7px !important;
  }

  .legacy-order-card {
    padding: 11px 11px 9px 13px !important;
    border-radius: 14px !important;
  }

  .legacy-order-title {
    gap: 6px !important;
  }

  .legacy-order-title > span {
    font-size: 12px !important;
  }

  .legacy-order-title > strong {
    font-size: 14px !important;
  }

  .legacy-order-head-side {
    gap: 4px !important;
  }

  .legacy-status {
    padding: 3px 7px !important;
    border-radius: 7px !important;
  }

  .legacy-order-device {
    grid-template-columns: 41px minmax(0,1fr) !important;
    gap: 8px !important;
    margin-top: 8px !important;
  }

  .legacy-device-icon {
    width: 39px !important;
    height: 39px !important;
    border-radius: 10px !important;
  }

  .legacy-device-icon .ui-icon {
    width: 21px !important;
    height: 21px !important;
  }

  .legacy-order-device strong {
    font-size: 12.5px !important;
  }

  .legacy-order-device small {
    margin-top: 2px !important;
    font-size: 9.5px !important;
  }

  .legacy-order-money {
    gap: 6px !important;
    margin-top: 7px !important;
  }

  .legacy-order-money > div {
    min-height: 50px !important;
    padding: 7px 9px !important;
    border-radius: 10px !important;
  }

  .legacy-order-money strong {
    margin-top: 3px !important;
    font-size: 15px !important;
  }

  .legacy-order-meta {
    gap: 5px 9px !important;
    margin-top: 7px !important;
    padding-top: 6px !important;
    font-size: 8.5px !important;
  }

  .legacy-next-visit {
    margin-top: 6px !important;
    padding: 6px 8px !important;
  }

  .legacy-order-actions {
    gap: 4px !important;
    margin-top: 7px !important;
    padding-top: 6px !important;
  }

  .legacy-order-actions > button,
  .legacy-order-actions > a {
    min-height: 44px !important;
    gap: 2px !important;
    padding: 4px 2px !important;
    border-radius: 9px !important;
    font-size: 7.5px !important;
  }

  .legacy-order-actions .ui-icon {
    width: 16px !important;
    height: 16px !important;
  }
}


/* 1.7.13 · Деталка и редактор: плотнее без потери читаемости и удобных touch-targets. */
@media screen and (max-width: 520px) {
  .order-editor-modal .order-editor-head {
    min-height: calc(58px + env(safe-area-inset-top)) !important;
    padding: calc(7px + env(safe-area-inset-top)) 12px 7px !important;
  }

  .order-editor-title-icon {
    width: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
  }

  .order-editor-modal .order-editor-body {
    padding: 10px 0 18px !important;
    scroll-padding-bottom: 18px !important;
  }

  .order-editor-modal .order-editor-section {
    margin-bottom: 16px !important;
  }

  .order-editor-modal .form-section-title {
    min-height: 30px !important;
    margin-bottom: 7px !important;
    font-size: 14px !important;
  }

  .order-editor-modal .order-editor-section-icon {
    width: 28px !important;
    height: 28px !important;
    flex-basis: 28px !important;
    border-radius: 9px !important;
  }

  .order-editor-modal .form-grid {
    gap: 7px !important;
  }

  .order-editor-modal .form-group label {
    margin-bottom: 4px !important;
  }

  .order-editor-modal .field,
  .order-editor-modal .legacy-payment-grid .field,
  .order-editor-modal .material-card-controls .field {
    min-height: 46px !important;
  }

  .order-editor-modal .textarea {
    min-height: 72px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .order-editor-modal .compact-textarea {
    min-height: 56px !important;
  }

  .order-editor-modal .legacy-catalog-button,
  .order-editor-modal .legacy-stock-button {
    min-height: 46px !important;
    margin-bottom: 7px !important;
    border-radius: 12px !important;
  }

  .order-editor-modal .legacy-service-row {
    min-height: 50px !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }

  .order-editor-modal .legacy-service-total {
    min-height: 34px !important;
    margin-top: 3px !important;
    padding-top: 6px !important;
  }

  .warranty-target-grid {
    gap: 6px !important;
  }

  .warranty-target-option {
    min-height: 44px !important;
    padding: 7px 8px !important;
  }

  .legacy-order-detail-content {
    padding: 8px 10px calc(20px + env(safe-area-inset-bottom)) !important;
  }

  .legacy-expanded-order-card {
    padding: 11px 10px 9px 13px !important;
    border-radius: 14px !important;
    background: #060b0f !important;
    box-shadow: none !important;
  }

  .legacy-expanded-device {
    grid-template-columns: 40px minmax(0,1fr) !important;
    gap: 8px !important;
    margin-top: 8px !important;
  }

  .legacy-expanded-device-icon {
    width: 38px !important;
    height: 38px !important;
    border-radius: 10px !important;
  }

  .legacy-expanded-device-icon .ui-icon {
    width: 21px !important;
    height: 21px !important;
  }

  .legacy-expanded-money {
    gap: 6px !important;
    margin-top: 7px !important;
  }

  .legacy-expanded-money > div {
    min-height: 50px !important;
    padding: 7px 8px !important;
    border-radius: 10px !important;
  }

  .legacy-expanded-money strong {
    margin-top: 3px !important;
  }

  .legacy-expanded-meta {
    gap: 5px 8px !important;
    margin-top: 7px !important;
    padding-top: 6px !important;
  }

  .legacy-expanded-visit {
    margin-top: 6px !important;
    padding: 6px 8px !important;
  }

  .legacy-expanded-actions {
    gap: 4px !important;
    margin-top: 7px !important;
    padding-top: 6px !important;
  }

  .legacy-expanded-actions > button,
  .legacy-expanded-actions > a {
    min-height: 44px !important;
    padding: 4px 2px !important;
    border-radius: 9px !important;
  }

  .legacy-detail-section,
  .legacy-detail-services,
  .legacy-detail-materials {
    margin-top: 7px !important;
    padding: 10px !important;
    border-radius: 12px !important;
  }

  .legacy-detail-services .legacy-detail-lines,
  .legacy-detail-materials .legacy-detail-lines {
    gap: 5px !important;
    margin-top: 7px !important;
  }

  .legacy-detail-services .legacy-detail-line,
  .legacy-detail-materials .legacy-detail-line {
    min-height: 48px !important;
    padding: 7px 8px !important;
    border-radius: 10px !important;
  }

  .legacy-detail-services .legacy-detail-line small,
  .legacy-detail-materials .legacy-detail-line small {
    margin-top: 3px !important;
  }

  .legacy-detail-notes > div:not(.legacy-detail-section-head) {
    padding: 7px 0 !important;
  }

  .legacy-detail-notes p {
    margin-top: 4px !important;
  }

  .legacy-detail-total-row {
    margin-top: 7px !important;
    padding: 10px !important;
    border-radius: 12px !important;
  }
}


/* 1.7.14 · Денежные карточки: высота включает padding, без скрытого раздувания. */
@media screen and (max-width: 520px) {
  .legacy-order-money > div,
  .legacy-expanded-money > div {
    box-sizing: border-box !important;
    height: 52px !important;
    min-height: 52px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  .legacy-order-money span,
  .legacy-expanded-money span {
    line-height: 1.05 !important;
    white-space: nowrap !important;
  }

  .legacy-order-money strong,
  .legacy-expanded-money strong {
    margin-top: 3px !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
  }

  .legacy-order-card.active .legacy-order-money > div:last-child strong,
  .legacy-expanded-money > div:last-child strong {
    font-size: clamp(12px,3.8vw,15px) !important;
  }
}


/* 1.7.15 · Аналитика: высокая информационная плотность без мелкого текста. */
@media screen and (max-width: 520px) {
  .analytics-content {
    padding-top: 11px !important;
    padding-bottom: 16px !important;
  }

  .analytics-content .page-head {
    margin-bottom: 8px !important;
  }

  .analytics-period-grid {
    gap: 4px !important;
    margin-bottom: 6px !important;
  }

  .analytics-period-grid .chip {
    min-height: 42px !important;
  }

  .analytics-range-nav {
    margin-bottom: 7px !important;
  }

  .analytics-content .panel {
    margin-bottom: 7px !important;
    padding: 10px !important;
    border-radius: 13px !important;
  }

  .analytics-content .panel-title {
    margin-bottom: 8px !important;
  }

  .analytics-kpi-panel {
    padding: 9px !important;
  }

  .analytics-kpis {
    gap: 6px !important;
  }

  .analytics-kpi,
  .analytics-kpi.primary {
    grid-template-columns: 30px minmax(0,1fr) !important;
    gap: 7px !important;
    min-height: 80px !important;
    padding: 8px !important;
    border-radius: 10px !important;
  }

  .analytics-kpi-icon {
    width: 30px !important;
    height: 30px !important;
    border-radius: 9px !important;
  }

  .analytics-kpi-icon .ui-icon {
    width: 17px !important;
    height: 17px !important;
  }

  .analytics-kpi > div > strong {
    margin-top: 3px !important;
  }

  .analytics-kpi > div > small {
    margin-top: 3px !important;
  }

  .analytics-summary-strip {
    gap: 5px !important;
    margin-top: 6px !important;
  }

  .analytics-summary-strip > span {
    min-height: 36px !important;
    padding: 6px 8px !important;
    border-radius: 9px !important;
  }

  .analytics-focus-list {
    border-radius: 10px !important;
  }

  .analytics-focus-row {
    grid-template-columns: 30px minmax(0,1fr) auto !important;
    gap: 8px !important;
    min-height: 52px !important;
    padding: 6px 8px !important;
  }

  .analytics-focus-icon {
    width: 30px !important;
    height: 30px !important;
    border-radius: 9px !important;
  }

  .analytics-focus-icon .ui-icon {
    width: 17px !important;
    height: 17px !important;
  }

  .analytics-work .analytics-work-grid {
    gap: 6px !important;
  }

  .analytics-work .metric {
    min-height: 66px !important;
    padding: 7px !important;
    border-radius: 9px !important;
  }

  .analytics-work .metric-value {
    margin-top: 2px !important;
  }

  .analytics-weekdays {
    gap: 5px !important;
    margin-top: 7px !important;
  }

  .analytics-weekdays > span {
    min-height: 42px !important;
    padding: 6px 4px !important;
  }

  .analytics-work-grid.compact {
    margin-top: 7px !important;
  }

  .analytics-collapsible > summary {
    min-height: 52px !important;
    padding: 8px 10px !important;
  }

  .analytics-collapsible > .analytics-work-grid,
  .analytics-collapsible > .goods-list,
  .analytics-collapsible > .empty {
    margin: 0 10px 9px !important;
  }

  .analytics-ranking-row {
    min-height: 48px !important;
    padding: 5px 0 !important;
  }
}

@media screen and (max-width: 340px) {
  .analytics-summary-strip,
  .analytics-comparison-strip {
    gap: 5px !important;
  }
}


/* 1.7.16 · Аналитика: 44px управления и точная плотность KPI. */
@media screen and (max-width: 520px) {
  .analytics-period-grid .chip {
    box-sizing: border-box !important;
    min-height: 44px !important;
    height: 44px !important;
  }

  .analytics-kpi,
  .analytics-kpi.primary {
    box-sizing: border-box !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }

  .analytics-kpi > div > strong,
  .analytics-kpi > div > small {
    margin-top: 2px !important;
  }
}


/* 1.7.17 · Календарь: меньше пустоты, те же 44px точки нажатия. */
@media screen and (max-width: 520px) {
  .legacy-calendar-page {
    padding-top: 10px !important;
  }

  .calendar-page-head {
    margin-bottom: 9px !important;
  }

  .calendar-month-card {
    margin-bottom: 8px !important;
    padding-top: 9px !important;
    padding-bottom: 8px !important;
  }

  .calendar-month-head {
    padding-bottom: 7px !important;
  }

  .calendar-legend {
    padding-top: 6px !important;
  }

  .calendar-day-card {
    padding: 10px !important;
    border-radius: 12px !important;
  }

  .calendar-day-head {
    gap: 8px !important;
    margin-bottom: 7px !important;
  }

  .calendar-all-day {
    gap: 5px !important;
    margin-bottom: 7px !important;
    padding: 7px !important;
    border-radius: 10px !important;
  }

  .calendar-hour-row {
    min-height: 48px !important;
    gap: 6px !important;
  }

  .calendar-hour-row > time {
    padding-top: 7px !important;
  }

  .calendar-hour-row > div {
    gap: 4px !important;
    padding: 3px 0 !important;
  }

  .calendar-event {
    box-sizing: border-box !important;
    min-height: 54px !important;
    padding: 6px 8px !important;
    border-radius: 9px !important;
  }

  .calendar-event.compact {
    min-height: 50px !important;
  }

  .calendar-empty {
    padding-top: 8px !important;
  }
}


/* 1.7.18 · Финансы и клиенты: меньше пустоты, те же крупные данные и touch-targets. */
@media screen and (max-width: 520px) {
  .legacy-finance-page,
  .legacy-clients-page {
    padding-top: 10px !important;
  }

  .legacy-finance-summary {
    gap: 6px !important;
    margin: 8px 0 !important;
  }

  .legacy-finance-summary > div {
    min-height: 64px !important;
    padding: 8px 10px !important;
    border-radius: 11px !important;
  }

  .legacy-finance-summary .finance-result-hero {
    min-height: 82px !important;
    padding: 10px 12px !important;
  }

  .legacy-finance-summary strong {
    margin-top: 4px !important;
  }

  .legacy-finance-summary .finance-result-hero strong {
    margin-top: 5px !important;
  }

  .legacy-finance-summary small {
    margin-top: 4px !important;
  }

  .legacy-finance-actions {
    gap: 6px !important;
    margin-bottom: 8px !important;
  }

  .legacy-finance-history {
    padding: 10px !important;
  }

  .legacy-finance-row {
    min-height: 58px !important;
    padding: 6px 0 !important;
  }

  .legacy-finance-kind {
    width: 36px !important;
    height: 36px !important;
  }

  .legacy-client-search {
    margin-bottom: 7px !important;
  }

  .legacy-clients-stats {
    gap: 6px !important;
    margin-bottom: 8px !important;
  }

  .legacy-clients-stats > div {
    min-height: 62px !important;
    padding: 8px 10px !important;
    border-radius: 10px !important;
  }

  .legacy-clients-stats .clients-stat-primary {
    min-height: 76px !important;
  }

  .legacy-clients-stats strong {
    margin-top: 4px !important;
  }

  .legacy-clients-stats small {
    margin-top: 4px !important;
  }

  .legacy-client-list {
    gap: 6px !important;
  }

  .legacy-client-card {
    border-radius: 13px !important;
  }

  .legacy-client-main {
    min-height: 72px !important;
    padding: 8px 10px 7px !important;
  }

  .legacy-client-meta {
    gap: 5px 9px !important;
    padding: 6px 10px !important;
  }

  .legacy-client-actions {
    gap: 5px !important;
    padding: 0 10px 8px !important;
  }

  .legacy-client-actions a,
  .legacy-client-actions button {
    min-height: 44px !important;
  }
}


/* 1.7.19 · Прайс: меньше пустоты между рабочими элементами без мелкого текста. */
@media screen and (max-width: 520px) {
  .legacy-price-page {
    padding-top: 10px !important;
  }

  .legacy-price-search {
    margin-bottom: 6px !important;
  }

  .legacy-price-filters {
    gap: 6px !important;
    margin-bottom: 8px !important;
  }

  .legacy-price-filters label > span {
    margin-bottom: 3px !important;
  }

  .legacy-price-groups {
    gap: 7px !important;
  }

  .legacy-price-group {
    border-radius: 12px !important;
  }

  .legacy-price-group > h3,
  .legacy-custom-price-head {
    min-height: 40px !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
  }

  .legacy-price-row {
    min-height: 56px !important;
    gap: 9px !important;
    padding: 7px 10px !important;
  }

  .legacy-price-row small {
    margin-top: 2px !important;
  }

  .legacy-price-empty {
    padding: 10px !important;
  }
}

@media screen and (max-width: 340px) {
  .legacy-price-row {
    min-height: 60px !important;
  }
}


/* 1.7.20 · Ещё: плотнее рабочее меню без мелкого текста и без потери описаний. */
@media screen and (max-width: 520px) {
  .legacy-more-list {
    gap: 6px !important;
  }

  .legacy-more-list .menu-item {
    grid-template-columns: 40px minmax(0,1fr) 18px !important;
    gap: 9px !important;
    min-height: 66px !important;
    padding: 8px 10px !important;
    border-radius: 12px !important;
  }

  .legacy-more-list .menu-icon,
  .legacy-more-list .menu-icon-finance,
  .legacy-more-list .menu-icon-shopping,
  .legacy-more-list .menu-icon-clients,
  .legacy-more-list .menu-icon-prices,
  .legacy-more-list .menu-icon-act,
  .legacy-more-list .menu-icon-goods,
  .legacy-more-list .menu-icon-calendar,
  .legacy-more-list .menu-icon-tools,
  .legacy-more-list .menu-icon-settings {
    width: 38px !important;
    height: 38px !important;
    border-radius: 10px !important;
  }

  .legacy-more-list .menu-icon .ui-icon {
    width: 19px !important;
    height: 19px !important;
  }

  .legacy-more-list .menu-description {
    margin-top: 2px !important;
  }

  .app-version-strip {
    min-height: 52px !important;
    margin-top: 8px !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }
}

@media screen and (max-width: 340px) {
  .legacy-more-list .menu-item {
    height: auto !important;
    min-height: 72px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .legacy-more-list .menu-description {
    -webkit-line-clamp: 2 !important;
  }
}


/* 1.7.21 · Товарник: плотнее панели и строки, основные действия остаются крупными. */
@media screen and (max-width: 520px) {
  .legacy-goods-page { padding-top: 10px !important; }

  .legacy-goods-panel {
    margin-bottom: 7px !important;
    padding: 10px !important;
    border-radius: 13px !important;
  }

  .legacy-goods-create-grid { gap: 6px !important; }
  .legacy-goods-order-source { margin-top: 7px !important; }

  .legacy-goods-help,
  .legacy-goods-intro { margin-top: 6px !important; }

  .legacy-goods-current-summary {
    min-height: 54px !important;
    margin-bottom: 7px !important;
    padding: 7px 9px !important;
    border-radius: 10px !important;
  }

  .legacy-goods-current-summary small { margin-top: 2px !important; }

  .legacy-goods-position {
    min-height: 48px !important;
    padding: 5px 0 !important;
  }

  .legacy-goods-position small,
  .legacy-product-price-list small { margin-top: 2px !important; }

  .legacy-open-editor { margin-top: 6px !important; }

  .legacy-product-price > summary { min-height: 44px !important; }

  .legacy-product-price-list > div {
    min-height: 48px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }
}

@media screen and (max-width: 340px) {
  .legacy-goods-position,
  .legacy-product-price-list > div {
    min-height: 54px !important;
  }
}


/* 1.7.22 · Настройки и бэкап: меньше пустоты без потери длинных подписей и touch-targets. */
@media screen and (max-width: 520px) {
  .legacy-settings-card {
    margin-bottom: 7px !important;
    padding: 10px !important;
    border-radius: 13px !important;
  }

  .legacy-settings-grid {
    gap: 7px !important;
  }

  .legacy-settings-grid label > span {
    margin-bottom: 3px !important;
  }

  .legacy-settings-toggle-row {
    min-height: 54px !important;
    margin-top: 7px !important;
    padding: 7px 9px !important;
    border-radius: 10px !important;
  }

  .legacy-settings-save {
    margin-top: 7px !important;
  }

  .legacy-settings-row {
    min-height: 56px !important;
    padding: 6px 0 !important;
  }

  .legacy-settings-row-icon,
  .settings-link-icon {
    width: 34px !important;
    height: 34px !important;
    border-radius: 9px !important;
  }

  .legacy-settings-links {
    gap: 5px !important;
  }

  .legacy-settings-links > button {
    min-height: 60px !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    border-radius: 10px !important;
  }

  .legacy-settings-links > button[data-action="manage-warranty-results"] {
    min-height: 68px !important;
  }

  .legacy-backup-page .backup-primary-card,
  .legacy-backup-page .backup-auto-card {
    margin-bottom: 7px !important;
    padding: 10px !important;
    border-radius: 13px !important;
  }

  .legacy-backup-main-actions {
    gap: 6px !important;
    margin-top: 7px !important;
  }

  .legacy-backup-grid {
    gap: 5px !important;
    margin-top: 6px !important;
  }

  .legacy-backup-page .legacy-settings-row.plain {
    gap: 6px !important;
  }

  .legacy-service-stats.backup {
    gap: 5px !important;
  }

  .legacy-service-stats.backup > div {
    min-height: 56px !important;
    padding: 7px 6px !important;
  }
}

@media screen and (max-width: 340px) {
  .settings-app-card .legacy-settings-row:not(.plain) {
    row-gap: 6px !important;
  }

  .legacy-settings-links > button {
    min-height: 64px !important;
  }

  .legacy-settings-links > button[data-action="manage-warranty-results"] {
    min-height: 70px !important;
  }
}


/* 1.7.24 · Документы и инструмент: плотнее списки и статистика без потери читаемости. */
@media screen and (max-width: 520px) {
  .legacy-service-page {
    padding-top: 10px !important;
  }

  .legacy-service-stats.receipts-stats,
  .legacy-service-stats.tools-stats {
    gap: 6px !important;
    margin-bottom: 8px !important;
  }

  .receipts-stats > div,
  .tools-stats > div {
    min-height: 60px !important;
    padding: 8px 9px !important;
    border-radius: 10px !important;
  }

  .receipts-stats small,
  .tools-stats small {
    margin-top: 3px !important;
  }

  .legacy-service-page .legacy-service-list {
    gap: 5px !important;
  }

  .legacy-document-row.receipt,
  .legacy-document-row.tool {
    min-height: 60px !important;
    padding: 7px 9px !important;
    border-radius: 11px !important;
  }

  .legacy-document-row.receipt .legacy-document-icon,
  .legacy-document-row.tool .legacy-document-icon {
    width: 36px !important;
    height: 36px !important;
    border-radius: 9px !important;
  }

  .legacy-document-row.receipt small,
  .legacy-document-row.tool small {
    margin-top: 2px !important;
  }
}

@media screen and (max-width: 340px) {
  .legacy-document-row.receipt,
  .legacy-document-row.tool {
    min-height: 64px !important;
  }
}


/* 1.7.25 · Документы и инструмент: реальная высота статистики включает padding. */
@media screen and (max-width: 520px) {
  .receipts-stats > div,
  .tools-stats > div {
    box-sizing: border-box !important;
    min-height: 62px !important;
    padding: 6px 8px !important;
  }

  .receipts-stats span,
  .tools-stats span {
    line-height: 1.1 !important;
  }

  .receipts-stats strong,
  .tools-stats strong {
    display: block !important;
    margin-top: 2px !important;
    line-height: 1.05 !important;
  }

  .receipts-stats small,
  .tools-stats small {
    margin-top: 2px !important;
    line-height: 1.1 !important;
  }
}


/* 1.7.26 · Склад и покупки: плотнее по вертикали, touch-targets сохранены. */
@media screen and (max-width: 520px) {
  .legacy-warehouse-shortcuts {
    gap: 6px !important;
    margin-bottom: 8px !important;
  }

  .legacy-warehouse-shortcuts > button {
    min-height: 48px !important;
    border-radius: 11px !important;
  }

  .legacy-warehouse-groups {
    gap: 6px !important;
  }

  .legacy-warehouse-group {
    border-radius: 13px !important;
  }

  .legacy-warehouse-group > summary {
    min-height: 52px !important;
    padding: 7px 10px !important;
  }

  .legacy-stock-list {
    gap: 6px !important;
    padding: 0 8px 8px 12px !important;
  }

  .legacy-stock-card-v2 {
    border-radius: 12px !important;
  }

  .legacy-stock-main {
    height: auto !important;
    min-height: 72px !important;
    padding: 7px 8px 7px 10px !important;
  }

  .legacy-stock-actions-v2 {
    gap: 4px !important;
    padding: 6px 7px 7px !important;
  }

  .legacy-stock-actions-v2 > button {
    min-height: 44px !important;
    border-radius: 9px !important;
  }

  .shopping-content {
    padding: 10px 12px 16px !important;
  }

  .shopping-content .support-page-head {
    margin-bottom: 8px !important;
  }

  .shopping-list {
    gap: 6px !important;
  }

  .shopping-content .legacy-shopping-card {
    height: auto !important;
    min-height: 70px !important;
    padding: 8px 10px !important;
    border-radius: 12px !important;
  }

  .shopping-content .legacy-shopping-card:not(.manual) {
    gap: 8px !important;
  }

  .shopping-content .legacy-shopping-card:not(.manual) .shopping-item-icon {
    width: 38px !important;
    height: 38px !important;
    border-radius: 10px !important;
  }

  .shopping-content .legacy-shopping-card:not(.manual) .shopping-need {
    padding: 4px 6px !important;
    border-radius: 8px !important;
  }
}

@media screen and (max-width: 340px) {
  .legacy-stock-main {
    min-height: 80px !important;
  }

  .shopping-content .legacy-shopping-card {
    min-height: 76px !important;
  }
}


/* 1.7.27 · Деталка и редактор склада: рабочая плотность без мелких touch-targets. */
@media screen and (max-width: 520px) {
  .stock-detail-hero {
    min-height: 70px !important;
    padding: 9px 10px !important;
    border-radius: 13px !important;
  }

  .stock-detail-kpis {
    gap: 5px !important;
    margin-top: 7px !important;
  }

  .stock-detail-kpis > div {
    box-sizing: border-box !important;
    min-height: 60px !important;
    padding: 6px 7px !important;
    border-radius: 10px !important;
  }

  .stock-detail-kpis span {
    min-height: 23px !important;
  }

  .stock-detail-kpis strong {
    margin-top: 3px !important;
  }

  .stock-detail-actions {
    gap: 6px !important;
    margin-top: 7px !important;
  }

  .stock-detail-actions button:not(.stock-detail-archive) {
    box-sizing: border-box !important;
    min-height: 50px !important;
    padding: 6px 8px !important;
    border-radius: 10px !important;
  }

  .stock-detail-actions .stock-detail-correct {
    min-height: 48px !important;
  }

  .stock-detail-actions .stock-detail-archive {
    min-height: 44px !important;
  }

  .stock-action-icon {
    width: 30px !important;
    height: 30px !important;
    border-radius: 9px !important;
  }

  .stock-detail-history {
    margin-top: 7px !important;
    padding: 9px 10px !important;
    border-radius: 12px !important;
  }

  .stock-detail-history h3 {
    margin-bottom: 3px !important;
  }

  .stock-detail-movement {
    min-height: 44px !important;
    padding: 5px 0 !important;
  }

  .stock-editor-head {
    min-height: calc(58px + env(safe-area-inset-top)) !important;
    margin-bottom: 0 !important;
    padding-top: calc(7px + env(safe-area-inset-top)) !important;
    padding-bottom: 7px !important;
  }

  .stock-editor-title-icon {
    width: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
  }

  .stock-editor-modal .stock-editor-intro {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }

  .stock-editor-modal .stock-editor-body {
    gap: 8px !important;
    padding-top: 8px !important;
    padding-bottom: 12px !important;
  }

  .stock-editor-modal .stock-editor-section {
    padding: 9px !important;
    border-radius: 12px !important;
  }

  .stock-editor-section-title {
    min-height: 28px !important;
    margin-bottom: 7px !important;
  }

  .stock-editor-modal .form-grid {
    gap: 7px !important;
  }

  .stock-editor-modal .form-group label {
    margin-bottom: 4px !important;
  }

  .stock-editor-modal .field {
    min-height: 44px !important;
  }

  .stock-editor-compat-details > summary {
    min-height: 44px !important;
    padding: 6px 9px !important;
  }

  .stock-editor-toggle {
    min-height: 46px !important;
  }
}

@media screen and (max-width: 340px) {
  .stock-detail-hero {
    min-height: 74px !important;
  }

  .stock-detail-kpis > div {
    min-height: 62px !important;
    padding-right: 5px !important;
    padding-left: 5px !important;
  }

  .stock-detail-actions button:not(.stock-detail-archive) {
    min-height: 48px !important;
  }
}


/* 1.7.28 · Склад: точная компактная геометрия без уменьшения рабочего текста. */
@media screen and (max-width: 520px) {
  .legacy-stock-main {
    box-sizing: border-box !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }

  .shopping-content .legacy-shopping-card {
    box-sizing: border-box !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  .stock-detail-hero {
    box-sizing: border-box !important;
  }

  .stock-detail-kpis > div {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  .stock-detail-kpis span {
    min-height: 18px !important;
    line-height: 1.1 !important;
  }

  .stock-detail-kpis strong {
    margin-top: 1px !important;
    line-height: 1.05 !important;
  }

  .stock-detail-kpis small {
    margin-top: 1px !important;
    line-height: 1.05 !important;
  }
}

@media screen and (max-width: 340px) {
  .stock-detail-hero {
    grid-template-columns: 40px minmax(0,1fr) auto !important;
    grid-template-rows: auto !important;
    align-items: center !important;
  }

  .stock-detail-status {
    grid-column: 3 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: end !important;
    margin-top: 0 !important;
  }
}


/* 1.7.29 · История движения: плотная строка с количеством справа даже на 320 px. */
@media screen and (max-width: 520px) {
  .movement-filter-chips {
    gap: 4px !important;
    margin-bottom: 7px !important;
    padding: 3px !important;
    border-radius: 11px !important;
  }

  .movement-filter-chips button {
    min-height: 44px !important;
    padding: 4px 6px !important;
    border-radius: 8px !important;
  }

  .movement-list {
    gap: 5px !important;
  }

  .movement-card {
    box-sizing: border-box !important;
    grid-template-columns: 38px minmax(0,1fr) auto !important;
    grid-template-rows: auto !important;
    gap: 8px !important;
    min-height: 72px !important;
    padding: 7px 9px !important;
    border-radius: 12px !important;
  }

  .movement-icon {
    width: 36px !important;
    height: 36px !important;
    border-radius: 9px !important;
  }

  .movement-copy {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  .movement-copy small,
  .movement-copy time {
    margin-top: 2px !important;
  }

  .movement-card > b {
    grid-column: 3 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: end !important;
    min-width: 62px !important;
    padding: 6px 7px !important;
    border-radius: 8px !important;
    text-align: center !important;
  }
}

@media screen and (max-width: 340px) {
  .movement-card {
    grid-template-columns: 36px minmax(0,1fr) auto !important;
    gap: 7px !important;
    min-height: 74px !important;
    padding: 7px 8px !important;
  }

  .movement-card > b {
    grid-column: 3 !important;
    grid-row: 1 !important;
    min-width: 58px !important;
    justify-self: end !important;
    text-align: center !important;
  }
}


/* 1.7.30 · Акт и черновики: рабочая плотность без уменьшения touch-targets. */
@media screen and (max-width: 520px) {
  .legacy-act-page,
  .legacy-drafts-page {
    padding-top: 10px !important;
  }

  .legacy-act-page .legacy-subpage-head,
  .legacy-drafts-page .legacy-subpage-head {
    margin-bottom: 8px !important;
  }

  .legacy-act-control {
    padding: 9px !important;
    border-radius: 13px !important;
  }

  .legacy-act-control-title {
    grid-template-columns: 32px minmax(0,1fr) !important;
    gap: 7px !important;
    margin-bottom: 7px !important;
  }

  .legacy-act-control-title > span {
    width: 32px !important;
    height: 32px !important;
    border-radius: 9px !important;
  }

  .legacy-act-control-title > span .ui-icon {
    width: 17px !important;
    height: 17px !important;
  }

  .legacy-act-control > label > span {
    margin-bottom: 3px !important;
  }

  .legacy-act-control .field {
    box-sizing: border-box !important;
    min-height: 44px !important;
  }

  .legacy-act-selected {
    box-sizing: border-box !important;
    grid-template-columns: 34px minmax(0,1fr) !important;
    gap: 7px !important;
    min-height: 54px !important;
    padding: 6px 8px !important;
    border-radius: 10px !important;
  }

  .legacy-act-selected-icon {
    width: 34px !important;
    height: 34px !important;
    border-radius: 9px !important;
  }

  .legacy-act-selected-icon .ui-icon {
    width: 17px !important;
    height: 17px !important;
  }

  .legacy-act-selected strong {
    margin-top: 1px !important;
  }

  .legacy-act-selected em {
    margin-top: 2px !important;
  }

  .legacy-act-control-actions {
    gap: 5px !important;
    margin-top: 7px !important;
  }

  .legacy-act-control-actions button {
    box-sizing: border-box !important;
    min-height: 44px !important;
    border-radius: 10px !important;
  }

  .legacy-act-preview {
    margin-top: 7px !important;
    border-radius: 12px !important;
  }

  .legacy-drafts-page .legacy-service-note {
    margin-bottom: 7px !important;
    padding: 8px 9px !important;
    border-radius: 10px !important;
  }

  .legacy-drafts-page .legacy-service-list {
    gap: 5px !important;
  }

  .legacy-draft-card {
    box-sizing: border-box !important;
    grid-template-columns: 34px minmax(0,1fr) auto !important;
    gap: 7px !important;
    padding: 8px !important;
    border-radius: 11px !important;
  }

  .legacy-draft-icon {
    width: 34px !important;
    height: 34px !important;
    border-radius: 9px !important;
  }

  .legacy-draft-icon .ui-icon {
    width: 17px !important;
    height: 17px !important;
  }

  .legacy-draft-copy em {
    margin-bottom: 1px !important;
  }

  .legacy-draft-copy small {
    margin-top: 2px !important;
  }

  .legacy-draft-actions {
    gap: 5px !important;
    margin-top: 0 !important;
  }

  .legacy-draft-actions button {
    box-sizing: border-box !important;
    min-height: 44px !important;
    gap: 5px !important;
    border-radius: 9px !important;
  }
}

@media screen and (max-width: 360px) {
  .legacy-draft-card {
    grid-template-columns: 34px minmax(0,1fr) !important;
    gap: 6px !important;
  }

  .legacy-draft-card > b {
    grid-column: 2 !important;
    justify-self: start !important;
    margin-top: -1px !important;
  }

  .legacy-draft-actions {
    grid-column: 1 / -1 !important;
  }
}


/* 1.7.31 · Доводка фактической высоты акта и черновика на узких экранах. */
@media screen and (max-width: 520px) {
  .legacy-act-control {
    padding: 7px !important;
  }

  .legacy-act-control-title {
    margin-bottom: 5px !important;
  }

  .legacy-act-control-title h2 {
    line-height: 1.05 !important;
  }

  .legacy-act-control-title small {
    margin-top: 1px !important;
    line-height: 1.1 !important;
  }

  .legacy-act-control > label > span {
    margin-bottom: 2px !important;
    line-height: 1.1 !important;
  }

  .legacy-act-selected {
    min-height: 50px !important;
    padding: 5px 7px !important;
  }

  .legacy-act-selected-icon {
    width: 32px !important;
    height: 32px !important;
  }

  .legacy-act-control-actions {
    margin-top: 5px !important;
  }
}

@media screen and (max-width: 360px) {
  .legacy-draft-card {
    gap: 5px !important;
    padding: 7px !important;
  }
}


/* 1.7.32 · Документы и инструмент: плотные полноэкранные редакторы. */
@media screen and (max-width: 520px) {
  .legacy-service-editor-backdrop .receipt-editor-head,
  .legacy-service-editor-backdrop .tool-editor-head {
    box-sizing: border-box !important;
    grid-template-columns: 36px minmax(0,1fr) 44px !important;
    gap: 8px !important;
    min-height: calc(58px + env(safe-area-inset-top)) !important;
    padding-top: calc(7px + env(safe-area-inset-top)) !important;
    padding-bottom: 7px !important;
  }

  .legacy-service-editor-backdrop .service-editor-head-icon {
    width: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
  }

  .legacy-service-editor-backdrop .service-editor-head-icon .ui-icon {
    width: 18px !important;
    height: 18px !important;
  }

  .legacy-service-editor-backdrop .receipt-editor-head h2,
  .legacy-service-editor-backdrop .tool-editor-head h2 {
    margin-top: 1px !important;
    line-height: 1.05 !important;
  }

  .legacy-service-editor-backdrop .receipt-editor-head small,
  .legacy-service-editor-backdrop .tool-editor-head small {
    line-height: 1.1 !important;
  }

  .legacy-service-editor-backdrop .receipt-editor-type,
  .legacy-service-editor-backdrop .tool-editor-hero {
    box-sizing: border-box !important;
    min-height: 50px !important;
    margin: 7px 0 !important;
    padding: 7px 9px !important;
    border-radius: 11px !important;
  }

  .legacy-service-editor-backdrop .form-grid {
    gap: 7px !important;
    padding-bottom: 10px !important;
  }

  .legacy-service-editor-backdrop .form-group label {
    margin-bottom: 4px !important;
  }

  .legacy-service-editor-backdrop .field {
    min-height: 44px !important;
    border-radius: 10px !important;
  }

  .legacy-service-editor-backdrop textarea.field,
  .legacy-service-editor-backdrop .textarea {
    min-height: 80px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .legacy-service-editor-backdrop .modal-actions {
    gap: 6px !important;
    padding: 7px 12px calc(7px + env(safe-area-inset-bottom)) !important;
  }

  .legacy-service-editor-backdrop .modal-actions > * {
    min-height: 48px !important;
    border-radius: 10px !important;
  }
}


/* 1.7.33 · Финансы и прайс: плотные редакторы без уменьшения рабочих контролов. */
@media screen and (max-width: 520px) {
  .legacy-finance-entry-backdrop .finance-entry-head {
    box-sizing: border-box !important;
    grid-template-columns: 36px minmax(0,1fr) 44px !important;
    gap: 8px !important;
    min-height: calc(58px + env(safe-area-inset-top)) !important;
    margin-bottom: 7px !important;
    padding-top: calc(7px + env(safe-area-inset-top)) !important;
    padding-bottom: 7px !important;
  }

  .legacy-finance-entry-backdrop .finance-entry-head-icon {
    width: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
  }

  .legacy-finance-entry-backdrop .finance-entry-head-icon .ui-icon {
    width: 18px !important;
    height: 18px !important;
  }

  .legacy-finance-entry-backdrop .finance-entry-head h2 {
    margin-top: 1px !important;
    line-height: 1.05 !important;
  }

  .legacy-finance-entry-backdrop .finance-entry-head small {
    line-height: 1.1 !important;
  }

  .legacy-finance-entry-backdrop .finance-entry-type {
    box-sizing: border-box !important;
    min-height: 50px !important;
    margin: 7px 0 !important;
    padding: 7px 9px !important;
    border-radius: 11px !important;
  }

  .legacy-finance-entry-backdrop .form-grid {
    gap: 7px !important;
    padding-bottom: 10px !important;
  }

  .legacy-finance-entry-backdrop .form-group label {
    margin-bottom: 4px !important;
  }

  .legacy-finance-entry-backdrop .field {
    min-height: 44px !important;
    border-radius: 10px !important;
  }

  .legacy-finance-entry-backdrop .modal-actions {
    gap: 6px !important;
    padding: 7px 12px calc(7px + env(safe-area-inset-bottom)) !important;
  }

  .legacy-finance-entry-backdrop .modal-actions > * {
    min-height: 48px !important;
    border-radius: 10px !important;
  }

  .legacy-price-editor .legacy-editor-head {
    box-sizing: border-box !important;
    grid-template-columns: 44px minmax(0,1fr) !important;
    gap: 8px !important;
    min-height: calc(58px + env(safe-area-inset-top)) !important;
    margin-bottom: 7px !important;
    padding-top: calc(7px + env(safe-area-inset-top)) !important;
    padding-bottom: 7px !important;
  }

  .legacy-price-editor .legacy-editor-head h1 {
    margin-top: 1px !important;
    line-height: 1.05 !important;
  }

  .legacy-price-editor .legacy-editor-head p {
    margin-top: 2px !important;
    line-height: 1.1 !important;
  }

  .legacy-price-editor-card {
    padding: 9px !important;
    border-radius: 12px !important;
  }

  .legacy-price-editor-card .legacy-section-title {
    margin-bottom: 7px !important;
  }

  .legacy-price-editor-grid {
    gap: 7px 6px !important;
  }

  .legacy-price-editor-grid label > span {
    margin-bottom: 4px !important;
  }

  .legacy-price-editor .field {
    min-height: 44px !important;
    border-radius: 10px !important;
  }

  .legacy-price-editor-actions {
    gap: 6px !important;
    padding: 7px 12px calc(7px + env(safe-area-inset-bottom)) !important;
  }

  .legacy-price-editor-actions > * {
    min-height: 48px !important;
    border-radius: 10px !important;
  }
}


/* 1.7.34 · Клиент: плотный профиль без потери touch-зон и читаемости. */
@media screen and (max-width: 520px) {
  .legacy-client-profile-backdrop .client-profile-head {
    box-sizing: border-box !important;
    grid-template-columns: 44px minmax(0,1fr) 44px !important;
    gap: 8px !important;
    min-height: calc(58px + env(safe-area-inset-top)) !important;
    margin-bottom: 7px !important;
    padding-top: calc(7px + env(safe-area-inset-top)) !important;
    padding-bottom: 7px !important;
  }

  .legacy-client-profile-backdrop .client-profile-back,
  .legacy-client-profile-backdrop .client-profile-head > a {
    box-sizing: border-box !important;
    width: 44px !important;
    height: 44px !important;
    border-radius: 10px !important;
  }

  .legacy-client-profile-backdrop .client-profile-head strong { line-height: 1.05 !important; }
  .legacy-client-profile-backdrop .client-profile-head small { margin-top: 1px !important; line-height: 1.1 !important; }
  .legacy-client-profile-backdrop .client-profile-content { padding-bottom: calc(18px + env(safe-area-inset-bottom)) !important; }

  .legacy-client-profile-backdrop .client-profile-hero {
    box-sizing: border-box !important;
    grid-template-columns: 42px minmax(0,1fr) !important;
    gap: 8px !important;
    min-height: 68px !important;
    padding: 9px !important;
    border-radius: 12px !important;
  }

  .legacy-client-profile-backdrop .client-profile-avatar { width: 42px !important; height: 42px !important; border-radius: 11px !important; }
  .legacy-client-profile-backdrop .client-profile-avatar .ui-icon { width: 22px !important; height: 22px !important; }
  .legacy-client-profile-backdrop .client-profile-hero p { margin-top: 2px !important; }

  .legacy-client-profile-backdrop .client-profile-address {
    box-sizing: border-box !important;
    min-height: 52px !important;
    margin-top: 6px !important;
    padding: 8px 9px !important;
    border-radius: 10px !important;
  }
  .legacy-client-profile-backdrop .client-profile-address strong { margin-top: 2px !important; line-height: 1.25 !important; }

  .legacy-client-profile-backdrop .client-profile-actions { gap: 6px !important; margin-top: 6px !important; }
  .legacy-client-profile-backdrop .client-profile-actions a,
  .legacy-client-profile-backdrop .client-profile-actions button {
    box-sizing: border-box !important;
    min-height: 44px !important;
    border-radius: 10px !important;
  }

  .legacy-client-profile-backdrop .client-profile-kpis { gap: 6px !important; margin-top: 6px !important; }
  .legacy-client-profile-backdrop .client-profile-kpis > div {
    box-sizing: border-box !important;
    min-height: 56px !important;
    padding: 7px 8px !important;
    border-radius: 10px !important;
  }
  .legacy-client-profile-backdrop .client-profile-kpis strong { margin-top: 3px !important; }

  .legacy-client-profile-backdrop .client-profile-note {
    gap: 6px !important;
    margin-top: 6px !important;
    padding: 9px !important;
    border-radius: 11px !important;
  }
  .legacy-client-profile-backdrop .client-profile-note .textarea { min-height: 72px !important; }

  .legacy-client-profile-backdrop .client-profile-history {
    margin-top: 6px !important;
    padding: 9px !important;
    border-radius: 12px !important;
  }
  .legacy-client-profile-backdrop .client-profile-history h3 { margin-bottom: 3px !important; }
  .legacy-client-profile-backdrop .client-profile-orders > button {
    grid-template-columns: 34px minmax(0,1fr) auto !important;
    gap: 7px !important;
    min-height: 56px !important;
    padding: 6px 0 !important;
  }
  .legacy-client-profile-backdrop .client-order-icon { width: 34px !important; height: 34px !important; border-radius: 9px !important; }
}


/* 1.7.35 · Профиль клиента 320 px: компактная геометрия без скрытия полезных данных. */
@media screen and (max-width: 340px) {
  .legacy-client-profile-backdrop .client-profile-address {
    display: grid !important;
    grid-template-columns: 18px minmax(0,1fr) !important;
    gap: 6px !important;
    align-items: center !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }

  .legacy-client-profile-backdrop .client-profile-address small {
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .legacy-client-profile-backdrop .client-profile-orders > button {
    grid-template-columns: 32px minmax(0,1fr) auto !important;
    gap: 6px !important;
    min-height: 56px !important;
    align-items: center !important;
  }

  .legacy-client-profile-backdrop .client-order-icon {
    width: 32px !important;
    height: 32px !important;
  }

  .legacy-client-profile-backdrop .client-order-side {
    grid-column: 3 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: end !important;
    text-align: right !important;
  }
}


/* 1.7.36 · Адрес клиента: финальная плотность на всех мобильных ширинах. */
@media screen and (max-width: 520px) {
  .legacy-client-profile-backdrop .client-profile-address {
    display: grid !important;
    grid-template-columns: 18px minmax(0,1fr) !important;
    gap: 6px !important;
    min-height: 52px !important;
    padding: 5px 8px !important;
    align-items: center !important;
  }

  .legacy-client-profile-backdrop .client-profile-address small {
    display: block !important;
    overflow: hidden !important;
    line-height: 1.15 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .legacy-client-profile-backdrop .client-profile-address strong {
    margin-top: 1px !important;
    line-height: 1.2 !important;
  }
}


/* 1.7.37 · Товарник: плотный полноэкранный редактор без потери рабочих зон. */
@media screen and (max-width: 520px) {
  .legacy-goods-editor .goods-modal-head {
    box-sizing: border-box !important;
    min-height: calc(58px + env(safe-area-inset-top)) !important;
    margin-bottom: 7px !important;
    padding-top: calc(7px + env(safe-area-inset-top)) !important;
    padding-bottom: 7px !important;
  }

  .legacy-goods-editor .goods-modal-head h1 {
    margin-top: 1px !important;
    line-height: 1.05 !important;
  }

  .legacy-goods-editor .goods-modal-head p {
    margin-top: 2px !important;
    line-height: 1.1 !important;
  }

  .legacy-goods-editor .legacy-editor-panel,
  .legacy-goods-editor .legacy-editor-preview,
  .legacy-goods-editor .legacy-product-price {
    margin-bottom: 6px !important;
    padding: 9px !important;
    border-radius: 12px !important;
  }

  .legacy-goods-editor .legacy-section-title {
    margin-bottom: 6px !important;
  }

  .legacy-goods-editor .legacy-goods-intro {
    margin: 4px 0 7px !important;
  }

  .legacy-goods-editor label > span,
  .legacy-goods-editor .legacy-editor-title > span,
  .legacy-goods-editor .legacy-goods-target label > span {
    margin-bottom: 4px !important;
  }

  .legacy-goods-editor .field {
    min-height: 44px !important;
    border-radius: 10px !important;
  }

  .legacy-goods-add-line {
    gap: 6px !important;
  }

  .legacy-goods-add-line > button,
  .legacy-manual-add {
    min-height: 44px !important;
    border-radius: 10px !important;
  }

  .legacy-goods-edit-row {
    margin-top: 6px !important;
    padding: 8px !important;
    border-radius: 10px !important;
  }

  .legacy-goods-row-label {
    margin-bottom: 5px !important;
  }

  .legacy-goods-row-grid {
    gap: 6px !important;
  }

  .legacy-goods-target {
    margin-top: 7px !important;
    padding: 8px !important;
    border-radius: 10px !important;
  }

  .legacy-goods-target p {
    margin-top: 5px !important;
  }

  .legacy-goods-editor-actions {
    gap: 5px !important;
    margin-top: 7px !important;
  }

  .legacy-goods-editor-actions button {
    min-height: 48px !important;
    border-radius: 10px !important;
  }

  .legacy-editor-preview {
    scroll-margin-top: 66px !important;
  }

  .legacy-preview-table th,
  .legacy-preview-table td {
    padding: 6px !important;
  }

  .legacy-preview-total {
    padding: 7px 2px 0 !important;
  }

  .legacy-goods-savebar,
  .legacy-goods-savebar:has(.legacy-delete-goods) {
    gap: 6px !important;
    padding: 7px 12px calc(7px + env(safe-area-inset-bottom)) !important;
  }

  .legacy-goods-savebar > * {
    min-height: 48px !important;
    border-radius: 10px !important;
  }
}


/* 1.7.38 · Источники и справочники: плотный менеджер с крупными рабочими контролами. */
@media screen and (max-width: 520px) {
  .source-manager-head {
    box-sizing: border-box !important;
    min-height: 60px !important;
    gap: 8px !important;
    padding: 8px 10px !important;
  }

  .source-manager-head small {
    line-height: 1.1 !important;
  }

  .source-manager-head h2 {
    margin-top: 1px !important;
    line-height: 1.05 !important;
  }

  .source-manager-head > button {
    width: 44px !important;
    height: 44px !important;
    border-radius: 10px !important;
  }

  .source-manager-list {
    gap: 6px !important;
    padding: 8px 10px !important;
  }

  .source-manager-row {
    gap: 6px !important;
  }

  .source-manager-row .field {
    box-sizing: border-box !important;
    min-height: 44px !important;
    height: 44px !important;
    border-radius: 10px !important;
  }

  .source-manager-row > button {
    width: 44px !important;
    height: 44px !important;
    border-radius: 10px !important;
  }

  .source-manager-add {
    gap: 6px !important;
    padding: 8px 10px calc(8px + env(safe-area-inset-bottom)) !important;
  }

  .source-manager-add .field,
  .source-manager-add .primary-button {
    box-sizing: border-box !important;
    min-height: 48px !important;
    border-radius: 10px !important;
  }
}


/* 1.7.39 · Вспомогательные шторки: меньше пустоты при сохранённых крупных touch-зонах. */
@media screen and (max-width: 520px) {
  .legacy-analytics-range-modal {
    padding: 10px 10px calc(10px + env(safe-area-inset-bottom)) !important;
    border-radius: 15px 15px 0 0 !important;
  }

  .legacy-range-head {
    grid-template-columns: 36px minmax(0,1fr) 44px !important;
    gap: 8px !important;
    margin-bottom: 8px !important;
  }

  .legacy-range-icon {
    width: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
  }

  .legacy-range-grid {
    gap: 6px !important;
  }

  .legacy-range-grid label > span {
    margin-bottom: 3px !important;
  }

  .legacy-range-grid .field {
    box-sizing: border-box !important;
    min-height: 46px !important;
    height: 46px !important;
    border-radius: 10px !important;
  }

  .legacy-range-actions {
    gap: 6px !important;
    margin-top: 8px !important;
  }

  .legacy-range-actions button {
    box-sizing: border-box !important;
    min-height: 46px !important;
    height: 46px !important;
    border-radius: 10px !important;
  }

  .legacy-order-actions-backdrop .order-actions-sheet {
    padding: 10px 10px calc(10px + env(safe-area-inset-bottom)) !important;
    border-radius: 15px 15px 0 0 !important;
  }

  .legacy-order-actions-backdrop .order-actions-head {
    min-height: 44px !important;
    gap: 8px !important;
    margin-bottom: 7px !important;
  }

  .legacy-order-actions-backdrop .order-actions-head small {
    margin-top: 1px !important;
    line-height: 1.15 !important;
  }

  .legacy-order-actions-backdrop .order-actions-grid {
    gap: 6px !important;
  }

  .legacy-order-actions-backdrop .order-actions-grid button,
  .legacy-order-actions-backdrop .order-actions-grid a {
    box-sizing: border-box !important;
    min-height: 44px !important;
    padding: 7px 9px !important;
    border-radius: 10px !important;
  }

  .legacy-order-actions-backdrop .order-actions-cancel {
    box-sizing: border-box !important;
    min-height: 46px !important;
    height: 46px !important;
    margin-top: 7px !important;
    border-radius: 10px !important;
  }
}


/* 1.7.40 · Диагностика и confirm: компактнее без влияния на остальные модалки. */
@media screen and (max-width: 520px) {
  .diagnostics-modal {
    padding: 10px 10px 0 !important;
    border-radius: 14px !important;
  }

  .diagnostics-modal > h2 {
    margin: 0 0 8px !important;
    font-size: 17px !important;
    line-height: 1.12 !important;
  }

  .diagnostics-modal .goods-list {
    gap: 5px !important;
    margin: 0 0 8px !important;
  }

  .diagnostics-modal .goods-sheet {
    box-sizing: border-box !important;
    min-height: 46px !important;
    padding: 6px 8px !important;
    border-radius: 10px !important;
  }

  .diagnostics-modal .goods-sheet small {
    margin-top: 2px !important;
  }

  .diagnostics-modal .modal-actions {
    gap: 6px !important;
    margin: 0 -10px !important;
    padding: 8px 10px calc(8px + env(safe-area-inset-bottom)) !important;
  }

  .diagnostics-modal .modal-actions > * {
    min-height: 46px !important;
    border-radius: 10px !important;
  }

  .crm-confirm-backdrop {
    padding: 12px !important;
  }

  .crm-confirm-modal {
    padding: 14px 14px 12px !important;
    border-radius: 15px !important;
  }

  .crm-confirm-icon {
    width: 42px !important;
    height: 42px !important;
    margin-bottom: 9px !important;
    border-radius: 12px !important;
  }

  .crm-confirm-icon .ui-icon {
    width: 21px !important;
    height: 21px !important;
  }

  .crm-confirm-modal p {
    margin: 7px 0 12px !important;
    line-height: 1.38 !important;
  }

  .crm-confirm-actions {
    gap: 6px !important;
  }

  .crm-confirm-actions button {
    min-height: 48px !important;
    border-radius: 10px !important;
  }
}


/* 1.7.41 · Диагностика: перебиваем старый общий compact-modal тем же уровнем специфичности. */
@media screen and (max-width: 520px) {
  body.modal-open > .modal-backdrop > div.modal.compact-modal.diagnostics-modal {
    padding: 10px 10px 0 !important;
    border-radius: 14px !important;
  }

  body.modal-open > .modal-backdrop > div.modal.compact-modal.diagnostics-modal > h2 {
    margin: 0 0 8px !important;
    font-size: 17px !important;
    line-height: 1.12 !important;
  }

  body.modal-open > .modal-backdrop > div.modal.compact-modal.diagnostics-modal .goods-list {
    gap: 5px !important;
    margin: 0 0 8px !important;
  }

  body.modal-open > .modal-backdrop > div.modal.compact-modal.diagnostics-modal .goods-sheet {
    box-sizing: border-box !important;
    min-height: 46px !important;
    padding: 6px 8px !important;
    border-radius: 10px !important;
  }

  body.modal-open > .modal-backdrop > div.modal.compact-modal.diagnostics-modal .goods-sheet small {
    margin-top: 2px !important;
  }

  body.modal-open > .modal-backdrop > div.modal.compact-modal.diagnostics-modal .modal-actions {
    gap: 6px !important;
    margin: 0 -10px !important;
    padding: 8px 10px calc(8px + env(safe-area-inset-bottom)) !important;
  }

  body.modal-open > .modal-backdrop > div.modal.compact-modal.diagnostics-modal .modal-actions > * {
    min-height: 46px !important;
    border-radius: 10px !important;
  }
}


/* 1.7.42 · Что нового: плотная история с постоянно доступным закрытием. */
@media screen and (max-width: 520px) {
  .release-notes-backdrop {
    padding: max(10px, env(safe-area-inset-top)) 8px max(10px, env(safe-area-inset-bottom)) !important;
  }

  body.modal-open > .modal-backdrop.release-notes-backdrop > .modal.compact-modal.release-notes-modal {
    width: min(100%, 430px) !important;
    max-height: calc(100dvh - 20px) !important;
    padding: 10px !important;
    border-radius: 15px !important;
  }

  .release-notes-head {
    position: sticky !important;
    top: 0 !important;
    z-index: 4 !important;
    grid-template-columns: minmax(0,1fr) 44px !important;
    gap: 8px !important;
    margin: -10px -10px 0 !important;
    padding: 8px 10px 7px !important;
    border-bottom: 1px solid #182229 !important;
    background: rgba(9,15,19,.985) !important;
    backdrop-filter: blur(14px);
  }

  .release-notes-head h2 {
    margin-top: 2px !important;
    font-size: 21px !important;
  }

  .release-current {
    gap: 2px 10px !important;
    margin: 8px 0 7px !important;
    padding: 8px 9px !important;
    border-radius: 11px !important;
  }

  .release-notes-list {
    gap: 6px !important;
    margin-bottom: 8px !important;
  }

  .release-note {
    padding: 9px !important;
    border-radius: 11px !important;
  }

  .release-note > div {
    gap: 8px !important;
  }

  .release-note h3 {
    margin: 4px 0 5px !important;
  }

  .release-note ul {
    gap: 3px !important;
    padding-left: 16px !important;
    line-height: 1.3 !important;
  }

  .release-notes-modal > .primary-button.wide {
    box-sizing: border-box !important;
    min-height: 48px !important;
    border-radius: 10px !important;
  }
}


/* 1.7.43 · Расчёт заявки: три итоговых показателя в одну компактную строку. */
@media screen and (max-width: 520px) {
  .order-editor-modal .order-calculation-summary {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 6px !important;
    margin-bottom: 8px !important;
  }

  .order-editor-modal .order-calculation-summary > div,
  .order-editor-modal .order-calculation-summary .calculation-grand {
    grid-column: auto !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
    min-height: 54px !important;
    padding: 7px 8px !important;
    border-radius: 10px !important;
  }

  .order-editor-modal .order-calculation-summary > div span {
    overflow: hidden !important;
    font-size: 8.5px !important;
    line-height: 1.1 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .order-editor-modal .order-calculation-summary > div strong,
  .order-editor-modal .order-calculation-summary .calculation-grand strong {
    margin-top: 4px !important;
    font-size: 14px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }

  .order-editor-modal .order-calculation-summary > button {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-height: 44px !important;
    margin-top: 0 !important;
    border-radius: 10px !important;
  }
}


/* 1.7.44 · Форма заявки: две колонки только для коротких полей. */
@media screen and (max-width: 520px) {
  .order-editor-modal .form-grid:not(.legacy-payment-grid) {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 7px !important;
  }

  .order-editor-modal .form-grid:not(.legacy-payment-grid) > .full {
    grid-column: 1 / -1 !important;
  }

  .order-editor-modal .form-grid:not(.legacy-payment-grid) > .form-group:not(.full) {
    grid-column: auto !important;
    min-width: 0 !important;
  }
}


/* 1.7.45 · Расчёт: плотные двухколоночные контролы без растянутой «Метки». */
@media screen and (max-width: 520px) {
  .order-editor-modal .legacy-payment-grid {
    gap: 6px 8px !important;
  }

  .order-editor-modal .legacy-payment-grid > .payment-tag {
    grid-column: auto !important;
    min-width: 0 !important;
  }

  .order-editor-modal .legacy-payment-grid .form-group label {
    margin-bottom: 3px !important;
    line-height: 1.1 !important;
  }

  .order-editor-modal .legacy-payment-grid .field {
    box-sizing: border-box !important;
    min-height: 44px !important;
    height: 44px !important;
    border-radius: 10px !important;
  }

  .order-editor-modal .legacy-payment-grid .white-expense-hint {
    margin-top: 2px !important;
  }
}


/* 1.7.46 · Фотографии: пустой блок не раздувает редактор заявки. */
@media screen and (max-width: 520px) {
  .order-editor-modal .order-photo-static > summary {
    list-style: none !important;
    cursor: pointer !important;
  }

  .order-editor-modal .order-photo-static > summary::-webkit-details-marker {
    display: none !important;
  }

  .order-editor-modal .order-photo-static-head {
    box-sizing: border-box !important;
    min-height: 48px !important;
    padding: 7px 10px !important;
    border-bottom: 0 !important;
  }

  .order-editor-modal .order-photo-static[open] .order-photo-static-head {
    border-bottom: 1px solid #151f25 !important;
  }

  .order-editor-modal .order-photo-static-copy {
    display: grid !important;
    min-width: 0 !important;
    gap: 2px !important;
  }

  .order-editor-modal .order-photo-static-copy > span {
    line-height: 1.1 !important;
  }

  .order-editor-modal .order-photo-static-copy > small {
    color: #71808a !important;
    font-size: 8.5px !important;
    font-weight: 650 !important;
    line-height: 1.1 !important;
  }

  .order-editor-modal .order-photo-toggle {
    display: grid !important;
    width: 28px !important;
    height: 28px !important;
    margin-left: auto !important;
    place-items: center !important;
    color: #75828a !important;
    transition: transform .18s ease !important;
  }

  .order-editor-modal .order-photo-toggle .ui-icon {
    width: 16px !important;
    height: 16px !important;
  }

  .order-editor-modal .order-photo-static[open] .order-photo-toggle {
    transform: rotate(90deg) !important;
  }

  .order-editor-modal .order-photo-static:not([open]) .order-extra-body {
    display: none !important;
  }

  .order-editor-modal .order-photo-static[open] .order-extra-body {
    display: block !important;
    padding: 9px 10px 10px !important;
  }
}


/* 1.7.47 · Комментарий мастера: пустая заметка не занимает лишнюю высоту. */
@media screen and (max-width: 520px) {
  .order-editor-modal .order-comment-details > summary {
    list-style: none !important;
    cursor: pointer !important;
  }

  .order-editor-modal .order-comment-details > summary::-webkit-details-marker {
    display: none !important;
  }

  .order-editor-modal .order-comment-summary {
    box-sizing: border-box !important;
    min-height: 48px !important;
    margin-bottom: 0 !important;
  }

  .order-editor-modal .order-comment-details[open] .order-comment-summary {
    margin-bottom: 7px !important;
  }

  .order-editor-modal .order-comment-summary-copy {
    display: grid !important;
    min-width: 0 !important;
    gap: 2px !important;
  }

  .order-editor-modal .order-comment-summary-copy > span {
    line-height: 1.1 !important;
  }

  .order-editor-modal .order-comment-summary-copy > small {
    color: #71808a !important;
    font-size: 8.5px !important;
    font-weight: 650 !important;
    line-height: 1.1 !important;
  }

  .order-editor-modal .order-comment-toggle {
    display: grid !important;
    width: 28px !important;
    height: 28px !important;
    margin-left: auto !important;
    place-items: center !important;
    color: #75828a !important;
    transition: transform .18s ease !important;
  }

  .order-editor-modal .order-comment-toggle .ui-icon {
    width: 16px !important;
    height: 16px !important;
  }

  .order-editor-modal .order-comment-details[open] .order-comment-toggle {
    transform: rotate(90deg) !important;
  }

  .order-editor-modal .order-comment-details:not([open]) .order-comment {
    display: none !important;
  }

  .order-editor-modal .order-comment-details[open] .order-comment {
    margin-top: 0 !important;
  }
}


/* 1.7.51 · Верх заявки: компактные пустые textarea растут по содержимому. */
@media screen and (max-width: 520px) {
  .order-editor-modal textarea[name="issue"],
  .order-editor-modal textarea[name="diagnosis"] {
    min-height: 48px !important;
    height: auto !important;
    max-height: 132px !important;
    field-sizing: content;
    overflow-y: auto !important;
  }

  .order-editor-modal textarea[name="defects"] {
    min-height: 44px !important;
    height: auto !important;
    max-height: 108px !important;
    field-sizing: content;
    overflow-y: auto !important;
  }
}


/* 1.7.49 · Склад: четыре фильтра в компактной сетке 2×2. */
@media screen and (max-width: 520px) {
  .warehouse-filter-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 7px 8px !important;
    align-items: end !important;
  }

  .warehouse-filter-control,
  .warehouse-filter-control:first-child,
  .warehouse-filter-control:last-child {
    width: auto !important;
    min-width: 0 !important;
    grid-column: auto !important;
  }

  .warehouse-filter-control .field {
    min-height: 46px !important;
    height: 46px !important;
    padding-left: 11px !important;
    padding-right: 29px !important;
    border-radius: 11px !important;
    font-size: 12.5px !important;
  }

  .warehouse-filter-control > small {
    padding-left: 2px !important;
  }
}


/* 1.7.52 · Настройки: реквизиты снова используют компактные пары там, где это удобно. */
@media screen and (max-width: 520px) {
  .settings-profile-card .legacy-settings-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 7px 8px !important;
  }

  .settings-profile-card .legacy-settings-grid > * {
    width: auto !important;
    min-width: 0 !important;
    grid-column: auto !important;
  }

  .settings-profile-card .legacy-settings-grid > .full {
    grid-column: 1 / -1 !important;
  }

  .settings-profile-card .legacy-settings-grid .field {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    height: 44px !important;
    border-radius: 10px !important;
  }
}


/* 1.7.53 · Настройки: рабочие справочники плотнее без потери читаемости. */
@media screen and (max-width: 520px) {
  .legacy-settings-links {
    gap: 4px !important;
  }

  .legacy-settings-links > button {
    min-height: 54px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    border-radius: 9px !important;
  }

  .legacy-settings-links > button[data-action="manage-warranty-results"] {
    min-height: 62px !important;
  }

  .legacy-settings-links .settings-link-icon {
    width: 32px !important;
    height: 32px !important;
    border-radius: 8px !important;
  }
}

@media screen and (max-width: 340px) {
  .legacy-settings-links > button {
    min-height: 58px !important;
  }

  .legacy-settings-links > button[data-action="manage-warranty-results"] {
    min-height: 64px !important;
  }
}


/* 1.7.53 · Узкий экран: ещё 2 px плотности без уменьшения текста. */
@media screen and (max-width: 340px) {
  .legacy-settings-links > button {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
}


/* 1.7.54 · Склад: четыре действия позиции в одной компактной строке. */
@media screen and (max-width: 520px) {
  .legacy-stock-actions-v2 {
    grid-template-columns: minmax(0,1fr) minmax(0,1fr) 44px 44px !important;
    gap: 4px !important;
    padding: 5px 7px 7px !important;
  }

  .legacy-stock-actions-v2 > button,
  .legacy-stock-actions-v2 > button:nth-child(1),
  .legacy-stock-actions-v2 > button:nth-child(2),
  .legacy-stock-actions-v2 > button:nth-child(3),
  .legacy-stock-actions-v2 > button:nth-child(4) {
    grid-column: auto !important;
    min-height: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    border-radius: 9px !important;
  }

  .legacy-stock-actions-v2 > button:nth-child(1),
  .legacy-stock-actions-v2 > button:nth-child(2) {
    width: 100% !important;
    min-width: 0 !important;
  }

  .legacy-stock-actions-v2 > button:nth-child(3),
  .legacy-stock-actions-v2 > button:nth-child(4) {
    display: grid !important;
    width: 44px !important;
    min-width: 44px !important;
    padding: 0 !important;
    place-items: center !important;
  }

  .legacy-stock-actions-v2 > button:nth-child(3) > span,
  .legacy-stock-actions-v2 > button:nth-child(4) > span {
    display: none !important;
  }

  .legacy-stock-actions-v2 > button:nth-child(3) > .ui-icon,
  .legacy-stock-actions-v2 > button:nth-child(4) > .ui-icon {
    width: 17px !important;
    height: 17px !important;
  }
}


/* 1.7.55 · Склад: история и покупки в одной компактной строке. */
@media screen and (max-width: 520px) {
  .legacy-warehouse-shortcuts {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 6px !important;
  }

  .legacy-warehouse-shortcuts > button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    height: 48px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    gap: 6px !important;
    white-space: nowrap !important;
  }

  .legacy-warehouse-shortcuts > button .ui-icon {
    flex: 0 0 auto !important;
    width: 16px !important;
    height: 16px !important;
  }
}


/* 1.7.56 · Финансы: доход и расход в одной рабочей строке. */
@media screen and (max-width: 520px) {
  .legacy-finance-actions {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 6px !important;
  }

  .legacy-finance-actions > button,
  .legacy-finance-actions .legacy-orange-button[data-type="income"],
  .legacy-finance-actions .legacy-dark-button[data-type="expense"] {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    height: 48px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    gap: 6px !important;
    white-space: nowrap !important;
  }
}

/* 1.7.57 · Покупки: главное действие + компактная пара вторичных. */
@media screen and (max-width: 520px) {
  .shopping-page-actions-primary {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 6px !important;
  }

  .shopping-page-actions-primary > button {
    grid-column: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    height: 48px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    gap: 6px !important;
    white-space: nowrap !important;
  }

  .shopping-page-actions-primary [data-action="new-shopping-item"] {
    grid-column: 1 / -1 !important;
  }
}

/* 1.7.58 · Каталог услуг: компактная нижняя пара действий. */
@media screen and (max-width: 520px) {
  .catalog-modal .catalog-modal-actions {
    grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr) !important;
    gap: 7px !important;
  }

  .catalog-modal .catalog-modal-actions > button {
    grid-column: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    height: 48px !important;
    white-space: nowrap !important;
  }
}

/* 1.7.59 · Прайс: два коротких фильтра рядом на обычных телефонах. */
@media screen and (min-width: 361px) and (max-width: 520px) {
  .legacy-price-filters {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 6px !important;
  }

  .legacy-price-filters > label {
    width: auto !important;
    min-width: 0 !important;
    grid-column: auto !important;
  }

  .legacy-price-filters .field {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* 1.7.60 · Редактор заявки: Отмена и Сохранить в одной нижней строке. */
@media screen and (max-width: 520px) {
  .order-editor-modal .modal-actions {
    grid-template-columns: minmax(0,.82fr) minmax(0,1.18fr) !important;
    gap: 6px !important;
  }

  .order-editor-modal .modal-actions > .secondary-button,
  .order-editor-modal .modal-actions > .primary-button {
    grid-column: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    height: 48px !important;
    white-space: nowrap !important;
  }
}

/* 1.7.61 · Новые редакторы: Отмена и Сохранить в одной строке. */
@media screen and (max-width: 520px) {
  .stock-editor-modal .modal-actions,
  .legacy-finance-entry-backdrop .modal-actions,
  .legacy-service-editor-backdrop .modal-actions:not(:has(.danger-button)),
  .legacy-price-editor-actions:not(:has(.legacy-editor-delete)),
  .legacy-goods-savebar:not(:has(.legacy-delete-goods)) {
    display: grid !important;
    grid-template-columns: minmax(0,.82fr) minmax(0,1.18fr) !important;
    gap: 6px !important;
  }

  .stock-editor-modal .modal-actions > button,
  .legacy-finance-entry-backdrop .modal-actions > button,
  .legacy-service-editor-backdrop .modal-actions:not(:has(.danger-button)) > button,
  .legacy-price-editor-actions:not(:has(.legacy-editor-delete)) > button,
  .legacy-goods-savebar:not(:has(.legacy-delete-goods)) > button {
    grid-column: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    height: 48px !important;
    justify-self: stretch !important;
    white-space: nowrap !important;
  }
}

/* 1.7.62 · Существующие записи: опасное действие и Отмена/Сохранить в одной строке. */
@media screen and (max-width: 520px) {
  .legacy-price-editor-actions:has(.legacy-editor-delete),
  .legacy-goods-savebar:has(.legacy-delete-goods),
  .tool-editor-modal .modal-actions:has(.danger-button),
  .receipt-editor-modal .modal-actions:has(.danger-button) {
    display: grid !important;
    grid-template-columns: 44px minmax(0,.82fr) minmax(0,1.18fr) !important;
    gap: 6px !important;
  }

  .legacy-price-editor-actions:has(.legacy-editor-delete) > *,
  .legacy-goods-savebar:has(.legacy-delete-goods) > *,
  .tool-editor-modal .modal-actions:has(.danger-button) > *,
  .receipt-editor-modal .modal-actions:has(.danger-button) > * {
    grid-column: auto !important;
    min-width: 0 !important;
    min-height: 48px !important;
    height: 48px !important;
    justify-self: stretch !important;
  }

  .editor-danger-icon {
    display: grid !important;
    width: 44px !important;
    min-width: 44px !important;
    padding: 0 !important;
    place-items: center !important;
  }

  .editor-danger-icon > span {
    display: none !important;
  }

  .editor-danger-icon > .ui-icon {
    width: 18px !important;
    height: 18px !important;
  }

  .legacy-price-editor-actions:has(.legacy-editor-delete) > :not(.editor-danger-icon),
  .legacy-goods-savebar:has(.legacy-delete-goods) > :not(.editor-danger-icon),
  .tool-editor-modal .modal-actions:has(.danger-button) > :not(.editor-danger-icon),
  .receipt-editor-modal .modal-actions:has(.danger-button) > :not(.editor-danger-icon) {
    width: 100% !important;
    white-space: nowrap !important;
  }
}

/* 1.7.63 · Перекрываем старые высокоспецифичные футеры и маленькие delete-targets. */
@media screen and (max-width: 520px) {
  .legacy-service-editor-backdrop .tool-editor-modal .modal-actions:has(#delete-tool),
  .legacy-service-editor-backdrop .receipt-editor-modal .modal-actions:has(#delete-receipt) {
    display: grid !important;
    grid-template-columns: 44px minmax(0,.82fr) minmax(0,1.18fr) !important;
    gap: 6px !important;
  }

  .legacy-service-editor-backdrop .tool-editor-modal .modal-actions:has(#delete-tool) > #delete-tool,
  .legacy-service-editor-backdrop .receipt-editor-modal .modal-actions:has(#delete-receipt) > #delete-receipt {
    grid-column: auto !important;
    width: 44px !important;
    min-width: 44px !important;
    min-height: 48px !important;
    height: 48px !important;
    padding: 0 !important;
    justify-self: stretch !important;
  }

  .legacy-service-editor-backdrop .tool-editor-modal .modal-actions:has(#delete-tool) > .secondary-button,
  .legacy-service-editor-backdrop .tool-editor-modal .modal-actions:has(#delete-tool) > .primary-button,
  .legacy-service-editor-backdrop .receipt-editor-modal .modal-actions:has(#delete-receipt) > .secondary-button,
  .legacy-service-editor-backdrop .receipt-editor-modal .modal-actions:has(#delete-receipt) > .primary-button {
    grid-column: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    height: 48px !important;
    justify-self: stretch !important;
  }

  .legacy-goods-editor .legacy-goods-row-label > button[data-remove-line] {
    box-sizing: border-box !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    place-items: center !important;
  }
}

@media screen and (max-width: 340px) {
  .legacy-service-editor-backdrop .tool-editor-modal .modal-actions:has(#delete-tool),
  .legacy-service-editor-backdrop .receipt-editor-modal .modal-actions:has(#delete-receipt) {
    grid-template-columns: 44px minmax(0,.82fr) minmax(0,1.18fr) !important;
  }

  .legacy-service-editor-backdrop .tool-editor-modal .modal-actions:has(#delete-tool) > .primary-button,
  .legacy-service-editor-backdrop .receipt-editor-modal .modal-actions:has(#delete-receipt) > .primary-button {
    grid-column: auto !important;
  }
}


/* 1.7.65 · Склад 320 px: название важнее бокового остатка. */
@media screen and (max-width: 340px) {
  .legacy-stock-main {
    grid-template-columns: 38px minmax(0,1fr) !important;
    grid-template-rows: auto auto !important;
    column-gap: 8px !important;
    row-gap: 3px !important;
    min-height: 88px !important;
    align-items: start !important;
  }

  .legacy-stock-icon {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    align-self: center !important;
  }

  .legacy-stock-copy {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
  }

  .legacy-stock-qty {
    grid-column: 2 !important;
    grid-row: 2 !important;
    display: flex !important;
    align-items: baseline !important;
    justify-content: flex-start !important;
    justify-items: start !important;
    justify-self: start !important;
    gap: 7px !important;
    margin-top: 1px !important;
    padding-left: 0 !important;
  }

  .legacy-stock-qty strong {
    font-size: 12.5px !important;
  }

  .legacy-stock-qty small {
    font-size: 7.5px !important;
  }
}


/* 1.7.66 · Заявки: плотнее верхняя рабочая панель без мелких touch-targets. */
@media screen and (max-width: 520px) {
  .legacy-orders-page {
    padding-top: 9px !important;
  }

  .legacy-orders-page .legacy-page-head {
    margin-bottom: 7px !important;
  }

  .legacy-orders-page .legacy-orders-add-wide {
    min-height: 48px !important;
    height: 48px !important;
    margin-bottom: 6px !important;
  }

  .legacy-orders-page .legacy-order-search {
    margin-bottom: 5px !important;
  }

  .legacy-orders-page .legacy-order-search .search {
    min-height: 44px !important;
    height: 44px !important;
    border-radius: 11px !important;
  }

  .legacy-orders-page .legacy-order-filters {
    gap: 4px !important;
    margin-bottom: 5px !important;
    padding: 2px !important;
    border-radius: 12px !important;
  }

  .legacy-orders-page .legacy-order-filters button {
    min-height: 44px !important;
    height: 44px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    border-radius: 9px !important;
  }

  .legacy-orders-page .legacy-visit-filter {
    margin-bottom: 6px !important;
  }

  .legacy-orders-page .legacy-visit-filter .field {
    min-height: 44px !important;
    height: 44px !important;
    border-radius: 11px !important;
  }
}


/* 1.7.67 · Склад: плотная верхняя рабочая панель без потери touch-targets. */
@media screen and (max-width: 520px) {
  .legacy-warehouse-page {
    padding-top: 9px !important;
  }

  .legacy-warehouse-page .legacy-warehouse-head {
    margin-bottom: 7px !important;
  }

  .legacy-warehouse-page .legacy-warehouse-add-wide {
    min-height: 48px !important;
    height: 48px !important;
    margin-bottom: 6px !important;
    border-radius: 12px !important;
  }

  .legacy-warehouse-page .legacy-warehouse-search {
    margin-bottom: 5px !important;
  }

  .legacy-warehouse-page .legacy-warehouse-search .search {
    min-height: 44px !important;
    height: 44px !important;
    border-radius: 11px !important;
  }

  .legacy-warehouse-page .warehouse-filter-grid {
    gap: 5px 6px !important;
    margin-bottom: 6px !important;
  }

  .legacy-warehouse-page .warehouse-filter-control {
    gap: 0 !important;
  }

  .legacy-warehouse-page .warehouse-filter-control > small {
    display: none !important;
  }

  .legacy-warehouse-page .warehouse-filter-control .field {
    min-height: 44px !important;
    height: 44px !important;
    padding-left: 10px !important;
    padding-right: 28px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
  }

  .legacy-warehouse-page .legacy-warehouse-shortcuts {
    gap: 5px !important;
    margin-bottom: 7px !important;
  }

  .legacy-warehouse-page .legacy-warehouse-shortcuts > button {
    min-height: 44px !important;
    height: 44px !important;
    border-radius: 10px !important;
  }
}


/* 1.7.68 · Клиенты: три KPI одной компактной строкой. */
@media screen and (max-width: 520px) {
  .legacy-clients-stats {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 5px !important;
    margin-bottom: 8px !important;
  }

  .legacy-clients-stats > div,
  .legacy-clients-stats > .clients-stat-primary {
    grid-column: auto !important;
    min-width: 0 !important;
    min-height: 74px !important;
    height: auto !important;
    padding: 6px 7px !important;
    border-radius: 10px !important;
  }

  .legacy-clients-stats span {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .legacy-clients-stats strong,
  .legacy-clients-stats .clients-stat-primary strong {
    margin-top: 3px !important;
    font-size: 19px !important;
    line-height: 1 !important;
  }

  .legacy-clients-stats small {
    display: -webkit-box !important;
    margin-top: 4px !important;
    overflow: hidden !important;
    line-height: 1.15 !important;
    white-space: normal !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}


/* 1.7.69 · Прайс: компактная верхняя панель и два фильтра в одной строке на всех телефонах. */
@media screen and (max-width: 520px) {
  .legacy-price-page {
    padding-top: 9px !important;
  }

  .legacy-price-page .legacy-price-head {
    margin-bottom: 7px !important;
  }

  .legacy-price-page .legacy-price-add-wide {
    min-height: 48px !important;
    height: 48px !important;
    margin-bottom: 6px !important;
    border-radius: 12px !important;
  }

  .legacy-price-page .legacy-price-search {
    margin-bottom: 5px !important;
  }

  .legacy-price-page .legacy-price-search .search {
    min-height: 44px !important;
    height: 44px !important;
    border-radius: 11px !important;
  }

  .legacy-price-page .legacy-price-filters {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 6px !important;
    margin-bottom: 7px !important;
  }

  .legacy-price-page .legacy-price-filters > label {
    width: auto !important;
    min-width: 0 !important;
    grid-column: auto !important;
  }

  .legacy-price-page .legacy-price-filters label > span {
    margin-bottom: 2px !important;
  }

  .legacy-price-page .legacy-price-filters .field {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    height: 44px !important;
    border-radius: 10px !important;
    font-size: 11.5px !important;
  }
}


/* 1.7.70 · Товарник: два способа создания в одной рабочей строке. */
@media screen and (max-width: 520px) {
  .legacy-goods-new .legacy-goods-create-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 6px !important;
  }

  .legacy-goods-new .legacy-goods-create-grid > button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    height: 48px !important;
    padding: 6px 8px !important;
    border-radius: 11px !important;
    line-height: 1.12 !important;
  }

  .legacy-goods-new .legacy-goods-create-grid > button span {
    min-width: 0 !important;
  }

  .legacy-goods-new .legacy-goods-order-source {
    margin-top: 6px !important;
  }
}


/* 1.7.71 · Документы: три KPI одной компактной строкой. */
@media screen and (max-width: 520px) {
  .legacy-service-stats.receipts-stats {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 5px !important;
    margin-bottom: 8px !important;
  }

  .receipts-stats > div,
  .receipts-stats > .service-stat-primary {
    grid-column: auto !important;
    min-width: 0 !important;
    min-height: 68px !important;
    height: auto !important;
    padding: 6px 7px !important;
    border-radius: 10px !important;
  }

  .receipts-stats span {
    min-width: 0 !important;
    font-size: 8.5px !important;
    line-height: 1.05 !important;
  }

  .receipts-stats strong,
  .receipts-stats > .service-stat-primary strong {
    margin-top: 3px !important;
    font-size: 17px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .receipts-stats small {
    margin-top: 4px !important;
    font-size: 8.5px !important;
    line-height: 1.05 !important;
  }
}


/* 1.7.72 · Покупки: компактная верхняя сводка без изменения рабочих действий. */
@media screen and (max-width: 520px) {
  .shopping-content .shopping-summary {
    grid-template-columns: 38px minmax(0,1fr) !important;
    gap: 8px !important;
    min-height: 58px !important;
    margin-bottom: 6px !important;
    padding: 7px 10px !important;
    border-radius: 12px !important;
  }

  .shopping-content .shopping-summary-icon {
    width: 36px !important;
    height: 36px !important;
    border-radius: 9px !important;
  }

  .shopping-content .shopping-summary-icon .ui-icon {
    width: 19px !important;
    height: 19px !important;
  }

  .shopping-content .shopping-summary small {
    font-size: 9.5px !important;
    line-height: 1.05 !important;
  }

  .shopping-content .shopping-summary strong {
    margin-top: 2px !important;
    font-size: 16px !important;
    line-height: 1.05 !important;
  }

  .shopping-content .shopping-page-actions-primary {
    margin-bottom: 7px !important;
  }
}


/* 1.7.73 · Клиент: пустая заметка свёрнута, сохранённая открывается автоматически. */
@media screen and (max-width: 520px) {
  .legacy-client-profile-backdrop .client-profile-note-details {
    display: block !important;
    gap: 0 !important;
    margin-top: 6px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 11px !important;
  }

  .legacy-client-profile-backdrop .client-profile-note-details > summary {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) 28px !important;
    gap: 8px !important;
    min-height: 48px !important;
    padding: 7px 9px !important;
    align-items: center !important;
    list-style: none !important;
    cursor: pointer !important;
  }

  .legacy-client-profile-backdrop .client-profile-note-details > summary::-webkit-details-marker {
    display: none !important;
  }

  .legacy-client-profile-backdrop .client-profile-note-summary-copy {
    display: grid !important;
    min-width: 0 !important;
    gap: 2px !important;
  }

  .legacy-client-profile-backdrop .client-profile-note-summary-copy strong {
    color: #dce3e6 !important;
    font-size: 11px !important;
    line-height: 1.1 !important;
  }

  .legacy-client-profile-backdrop .client-profile-note-summary-copy small {
    color: #71808a !important;
    font-size: 8.5px !important;
    font-weight: 650 !important;
    line-height: 1.1 !important;
  }

  .legacy-client-profile-backdrop .client-profile-note-toggle {
    display: grid !important;
    width: 28px !important;
    height: 28px !important;
    place-items: center !important;
    color: #75828a !important;
    transition: transform .18s ease !important;
  }

  .legacy-client-profile-backdrop .client-profile-note-toggle .ui-icon {
    width: 16px !important;
    height: 16px !important;
  }

  .legacy-client-profile-backdrop .client-profile-note-details[open] .client-profile-note-toggle {
    transform: rotate(90deg) !important;
  }

  .legacy-client-profile-backdrop .client-profile-note-body {
    display: grid !important;
    gap: 6px !important;
    padding: 0 9px 9px !important;
  }

  .legacy-client-profile-backdrop .client-profile-note-details:not([open]) .client-profile-note-body {
    display: none !important;
  }

  .legacy-client-profile-backdrop .client-profile-note-details .textarea {
    min-height: 72px !important;
  }
}


/* 1.7.74 · Аналитика: одно компактное состояние вместо четырёх «новый период». */
@media screen and (max-width: 520px) {
  .analytics-comparison-empty {
    display: grid !important;
    grid-template-columns: 28px minmax(0,1fr) !important;
    gap: 8px !important;
    min-height: 46px !important;
    margin-top: 6px !important;
    padding: 6px 8px !important;
    align-items: center !important;
    border: 1px solid #172128 !important;
    border-radius: 9px !important;
    background: #060b0f !important;
  }

  .analytics-comparison-empty > .ui-icon {
    width: 17px !important;
    height: 17px !important;
    justify-self: center !important;
    color: #75828a !important;
  }

  .analytics-comparison-empty > span {
    display: grid !important;
    min-width: 0 !important;
    gap: 2px !important;
  }

  .analytics-comparison-empty strong {
    color: #cfd6da !important;
    font-size: 10px !important;
    line-height: 1.15 !important;
  }

  .analytics-comparison-empty small {
    color: #73808a !important;
    font-size: 8.5px !important;
    line-height: 1.15 !important;
  }
}


/* 1.7.75 · Бэкапы: редкие служебные действия раскрываются по требованию. */
@media screen and (max-width: 520px) {
  .legacy-backup-advanced {
    margin-top: 6px !important;
    overflow: hidden !important;
    border: 1px solid #202d35 !important;
    border-radius: 11px !important;
    background: #090f14 !important;
  }

  .legacy-backup-advanced > summary {
    display: grid !important;
    grid-template-columns: 30px minmax(0,1fr) 28px !important;
    gap: 8px !important;
    min-height: 48px !important;
    padding: 6px 8px !important;
    align-items: center !important;
    list-style: none !important;
    cursor: pointer !important;
  }

  .legacy-backup-advanced > summary::-webkit-details-marker {
    display: none !important;
  }

  .legacy-backup-advanced-icon {
    display: grid !important;
    width: 30px !important;
    height: 30px !important;
    place-items: center !important;
    border-radius: 8px !important;
    background: #0d1419 !important;
    color: #93a0a8 !important;
  }

  .legacy-backup-advanced-icon .ui-icon {
    width: 16px !important;
    height: 16px !important;
  }

  .legacy-backup-advanced > summary > span:nth-child(2) {
    display: grid !important;
    min-width: 0 !important;
    gap: 1px !important;
  }

  .legacy-backup-advanced > summary strong {
    color: #e8edef !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
  }

  .legacy-backup-advanced > summary small {
    overflow: hidden !important;
    color: #74818a !important;
    font-size: 8.5px !important;
    line-height: 1.15 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .legacy-backup-advanced-chevron {
    display: grid !important;
    width: 28px !important;
    height: 28px !important;
    place-items: center !important;
    color: #71808a !important;
    transition: transform .18s ease !important;
  }

  .legacy-backup-advanced-chevron .ui-icon {
    width: 15px !important;
    height: 15px !important;
  }

  .legacy-backup-advanced[open] .legacy-backup-advanced-chevron {
    transform: rotate(90deg) !important;
  }

  .legacy-backup-advanced .legacy-backup-grid {
    margin: 0 !important;
    padding: 0 7px 7px !important;
    border-top: 1px solid #172128 !important;
  }
}


/* 1.7.75 · Закрепляем фактическое скрытие служебных действий в закрытом details. */
@media screen and (max-width: 520px) {
  .legacy-backup-advanced:not([open]) > .legacy-backup-grid {
    display: none !important;
  }
}


/* 1.7.76 · Календарь: ближайшие часы видны сразу, полный день раскрывается по требованию. */
@media screen and (max-width: 520px) {
  .calendar-day-card:not(.show-full-day) .calendar-hour-row.is-outside-focus {
    display: none !important;
  }

  .calendar-full-day-toggle {
    box-sizing: border-box !important;
    display: flex !important;
    width: 100% !important;
    min-height: 44px !important;
    height: 44px !important;
    margin-top: 6px !important;
    padding: 0 10px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    border: 1px solid #202d35 !important;
    border-radius: 10px !important;
    background: #0a1116 !important;
    color: #9aa6ad !important;
    font-size: 10px !important;
    font-weight: 700 !important;
  }

  .calendar-full-day-toggle .ui-icon {
    width: 16px !important;
    height: 16px !important;
    color: #78bfff !important;
  }

  .calendar-empty {
    min-height: 52px !important;
    padding: 14px 8px !important;
    display: grid !important;
    place-items: center !important;
    border: 1px dashed #202d35 !important;
    border-radius: 10px !important;
    background: #060b0f !important;
  }
}


/* 1.7.77 · Фото по продуктовой концепции всегда открыты, пустое состояние остаётся компактным. */
@media screen and (max-width: 520px) {
  .order-editor-modal .order-photo-static-head {
    min-height: 46px !important;
    padding: 7px 10px !important;
    border-bottom: 1px solid #151f25 !important;
    cursor: default !important;
  }

  .order-editor-modal .order-photo-static .order-extra-body {
    display: block !important;
    padding: 8px 10px 10px !important;
  }

  .order-editor-modal .order-photo-add {
    min-height: 52px !important;
    padding: 7px 10px !important;
    border-radius: 11px !important;
  }

  .order-editor-modal .order-photo-picker > .small {
    margin-top: 5px !important;
  }

  .order-editor-modal .photo-grid.is-empty {
    display: none !important;
    margin-top: 0 !important;
  }

  .order-editor-modal .photo-grid:not(.is-empty) {
    margin-top: 8px !important;
  }

  .order-editor-modal .order-photo-toggle {
    display: none !important;
  }
}


/* 1.7.77 · Старый details-override не должен скрывать статический блок фото. */
@media screen and (max-width: 520px) {
  .order-editor-modal .order-photo-static:not([open]) .order-extra-body {
    display: block !important;
  }
}


/* 1.7.78 · Фото: кнопка добавления стабильно компактна на 320–430 px. */
@media screen and (max-width: 520px) {
  .order-editor-modal .order-photo-add {
    box-sizing: border-box !important;
    min-height: 52px !important;
    height: 52px !important;
    padding: 5px 10px !important;
    gap: 9px !important;
  }

  .order-editor-modal .order-photo-add b {
    line-height: 1.15 !important;
  }

  .order-editor-modal .order-photo-add small {
    line-height: 1.15 !important;
  }
}


/* 1.7.79 · Деталка склада: вторичные рабочие действия в одной строке. */
@media screen and (max-width: 520px) {
  .stock-detail-actions {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 6px !important;
  }

  .stock-detail-actions .stock-detail-transfer,
  .stock-detail-actions .stock-detail-correct {
    grid-column: auto !important;
    min-width: 0 !important;
    min-height: 46px !important;
    height: 46px !important;
    grid-template-columns: 24px minmax(0,1fr) !important;
    gap: 6px !important;
    padding: 5px 7px !important;
  }

  .stock-detail-actions .stock-detail-transfer > .ui-icon,
  .stock-detail-actions .stock-detail-correct > .ui-icon {
    width: 17px !important;
    height: 17px !important;
  }

  .stock-detail-actions .stock-detail-transfer small,
  .stock-detail-actions .stock-detail-correct small {
    display: none !important;
  }

  .stock-detail-actions .stock-detail-transfer b,
  .stock-detail-actions .stock-detail-correct b {
    overflow: hidden !important;
    font-size: 10px !important;
    line-height: 1.15 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .stock-detail-actions .stock-detail-archive {
    grid-column: 1 / -1 !important;
  }
}


/* 1.7.79 · Фикс точной высоты вторичных действий склада. */
@media screen and (max-width: 520px) {
  .stock-detail-actions .stock-detail-transfer,
  .stock-detail-actions .stock-detail-correct {
    box-sizing: border-box !important;
  }
}


/* 1.7.79 · Специфичность: старое правило кнопок не возвращает 50 px. */
@media screen and (max-width: 520px) {
  .stock-detail-actions button.stock-detail-transfer,
  .stock-detail-actions button.stock-detail-correct {
    box-sizing: border-box !important;
    min-height: 46px !important;
    height: 46px !important;
  }
}


/* 1.7.80 · Финансы: спокойная, но не монотонная иерархия сводки. */
@media screen and (max-width: 520px) {
  .legacy-finance-summary > div {
    position: relative !important;
    overflow: hidden !important;
  }

  .legacy-finance-summary > div::before {
    position: absolute;
    top: 9px;
    bottom: 9px;
    left: 0;
    width: 3px;
    border-radius: 0 3px 3px 0;
    content: "";
  }

  .legacy-finance-summary .finance-result-hero.positive {
    border-color: #1f563e !important;
  }

  .legacy-finance-summary .finance-result-hero.positive::before {
    background: var(--crm-green);
  }

  .legacy-finance-summary .finance-result-hero.negative {
    border-color: #6b2d35 !important;
  }

  .legacy-finance-summary .finance-result-hero.negative::before {
    background: var(--crm-red);
  }

  .legacy-finance-summary > .income {
    border-color: #24513a !important;
  }

  .legacy-finance-summary > .income::before {
    background: var(--crm-green);
  }

  .legacy-finance-summary > .expense {
    border-color: #63323a !important;
  }

  .legacy-finance-summary > .expense::before {
    background: var(--crm-red);
  }
}


/* 1.7.81 · Аналитика: период остаётся читаемым, но не оттесняет показатели вниз. */
@media screen and (max-width: 520px) {
  .analytics-content {
    padding-top: 8px !important;
  }

  .analytics-content .page-head {
    margin-bottom: 6px !important;
  }

  .analytics-period-grid {
    gap: 4px !important;
    margin-bottom: 5px !important;
  }

  .analytics-period-grid .chip {
    box-sizing: border-box !important;
    min-height: 44px !important;
    height: 44px !important;
  }

  .analytics-range-nav {
    box-sizing: border-box !important;
    min-height: 46px !important;
    height: 46px !important;
    margin-bottom: 6px !important;
    padding: 1px !important;
  }

  .analytics-arrow {
    box-sizing: border-box !important;
    width: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    height: 44px !important;
  }
}


/* 1.7.82 · Клиенты: одинаково плотные карточки на 320–430 px. */
@media screen and (max-width: 520px) {
  .legacy-client-list {
    gap: 5px !important;
  }

  .legacy-client-card {
    border-radius: 12px !important;
  }

  .legacy-client-main {
    grid-template-columns: 40px minmax(0,1fr) max-content !important;
    gap: 8px !important;
    min-height: 70px !important;
    padding: 7px 9px 6px !important;
    align-items: center !important;
  }

  .legacy-client-avatar {
    width: 40px !important;
    height: 40px !important;
  }

  .legacy-client-copy {
    min-width: 0 !important;
  }

  .legacy-client-side {
    grid-column: 3 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: end !important;
    text-align: right !important;
    white-space: nowrap !important;
  }

  .legacy-client-side b {
    font-size: 11.5px !important;
  }

  .legacy-client-side small {
    font-size: 8.5px !important;
  }

  .legacy-client-meta {
    display: grid !important;
    grid-template-columns: auto auto minmax(0,1fr) !important;
    gap: 4px 8px !important;
    min-height: 24px !important;
    padding: 4px 9px !important;
    align-items: center !important;
    font-size: 9px !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
  }

  .legacy-client-meta > span:last-child {
    grid-column: auto !important;
    justify-self: end !important;
  }

  .legacy-client-actions {
    gap: 5px !important;
    padding: 0 9px 7px !important;
  }
}

@media screen and (max-width: 340px) {
  .legacy-client-main {
    grid-template-columns: 38px minmax(0,1fr) max-content !important;
    gap: 7px !important;
    min-height: 72px !important;
  }

  .legacy-client-avatar {
    width: 38px !important;
    height: 38px !important;
  }

  .legacy-client-side {
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    text-align: right !important;
  }

  .legacy-client-side b {
    font-size: 11px !important;
  }

  .legacy-client-meta {
    grid-template-columns: auto auto minmax(0,1fr) !important;
    gap: 3px 6px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    font-size: 8.5px !important;
  }

  .legacy-client-meta > span:last-child {
    grid-column: auto !important;
    justify-self: end !important;
  }
}

/* 1.7.83 · Товарник: меньше служебной высоты и сумма позиции справа даже на 320 px. */
@media screen and (max-width: 520px) {
  .legacy-goods-new .legacy-goods-order-source {
    margin-top: 5px !important;
  }

  .legacy-goods-new .legacy-goods-order-source > span {
    display: none !important;
  }

  .legacy-goods-new .legacy-goods-help {
    margin-top: 4px !important;
    font-size: 9.5px !important;
    line-height: 1.15 !important;
  }
}

@media screen and (max-width: 340px) {
  .legacy-goods-current .legacy-goods-position {
    grid-template-columns: minmax(0,1fr) max-content !important;
    gap: 8px !important;
    min-height: 48px !important;
    align-items: center !important;
  }

  .legacy-goods-current .legacy-goods-position > span {
    min-width: 0 !important;
  }

  .legacy-goods-current .legacy-goods-position > b {
    justify-self: end !important;
    align-self: center !important;
  }
}


/* 1.7.84 · Прайс: компактнее группы и строки без потери touch-targets. */
@media screen and (max-width: 520px) {
  .legacy-price-groups {
    gap: 6px !important;
  }

  .legacy-price-group > h3 {
    min-height: 34px !important;
    padding: 0 9px !important;
  }

  .legacy-custom-price-head {
    min-height: 50px !important;
    padding: 3px 8px !important;
  }

  .legacy-custom-price-head button {
    min-height: 44px !important;
  }

  .legacy-price-row {
    min-height: 52px !important;
    gap: 8px !important;
    padding: 6px 9px !important;
  }

  .legacy-price-row small {
    margin-top: 1px !important;
  }
}

@media screen and (max-width: 340px) {
  .legacy-price-row {
    min-height: 54px !important;
  }
}


/* 1.7.85 · Настройки: компактный верх и горизонтальные служебные действия. */
@media screen and (max-width: 520px) {
  .legacy-settings-page {
    padding-top: 9px !important;
  }

  .legacy-settings-page .legacy-settings-card {
    margin-bottom: 7px !important;
    padding: 10px !important;
    border-radius: 13px !important;
  }

  .settings-profile-card .legacy-section-title,
  .settings-app-card .legacy-section-title,
  .settings-data-card .legacy-section-title {
    margin-bottom: 7px !important;
  }

  .settings-profile-card .legacy-settings-grid {
    gap: 6px 8px !important;
  }

  .settings-profile-card .legacy-settings-grid label > span {
    margin-bottom: 3px !important;
  }

  .settings-profile-card .legacy-settings-grid .field {
    min-height: 44px !important;
    height: 44px !important;
  }

  .settings-profile-card .legacy-settings-save {
    min-height: 44px !important;
    height: 44px !important;
    margin-top: 6px !important;
    border-radius: 10px !important;
  }

  .settings-app-card .legacy-settings-list {
    margin-top: 3px !important;
  }

  .settings-app-card .legacy-settings-row,
  .settings-app-card .legacy-settings-row:not(.plain) {
    grid-template-columns: 32px minmax(0,1fr) 86px !important;
    gap: 6px !important;
    min-height: 52px !important;
    height: auto !important;
    padding: 4px 0 !important;
    align-items: center !important;
  }

  .settings-app-card .legacy-settings-row.app-version-row {
    min-height: 58px !important;
  }

  .settings-app-card .legacy-settings-row-icon {
    width: 32px !important;
    height: 32px !important;
    border-radius: 8px !important;
  }

  .settings-app-card .legacy-settings-row > span:nth-child(2) {
    min-width: 0 !important;
  }

  .settings-app-card .legacy-settings-row strong {
    overflow: hidden !important;
    line-height: 1.15 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .settings-app-card .legacy-settings-row small {
    display: -webkit-box !important;
    overflow: hidden !important;
    margin-top: 2px !important;
    line-height: 1.15 !important;
    text-overflow: clip !important;
    white-space: normal !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .settings-app-card .legacy-settings-row > button:not(.toggle) {
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    width: 86px !important;
    min-width: 86px !important;
    min-height: 44px !important;
    height: 44px !important;
    padding: 4px 6px !important;
    border-radius: 9px !important;
  }
}

@media screen and (max-width: 340px) {
  .settings-app-card .legacy-settings-row,
  .settings-app-card .legacy-settings-row:not(.plain) {
    grid-template-columns: 30px minmax(0,1fr) 80px !important;
    gap: 5px !important;
    row-gap: 0 !important;
  }

  .settings-app-card .legacy-settings-row-icon {
    width: 30px !important;
    height: 30px !important;
  }

  .settings-app-card .legacy-settings-row > button:not(.toggle) {
    grid-column: 3 !important;
    grid-row: 1 !important;
    width: 80px !important;
    min-width: 80px !important;
    justify-self: end !important;
  }
}


/* 1.7.85 fix · 320 px: перебиваем старое полноширинное действие приложения. */
@media screen and (max-width: 520px) {
  .settings-profile-card {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
  }
}

@media screen and (max-width: 340px) {
  .settings-app-card .legacy-settings-row:not(.plain) > button:not(.toggle) {
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
    min-height: 44px !important;
    height: 44px !important;
    padding: 4px 6px !important;
    text-align: center !important;
  }
}


/* 1.7.86 · Бэкапы: два главных действия в одной компактной строке. */
@media screen and (max-width: 520px) {
  .legacy-backup-page .legacy-backup-main-actions {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 6px !important;
    margin-top: 7px !important;
  }

  .legacy-backup-page .legacy-backup-main-actions > button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    height: 48px !important;
    padding: 6px 8px !important;
    border-radius: 10px !important;
    white-space: nowrap !important;
  }
}

@media screen and (max-width: 340px) {
  .legacy-backup-page .legacy-backup-main-actions {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
}


/* 1.7.87 · Бэкапы 320 px: контролы автобэкапа остаются справа, а не падают вниз. */
@media screen and (max-width: 340px) {
  .legacy-backup-page .backup-auto-card .legacy-settings-row.plain {
    grid-template-columns: minmax(0,1fr) auto !important;
    gap: 6px !important;
    align-items: center !important;
  }

  .legacy-backup-page .backup-auto-card .legacy-settings-row.plain > span {
    min-width: 0 !important;
  }

  .legacy-backup-page .backup-auto-card .legacy-settings-row.plain > select,
  .legacy-backup-page .backup-auto-card .legacy-settings-row.plain > button {
    grid-column: 2 !important;
    justify-self: end !important;
    width: auto !important;
  }

  .legacy-backup-page .backup-auto-card .legacy-settings-row.plain > .toggle {
    width: 52px !important;
    min-width: 52px !important;
  }

  .legacy-backup-page .backup-auto-card #backup-days {
    width: 112px !important;
    min-width: 112px !important;
    min-height: 44px !important;
  }

  .legacy-backup-page .backup-auto-card .legacy-settings-row small {
    display: -webkit-box !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    white-space: normal !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}


/* 1.7.88 · Бэкапы: служебные операции в сетке 2×3, откат отдельно. */
@media screen and (max-width: 520px) {
  .legacy-backup-page .legacy-backup-advanced .legacy-backup-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 5px !important;
    padding: 6px 7px 7px !important;
  }

  .legacy-backup-page .legacy-backup-advanced .legacy-backup-grid > button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 48px !important;
    padding: 5px 6px !important;
    border-radius: 9px !important;
    line-height: 1.15 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  .legacy-backup-page .legacy-backup-advanced .legacy-backup-grid > button:last-child {
    grid-column: 1 / -1 !important;
    min-height: 44px !important;
  }
}

@media screen and (max-width: 340px) {
  .legacy-backup-page .legacy-backup-advanced .legacy-backup-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
}


/* 1.7.89 · Диагностика и настройки: точное центрирование текста и иконок. */
@media screen and (max-width: 520px) {
  body.modal-open > .modal-backdrop > div.modal.compact-modal.diagnostics-modal .goods-sheet {
    grid-template-columns: minmax(0,1fr) 32px !important;
    gap: 8px !important;
    min-height: 48px !important;
    padding: 6px 7px 6px 9px !important;
    align-items: center !important;
  }

  .diagnostics-modal .diagnostics-copy {
    display: grid !important;
    min-width: 0 !important;
    align-content: center !important;
    gap: 2px !important;
  }

  .diagnostics-modal .diagnostics-copy strong,
  .diagnostics-modal .diagnostics-copy small {
    margin: 0 !important;
    line-height: 1.15 !important;
  }

  .diagnostics-modal .diagnostics-copy small {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .diagnostics-modal .diagnostics-status {
    display: grid !important;
    width: 30px !important;
    height: 30px !important;
    padding: 0 !important;
    place-items: center !important;
    justify-self: end !important;
    align-self: center !important;
    border-radius: 9px !important;
    background: #0d1419 !important;
  }

  .diagnostics-modal .diagnostics-status.green {
    background: rgba(73,210,132,.08) !important;
  }

  .diagnostics-modal .diagnostics-status.red {
    background: rgba(255,97,108,.08) !important;
  }

  .diagnostics-modal .diagnostics-status .ui-icon {
    width: 16px !important;
    height: 16px !important;
    stroke-width: 2 !important;
  }

  body.modal-open > .modal-backdrop > div.modal.compact-modal.diagnostics-modal .modal-actions {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 6px !important;
  }

  body.modal-open > .modal-backdrop > div.modal.compact-modal.diagnostics-modal .modal-actions > button {
    display: flex !important;
    min-width: 0 !important;
    min-height: 46px !important;
    padding: 6px 8px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    line-height: 1.15 !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  body.modal-open > .modal-backdrop > div.modal.compact-modal.diagnostics-modal .modal-actions > button .ui-icon {
    flex: 0 0 auto !important;
    width: 15px !important;
    height: 15px !important;
  }

  body.modal-open > .modal-backdrop > div.modal.compact-modal.diagnostics-modal .modal-actions > button > span {
    min-width: 0 !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }

  body.modal-open > .modal-backdrop > div.modal.compact-modal.diagnostics-modal .modal-actions > [data-close-modal] {
    grid-column: 1 / -1 !important;
  }

  .settings-profile-card .legacy-settings-grid .field {
    box-sizing: border-box !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1.2 !important;
  }

  .settings-app-card .legacy-settings-row > button:not(.toggle) {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1.15 !important;
    text-align: center !important;
  }
}

@media screen and (max-width: 340px) {
  body.modal-open > .modal-backdrop > div.modal.compact-modal.diagnostics-modal .modal-actions > button {
    padding-right: 5px !important;
    padding-left: 5px !important;
    gap: 4px !important;
    font-size: 10px !important;
  }

  body.modal-open > .modal-backdrop > div.modal.compact-modal.diagnostics-modal .modal-actions > button .ui-icon {
    width: 14px !important;
    height: 14px !important;
  }
}


/* 1.7.89 fix · Диагностика 320 px: чуть больше места кнопке копирования. */
@media screen and (max-width: 340px) {
  body.modal-open > .modal-backdrop > div.modal.compact-modal.diagnostics-modal .modal-actions {
    grid-template-columns: .88fr 1.12fr !important;
  }
}


/* 1.7.89 fix 2 · Диагностика 320 px: симметричные кнопки без обрезания. */
@media screen and (max-width: 340px) {
  body.modal-open > .modal-backdrop > div.modal.compact-modal.diagnostics-modal .modal-actions {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
}


/* 1.7.90 · Настройки: единая ось полей, иконок, счётчиков и стрелок. */
@media screen and (max-width: 520px) {
  .settings-profile-card .legacy-settings-grid label {
    display: grid !important;
    grid-template-rows: auto 44px !important;
    align-content: start !important;
  }

  .settings-profile-card .legacy-settings-grid .field {
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 11px !important;
    line-height: 42px !important;
  }

  .legacy-settings-links > button {
    grid-template-columns: 32px minmax(0,1fr) minmax(18px,max-content) 20px !important;
    column-gap: 7px !important;
    row-gap: 0 !important;
    align-items: center !important;
  }

  .legacy-settings-links > button .settings-link-icon {
    display: grid !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 32px !important;
    height: 32px !important;
    place-items: center !important;
    align-self: center !important;
    justify-self: center !important;
  }

  .legacy-settings-links > button .settings-link-icon .ui-icon {
    width: 16px !important;
    height: 16px !important;
  }

  .legacy-settings-links > button > span:nth-child(2) {
    display: grid !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
    align-content: center !important;
    align-self: center !important;
    gap: 2px !important;
  }

  .legacy-settings-links > button > span:nth-child(2) > strong,
  .legacy-settings-links > button > span:nth-child(2) > small {
    margin: 0 !important;
  }

  .legacy-settings-links > button > b {
    grid-column: 3 !important;
    grid-row: 1 !important;
    min-width: 18px !important;
    align-self: center !important;
    justify-self: end !important;
    line-height: 1 !important;
    text-align: right !important;
  }

  .legacy-settings-links > button > .chevron {
    display: grid !important;
    grid-column: 4 !important;
    grid-row: 1 !important;
    width: 20px !important;
    height: 32px !important;
    place-items: center !important;
    align-self: center !important;
    justify-self: end !important;
  }

  .legacy-settings-links > button > .chevron .ui-icon {
    width: 15px !important;
    height: 15px !important;
  }
}

@media screen and (max-width: 340px) {
  .legacy-settings-links > button {
    grid-template-columns: 32px minmax(0,1fr) minmax(16px,max-content) 18px !important;
    column-gap: 5px !important;
  }

  .legacy-settings-links > button > b {
    min-width: 16px !important;
  }

  .legacy-settings-links > button > .chevron {
    width: 18px !important;
  }
}


/* 1.7.91 · Ещё: одинаковый центр и визуальный размер пиктограмм. */
@media screen and (max-width: 520px) {
  .legacy-more-list .menu-item {
    align-items: center !important;
  }

  .legacy-more-list .menu-icon {
    display: grid !important;
    width: 38px !important;
    height: 38px !important;
    place-items: center !important;
    align-self: center !important;
    justify-self: center !important;
  }

  .legacy-more-list .menu-icon .ui-icon {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
  }

  .legacy-more-list .menu-copy {
    display: grid !important;
    min-width: 0 !important;
    align-content: center !important;
    align-self: center !important;
    gap: 2px !important;
  }

  .legacy-more-list .menu-name,
  .legacy-more-list .menu-description {
    margin: 0 !important;
  }

  .legacy-more-list .menu-item > .chevron {
    display: grid !important;
    width: 18px !important;
    height: 38px !important;
    place-items: center !important;
    align-self: center !important;
    justify-self: end !important;
  }

  .legacy-more-list .menu-item > .chevron .ui-icon {
    width: 14px !important;
    height: 14px !important;
  }
}


/* 1.7.92 · Заявка: единая вертикальная посадка полей и пиктограмм. */
@media screen and (max-width: 520px) {
  .order-editor-modal .form-grid:not(.legacy-payment-grid) .form-group > input.field:not([type="checkbox"]):not([type="radio"]),
  .order-editor-modal .form-grid:not(.legacy-payment-grid) .form-group > select.field {
    box-sizing: border-box !important;
    min-height: 46px !important;
    height: 46px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    vertical-align: middle !important;
  }

  .order-editor-modal .form-grid:not(.legacy-payment-grid) .form-group > input.field:not([type="checkbox"]):not([type="radio"]) {
    line-height: 44px !important;
  }

  .order-editor-modal .form-grid:not(.legacy-payment-grid) .form-group > select.field {
    line-height: 1.2 !important;
  }

  .order-editor-modal input[type="date"].field,
  .order-editor-modal input[type="time"].field {
    padding-right: 10px !important;
  }

  .order-editor-modal input[type="date"].field::-webkit-calendar-picker-indicator,
  .order-editor-modal input[type="time"].field::-webkit-calendar-picker-indicator {
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: .88 !important;
  }

  .order-editor-title-icon,
  .order-editor-close,
  .order-editor-modal .order-editor-section-icon {
    display: grid !important;
    place-items: center !important;
  }

  .order-editor-title-icon .ui-icon,
  .order-editor-close .ui-icon,
  .order-editor-modal .order-editor-section-icon .ui-icon {
    display: block !important;
    margin: 0 !important;
  }

  .order-editor-modal .legacy-catalog-button,
  .order-editor-modal .legacy-stock-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    line-height: 1.15 !important;
    text-align: center !important;
  }

  .order-editor-modal .legacy-catalog-button .ui-icon,
  .order-editor-modal .legacy-stock-button .ui-icon {
    flex: 0 0 auto !important;
    width: 17px !important;
    height: 17px !important;
    margin: 0 !important;
  }
}


/* 1.7.92 fix · Расчёт заявки сохраняет прежнюю плотность 44 px. */
@media screen and (max-width: 520px) {
  .order-editor-modal .legacy-payment-grid .field {
    min-height: 44px !important;
    height: 44px !important;
  }

  .order-editor-modal .legacy-payment-grid input.field {
    line-height: 42px !important;
  }
}


/* 1.7.93 · Акт: чистый мобильный предпросмотр без перекрытия навигацией. */
@media screen and (max-width: 520px) {
  .legacy-act-page {
    padding-bottom: calc(18px + env(safe-area-inset-bottom)) !important;
  }

  .legacy-act-control .field {
    box-sizing: border-box !important;
    min-height: 46px !important;
    height: 46px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1.2 !important;
  }

  .legacy-act-control-title > span,
  .legacy-act-selected-icon {
    display: grid !important;
    place-items: center !important;
    align-self: center !important;
  }

  .legacy-act-control-title > span .ui-icon,
  .legacy-act-selected-icon .ui-icon {
    display: block !important;
    margin: 0 !important;
  }

  .legacy-act-control-title > div,
  .legacy-act-selected > span:nth-child(2) {
    display: grid !important;
    min-width: 0 !important;
    align-content: center !important;
  }

  .legacy-act-control-actions button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    line-height: 1.15 !important;
    text-align: center !important;
  }

  .legacy-act-control-actions button .ui-icon {
    flex: 0 0 auto !important;
    width: 17px !important;
    height: 17px !important;
    margin: 0 !important;
  }
}


/* 1.7.94 · real-device polish */
@media screen and (max-width: 520px) {
  .analytics-content .panel-title > .badge-icon {
    display: grid !important;
    width: 30px !important;
    height: 30px !important;
    flex: 0 0 30px !important;
    place-items: center !important;
    border: 1px solid #2b3942 !important;
    border-radius: 9px !important;
    background: #0c1318 !important;
    color: #ff765c !important;
    box-shadow: inset 0 1px rgba(255,255,255,.025) !important;
  }

  .analytics-content .panel-title > .badge-icon .ui-icon,
  .analytics-kpi-icon .ui-icon,
  .analytics-focus-icon .ui-icon {
    display: block !important;
    width: 16px !important;
    height: 16px !important;
    margin: auto !important;
  }

  .analytics-kpi-icon {
    display: grid !important;
    width: 30px !important;
    height: 30px !important;
    place-items: center !important;
    border: 1px solid #2b3942 !important;
    border-radius: 9px !important;
    background: #0c1318 !important;
    color: #aab4ba !important;
    box-shadow: inset 0 1px rgba(255,255,255,.025) !important;
  }

  .analytics-kpi-icon.green,
  .analytics-kpi-icon.red,
  .analytics-kpi-icon.blue,
  .analytics-kpi-icon.purple {
    border-color: #2b3942 !important;
    background: #0c1318 !important;
    color: #aab4ba !important;
  }

  .analytics-kpi,
  .analytics-kpi.primary {
    align-items: center !important;
  }

  .analytics-focus-icon {
    display: grid !important;
    width: 30px !important;
    height: 30px !important;
    place-items: center !important;
    border: 1px solid #2b3942 !important;
    border-radius: 9px !important;
    background: #0c1318 !important;
    box-shadow: inset 0 1px rgba(255,255,255,.025) !important;
  }

  .analytics-focus-icon.red {
    background: #0c1318 !important;
    color: #ff727b !important;
  }

  .analytics-focus-icon.yellow {
    background: #0c1318 !important;
    color: #dfb45d !important;
  }

  .analytics-focus-icon.blue {
    background: #0c1318 !important;
    color: #6faaf1 !important;
  }

  .order-editor-modal .direct-expense-card {
    border-color: #2b3942 !important;
    background: #11181e !important;
    background-image: none !important;
    box-shadow: inset 0 1px rgba(255,255,255,.02) !important;
  }

  .order-editor-modal .direct-expense-card .material-name-field {
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 42px !important;
    height: 42px !important;
    padding: 0 9px !important;
    border: 0 !important;
    border-bottom: 1px solid #33424b !important;
    border-radius: 8px !important;
    outline: none !important;
    background: #0b1217 !important;
    color: #eef2f4 !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 720 !important;
  }

  .order-editor-modal .direct-expense-card .material-name-field:focus {
    border-bottom-color: #ff765c !important;
    background: #0d151a !important;
    box-shadow: inset 0 -1px #ff765c !important;
  }

  .order-editor-modal .direct-expense-card .material-name-field::placeholder {
    color: #68747c !important;
    font-weight: 560 !important;
    opacity: 1 !important;
  }

  .order-editor-modal .direct-expense-card .material-card-head small {
    color: #7f8a91 !important;
  }

  .order-editor-modal .direct-expense-controls .field {
    border-color: #2b3942 !important;
    background: #0b1217 !important;
  }

  .order-editor-modal .photo-open-icon {
    display: none !important;
  }

  .order-editor-modal .photo-caption {
    padding-right: 10px !important;
  }
}


/* 1.7.95 · Заявки и редактор: визуальный ритм первой версии. */
@media screen and (max-width: 520px) {
  .content.legacy-orders-page {
    padding-top: 8px !important;
    padding-right: 8px !important;
    padding-left: 8px !important;
  }

  .legacy-orders-head {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) 54px !important;
    gap: 10px !important;
    align-items: center !important;
    margin: 0 8px 10px !important;
  }

  .legacy-orders-head h1 {
    margin: 0 !important;
    font-size: 30px !important;
    font-weight: 680 !important;
    line-height: 1.05 !important;
    letter-spacing: -.025em !important;
  }

  .legacy-orders-head p {
    margin: 4px 0 0 !important;
    color: #8b949a !important;
    font-size: 12px !important;
    font-weight: 450 !important;
  }

  .legacy-orders-add-fab {
    display: grid !important;
    box-sizing: border-box !important;
    width: 54px !important;
    height: 54px !important;
    padding: 0 !important;
    place-items: center !important;
    justify-self: end !important;
    border: 1px solid #ff765c !important;
    border-radius: 16px !important;
    background: #ff6f50 !important;
    color: #fff6f2 !important;
    box-shadow: 0 10px 24px rgba(255,111,80,.18) !important;
  }

  .legacy-orders-add-fab .ui-icon {
    width: 25px !important;
    height: 25px !important;
    stroke-width: 1.8 !important;
  }

  .legacy-orders-page .legacy-nearest-visit,
  .legacy-orders-page .legacy-order-search,
  .legacy-orders-page .legacy-order-filters,
  .legacy-orders-page .legacy-visit-filter {
    margin-right: 8px !important;
    margin-left: 8px !important;
  }

  .legacy-orders-page .legacy-nearest-visit {
    padding: 10px 12px !important;
    border: 1px solid rgba(92,169,255,.26) !important;
    border-radius: 14px !important;
    background: rgba(92,169,255,.035) !important;
    box-shadow: none !important;
  }

  .legacy-orders-page .legacy-order-search .search {
    min-height: 52px !important;
    height: 52px !important;
    border-color: #2b353d !important;
    border-radius: 14px !important;
    background: #151c21 !important;
    font-size: 13px !important;
  }

  .legacy-orders-page .legacy-order-filters {
    display: flex !important;
    gap: 7px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  .legacy-orders-page .legacy-order-filters button {
    width: auto !important;
    min-width: 86px !important;
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 14px !important;
    border: 1px solid #2b353d !important;
    border-radius: 999px !important;
    background: #10161b !important;
    color: #8f989e !important;
    font-size: 11px !important;
    font-weight: 520 !important;
  }

  .legacy-orders-page .legacy-order-filters button.active {
    border-color: #ff765c !important;
    background: rgba(255,118,92,.075) !important;
    color: #f1d5cd !important;
    box-shadow: none !important;
  }

  .legacy-orders-page .legacy-visit-filter .field {
    min-height: 48px !important;
    height: 48px !important;
    border-color: #2b353d !important;
    border-radius: 13px !important;
    background: #151c21 !important;
    font-size: 12px !important;
  }

  .legacy-orders-list {
    gap: 10px !important;
  }

  .legacy-order-card {
    padding: 13px 12px 11px 16px !important;
    border-color: #2b353d !important;
    border-radius: 17px !important;
    background: linear-gradient(155deg,#11181d 0%,#0c1216 100%) !important;
    box-shadow: 0 9px 24px rgba(0,0,0,.10) !important;
  }

  .legacy-order-accent {
    width: 3px !important;
    border-radius: 2px !important;
  }

  .legacy-order-title > span {
    color: #ff765c !important;
    font-size: 13px !important;
    font-weight: 690 !important;
  }

  .legacy-order-title > strong {
    font-size: 15px !important;
    font-weight: 640 !important;
  }

  .legacy-status {
    border-width: 1px !important;
    background: transparent !important;
    font-weight: 560 !important;
  }

  .legacy-order-device {
    grid-template-columns: 46px minmax(0,1fr) !important;
    gap: 10px !important;
    margin-top: 10px !important;
  }

  .legacy-device-icon {
    width: 44px !important;
    height: 44px !important;
    border: 1px solid rgba(255,118,92,.24) !important;
    border-radius: 12px !important;
    background: rgba(255,118,92,.055) !important;
    color: #ff8169 !important;
  }

  .legacy-order-money {
    gap: 8px !important;
    margin-top: 10px !important;
  }

  .legacy-order-money > div {
    min-height: 60px !important;
    padding: 9px 10px !important;
    border-color: #29343b !important;
    border-radius: 12px !important;
    background: #141b20 !important;
  }

  .legacy-order-money strong {
    margin-top: 5px !important;
    font-size: 17px !important;
    font-weight: 620 !important;
  }

  .legacy-order-meta {
    margin-top: 9px !important;
    padding-top: 8px !important;
    border-top-color: #222c32 !important;
    color: #8a949b !important;
    font-size: 9.5px !important;
  }

  .legacy-order-actions {
    gap: 7px !important;
    margin-top: 10px !important;
    padding-top: 9px !important;
    border-top-color: #222c32 !important;
  }

  .legacy-order-actions > button,
  .legacy-order-actions > a {
    min-height: 50px !important;
    gap: 4px !important;
    border: 1px solid #29343b !important;
    border-radius: 12px !important;
    background: #141b20 !important;
    color: #8f999f !important;
    font-size: 8.5px !important;
    font-weight: 520 !important;
  }
}

@media screen and (max-width: 520px) {
  .order-editor-modal {
    padding-right: 8px !important;
    padding-left: 8px !important;
    background: #070c0f !important;
  }

  .order-editor-head {
    margin-right: -8px !important;
    margin-left: -8px !important;
    padding-right: 10px !important;
    padding-left: 10px !important;
    border-bottom-color: #1d272d !important;
    background: rgba(7,12,15,.985) !important;
    box-shadow: 0 6px 18px rgba(0,0,0,.12) !important;
  }

  .order-editor-title-icon {
    border: 0 !important;
    background: rgba(255,118,92,.09) !important;
    box-shadow: none !important;
  }

  .order-editor-title-copy h2,
  .order-editor-head h2 {
    font-weight: 650 !important;
  }

  .order-editor-body {
    gap: 2px !important;
  }

  .order-editor-section {
    margin: 0 !important;
    padding: 12px 8px !important;
    border: 0 !important;
    border-bottom: 1px solid #1b252b !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .order-editor-modal .form-section-title {
    gap: 9px !important;
    margin-bottom: 10px !important;
    font-size: 13.5px !important;
    font-weight: 640 !important;
  }

  .order-editor-section-icon {
    width: 32px !important;
    height: 32px !important;
    flex-basis: 32px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: rgba(255,118,92,.085) !important;
    color: #ff7c63 !important;
  }

  .order-editor-section-icon .ui-icon {
    width: 17px !important;
    height: 17px !important;
    stroke-width: 1.8 !important;
  }

  .order-editor-modal .form-grid {
    gap: 8px 8px !important;
  }

  .order-editor-modal .form-group label {
    margin-bottom: 5px !important;
    color: #90999f !important;
    font-size: 9px !important;
    font-weight: 520 !important;
    letter-spacing: .045em !important;
  }

  .order-editor-modal .field {
    min-height: 48px !important;
    border-color: #2b353d !important;
    border-radius: 12px !important;
    background: #151c21 !important;
    color: #e8ecee !important;
    font-size: 12.5px !important;
    font-weight: 430 !important;
  }

  .order-editor-modal .field:focus {
    border-color: rgba(255,118,92,.62) !important;
    box-shadow: 0 0 0 2px rgba(255,118,92,.055) !important;
  }

  .order-editor-modal .legacy-catalog-button {
    min-height: 50px !important;
    margin-bottom: 5px !important;
    border-color: rgba(255,118,92,.48) !important;
    border-radius: 12px !important;
    background: rgba(255,118,92,.045) !important;
    color: #ff8a72 !important;
    font-size: 12px !important;
    font-weight: 560 !important;
  }

  .order-editor-modal #service-lines .legacy-service-row {
    min-height: 50px !important;
    border-bottom-color: #252f35 !important;
  }

  .order-editor-modal #service-lines .service-name-field {
    font-size: 12.5px !important;
    font-weight: 430 !important;
  }

  .order-editor-modal #service-lines .service-price-field input {
    color: #dfe4e6 !important;
    font-size: 12px !important;
    font-weight: 430 !important;
  }

  .order-editor-modal .legacy-service-total {
    justify-content: flex-end !important;
    gap: 5px !important;
    min-height: 32px !important;
    margin-top: 2px !important;
    padding-top: 6px !important;
    border-top: 0 !important;
    color: #cbd1d4 !important;
    font-size: 11px !important;
  }

  .order-editor-modal .legacy-service-total strong {
    color: #f0f2f3 !important;
    font-size: 12px !important;
    font-weight: 620 !important;
  }

  .order-editor-modal .legacy-stock-button {
    min-height: 50px !important;
    border-color: #2b353d !important;
    border-radius: 12px !important;
    background: #141b20 !important;
    color: #e5e9eb !important;
    font-size: 12px !important;
    font-weight: 560 !important;
  }

  .order-editor-modal .legacy-material-help {
    color: #858f95 !important;
    font-size: 10px !important;
    font-weight: 420 !important;
  }

  .order-editor-modal .legacy-material-card {
    border-color: #2b353d !important;
    border-radius: 13px !important;
    background: #11181d !important;
    box-shadow: none !important;
  }

  .order-editor-modal .order-photo-details {
    margin: 4px 8px !important;
    border-color: #263138 !important;
    border-radius: 13px !important;
    background: #0d1418 !important;
  }

  .order-editor-payment-section {
    padding-top: 10px !important;
  }

  .order-editor-payment-section .legacy-payment-grid {
    gap: 9px 8px !important;
  }

  .order-editor-payment-section .legacy-payment-grid .field {
    min-height: 48px !important;
    height: 48px !important;
    font-size: 13px !important;
  }

  .order-editor-modal .modal-actions {
    border-top-color: #202a30 !important;
    background: rgba(7,12,15,.985) !important;
  }
}

@media screen and (max-width: 340px) {
  .legacy-orders-head {
    grid-template-columns: minmax(0,1fr) 50px !important;
    margin-right: 5px !important;
    margin-left: 5px !important;
  }

  .legacy-orders-add-fab {
    width: 50px !important;
    height: 50px !important;
    border-radius: 15px !important;
  }

  .legacy-orders-page .legacy-nearest-visit,
  .legacy-orders-page .legacy-order-search,
  .legacy-orders-page .legacy-order-filters,
  .legacy-orders-page .legacy-visit-filter {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }

  .legacy-orders-page .legacy-order-filters {
    gap: 5px !important;
  }

  .legacy-orders-page .legacy-order-filters button {
    min-width: 0 !important;
    flex: 1 1 0 !important;
    padding-right: 7px !important;
    padding-left: 7px !important;
  }

  .legacy-order-card {
    padding-right: 10px !important;
    padding-left: 14px !important;
  }

  .legacy-order-actions {
    gap: 5px !important;
  }

  .order-editor-modal {
    padding-right: 6px !important;
    padding-left: 6px !important;
  }

  .order-editor-head {
    margin-right: -6px !important;
    margin-left: -6px !important;
  }

  .order-editor-section {
    padding-right: 6px !important;
    padding-left: 6px !important;
  }
}


/* 1.7.96 · Аналитика первой версии */
@media screen and (max-width: 520px) {
  .analytics-first-kpi {
    padding: 14px !important;
    border: 1px solid #2c353b !important;
    border-radius: 18px !important;
    background: linear-gradient(155deg,#11181d 0%,#0c1216 100%) !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.10) !important;
  }

  .analytics-first-title {
    display: grid !important;
    grid-template-columns: 32px minmax(0,1fr) auto !important;
    gap: 9px !important;
    min-height: 34px !important;
    align-items: center !important;
    margin-bottom: 12px !important;
  }

  .analytics-first-gem {
    display: grid !important;
    width: 32px !important;
    height: 32px !important;
    place-items: center !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #ff765c !important;
    box-shadow: none !important;
  }

  .analytics-first-gem .ui-icon {
    width: 21px !important;
    height: 21px !important;
    stroke-width: 1.85 !important;
  }

  .analytics-first-title > strong {
    color: #eef2f4 !important;
    font-size: 16px !important;
    font-weight: 620 !important;
    line-height: 1.1 !important;
    letter-spacing: -.01em !important;
  }

  .analytics-first-title > small {
    max-width: 145px !important;
    color: #838d93 !important;
    font-size: 8.5px !important;
    font-weight: 430 !important;
    line-height: 1.15 !important;
    text-align: right !important;
  }

  .analytics-first-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 8px !important;
  }

  .analytics-first-grid .analytics-first-card,
  .analytics-first-grid .analytics-kpi,
  .analytics-first-grid .analytics-kpi.primary {
    display: block !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
    min-height: 88px !important;
    padding: 11px 12px !important;
    border: 1px solid #303a41 !important;
    border-radius: 14px !important;
    background: #171e23 !important;
    box-shadow: inset 0 1px rgba(255,255,255,.018) !important;
  }

  .analytics-first-card > span {
    display: block !important;
    overflow: hidden !important;
    color: #9099a0 !important;
    font-size: 9px !important;
    font-weight: 520 !important;
    line-height: 1.15 !important;
    letter-spacing: .045em !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    text-transform: uppercase !important;
  }

  .analytics-first-card > strong {
    display: block !important;
    overflow: hidden !important;
    margin-top: 7px !important;
    color: #f0f3f4 !important;
    font-size: clamp(19px,5vw,23px) !important;
    font-weight: 520 !important;
    line-height: 1 !important;
    letter-spacing: -.02em !important;
    font-variant-numeric: tabular-nums !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .analytics-first-card > strong.blue { color: #5ca9ff !important; }
  .analytics-first-card > strong.green { color: #59d889 !important; }
  .analytics-first-card > strong.red { color: #ff6670 !important; }
  .analytics-first-card > strong.yellow { color: #e7b450 !important; }

  .analytics-first-card > small {
    display: block !important;
    overflow: hidden !important;
    margin-top: 8px !important;
    color: #6fba88 !important;
    font-size: 8.5px !important;
    font-weight: 430 !important;
    line-height: 1.1 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .analytics-work-now {
    padding: 14px !important;
    border: 1px solid #2b353b !important;
    border-radius: 18px !important;
    background: linear-gradient(155deg,#10171c 0%,#0b1115 100%) !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.08) !important;
  }

  .analytics-now-title {
    display: flex !important;
    min-height: 34px !important;
    align-items: center !important;
    gap: 9px !important;
    margin-bottom: 10px !important;
  }

  .analytics-now-title > span {
    display: grid !important;
    width: 32px !important;
    height: 32px !important;
    place-items: center !important;
    color: #ff765c !important;
  }

  .analytics-now-title > span .ui-icon {
    width: 20px !important;
    height: 20px !important;
    stroke-width: 1.85 !important;
  }

  .analytics-now-title > strong {
    color: #eef2f4 !important;
    font-size: 16px !important;
    font-weight: 610 !important;
  }

  .analytics-now-grid {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 8px !important;
  }

  .analytics-now-grid > div {
    min-width: 0 !important;
    min-height: 76px !important;
    padding: 10px 11px !important;
    border: 1px solid #2a343a !important;
    border-radius: 13px !important;
    background: #141b20 !important;
  }

  .analytics-now-grid span,
  .analytics-now-grid strong,
  .analytics-now-grid small {
    display: block !important;
  }

  .analytics-now-grid span {
    color: #8d979d !important;
    font-size: 9px !important;
    font-weight: 500 !important;
    letter-spacing: .035em !important;
    text-transform: uppercase !important;
  }

  .analytics-now-grid strong {
    overflow: hidden !important;
    margin-top: 6px !important;
    color: #eef2f4 !important;
    font-size: 20px !important;
    font-weight: 540 !important;
    line-height: 1 !important;
    font-variant-numeric: tabular-nums !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .analytics-now-grid strong.green {
    color: #59d889 !important;
  }

  .analytics-now-grid small {
    margin-top: 6px !important;
    color: #7d888f !important;
    font-size: 8.5px !important;
    line-height: 1.1 !important;
  }

  .analytics-content .analytics-chart-panel,
  .analytics-content .analytics-collapsible,
  .analytics-content .analytics-ranking,
  .analytics-content .analytics-stock-summary {
    border-color: #253038 !important;
    background: #0b1115 !important;
    box-shadow: none !important;
  }
}

@media screen and (max-width: 340px) {
  .analytics-first-kpi,
  .analytics-work-now {
    padding: 11px !important;
  }

  .analytics-first-title {
    grid-template-columns: 30px minmax(0,1fr) auto !important;
    gap: 7px !important;
  }

  .analytics-first-title > strong,
  .analytics-now-title > strong {
    font-size: 15px !important;
  }

  .analytics-first-title > small {
    max-width: 116px !important;
    font-size: 7.5px !important;
  }

  .analytics-first-grid {
    gap: 6px !important;
  }

  .analytics-first-grid .analytics-first-card {
    min-height: 84px !important;
    padding: 9px 10px !important;
  }

  .analytics-first-card > span {
    font-size: 8px !important;
  }

  .analytics-first-card > strong {
    font-size: 18px !important;
  }

  .analytics-now-grid {
    gap: 6px !important;
  }
}


/* 1.7.96 fix · analytics panel radius */
@media screen and (max-width: 520px) {
  .analytics-content .analytics-first-kpi,
  .analytics-content .analytics-work-now {
    border-radius: 18px !important;
  }
}


/* 1.7.96 title fix */
@media screen and (max-width: 520px) {
  .analytics-first-title > strong {
    white-space: nowrap !important;
  }

  .analytics-first-title > small {
    max-width: 118px !important;
  }
}

@media screen and (max-width: 340px) {
  .analytics-first-title > small {
    max-width: 88px !important;
    font-size: 7px !important;
  }
}


/* 1.7.97 · Ещё как в первой версии */
@media screen and (max-width: 520px) {
  .legacy-more-page {
    padding-top: 11px !important;
    padding-right: 8px !important;
    padding-left: 8px !important;
  }

  .legacy-more-head {
    margin-right: 8px !important;
    margin-bottom: 12px !important;
    margin-left: 8px !important;
  }

  .legacy-more-head h1 {
    font-size: 29px !important;
    font-weight: 640 !important;
    letter-spacing: -.025em !important;
  }

  .legacy-more-head p {
    font-weight: 420 !important;
  }

  .more-version-button {
    min-width: 72px !important;
    min-height: 44px !important;
    padding: 5px 9px !important;
    border-color: rgba(124,143,154,.18) !important;
    border-radius: 12px !important;
    background: rgba(15,22,27,.78) !important;
    color: #d9e0e4 !important;
    box-shadow: none !important;
  }

  .more-version-button b {
    font-size: 10px !important;
    font-weight: 620 !important;
  }

  .more-version-button small {
    color: #7f8a91 !important;
    font-size: 8px !important;
    font-weight: 420 !important;
  }

  .legacy-more-list {
    gap: 8px !important;
  }

  .legacy-more-list .menu-item {
    display: grid !important;
    grid-template-columns: 46px minmax(0,1fr) 20px !important;
    gap: 12px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 78px !important;
    padding: 11px 12px !important;
    align-items: center !important;
    border: 1px solid rgba(124,143,154,.22) !important;
    border-radius: 16px !important;
    background-color: #0f1519 !important;
    background-image: linear-gradient(155deg,rgba(22,30,35,.94),rgba(13,19,23,.96)) !important;
    color: #e9edef !important;
    box-shadow: 0 7px 22px rgba(0,0,0,.07) !important;
  }

  .legacy-more-list .menu-item:active {
    border-color: rgba(255,118,92,.35) !important;
    background-color: #11191e !important;
    transform: scale(.995) !important;
  }

  .legacy-more-list .menu-icon,
  .legacy-more-list .menu-icon-finance,
  .legacy-more-list .menu-icon-shopping,
  .legacy-more-list .menu-icon-clients,
  .legacy-more-list .menu-icon-prices,
  .legacy-more-list .menu-icon-act,
  .legacy-more-list .menu-icon-goods,
  .legacy-more-list .menu-icon-calendar,
  .legacy-more-list .menu-icon-tools,
  .legacy-more-list .menu-icon-settings {
    display: grid !important;
    width: 46px !important;
    height: 46px !important;
    place-items: center !important;
    border: 0 !important;
    border-radius: 14px !important;
    box-shadow: none !important;
  }

  .legacy-more-list .menu-icon-finance {
    background: rgba(66,198,122,.10) !important;
    color: #67d993 !important;
  }

  .legacy-more-list .menu-icon-shopping {
    background: rgba(222,176,70,.11) !important;
    color: #dfb45d !important;
  }

  .legacy-more-list .menu-icon-clients {
    background: rgba(84,161,231,.11) !important;
    color: #6faaf1 !important;
  }

  .legacy-more-list .menu-icon-prices {
    background: rgba(167,132,232,.11) !important;
    color: #b090ee !important;
  }

  .legacy-more-list .menu-icon-act {
    background: rgba(165,125,229,.11) !important;
    color: #b48ef0 !important;
  }

  .legacy-more-list .menu-icon-goods {
    background: rgba(255,118,92,.10) !important;
    color: #ff8068 !important;
  }

  .legacy-more-list .menu-icon-calendar {
    background: rgba(91,169,234,.09) !important;
    color: #73b5e9 !important;
  }

  .legacy-more-list .menu-icon-settings {
    background: rgba(141,151,158,.10) !important;
    color: #b8c0c5 !important;
  }

  .legacy-more-list .menu-icon .ui-icon {
    display: block !important;
    width: 21px !important;
    height: 21px !important;
    margin: 0 !important;
    stroke-width: 1.8 !important;
  }

  .legacy-more-list .menu-copy {
    gap: 3px !important;
  }

  .legacy-more-list .menu-name {
    color: #edf1f3 !important;
    font-size: 14.5px !important;
    font-weight: 600 !important;
    line-height: 1.15 !important;
    letter-spacing: -.005em !important;
  }

  .legacy-more-list .menu-description {
    margin: 0 !important;
    color: #8c969d !important;
    font-size: 11.5px !important;
    font-weight: 400 !important;
    line-height: 1.2 !important;
  }

  .legacy-more-list .menu-item > .chevron {
    display: grid !important;
    width: 20px !important;
    height: 46px !important;
    place-items: center !important;
    justify-self: end !important;
    color: #7b878f !important;
  }

  .legacy-more-list .menu-item > .chevron .ui-icon {
    width: 17px !important;
    height: 17px !important;
    stroke-width: 1.8 !important;
  }
}

@media screen and (max-width: 340px) {
  .legacy-more-page {
    padding-right: 7px !important;
    padding-left: 7px !important;
  }

  .legacy-more-head {
    margin-right: 6px !important;
    margin-left: 6px !important;
  }

  .legacy-more-head h1 {
    font-size: 27px !important;
  }

  .legacy-more-list {
    gap: 7px !important;
  }

  .legacy-more-list .menu-item {
    grid-template-columns: 44px minmax(0,1fr) 18px !important;
    gap: 9px !important;
    min-height: 78px !important;
    padding: 10px 10px !important;
  }

  .legacy-more-list .menu-icon,
  .legacy-more-list .menu-icon-finance,
  .legacy-more-list .menu-icon-shopping,
  .legacy-more-list .menu-icon-clients,
  .legacy-more-list .menu-icon-prices,
  .legacy-more-list .menu-icon-act,
  .legacy-more-list .menu-icon-goods,
  .legacy-more-list .menu-icon-calendar,
  .legacy-more-list .menu-icon-settings {
    width: 44px !important;
    height: 44px !important;
  }

  .legacy-more-list .menu-name {
    font-size: 14px !important;
  }

  .legacy-more-list .menu-description {
    font-size: 10.5px !important;
  }
}


/* 1.7.98 · Единые акценты склада */
@media screen and (max-width: 520px) {
  .warehouse-tech-group > summary .legacy-folder-icon {
    border: 0 !important;
    background: rgba(255,118,92,.075) !important;
    color: #ff8067 !important;
    box-shadow: none !important;
  }

  .stock-detail-hero {
    border-color: #2b353d !important;
    background-color: #0b1115 !important;
    background-image: radial-gradient(circle at 0 0, rgba(255,118,92,.075), transparent 118px) !important;
  }

  .stock-detail-icon {
    border: 0 !important;
    background: rgba(255,118,92,.085) !important;
    color: #ff8067 !important;
    box-shadow: none !important;
  }

  .stock-detail-kpis > .reserved {
    border-color: #2a353c !important;
    background-color: #0c1216 !important;
  }

  .stock-detail-actions .stock-detail-transfer {
    border-color: #2a353c !important;
    background: #0c1216 !important;
    color: #d5dde1 !important;
  }

  .stock-detail-actions .stock-detail-transfer .ui-icon {
    color: #a7b1b7 !important;
  }

  .stock-detail-actions .stock-detail-archive {
    border-color: #2a353c !important;
    background-color: #0c1216 !important;
    color: #aeb8be !important;
  }

  .stock-detail-actions .stock-detail-correct b {
    overflow: visible !important;
    font-size: 9.5px !important;
    line-height: 1.05 !important;
    text-overflow: clip !important;
    white-space: normal !important;
  }
}


/* 1.7.99 · Мягкий прайс и каталог первой версии */
@media screen and (max-width: 520px) {
  .catalog-modal-backdrop,
  .catalog-modal-backdrop > .catalog-modal,
  .catalog-modal .catalog-modal-head,
  .catalog-modal .catalog-search-row,
  .catalog-modal .catalog-modal-actions {
    background-color: #10171b !important;
    background-image: none !important;
  }

  .catalog-modal .catalog-modal-head,
  .catalog-modal .catalog-modal-actions {
    border-color: #28333a !important;
  }

  .catalog-modal .catalog-close {
    border-color: #303b42 !important;
    background: #171f25 !important;
    color: #edf1f3 !important;
    box-shadow: none !important;
  }

  .catalog-modal .catalog-search-row .search {
    border-color: #303b42 !important;
    background: #171f25 !important;
    color: #eef2f4 !important;
  }

  .catalog-modal .catalog-service-group h3 {
    color: #a89189 !important;
    font-weight: 560 !important;
  }

  .catalog-modal .catalog-service-group h3 .ui-icon {
    color: #ff8068 !important;
  }

  .catalog-modal .catalog-service-option {
    border-color: #303a41 !important;
    background: #171e23 !important;
    box-shadow: none !important;
  }

  .catalog-modal .catalog-service-option.selected {
    border-color: rgba(255,118,92,.42) !important;
    background:
      linear-gradient(rgba(255,118,92,.055),rgba(255,118,92,.055)),
      #171e23 !important;
  }

  .catalog-modal .catalog-check {
    border-color: #3a444a !important;
    background: #11181d !important;
  }

  .catalog-modal .catalog-service-option.selected .catalog-check {
    border-color: rgba(255,118,92,.45) !important;
    background: rgba(255,118,92,.11) !important;
    color: #ff8068 !important;
  }

  .catalog-modal .catalog-service-price {
    color: #ff8a70 !important;
    font-weight: 650 !important;
  }

  .catalog-modal .catalog-fit-summary {
    border-color: #303a41 !important;
    background: #12191e !important;
    box-shadow: none !important;
  }

  .catalog-modal .catalog-fit-summary > div {
    border-left-color: #2b353c !important;
  }

  .catalog-modal .catalog-modal-actions .secondary-button {
    border-color: #303b42 !important;
    background: #171f25 !important;
    color: #eef2f4 !important;
  }

  .legacy-price-page .legacy-price-search .search,
  .legacy-price-page .legacy-price-filters .field {
    border-color: #303b42 !important;
    background: #151d23 !important;
    color: #eef2f4 !important;
  }

  .legacy-price-group {
    border-color: #2b353d !important;
    background: #11181d !important;
    background-image: none !important;
    box-shadow: 0 7px 20px rgba(0,0,0,.06) !important;
  }

  .legacy-price-group > h3,
  .legacy-custom-price-head {
    border-bottom-color: #28333a !important;
    background: #141b20 !important;
    color: #a5afb5 !important;
  }

  .legacy-price-row,
  .legacy-price-row.service,
  .legacy-price-row.material,
  .legacy-price-row.custom {
    border-top-color: #28333a !important;
    background: #11181d !important;
  }

  .legacy-price-row strong {
    color: #eef1f2 !important;
    font-weight: 560 !important;
  }

  .legacy-price-row small {
    color: #8c969d !important;
  }

  .legacy-price-row > b,
  .legacy-price-row.service > b,
  .legacy-price-row.material > b,
  .legacy-price-row.custom > b {
    color: #ff8a70 !important;
    font-weight: 650 !important;
  }

  .legacy-price-group > h3 > small {
    background: rgba(255,118,92,.075) !important;
    color: #c9a096 !important;
  }
}


/* 1.8.0 · Мягкие ежедневные экраны */
@media screen and (max-width: 520px) {
  .legacy-finance-summary .finance-result-hero,
  .legacy-finance-summary .finance-result-hero.positive,
  .legacy-finance-summary .finance-result-hero.negative,
  .legacy-finance-summary > .income,
  .legacy-finance-summary > .expense {
    border-color: #303a41 !important;
    background-color: #11181d !important;
    background-image: none !important;
    box-shadow: 0 7px 20px rgba(0,0,0,.055) !important;
  }

  .legacy-finance-row,
  .legacy-finance-row.income,
  .legacy-finance-row.expense {
    border-color: #29343b !important;
    background-color: #11181d !important;
    background-image: none !important;
  }

  .legacy-finance-kind,
  .legacy-finance-row.income .legacy-finance-kind,
  .legacy-finance-row.expense .legacy-finance-kind {
    border: 0 !important;
    box-shadow: none !important;
  }

  .legacy-finance-actions > button,
  .legacy-finance-actions > button[data-type="income"],
  .legacy-finance-actions > button[data-type="expense"] {
    border-color: #303b42 !important;
    background: #151d23 !important;
    box-shadow: none !important;
  }

  .legacy-client-card,
  .legacy-clients-stats > div,
  .legacy-clients-stats > .clients-stat-primary {
    border-color: #303a41 !important;
    background-color: #11181d !important;
    background-image: none !important;
    box-shadow: 0 7px 20px rgba(0,0,0,.05) !important;
  }

  .legacy-client-avatar {
    border: 0 !important;
    background: rgba(92,169,255,.075) !important;
    color: #78b5ef !important;
    box-shadow: none !important;
  }

  .legacy-client-meta {
    border-color: #29343b !important;
  }

  .legacy-client-actions a,
  .legacy-client-actions button {
    border-color: #303b42 !important;
    background: #151d23 !important;
    color: #dfe5e8 !important;
    box-shadow: none !important;
  }

  .legacy-client-actions a .ui-icon,
  .legacy-client-actions button .ui-icon {
    color: #ff8068 !important;
  }

  .shopping-summary {
    border-color: #34372d !important;
    background-color: #15170f !important;
    background-image: radial-gradient(circle at 100% 0, rgba(231,180,80,.055), transparent 112px) !important;
    box-shadow: 0 7px 20px rgba(0,0,0,.045) !important;
  }

  .shopping-summary-icon {
    border: 0 !important;
    background: rgba(231,180,80,.09) !important;
    color: #d9af58 !important;
    box-shadow: none !important;
  }

  .shopping-page-actions .secondary-button {
    border-color: #303b42 !important;
    background: #151d23 !important;
    color: #dfe5e8 !important;
    box-shadow: none !important;
  }

  .shopping-page-actions .secondary-button .ui-icon {
    color: #ff8068 !important;
  }

  .shopping-card.low {
    border-color: #35372f !important;
    background-color: #151611 !important;
    background-image: radial-gradient(circle at 0 50%, rgba(231,180,80,.035), transparent 112px) !important;
  }

  .shopping-card.critical {
    border-color: #3b3033 !important;
    background-color: #171316 !important;
    background-image: radial-gradient(circle at 0 50%, rgba(255,102,112,.035), transparent 112px) !important;
  }

  .shopping-card.low .shopping-item-icon,
  .shopping-card.critical .shopping-item-icon,
  .shopping-card.manual .shopping-item-icon {
    border: 0 !important;
    box-shadow: none !important;
  }

  .shopping-card.low .shopping-item-icon {
    background: rgba(231,180,80,.085) !important;
    color: #d9af58 !important;
  }

  .shopping-card.critical .shopping-item-icon {
    background: rgba(255,102,112,.085) !important;
    color: #ff7a84 !important;
  }

  .shopping-content .legacy-shopping-card.manual {
    border-color: #303a41 !important;
    background: #11181d !important;
  }

  .shopping-card.manual .shopping-item-icon {
    background: rgba(255,118,92,.075) !important;
    color: #ff8068 !important;
  }
}


/* 1.8.0 fix · Старые семантические каскады */
@media screen and (max-width: 520px) {
  .legacy-finance-page .legacy-finance-actions > button[data-type="income"],
  .legacy-finance-page .legacy-finance-actions > button[data-type="expense"] {
    border-color: #303b42 !important;
    background: #151d23 !important;
    box-shadow: none !important;
  }

  .legacy-clients-page .legacy-clients-stats > div:nth-child(2),
  .legacy-clients-page .legacy-clients-stats > div:nth-child(3) {
    border-color: #303a41 !important;
    background-color: #11181d !important;
    background-image: none !important;
    box-shadow: 0 7px 20px rgba(0,0,0,.05) !important;
  }

  .legacy-clients-page .legacy-client-actions > a:first-child,
  .legacy-clients-page .legacy-client-actions > button:last-child {
    border-color: #303b42 !important;
    background: #151d23 !important;
    color: #dfe5e8 !important;
    box-shadow: none !important;
  }

  .legacy-clients-page .legacy-client-actions > a:first-child .ui-icon,
  .legacy-clients-page .legacy-client-actions > button:last-child .ui-icon {
    color: #ff8068 !important;
  }
}


/* 1.8.1 · Мягкие служебные экраны */
@media screen and (max-width: 520px) {
  .calendar-month-card,
  .calendar-day-card {
    border-color: #303a41 !important;
    background: #11181d !important;
    box-shadow: 0 7px 20px rgba(0,0,0,.05) !important;
  }

  .calendar-month-head button,
  .calendar-full-day-toggle {
    border-color: #303b42 !important;
    background: #151d23 !important;
    color: #d7dee2 !important;
    box-shadow: none !important;
  }

  .calendar-full-day-toggle .ui-icon {
    color: #ff8068 !important;
  }

  .calendar-all-day {
    border-color: #303a41 !important;
    background: #151d23 !important;
  }

  .calendar-hour-row {
    border-top-color: #29343b !important;
  }

  .calendar-day.selected {
    outline-color: rgba(255,118,92,.62) !important;
  }

  .calendar-day i {
    background: rgba(255,118,92,.13) !important;
    color: #ffc0b2 !important;
  }

  .calendar-event,
  .calendar-event.closed,
  .calendar-event.declined {
    border-color: #303b42 !important;
    background: #151d23 !important;
    box-shadow: none !important;
  }

  .calendar-event > strong {
    color: #ff9a82 !important;
  }

  .calendar-event.closed > strong {
    color: #65d995 !important;
  }

  .calendar-event.declined > strong {
    color: #ff717b !important;
  }

  .tools-stats > .service-stat-primary,
  .tools-stats > div:nth-child(2) {
    border-color: #303a41 !important;
    background-color: #11181d !important;
    background-image: none !important;
    box-shadow: 0 7px 20px rgba(0,0,0,.05) !important;
  }

  .legacy-document-row.tool,
  .legacy-document-row.tool.available,
  .legacy-document-row.tool.busy,
  .legacy-document-row.tool.retired {
    border-color: #303a41 !important;
    background-color: #11181d !important;
    background-image: none !important;
    box-shadow: 0 7px 20px rgba(0,0,0,.045) !important;
  }

  .legacy-document-row.tool .legacy-document-icon,
  .legacy-document-row.tool.available .legacy-document-icon,
  .legacy-document-row.tool.busy .legacy-document-icon,
  .legacy-document-row.tool.retired .legacy-document-icon {
    border: 0 !important;
    box-shadow: none !important;
  }

  .legacy-document-row.tool.available .legacy-document-icon {
    background: rgba(89,216,137,.085) !important;
    color: #65d995 !important;
  }

  .legacy-document-row.tool.busy .legacy-document-icon {
    background: rgba(231,180,80,.085) !important;
    color: #dfb45d !important;
  }

  .legacy-document-row.tool.retired .legacy-document-icon {
    background: rgba(255,102,112,.08) !important;
    color: #ff717b !important;
  }

  .legacy-settings-page .settings-profile-card,
  .legacy-settings-page .settings-app-card,
  .legacy-settings-page .settings-data-card {
    border-color: #303a41 !important;
    background: #11181d !important;
    box-shadow: 0 7px 20px rgba(0,0,0,.05) !important;
  }

  .legacy-settings-page .legacy-settings-grid .field {
    border-color: #303b42 !important;
    background: #151d23 !important;
    color: #eef2f4 !important;
  }

  .legacy-settings-page .legacy-settings-links > button,
  .legacy-settings-page .legacy-settings-links > button[data-more="tools"],
  .legacy-settings-page .legacy-settings-links > button[data-more="backup"],
  .legacy-settings-page .settings-links > button[data-more="receipts"],
  .legacy-settings-page .legacy-settings-links > button[data-more="drafts"] {
    border-color: #303b42 !important;
    background: #151d23 !important;
    box-shadow: none !important;
  }

  .legacy-settings-page .legacy-section-icon,
  .legacy-settings-page .settings-link-icon {
    border: 0 !important;
    box-shadow: none !important;
  }

  .legacy-settings-page .legacy-settings-row > button:not(.toggle) {
    border-color: #303b42 !important;
    background: #151d23 !important;
    color: #dfe5e8 !important;
    box-shadow: none !important;
  }
}


/* 1.8.2 · Единый стиль документов и данных */
@media screen and (max-width: 520px) {
  .receipts-stats > .service-stat-primary,
  .receipts-stats > div:nth-child(2),
  .receipts-stats > div:nth-child(3) {
    border-color: #303a41 !important;
    background-color: #11181d !important;
    background-image: none !important;
    box-shadow: 0 7px 20px rgba(0,0,0,.05) !important;
  }

  .legacy-document-row.receipt,
  .legacy-document-row.receipt.linked,
  .legacy-document-row.receipt.standalone {
    border-color: #303a41 !important;
    background-color: #11181d !important;
    background-image: none !important;
    box-shadow: 0 7px 20px rgba(0,0,0,.045) !important;
  }

  .legacy-document-row.receipt .legacy-document-icon,
  .legacy-document-row.receipt.linked .legacy-document-icon,
  .legacy-document-row.receipt.standalone .legacy-document-icon {
    border: 0 !important;
    background: rgba(255,118,92,.075) !important;
    color: #ff8068 !important;
    box-shadow: none !important;
  }

  .legacy-drafts-page .legacy-service-note {
    border-color: #303b42 !important;
    background: #151d23 !important;
    background-image: none !important;
    color: #aeb8be !important;
  }

  .legacy-draft-card {
    border-color: #303a41 !important;
    background: #11181d !important;
    background-image: none !important;
    box-shadow: 0 7px 20px rgba(0,0,0,.045) !important;
  }

  .legacy-draft-icon {
    border: 0 !important;
    background: rgba(255,118,92,.075) !important;
    color: #ff8068 !important;
    box-shadow: none !important;
  }

  .legacy-draft-actions [data-action="continue-draft"],
  .legacy-drafts-page .legacy-draft-actions button.danger[data-action="delete-draft"] {
    background: #151d23 !important;
    box-shadow: none !important;
  }

  .legacy-draft-actions [data-action="continue-draft"] {
    border-color: #303b42 !important;
    color: #e2e7e9 !important;
  }

  .legacy-drafts-page .legacy-draft-actions button.danger[data-action="delete-draft"] {
    border-color: rgba(255,113,123,.24) !important;
    color: #ff7b84 !important;
  }

  .legacy-backup-page .backup-primary-card,
  .legacy-backup-page .backup-auto-card,
  .legacy-backup-page .legacy-service-stats.backup > div:nth-child(1),
  .legacy-backup-page .legacy-service-stats.backup > div:nth-child(2),
  .legacy-backup-page .legacy-service-stats.backup > div:nth-child(3) {
    border-color: #303a41 !important;
    background-color: #11181d !important;
    background-image: none !important;
    box-shadow: 0 7px 20px rgba(0,0,0,.05) !important;
  }

  .legacy-backup-page .backup-primary-card .legacy-section-icon {
    border: 0 !important;
    background: rgba(255,118,92,.075) !important;
    color: #ff8068 !important;
    box-shadow: none !important;
  }

  .legacy-backup-page .legacy-backup-main-actions .legacy-dark-button,
  .legacy-backup-page .legacy-backup-grid button {
    border-color: #303b42 !important;
    background: #151d23 !important;
    color: #dfe5e8 !important;
    box-shadow: none !important;
  }

  .legacy-backup-page .legacy-backup-advanced {
    border-color: #303a41 !important;
    background: #11181d !important;
  }
}


/* 1.8.3 · Утончённая аналитика */
@media screen and (max-width: 520px) {
  .analytics-content .analytics-first-kpi {
    padding: 10px !important;
    border-color: #29343a !important;
    border-radius: 16px !important;
    background: #10171c !important;
    box-shadow: 0 6px 18px rgba(0,0,0,.055) !important;
  }

  .analytics-first-title {
    grid-template-columns: 28px minmax(0,1fr) auto !important;
    gap: 7px !important;
    min-height: 30px !important;
    margin-bottom: 8px !important;
  }

  .analytics-first-gem {
    width: 28px !important;
    height: 28px !important;
  }

  .analytics-first-gem .ui-icon {
    width: 18px !important;
    height: 18px !important;
    stroke-width: 1.75 !important;
  }

  .analytics-first-title > strong {
    font-size: 15px !important;
    font-weight: 590 !important;
    letter-spacing: -.01em !important;
  }

  .analytics-first-title > small {
    max-width: 116px !important;
    color: #7e898f !important;
    font-size: 7.5px !important;
    font-weight: 430 !important;
  }

  .analytics-first-grid {
    gap: 6px !important;
  }

  .analytics-first-grid .analytics-first-card,
  .analytics-first-grid .analytics-kpi,
  .analytics-first-grid .analytics-kpi.primary {
    min-height: 74px !important;
    padding: 8px 10px !important;
    border-color: #2b353c !important;
    border-radius: 12px !important;
    background: #171e23 !important;
    box-shadow: none !important;
  }

  .analytics-first-card > span {
    font-size: 8px !important;
    font-weight: 500 !important;
    letter-spacing: .035em !important;
  }

  .analytics-first-card > strong {
    margin-top: 5px !important;
    font-size: clamp(17px,4.7vw,20px) !important;
    font-weight: 500 !important;
  }

  .analytics-first-card > small {
    margin-top: 5px !important;
    font-size: 7.5px !important;
  }

  .analytics-content .analytics-work-now {
    padding: 10px !important;
    border-color: #29343a !important;
    border-radius: 16px !important;
    background: #10171c !important;
    box-shadow: 0 6px 18px rgba(0,0,0,.05) !important;
  }

  .analytics-now-title {
    min-height: 30px !important;
    gap: 7px !important;
    margin-bottom: 8px !important;
  }

  .analytics-now-title > span {
    width: 28px !important;
    height: 28px !important;
  }

  .analytics-now-title > span .ui-icon {
    width: 18px !important;
    height: 18px !important;
    stroke-width: 1.75 !important;
  }

  .analytics-now-title > strong {
    font-size: 15px !important;
    font-weight: 590 !important;
  }

  .analytics-now-grid {
    gap: 6px !important;
  }

  .analytics-now-grid > div {
    min-height: 66px !important;
    padding: 8px 10px !important;
    border-color: #2b353c !important;
    border-radius: 12px !important;
    background: #141b20 !important;
  }

  .analytics-now-grid span {
    font-size: 8px !important;
    font-weight: 500 !important;
  }

  .analytics-now-grid strong {
    margin-top: 4px !important;
    font-size: 17px !important;
    font-weight: 520 !important;
  }

  .analytics-now-grid small {
    margin-top: 4px !important;
    font-size: 7.5px !important;
  }
}

@media screen and (max-width: 340px) {
  .analytics-content .analytics-first-kpi,
  .analytics-content .analytics-work-now {
    padding: 9px !important;
  }

  .analytics-first-title {
    grid-template-columns: 26px minmax(0,1fr) auto !important;
    gap: 6px !important;
  }

  .analytics-first-gem,
  .analytics-now-title > span {
    width: 26px !important;
    height: 26px !important;
  }

  .analytics-first-grid .analytics-first-card {
    min-height: 72px !important;
    padding: 7px 9px !important;
  }
}


/* 1.8.4 · Карточки заявок первой версии */
@media screen and (max-width: 520px) {
  .legacy-order-card {
    padding: 13px 12px 11px 16px !important;
    border-color: #2c363d !important;
    border-radius: 18px !important;
    background: linear-gradient(155deg,#11181d 0%,#0d1317 100%) !important;
    box-shadow: 0 8px 22px rgba(0,0,0,.07) !important;
  }

  .legacy-order-device {
    display: grid !important;
    grid-template-columns: 44px minmax(0,1fr) auto !important;
    gap: 10px !important;
    min-height: 52px !important;
    align-items: center !important;
    margin-top: 10px !important;
  }

  .legacy-order-device-copy {
    min-width: 0 !important;
  }

  .legacy-order-device-copy > strong,
  .legacy-order-device-copy > small {
    display: block !important;
    min-width: 0 !important;
  }

  .legacy-order-device-copy > strong {
    overflow: hidden !important;
    color: #eef2f4 !important;
    font-size: 13px !important;
    font-weight: 590 !important;
    line-height: 1.15 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .legacy-order-device-copy > small {
    overflow: hidden !important;
    margin-top: 4px !important;
    color: #879198 !important;
    font-size: 9px !important;
    line-height: 1.1 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .legacy-order-sum {
    align-self: center !important;
    color: #f1f3f4 !important;
    font-size: clamp(18px,5vw,21px) !important;
    font-weight: 620 !important;
    line-height: 1 !important;
    letter-spacing: -.02em !important;
    white-space: nowrap !important;
  }

  .legacy-order-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px 16px !important;
    min-height: 34px !important;
    align-items: center !important;
    margin-top: 9px !important;
    padding-top: 8px !important;
    border-top: 1px solid #263137 !important;
    color: #8d979d !important;
  }

  .legacy-order-meta > span {
    display: inline-flex !important;
    gap: 5px !important;
    align-items: center !important;
    min-width: 0 !important;
    font-size: 9px !important;
  }

  .legacy-order-meta .ui-icon {
    width: 13px !important;
    height: 13px !important;
    flex: 0 0 13px !important;
  }

  .legacy-order-actions {
    margin-top: 9px !important;
    padding-top: 8px !important;
  }
}

@media screen and (max-width: 340px) {
  .legacy-order-device {
    grid-template-columns: 42px minmax(0,1fr) auto !important;
    gap: 8px !important;
  }

  .legacy-order-sum {
    font-size: 17px !important;
  }

  .legacy-order-meta {
    gap: 7px 12px !important;
  }
}


/* 1.8.5 · Утончённый редактор заявки */
@media screen and (max-width: 520px) {
  .order-editor-modal .direct-expense-card {
    padding: 10px 11px !important;
    border-color: #303a41 !important;
    border-radius: 14px !important;
    background: #11181d !important;
    box-shadow: 0 7px 20px rgba(0,0,0,.045) !important;
  }

  .order-editor-modal .direct-expense-card .material-card-head {
    grid-template-columns: minmax(0,1fr) 42px !important;
    gap: 9px !important;
    align-items: start !important;
  }

  .order-editor-modal .direct-expense-card .material-name-field {
    min-height: 38px !important;
    height: 38px !important;
    padding: 0 2px 4px !important;
    border: 0 !important;
    border-bottom: 1px solid #344047 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #eef2f4 !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 600 !important;
  }

  .order-editor-modal .direct-expense-card .material-name-field:focus {
    border-bottom-color: #ff8068 !important;
    background: transparent !important;
    box-shadow: inset 0 -1px #ff8068 !important;
  }

  .order-editor-modal .direct-expense-card .material-card-head small {
    margin-top: 4px !important;
    color: #879198 !important;
    font-size: 9.5px !important;
    font-weight: 430 !important;
  }

  .order-editor-modal .direct-expense-card .material-remove {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: rgba(255,113,123,.075) !important;
    color: #ff7b84 !important;
    box-shadow: none !important;
  }

  .order-editor-modal .direct-expense-controls {
    gap: 8px !important;
  }

  .order-editor-modal .direct-expense-controls .field {
    border-color: #303b42 !important;
    background: #151d23 !important;
    color: #e8ecee !important;
  }

  .order-editor-modal .order-photo-details {
    border-color: #303a41 !important;
    background: #11181d !important;
    box-shadow: 0 7px 20px rgba(0,0,0,.045) !important;
  }

  .order-editor-modal .order-photo-static-head {
    border-bottom-color: #29343b !important;
  }

  .order-editor-modal .order-photo-static-head .order-extra-summary-icon {
    border: 0 !important;
    background: rgba(255,118,92,.075) !important;
    color: #ff8068 !important;
    box-shadow: none !important;
  }

  .order-editor-modal .order-photo-add {
    border-color: #39434a !important;
    background: #141b20 !important;
    color: #e5eaec !important;
    box-shadow: none !important;
  }

  .order-editor-modal .order-photo-add .ui-icon {
    color: #ff8068 !important;
  }

  .order-editor-modal .order-photo-add b {
    color: #eef2f4 !important;
    font-weight: 600 !important;
  }

  .order-editor-modal .order-photo-add small,
  .order-editor-modal .order-photo-picker > .small {
    color: #8b959b !important;
  }
}


/* 1.8.6 · Touch-зона удаления расхода без склада */
@media screen and (max-width: 520px) {
  .order-editor-modal .direct-expense-card .material-card-head {
    grid-template-columns: minmax(0,1fr) 44px !important;
  }

  .order-editor-modal .direct-expense-card .material-remove {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
  }
}


/* 1.8.7 · Меню «Ещё»: финальная мягкая доводка под первую версию */
@media screen and (max-width: 520px) {
  .legacy-more-list {
    gap: 7px !important;
  }

  .legacy-more-list .menu-item {
    min-height: 76px !important;
    padding: 10px 11px !important;
    border-color: rgba(124,143,154,.14) !important;
    background-color: #11181d !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  .legacy-more-list .menu-name {
    font-weight: 560 !important;
    letter-spacing: 0 !important;
  }

  .legacy-more-list .menu-description {
    color: #89949a !important;
  }
}

@media screen and (max-width: 340px) {
  .legacy-more-list .menu-item {
    min-height: 76px !important;
    padding: 9px 10px !important;
  }
}


/* 1.8.8 · Единая посадка полей и иконок редакторов */
@media screen and (max-width: 520px) {
  .stock-editor-modal input.field:not([type="checkbox"]):not([type="radio"]),
  .stock-editor-modal select.field,
  .stock-adjust-modal input.field:not([type="checkbox"]):not([type="radio"]),
  .stock-adjust-modal select.field,
  .legacy-finance-entry-backdrop input.field:not([type="checkbox"]):not([type="radio"]),
  .legacy-finance-entry-backdrop select.field,
  .legacy-service-editor-backdrop input.field:not([type="checkbox"]):not([type="radio"]),
  .legacy-service-editor-backdrop select.field,
  .legacy-price-editor input.field:not([type="checkbox"]):not([type="radio"]),
  .legacy-price-editor select.field {
    box-sizing: border-box !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    vertical-align: middle !important;
  }

  .stock-editor-modal input.field:not([type="checkbox"]):not([type="radio"]),
  .stock-adjust-modal input.field:not([type="checkbox"]):not([type="radio"]),
  .legacy-finance-entry-backdrop input.field:not([type="checkbox"]):not([type="radio"]),
  .legacy-service-editor-backdrop input.field:not([type="checkbox"]):not([type="radio"]),
  .legacy-price-editor input.field:not([type="checkbox"]):not([type="radio"]) {
    line-height: 42px !important;
  }

  .stock-editor-modal select.field,
  .stock-adjust-modal select.field,
  .legacy-finance-entry-backdrop select.field,
  .legacy-service-editor-backdrop select.field,
  .legacy-price-editor select.field {
    line-height: 1.2 !important;
  }

  .stock-editor-modal input[type="date"].field,
  .stock-editor-modal input[type="time"].field,
  .stock-adjust-modal input[type="date"].field,
  .stock-adjust-modal input[type="time"].field,
  .legacy-finance-entry-backdrop input[type="date"].field,
  .legacy-service-editor-backdrop input[type="date"].field,
  .legacy-price-editor input[type="date"].field {
    padding-right: 10px !important;
  }

  .stock-editor-modal input[type="date"].field::-webkit-calendar-picker-indicator,
  .stock-editor-modal input[type="time"].field::-webkit-calendar-picker-indicator,
  .stock-adjust-modal input[type="date"].field::-webkit-calendar-picker-indicator,
  .stock-adjust-modal input[type="time"].field::-webkit-calendar-picker-indicator,
  .legacy-finance-entry-backdrop input[type="date"].field::-webkit-calendar-picker-indicator,
  .legacy-service-editor-backdrop input[type="date"].field::-webkit-calendar-picker-indicator,
  .legacy-price-editor input[type="date"].field::-webkit-calendar-picker-indicator {
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: .88 !important;
  }

  .stock-editor-head-icon,
  .stock-editor-close,
  .finance-entry-head-icon,
  .finance-entry-close,
  .service-editor-head-icon,
  .receipt-editor-close,
  .tool-editor-close,
  .legacy-price-editor .legacy-editor-head-icon,
  .legacy-price-editor .legacy-editor-close {
    display: grid !important;
    place-items: center !important;
  }

  .stock-editor-head-icon .ui-icon,
  .stock-editor-close .ui-icon,
  .finance-entry-head-icon .ui-icon,
  .finance-entry-close .ui-icon,
  .service-editor-head-icon .ui-icon,
  .receipt-editor-close .ui-icon,
  .tool-editor-close .ui-icon,
  .legacy-price-editor .legacy-editor-head-icon .ui-icon,
  .legacy-price-editor .legacy-editor-close .ui-icon {
    display: block !important;
    margin: 0 !important;
  }
}


/* 1.8.10 · Мягкие поверхности служебных редакторов */
@media screen and (max-width: 520px) {
  .stock-editor-backdrop > form.modal.compact-modal.stock-editor-modal,
  .legacy-finance-entry-backdrop .finance-entry-modal,
  .legacy-service-editor-backdrop .receipt-editor-modal,
  .legacy-service-editor-backdrop .tool-editor-modal,
  .legacy-price-editor {
    background-color: #070c0f !important;
    background-image: none !important;
  }

  .stock-editor-modal .stock-editor-head,
  .stock-editor-modal .stock-editor-intro,
  .legacy-finance-entry-backdrop .finance-entry-head,
  .legacy-service-editor-backdrop .receipt-editor-head,
  .legacy-service-editor-backdrop .tool-editor-head,
  .legacy-price-editor .legacy-editor-head {
    border-color: #29343b !important;
    background: #070c0f !important;
    box-shadow: none !important;
  }

  .stock-editor-modal .stock-editor-section,
  .legacy-price-editor .legacy-price-editor-card {
    border-color: #303a41 !important;
    background: #11181d !important;
    box-shadow: none !important;
  }

  .stock-editor-modal .field,
  .stock-adjust-modal .field,
  .legacy-finance-entry-backdrop .field,
  .legacy-service-editor-backdrop .field,
  .legacy-price-editor .field {
    border-color: #303b42 !important;
    background-color: #151d23 !important;
    background-image: none !important;
    color: #eef2f4 !important;
  }

  .stock-editor-modal .field:focus,
  .stock-adjust-modal .field:focus,
  .legacy-finance-entry-backdrop .field:focus,
  .legacy-service-editor-backdrop .field:focus,
  .legacy-price-editor .field:focus {
    border-color: rgba(255,104,74,.62) !important;
    background-color: #171f25 !important;
    box-shadow: 0 0 0 2px rgba(255,104,74,.065) !important;
    outline: 0 !important;
  }

  .stock-editor-modal .stock-editor-compat-details,
  .stock-editor-modal .stock-editor-compat label,
  .stock-editor-modal .stock-editor-toggle,
  .finance-entry-type,
  .receipt-editor-type,
  .tool-editor-hero {
    border-color: #303a41 !important;
    background: #11181d !important;
    box-shadow: none !important;
  }

  .stock-editor-modal .stock-editor-compat-content {
    border-top-color: #29343b !important;
    background: #11181d !important;
  }

  .stock-editor-modal .modal-actions,
  .legacy-finance-entry-backdrop .modal-actions,
  .legacy-service-editor-backdrop .modal-actions,
  .legacy-price-editor-actions {
    border-top-color: #29343b !important;
    background: rgba(7,12,15,.99) !important;
    box-shadow: 0 -8px 22px rgba(0,0,0,.14) !important;
  }

  .stock-editor-modal .modal-actions .secondary-button,
  .legacy-finance-entry-backdrop .modal-actions .secondary-button,
  .legacy-service-editor-backdrop .modal-actions .secondary-button,
  .legacy-price-editor-actions .legacy-dark-button {
    border-color: #303b42 !important;
    background: #151d23 !important;
    color: #e3e8ea !important;
    box-shadow: none !important;
  }
}


/* 1.8.10 fix · сильные селекторы служебных редакторов */
@media screen and (max-width: 520px) {
  .legacy-finance-entry-backdrop > form.modal.compact-modal.finance-entry-modal,
  .legacy-service-editor-backdrop > form.modal.compact-modal.receipt-editor-modal,
  .legacy-service-editor-backdrop > form.modal.compact-modal.tool-editor-modal {
    background-color: #070c0f !important;
    background-image: none !important;
  }

  .stock-adjust-backdrop > form.modal.stock-adjust-modal,
  .stock-transfer-backdrop > form.modal.stock-adjust-modal {
    background-color: #070c0f !important;
    background-image: none !important;
  }

  .stock-adjust-backdrop .stock-adjust-head,
  .stock-transfer-backdrop .stock-adjust-head {
    border-color: #29343b !important;
    background: #070c0f !important;
    box-shadow: none !important;
  }

  .stock-adjust-backdrop .stock-adjust-balance,
  .stock-adjust-backdrop .stock-adjust-preview,
  .stock-transfer-backdrop .stock-adjust-preview {
    border-color: #303a41 !important;
    background: #11181d !important;
    box-shadow: none !important;
  }

  .stock-adjust-backdrop .stock-adjust-field .field,
  .stock-transfer-backdrop .stock-adjust-field .field {
    border-color: #303b42 !important;
    background: #151d23 !important;
    color: #eef2f4 !important;
  }

  .stock-adjust-backdrop .stock-adjust-actions,
  .stock-transfer-backdrop .stock-adjust-actions {
    border-top-color: #29343b !important;
    background: rgba(7,12,15,.99) !important;
  }

  .stock-adjust-backdrop .stock-adjust-actions .legacy-dark-button,
  .stock-transfer-backdrop .stock-adjust-actions .legacy-dark-button {
    border-color: #303b42 !important;
    background: #151d23 !important;
    color: #e3e8ea !important;
    box-shadow: none !important;
  }
}


/* 1.8.11 · Спокойные карточки клиента и склада */
@media screen and (max-width: 520px) {
  .legacy-client-profile-backdrop .client-profile-actions > a:first-child,
  .legacy-client-profile-backdrop .client-profile-actions > button:last-child {
    border-color: #303b42 !important;
    background: #151d23 !important;
    box-shadow: none !important;
  }

  .legacy-client-profile-backdrop .client-profile-actions > a:first-child {
    color: #65d995 !important;
  }

  .legacy-client-profile-backdrop .client-profile-actions > button:last-child {
    color: #ff8068 !important;
  }

  .legacy-client-profile-backdrop .client-profile-actions > a:first-child .ui-icon,
  .legacy-client-profile-backdrop .client-profile-actions > button:last-child .ui-icon {
    color: currentColor !important;
  }

  .legacy-client-profile-backdrop .client-profile-kpis > div:nth-child(1),
  .legacy-client-profile-backdrop .client-profile-kpis > div:nth-child(2),
  .legacy-client-profile-backdrop .client-profile-kpis > div:nth-child(3),
  .legacy-client-profile-backdrop .client-profile-kpis > div:nth-child(4) {
    border-color: #303a41 !important;
    background-color: #11181d !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  .stock-detail-kpis > .primary,
  .stock-detail-kpis > .reserved,
  .stock-detail-kpis > .minimum,
  .stock-detail-kpis > .minimum:last-child {
    border-color: #303a41 !important;
    background-color: #11181d !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  .stock-detail-actions .incoming,
  .stock-detail-actions .outgoing,
  .stock-detail-actions .stock-detail-transfer,
  .stock-detail-actions .stock-detail-correct,
  .stock-detail-actions .stock-detail-archive {
    border-color: #303b42 !important;
    background-color: #151d23 !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  .stock-detail-actions .incoming {
    color: #65d995 !important;
  }

  .stock-detail-actions .outgoing {
    color: #ff717b !important;
  }

  .stock-detail-actions .stock-detail-correct {
    color: #dfb45d !important;
  }

  .stock-detail-actions .stock-detail-transfer,
  .stock-detail-actions .stock-detail-archive {
    color: #d7dfe3 !important;
  }

  .stock-detail-actions .incoming .stock-action-icon {
    background: rgba(89,216,137,.085) !important;
    color: #65d995 !important;
  }

  .stock-detail-actions .outgoing .stock-action-icon {
    background: rgba(255,113,123,.075) !important;
    color: #ff717b !important;
  }

  .stock-detail-actions .stock-detail-transfer > .ui-icon {
    color: #aeb8be !important;
  }

  .stock-detail-actions .stock-detail-correct > .ui-icon {
    color: #dfb45d !important;
  }

  .stock-detail-actions .stock-detail-archive > .ui-icon {
    color: #aeb8be !important;
  }

  .stock-detail-actions small {
    color: #8c969d !important;
  }
}


/* 1.8.12 · Спокойные справочники */
@media screen and (max-width: 520px) {
  .source-manager-modal,
  .warranty-manager-modal {
    border-color: #303a41 !important;
    background: #10171b !important;
    box-shadow: 0 18px 52px rgba(0,0,0,.38) !important;
  }

  .source-manager-head,
  .warranty-manager-head {
    border-bottom-color: #29343b !important;
    background: #11181d !important;
  }

  .source-manager-head > button,
  .warranty-manager-head > button {
    border-color: #303b42 !important;
    background: #171f25 !important;
    color: #dfe5e8 !important;
    box-shadow: none !important;
  }

  .source-manager-list,
  .warranty-manager-list {
    background: #10171b !important;
  }

  .source-manager-row .field,
  .warranty-manager-row .field,
  .source-manager-add .field,
  .warranty-manager-add .field,
  .warranty-manager-tech .field {
    border-color: #303b42 !important;
    background: #151d23 !important;
    color: #eef2f4 !important;
    box-shadow: none !important;
  }

  .source-manager-row .field:focus,
  .warranty-manager-row .field:focus,
  .source-manager-add .field:focus,
  .warranty-manager-add .field:focus,
  .warranty-manager-tech .field:focus {
    border-color: rgba(255,118,92,.58) !important;
    box-shadow: 0 0 0 2px rgba(255,118,92,.055) !important;
  }

  .source-manager-row > button,
  .warranty-manager-row > button {
    border-color: #303b42 !important;
    background: #151d23 !important;
    color: #aeb8be !important;
    box-shadow: none !important;
  }

  .source-manager-add,
  .warranty-manager-add {
    border-top-color: #29343b !important;
    background: #11181d !important;
  }

  .manager-help {
    color: #9aa4aa !important;
  }

  .warranty-manager-empty {
    border-color: #39444b !important;
    background: #141b20 !important;
    color: #8f9aa1 !important;
  }
}


/* 1.8.13 · Мягкие иконки аналитики */
@media screen and (max-width: 520px) {
  .analytics-content .panel-title > .badge-icon {
    border: 0 !important;
    background: rgba(255,118,92,.075) !important;
    color: #ff8068 !important;
    box-shadow: none !important;
  }

  .analytics-content .panel-title > .badge-icon .ui-icon {
    width: 16px !important;
    height: 16px !important;
    stroke-width: 1.8 !important;
  }

  .analytics-list-panel .badge-icon,
  .analytics-ranking .badge-icon,
  .analytics-stock-summary .badge-icon,
  .analytics-chart-panel .badge-icon,
  .analytics-work .badge-icon {
    border: 0 !important;
    background: rgba(255,118,92,.075) !important;
    color: #ff8068 !important;
  }
}


/* 1.8.15 · Единая геометрия полей и вертикальный центр иконок */
@media screen and (max-width: 520px) {
  /* Заявка: после поздних визуальных override высота и line-height снова совпадают. */
  .order-editor-modal .form-grid:not(.legacy-payment-grid) input.field:not([type="checkbox"]):not([type="radio"]),
  .order-editor-modal .legacy-payment-grid input.field:not([type="checkbox"]):not([type="radio"]),
  .order-editor-modal .form-grid:not(.legacy-payment-grid) select.field,
  .order-editor-modal .legacy-payment-grid select.field {
    box-sizing: border-box !important;
    min-height: 48px !important;
    height: 48px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .order-editor-modal .form-grid:not(.legacy-payment-grid) input.field:not([type="checkbox"]):not([type="radio"]),
  .order-editor-modal .legacy-payment-grid input.field:not([type="checkbox"]):not([type="radio"]) {
    line-height: 46px !important;
  }

  .order-editor-modal input[type="date"].field::-webkit-datetime-edit,
  .order-editor-modal input[type="time"].field::-webkit-datetime-edit {
    min-height: 46px !important;
    padding: 0 !important;
  }

  /* Остальные редакторы: одна и та же 46 px ось вместо браузерной плавающей высоты. */
  .stock-editor-modal input.field:not([type="checkbox"]):not([type="radio"]),
  .stock-editor-modal select.field,
  .stock-adjust-modal input.field:not([type="checkbox"]):not([type="radio"]),
  .stock-adjust-modal select.field,
  .legacy-finance-entry-backdrop input.field:not([type="checkbox"]):not([type="radio"]),
  .legacy-finance-entry-backdrop select.field,
  .legacy-service-editor-backdrop input.field:not([type="checkbox"]):not([type="radio"]),
  .legacy-service-editor-backdrop select.field,
  .legacy-price-editor input.field:not([type="checkbox"]):not([type="radio"]),
  .legacy-price-editor select.field,
  .legacy-act-control select.field {
    box-sizing: border-box !important;
    min-height: 46px !important;
    height: 46px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .stock-editor-modal input.field:not([type="checkbox"]):not([type="radio"]),
  .stock-adjust-modal input.field:not([type="checkbox"]):not([type="radio"]),
  .legacy-finance-entry-backdrop input.field:not([type="checkbox"]):not([type="radio"]),
  .legacy-service-editor-backdrop input.field:not([type="checkbox"]):not([type="radio"]),
  .legacy-price-editor input.field:not([type="checkbox"]):not([type="radio"]) {
    line-height: 44px !important;
  }

  /* Компактные системные формы и фильтры — ровно 44 px, без лишнего вертикального padding. */
  .settings-profile-card .legacy-settings-grid .field,
  .source-manager-row .field,
  .warranty-manager-row .field,
  .warranty-manager-tech .field,
  .legacy-price-filters .field,
  .legacy-warehouse-filter .field,
  .legacy-goods-order-source .field,
  .legacy-editor-title .field,
  .legacy-goods-target .field {
    box-sizing: border-box !important;
    min-height: 44px !important;
    height: 44px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .source-manager-row input.field,
  .warranty-manager-row input.field,
  .settings-profile-card .legacy-settings-grid input.field,
  .legacy-editor-title input.field,
  .legacy-goods-target input.field {
    line-height: 42px !important;
  }


  .source-manager-add .field,
  .warranty-manager-add .field {
    box-sizing: border-box !important;
    min-height: 48px !important;
    height: 48px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .source-manager-add input.field,
  .warranty-manager-add input.field {
    line-height: 46px !important;
  }

  /* Поиск: одинаковая посадка текста, но главная заявок сохраняет увеличенную 52 px высоту. */
  .legacy-warehouse-search .search,
  .legacy-client-search .search,
  .legacy-price-search .search {
    box-sizing: border-box !important;
    min-height: 46px !important;
    height: 46px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 44px !important;
  }

  .legacy-orders-page .legacy-order-search .search {
    box-sizing: border-box !important;
    min-height: 52px !important;
    height: 52px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 50px !important;
  }

  /* SVG не участвуют в текстовой baseline и не дают визуального сдвига на Android. */
  button > .ui-icon,
  a > .ui-icon,
  button > span > .ui-icon,
  a > span > .ui-icon,
  summary > .ui-icon {
    display: block !important;
    flex: 0 0 auto !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    vertical-align: middle !important;
  }

  .order-editor-modal .form-grid,
  .stock-editor-modal .form-grid {
    row-gap: 8px !important;
  }

  .legacy-finance-entry-backdrop .form-grid,
  .legacy-service-editor-backdrop .form-grid {
    row-gap: 7px !important;
  }
}


/* 1.8.16 · Служебные редакторы без пустого вертикального провала */
@media screen and (max-width: 520px) {
  .legacy-finance-entry-backdrop > form.modal.compact-modal.finance-entry-modal,
  .legacy-service-editor-backdrop > form.modal.compact-modal.receipt-editor-modal,
  .legacy-service-editor-backdrop > form.modal.compact-modal.tool-editor-modal {
    height: max-content !important;
    max-height: calc(100dvh - 20px) !important;
    align-self: flex-start !important;
    margin-top: max(8px, env(safe-area-inset-top)) !important;
    margin-bottom: max(8px, env(safe-area-inset-bottom)) !important;
  }

  .legacy-finance-entry-backdrop .form-grid,
  .legacy-service-editor-backdrop .form-grid {
    padding-bottom: 8px !important;
  }

  .legacy-price-editor-backdrop > form.modal.legacy-price-editor {
    display: grid !important;
    grid-template-rows: auto minmax(0,1fr) auto !important;
    box-sizing: border-box !important;
    height: max-content !important;
    min-height: 0 !important;
    max-height: calc(100dvh - 20px) !important;
    margin: max(8px, env(safe-area-inset-top)) auto max(8px, env(safe-area-inset-bottom)) !important;
    padding: 0 12px !important;
    align-self: flex-start !important;
    overflow: hidden !important;
  }

  .legacy-price-editor-card {
    min-height: 0 !important;
    margin-bottom: 8px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior-y: contain !important;
    -webkit-overflow-scrolling: touch;
  }

  .legacy-price-editor-actions {
    position: static !important;
    margin: 0 -12px !important;
  }
}


/* 1.8.17 · Чистый фон компактных редакторов */
@media screen and (max-width: 520px) {
  .legacy-finance-entry-backdrop,
  .legacy-service-editor-backdrop,
  .legacy-price-editor-backdrop {
    background: #020507 !important;
    backdrop-filter: none !important;
  }
}


/* 1.8.17 fix · перекрываем старый :has backdrop из styles.css */
@media screen and (max-width: 520px) {
  body.modal-open > .modal-backdrop.legacy-finance-entry-backdrop,
  body.modal-open > .modal-backdrop.legacy-service-editor-backdrop,
  body.modal-open > .modal-backdrop.legacy-price-editor-backdrop {
    background: #020507 !important;
    backdrop-filter: none !important;
  }
}


/* 1.8.18 · Реквизиты без обрезания длинных значений */
@media screen and (max-width: 520px) {
  .settings-profile-card .settings-company-name .field,
  .settings-profile-card .settings-provider-name .field {
    padding-right: 7px !important;
    padding-left: 7px !important;
    font-size: 13px !important;
    letter-spacing: -.015em !important;
  }
}

@media screen and (max-width: 340px) {
  .settings-profile-card .settings-company-name .field,
  .settings-profile-card .settings-provider-name .field {
    padding-right: 5px !important;
    padding-left: 5px !important;
    font-size: 12.5px !important;
  }
}


/* 1.8.18 fix · 320 px длинные реквизиты в строку */
@media screen and (max-width: 340px) {
  .settings-profile-card .legacy-settings-grid > .settings-company-name,
  .settings-profile-card .legacy-settings-grid > .settings-provider-name {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: 100px minmax(0,1fr) !important;
    grid-template-rows: 44px !important;
    gap: 6px !important;
    align-items: center !important;
  }

  .settings-profile-card .settings-company-name > span,
  .settings-profile-card .settings-provider-name > span {
    margin: 0 !important;
    align-self: center !important;
  }

  .settings-profile-card .settings-company-name .field,
  .settings-profile-card .settings-provider-name .field {
    min-width: 0 !important;
    padding-right: 8px !important;
    padding-left: 8px !important;
    font-size: 13px !important;
    letter-spacing: -.01em !important;
  }
}


/* 1.8.19 · 320 px текст без обрезания в KPI документов */
@media screen and (max-width: 340px) {
  .legacy-service-stats.receipts-stats {
    grid-template-columns: minmax(0,.88fr) minmax(0,1.34fr) minmax(0,.88fr) !important;
  }

  .receipts-stats > div:nth-child(2) {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
}


/* 1.8.20 · Длинные названия документов и инструмента на 320 px */
@media screen and (max-width: 340px) {
  .legacy-document-row.receipt > span:nth-child(2) > strong,
  .legacy-document-row.tool > span:nth-child(2) > strong {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    white-space: normal !important;
    text-overflow: clip !important;
    line-height: 1.12 !important;
  }

  .legacy-document-row.receipt > span:nth-child(2) > small,
  .legacy-document-row.tool > span:nth-child(2) > small {
    display: block !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
  }
}


/* 1.8.21 · Тип техники заявки до двух строк на 320 px */
@media screen and (max-width: 340px) {
  .legacy-order-device-copy > strong {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    white-space: normal !important;
    text-overflow: clip !important;
    overflow-wrap: break-word !important;
    line-height: 1.12 !important;
  }
}


/* 1.8.23 · Сводка позиции склада в одну строку */
@media screen and (max-width: 520px) {
  .stock-detail-kpis {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 5px !important;
  }

  .stock-detail-kpis > .primary,
  .stock-detail-kpis > .reserved,
  .stock-detail-kpis > .minimum,
  .stock-detail-kpis > .minimum:last-child {
    grid-column: auto !important;
    min-width: 0 !important;
  }

  .stock-detail-kpis > div {
    min-height: 62px !important;
    padding-right: 6px !important;
    padding-left: 6px !important;
  }

  .stock-detail-kpis strong {
    font-size: 12px !important;
    white-space: nowrap !important;
  }

  .stock-detail-kpis small {
    white-space: nowrap !important;
  }
}

@media screen and (max-width: 340px) {
  .stock-detail-kpis > div {
    padding-right: 4px !important;
    padding-left: 4px !important;
  }

  .stock-detail-kpis strong {
    font-size: 11.5px !important;
  }
}


/* 1.8.24 · Полное название позиции в деталке склада на 320 px */
@media screen and (max-width: 340px) {
  .stock-detail-hero h2 {
    -webkit-line-clamp: 3 !important;
    line-height: 1.1 !important;
    overflow-wrap: anywhere !important;
    text-overflow: clip !important;
  }

  .stock-detail-hero p {
    margin-top: 2px !important;
  }
}


/* 1.8.25 · Компактные пояснения справочников */
@media screen and (max-width: 520px) {
  .manager-help {
    margin: 7px 14px 6px !important;
    color: #9aa4aa !important;
    font-size: 12.5px !important;
    line-height: 1.35 !important;
  }
}


/* 1.8.26 · Toast не перекрывает рабочие кнопки в полноэкранных редакторах */
@media screen and (max-width: 520px) {
  body.modal-open #toast.toast {
    bottom: calc(164px + env(safe-area-inset-bottom)) !important;
  }
}


/* 1.8.27 · Компактные пары редактора склада */
@media screen and (max-width: 520px) {
  .stock-editor-modal .stock-editor-section .form-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    column-gap: 7px !important;
    row-gap: 7px !important;
  }

  .stock-editor-modal .stock-editor-section .form-group.full,
  .stock-editor-modal .stock-field-name,
  .stock-editor-modal .stock-field-location,
  .stock-editor-modal .stock-field-tracking {
    grid-column: 1 / -1 !important;
  }

  .stock-editor-modal .stock-field-tech,
  .stock-editor-modal .stock-field-category,
  .stock-editor-modal .stock-field-storage-unit,
  .stock-editor-modal .stock-field-consume-unit,
  .stock-editor-modal .stock-field-quantity,
  .stock-editor-modal .stock-field-min,
  .stock-editor-modal .stock-field-price,
  .stock-editor-modal .stock-field-cost {
    min-width: 0 !important;
  }

  .stock-editor-modal .stock-field-tech .field,
  .stock-editor-modal .stock-field-category .field,
  .stock-editor-modal .stock-field-storage-unit .field,
  .stock-editor-modal .stock-field-consume-unit .field,
  .stock-editor-modal .stock-field-quantity .field,
  .stock-editor-modal .stock-field-min .field,
  .stock-editor-modal .stock-field-price .field,
  .stock-editor-modal .stock-field-cost .field {
    width: 100% !important;
    min-width: 0 !important;
  }

  .stock-editor-modal .stock-field-storage-unit > label,
  .stock-editor-modal .stock-field-consume-unit > label {
    font-size: 8.5px !important;
    letter-spacing: .025em !important;
  }
}


/* 1.8.27 fix · плотнее вертикальная геометрия склада */
@media screen and (max-width: 520px) {
  .stock-editor-modal .stock-editor-section-title {
    margin-bottom: 5px !important;
  }

  .stock-editor-modal .stock-editor-section .form-grid {
    row-gap: 6px !important;
  }

  .stock-editor-modal .stock-editor-section .form-group > label {
    margin-bottom: 2px !important;
  }
}


/* 1.8.28 · Числовые поля без браузерных spin-кнопок */
@media screen and (max-width: 520px) {
  input.field[type="number"] {
    appearance: textfield !important;
    -moz-appearance: textfield !important;
  }

  input.field[type="number"]::-webkit-outer-spin-button,
  input.field[type="number"]::-webkit-inner-spin-button {
    margin: 0 !important;
    -webkit-appearance: none !important;
    appearance: none !important;
  }
}


/* 1.8.29 · Прайс товаров: иконка и заголовок на одной оси */
@media screen and (max-width: 520px) {
  .legacy-goods-editor .legacy-product-price > summary .legacy-section-title {
    margin-bottom: 0 !important;
    align-items: center !important;
  }
}


/* 1.8.30 · Аналитика: чистая шапка KPI на 320 px */
@media screen and (max-width: 340px) {
  .analytics-first-title {
    grid-template-columns: 26px minmax(0,1fr) !important;
    grid-template-rows: auto auto !important;
    column-gap: 6px !important;
    row-gap: 1px !important;
    align-items: center !important;
  }

  .analytics-first-gem {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    align-self: center !important;
  }

  .analytics-first-title > strong {
    grid-column: 2 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
  }

  .analytics-first-title > small {
    grid-column: 2 !important;
    grid-row: 2 !important;
    max-width: none !important;
    min-width: 0 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: clip !important;
    text-align: left !important;
    line-height: 1.05 !important;
  }
}


/* 1.8.31 · Текстовые комментарии складских действий */
@media screen and (max-width: 520px) {
  .stock-adjust-modal .stock-adjust-field input.field[name="comment"] {
    padding-right: 12px !important;
    padding-left: 12px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 44px !important;
    letter-spacing: 0 !important;
    text-align: left !important;
  }

  .stock-adjust-modal .stock-adjust-field input.field[name="comment"]::placeholder {
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
  }
}


/* 1.8.32 · Адрес клиента без обрезанной служебной строки */
@media screen and (max-width: 520px) {
  .legacy-client-profile-backdrop .client-profile-address .client-profile-address-meta {
    display: flex !important;
    min-width: 0 !important;
    max-width: none !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    overflow: visible !important;
    white-space: normal !important;
    text-overflow: clip !important;
  }

  .legacy-client-profile-backdrop .client-profile-address-meta > span {
    min-width: 0 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: clip !important;
  }

  .legacy-client-profile-backdrop .client-profile-address-meta > em {
    flex: 0 0 auto !important;
    color: #a4adb3 !important;
    font-size: 10px !important;
    font-style: normal !important;
    font-weight: 560 !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }
}

@media screen and (max-width: 340px) {
  .legacy-client-profile-backdrop .client-profile-address .client-profile-address-meta {
    gap: 5px !important;
  }

  .legacy-client-profile-backdrop .client-profile-address-meta > em {
    font-size: 9.5px !important;
  }
}


/* 1.8.34 · Целые слова в действиях склада на узких экранах */
@media screen and (max-width: 360px) {
  .stock-detail-actions .stock-detail-transfer,
  .stock-detail-actions .stock-detail-correct {
    grid-template-columns: 24px minmax(0,1fr) !important;
    gap: 6px !important;
    padding-right: 7px !important;
    padding-left: 7px !important;
  }

  .stock-detail-actions .stock-detail-transfer > .ui-icon,
  .stock-detail-actions .stock-detail-correct > .ui-icon {
    justify-self: center !important;
  }

  .stock-detail-actions .stock-detail-transfer b,
  .stock-detail-actions .stock-detail-correct b {
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
    line-height: 1.1 !important;
  }
}


/* 1.8.35 · Пустая история склада без лишней высоты */
@media screen and (max-width: 520px) {
  .stock-detail-history {
    display: block !important;
    min-height: 0 !important;
    height: auto !important;
    align-self: start !important;
  }

  .stock-detail-history > .detail-empty {
    margin: 2px 0 0 !important;
    padding: 0 !important;
    font-size: 10.5px !important;
    line-height: 1.25 !important;
  }
}


/* 1.8.36 · Пустая история склада занимает только содержимое */
@media screen and (max-width: 520px) {
  .stock-detail-history:has(> .detail-empty) {
    min-height: 0 !important;
    height: auto !important;
    margin-top: 6px !important;
    padding: 6px 10px !important;
  }

  .stock-detail-history:has(> .detail-empty) h3 {
    margin: 0 0 2px !important;
    line-height: 1.15 !important;
  }

  .stock-detail-history:has(> .detail-empty) > .detail-empty {
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
  }
}


/* 1.8.37 · Длинное название услуги в прайсе читается до 3 строк на 320 px */
@media screen and (max-width: 340px) {
  .legacy-price-row > span > strong {
    -webkit-line-clamp: 3 !important;
    line-height: 1.15 !important;
  }
}


/* 1.8.38 · Длинный тип техники полностью читается на 320 px */
@media screen and (max-width: 340px) {
  .order-editor-modal .form-grid:not(.legacy-payment-grid) > .order-tech,
  .order-editor-modal .form-grid:not(.legacy-payment-grid) > .order-brand {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
  }
}


/* 1.8.39 · Пустое состояние клиентов в общем визуальном языке */
@media screen and (max-width: 520px) {
  .legacy-client-empty {
    display: grid !important;
    min-height: 112px !important;
    padding: 15px 14px !important;
    place-items: center !important;
    align-content: center !important;
    gap: 4px !important;
    text-align: center !important;
  }

  .legacy-client-empty-icon {
    display: grid !important;
    width: 36px !important;
    height: 36px !important;
    margin-bottom: 3px !important;
    place-items: center !important;
    border: 1px solid #26343d !important;
    border-radius: 10px !important;
    background: #11181d !important;
    color: #6db8ff !important;
  }

  .legacy-client-empty-icon .ui-icon {
    width: 19px !important;
    height: 19px !important;
  }

  .legacy-client-empty > strong {
    color: #eef2f4 !important;
    font-size: 13px !important;
    line-height: 1.15 !important;
  }

  .legacy-client-empty > small {
    max-width: 240px !important;
    color: #8c979f !important;
    font-size: 10px !important;
    line-height: 1.3 !important;
  }
}



/* 1.8.40 · Пустое состояние товарника в общем визуальном языке */
@media screen and (max-width: 520px) {
  .legacy-goods-empty {
    display: grid !important;
    min-height: 112px !important;
    padding: 15px 14px !important;
    place-items: center !important;
    align-content: center !important;
    gap: 4px !important;
    text-align: center !important;
  }

  .legacy-goods-empty-icon {
    display: grid !important;
    width: 36px !important;
    height: 36px !important;
    margin-bottom: 3px !important;
    place-items: center !important;
    border: 1px solid #26343d !important;
    border-radius: 10px !important;
    background: #11181d !important;
    color: #ff8068 !important;
  }

  .legacy-goods-empty-icon .ui-icon {
    width: 19px !important;
    height: 19px !important;
  }

  .legacy-goods-empty > strong {
    color: #eef2f4 !important;
    font-size: 13px !important;
    line-height: 1.15 !important;
  }

  .legacy-goods-empty > small {
    max-width: 250px !important;
    color: #8c979f !important;
    font-size: 10px !important;
    line-height: 1.3 !important;
  }
}



/* 1.8.41 · Прайс товаров: цена остаётся справа даже на 320 px */
@media screen and (max-width: 340px) {
  .legacy-product-price-list > div {
    grid-template-columns: minmax(0,1fr) max-content !important;
    gap: 8px !important;
    align-items: center !important;
  }

  .legacy-product-price-list > div > span {
    min-width: 0 !important;
  }

  .legacy-product-price-list > div > b {
    justify-self: end !important;
    align-self: center !important;
    white-space: nowrap !important;
  }
}



/* 1.8.42 · Стрелка прайса товаров отражает состояние раскрытия */
@media screen and (max-width: 520px) {
  .legacy-product-price[open] > summary .legacy-price-chevron {
    transform: rotate(90deg) !important;
  }
}



/* 1.8.43 · Инструменты: больше полезного текста без роста карточек */
@media screen and (max-width: 520px) {
  .legacy-document-row.tool > span:nth-child(2) > small {
    display: -webkit-box !important;
    overflow: hidden !important;
    white-space: normal !important;
    text-overflow: clip !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    line-height: 1.15 !important;
  }

  .legacy-tool-empty {
    display: grid !important;
    min-height: 108px !important;
    padding: 14px !important;
    place-items: center !important;
    align-content: center !important;
    gap: 4px !important;
    text-align: center !important;
  }

  .legacy-tool-empty-icon {
    display: grid !important;
    width: 36px !important;
    height: 36px !important;
    margin-bottom: 3px !important;
    place-items: center !important;
    border: 1px solid #26343d !important;
    border-radius: 10px !important;
    background: #11181d !important;
    color: #65d995 !important;
  }

  .legacy-tool-empty-icon .ui-icon {
    width: 19px !important;
    height: 19px !important;
  }

  .legacy-tool-empty > strong {
    color: #eef2f4 !important;
    font-size: 13px !important;
    line-height: 1.15 !important;
  }

  .legacy-tool-empty > small {
    max-width: 250px !important;
    color: #8c979f !important;
    font-size: 10px !important;
    line-height: 1.3 !important;
  }
}



/* 1.8.44 · Редактор инструментов: короткие поля парами на 360–430 px */
@media screen and (min-width: 360px) and (max-width: 520px) {
  .legacy-service-editor-backdrop .tool-editor-modal .form-grid {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    column-gap: 7px !important;
  }

  .legacy-service-editor-backdrop .tool-editor-modal .form-group.full {
    grid-column: 1 / -1 !important;
  }
}

@media screen and (max-width: 340px) {
  .legacy-service-editor-backdrop .tool-editor-modal .form-grid {
    grid-template-columns: minmax(0,1fr) !important;
  }

  .legacy-service-editor-backdrop .tool-editor-modal .form-group.full {
    grid-column: auto !important;
  }
}



/* 1.8.45 · Документы: компактная форма и единое пустое состояние */
@media screen and (min-width: 360px) and (max-width: 520px) {
  .legacy-service-editor-backdrop .receipt-editor-modal .form-grid {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    column-gap: 7px !important;
  }

  .legacy-service-editor-backdrop .receipt-editor-modal .form-group.full,
  .legacy-service-editor-backdrop .receipt-editor-modal .receipt-field-number,
  .legacy-service-editor-backdrop .receipt-editor-modal .receipt-field-order {
    grid-column: 1 / -1 !important;
  }
}

@media screen and (max-width: 340px) {
  .legacy-service-editor-backdrop .receipt-editor-modal .form-grid {
    grid-template-columns: minmax(0,1fr) !important;
  }

  .legacy-service-editor-backdrop .receipt-editor-modal .form-group.full {
    grid-column: auto !important;
  }
}

@media screen and (max-width: 520px) {
  .legacy-receipt-empty {
    display: grid !important;
    min-height: 108px !important;
    padding: 14px !important;
    place-items: center !important;
    align-content: center !important;
    gap: 4px !important;
    text-align: center !important;
  }

  .legacy-receipt-empty-icon {
    display: grid !important;
    width: 36px !important;
    height: 36px !important;
    margin-bottom: 3px !important;
    place-items: center !important;
    border: 1px solid #26343d !important;
    border-radius: 10px !important;
    background: #11181d !important;
    color: #ff8068 !important;
  }

  .legacy-receipt-empty-icon .ui-icon {
    width: 19px !important;
    height: 19px !important;
  }

  .legacy-receipt-empty > strong {
    color: #eef2f4 !important;
    font-size: 13px !important;
    line-height: 1.15 !important;
  }

  .legacy-receipt-empty > small {
    max-width: 250px !important;
    color: #8c979f !important;
    font-size: 10px !important;
    line-height: 1.3 !important;
  }
}



/* 1.8.46 · Черновики: две полезные строки метаданных и единый empty-state */
@media screen and (max-width: 520px) {
  .legacy-draft-copy small {
    display: grid !important;
    gap: 1px !important;
    overflow: visible !important;
    white-space: normal !important;
    text-overflow: clip !important;
    line-height: 1.15 !important;
  }

  .legacy-draft-copy small > span {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
  }

  .legacy-draft-copy small > span:nth-child(2) {
    color: #8f9aa1 !important;
  }

  .legacy-draft-empty {
    display: grid !important;
    min-height: 108px !important;
    padding: 14px !important;
    place-items: center !important;
    align-content: center !important;
    gap: 4px !important;
    text-align: center !important;
  }

  .legacy-draft-empty-icon {
    display: grid !important;
    width: 36px !important;
    height: 36px !important;
    margin-bottom: 3px !important;
    place-items: center !important;
    border: 1px solid #26343d !important;
    border-radius: 10px !important;
    background: #11181d !important;
    color: #ff8068 !important;
  }

  .legacy-draft-empty-icon .ui-icon {
    width: 19px !important;
    height: 19px !important;
  }

  .legacy-draft-empty > strong {
    color: #eef2f4 !important;
    font-size: 13px !important;
    line-height: 1.15 !important;
  }

  .legacy-draft-empty > small {
    max-width: 260px !important;
    color: #8c979f !important;
    font-size: 10px !important;
    line-height: 1.3 !important;
  }
}



/* 1.8.47 · Черновики: вернуть плотность карточки на 320 px */
@media screen and (max-width: 340px) {
  .legacy-draft-card {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}



/* 1.8.48 · Каталог услуг: Android без native checkbox focus-jump */
@media screen and (max-width: 520px) {
  .catalog-modal .catalog-service-option {
    width: 100% !important;
    min-width: 0 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    color: inherit !important;
    font: inherit !important;
    text-align: left !important;
    cursor: pointer !important;
    touch-action: manipulation !important;
  }

  .catalog-modal .catalog-service-option:focus {
    outline: none !important;
  }

  .catalog-modal .catalog-service-option:focus-visible {
    outline: 2px solid rgba(255,128,104,.38) !important;
    outline-offset: -2px !important;
  }
}


/* 1.8.48 · Пустой список склада без лишней высоты */
@media screen and (max-width: 520px) {
  .warehouse-list-empty {
    display: grid !important;
    min-height: 108px !important;
    padding: 14px !important;
    place-items: center !important;
    align-content: center !important;
    gap: 4px !important;
    text-align: center !important;
  }

  .warehouse-list-empty .empty-icon {
    display: grid !important;
    width: 36px !important;
    min-height: 36px !important;
    height: 36px !important;
    margin: 0 auto 3px !important;
    place-items: center !important;
    border-radius: 10px !important;
    background: #11181d !important;
  }

  .warehouse-list-empty .empty-icon .ui-icon {
    width: 19px !important;
    height: 19px !important;
  }

  .warehouse-list-empty h2 {
    font-size: 13px !important;
    line-height: 1.15 !important;
  }

  .warehouse-list-empty p {
    max-width: 240px !important;
    margin: 0 auto !important;
    font-size: 10px !important;
    line-height: 1.3 !important;
  }
}


/* 1.8.48 fix · сильные селекторы пустого склада */
@media screen and (max-width: 520px) {
  .panel.empty.warehouse-list-empty {
    display: grid !important;
    min-height: 108px !important;
    padding: 14px !important;
    place-items: center !important;
    align-content: center !important;
    gap: 4px !important;
    text-align: center !important;
  }

  .panel.empty.warehouse-list-empty .empty-icon {
    width: 36px !important;
    min-height: 36px !important;
    height: 36px !important;
    margin: 0 auto 3px !important;
    border-radius: 10px !important;
    background: #11181d !important;
  }

  .panel.empty.warehouse-list-empty .empty-icon .ui-icon {
    width: 19px !important;
    height: 19px !important;
  }

  .panel.empty.warehouse-list-empty h2 {
    font-size: 13px !important;
    line-height: 1.15 !important;
  }

  .panel.empty.warehouse-list-empty p {
    max-width: 240px !important;
    margin: 0 auto !important;
    font-size: 10px !important;
    line-height: 1.3 !important;
  }
}


/* 1.8.49 · Пустые заявки плотнее */
@media screen and (max-width: 520px) {
  .panel.empty.orders-empty-state {
    min-height: 0 !important;
    padding: 16px 12px !important;
  }

  .panel.empty.orders-empty-state .empty-icon {
    width: 36px !important;
    min-height: 36px !important;
    height: 36px !important;
    margin: 0 auto 6px !important;
    border-radius: 10px !important;
    background: #11181d !important;
  }

  .panel.empty.orders-empty-state .empty-icon .ui-icon {
    width: 19px !important;
    height: 19px !important;
  }

  .panel.empty.orders-empty-state h2 {
    font-size: 14px !important;
    line-height: 1.15 !important;
  }

  .panel.empty.orders-empty-state p {
    margin: 4px auto 0 !important;
    font-size: 10.5px !important;
    line-height: 1.3 !important;
  }

  .panel.empty.orders-empty-state .empty-actions {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 6px !important;
    margin-top: 12px !important;
  }

  .panel.empty.orders-empty-state .empty-actions > button {
    min-width: 0 !important;
    min-height: 46px !important;
    height: 46px !important;
    padding-right: 7px !important;
    padding-left: 7px !important;
    font-size: 10.5px !important;
  }
}


/* 1.8.50 · Компактные empty-state движений и покупок */
@media screen and (max-width: 520px) {
  .panel.empty.warehouse-support-empty,
  .panel.empty.shopping-empty-state {
    display: grid !important;
    min-height: 0 !important;
    padding: 14px !important;
    place-items: center !important;
    align-content: center !important;
    gap: 4px !important;
    text-align: center !important;
  }

  .panel.empty.warehouse-support-empty {
    min-height: 108px !important;
  }

  .panel.empty.shopping-empty-state {
    min-height: 124px !important;
  }

  .panel.empty.warehouse-support-empty .empty-icon,
  .panel.empty.shopping-empty-state .empty-icon {
    width: 36px !important;
    min-height: 36px !important;
    height: 36px !important;
    margin: 0 auto 3px !important;
    border-radius: 10px !important;
    background: #11181d !important;
  }

  .panel.empty.warehouse-support-empty .empty-icon .ui-icon,
  .panel.empty.shopping-empty-state .empty-icon .ui-icon {
    width: 19px !important;
    height: 19px !important;
  }

  .panel.empty.warehouse-support-empty h2,
  .panel.empty.shopping-empty-state h2 {
    font-size: 13px !important;
    line-height: 1.15 !important;
  }

  .panel.empty.warehouse-support-empty p,
  .panel.empty.shopping-empty-state p {
    margin: 0 auto !important;
    color: #8c979f !important;
    font-size: 10px !important;
    line-height: 1.3 !important;
  }

  .panel.empty.warehouse-support-empty p {
    max-width: 250px !important;
  }

  .panel.empty.shopping-empty-state p {
    max-width: 260px !important;
  }
}


/* 1.8.51 · Нейтральные disabled-действия покупок */
@media screen and (max-width: 520px) {
  .shopping-page-actions-primary > button:disabled {
    border-color: #263139 !important;
    background: #0d1419 !important;
    color: #6f7b83 !important;
    box-shadow: none !important;
    opacity: 1 !important;
  }

  .shopping-page-actions-primary > button:disabled .ui-icon {
    color: #66727a !important;
  }
}



/* 1.8.53 · Главная заявок: вернуть информационную структуру потерянной версии */
@media screen and (max-width: 520px) {
  .legacy-order-device {
    grid-template-columns: 44px minmax(0,1fr) !important;
  }

  .legacy-order-money {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  .legacy-order-meta .address {
    flex: 1 1 150px !important;
    max-width: none !important;
  }
}

@media screen and (max-width: 340px) {
  .legacy-order-device {
    grid-template-columns: 40px minmax(0,1fr) !important;
  }

  .legacy-order-money {
    gap: 6px !important;
  }

  .legacy-order-money > div {
    padding-right: 7px !important;
    padding-left: 7px !important;
  }
}



/* 1.8.54 · Адрес в карточке заявки — информационная строка, не отдельная touch-кнопка */
@media screen and (max-width: 520px) {
  .legacy-order-card .legacy-order-meta .address {
    min-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    align-items: center !important;
  }
}

@media screen and (max-width: 340px) {
  .legacy-order-card .legacy-order-meta .address {
    max-height: 34px !important;
    line-height: 1.2 !important;
    align-items: flex-start !important;
  }
}



/* 1.8.55 · Главная заявок: телефон/гарантия компактно, адрес читается отдельно */
@media screen and (max-width: 520px) {
  .legacy-order-card .legacy-order-meta {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    gap: 5px 10px !important;
    min-height: 0 !important;
    align-items: center !important;
  }

  .legacy-order-card .legacy-order-meta .phone {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-width: 0 !important;
  }

  .legacy-order-card .legacy-order-meta .guarantee {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    white-space: nowrap !important;
  }

  .legacy-order-card .legacy-order-meta .address {
    display: grid !important;
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    grid-template-columns: 13px minmax(0,1fr) !important;
    gap: 5px !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
    align-items: start !important;
    overflow: visible !important;
    white-space: normal !important;
  }

  .legacy-order-card .legacy-order-meta .legacy-order-address-text {
    display: -webkit-box !important;
    min-width: 0 !important;
    overflow: hidden !important;
    color: inherit !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }
}


/* 1.8.56 · Главная заявок: вернуть оболочку карточки из потерянной версии */
@media screen and (max-width: 520px) {
  .legacy-order-card {
    padding: 14px 13px 12px !important;
    border-color: #2a333b !important;
    border-radius: 15px !important;
    background: linear-gradient(180deg,#11181e,#0f151a) !important;
    box-shadow: none !important;
  }

  .legacy-order-money > div {
    border-color: #29323a !important;
    background: #171e25 !important;
  }

  .legacy-order-actions > button,
  .legacy-order-actions > a {
    border-color: #2b343c !important;
    background: #171e25 !important;
  }
}

/* 1.8.57 · Главная заявок: компактный верх как в потерянной версии, touch >= 44 px */
@media screen and (max-width: 520px) {
  .legacy-orders-head {
    grid-template-columns: minmax(0,1fr) 46px !important;
    gap: 10px !important;
    margin: 0 5px 8px !important;
  }

  .legacy-orders-add-fab {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
    border-radius: 14px !important;
    box-shadow: 0 7px 18px rgba(255,111,80,.15) !important;
  }

  .legacy-orders-add-fab .ui-icon {
    width: 22px !important;
    height: 22px !important;
  }

  .legacy-orders-page .legacy-nearest-visit,
  .legacy-orders-page .legacy-order-search,
  .legacy-orders-page .legacy-order-filters,
  .legacy-orders-page .legacy-visit-filter {
    margin-right: 5px !important;
    margin-left: 5px !important;
  }

  .legacy-orders-page .legacy-order-search {
    margin-bottom: 6px !important;
  }

  .legacy-orders-page .legacy-order-search .search {
    min-height: 46px !important;
    height: 46px !important;
    border-radius: 12px !important;
    font-size: 12px !important;
    line-height: 44px !important;
  }

  .legacy-orders-page .legacy-order-filters {
    gap: 5px !important;
    margin-bottom: 6px !important;
  }

  .legacy-orders-page .legacy-order-filters button {
    min-width: 0 !important;
    min-height: 44px !important;
    height: 44px !important;
    flex: 1 1 0 !important;
    padding: 0 9px !important;
    border-radius: 18px !important;
    font-size: 10.5px !important;
  }

  .legacy-orders-page .legacy-visit-filter {
    margin-bottom: 7px !important;
  }

  .legacy-orders-page .legacy-visit-filter .field {
    min-height: 44px !important;
    height: 44px !important;
    border-radius: 11px !important;
    font-size: 11.5px !important;
  }
}

@media screen and (max-width: 340px) {
  .legacy-orders-head {
    grid-template-columns: minmax(0,1fr) 46px !important;
    margin-right: 4px !important;
    margin-left: 4px !important;
  }

  .legacy-orders-add-fab {
    width: 46px !important;
    height: 46px !important;
  }

  .legacy-orders-page .legacy-nearest-visit,
  .legacy-orders-page .legacy-order-search,
  .legacy-orders-page .legacy-order-filters,
  .legacy-orders-page .legacy-visit-filter {
    margin-right: 4px !important;
    margin-left: 4px !important;
  }

  .legacy-orders-page .legacy-order-filters {
    gap: 4px !important;
  }
}

/* 1.8.58 · Главная заявок: внутренняя геометрия и акценты из архивной версии 70c1a300 */
@media screen and (max-width: 520px) {
  .legacy-order-title > span {
    color: #ff7255 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
  }

  .legacy-order-title > strong {
    font-size: 15px !important;
    font-weight: 720 !important;
  }

  .legacy-order-head-side {
    gap: 5px !important;
  }

  .legacy-order-head-side time {
    color: #81888e !important;
    font-size: 8px !important;
  }

  .legacy-status {
    padding: 5px 9px !important;
    border: 1px solid #8d4939 !important;
    border-radius: 9px !important;
    background: rgba(255,114,85,.1) !important;
    color: #ffad98 !important;
    font-size: 9px !important;
    font-weight: 650 !important;
  }

  .legacy-status.closed {
    border-color: #247749 !important;
    background: rgba(69,209,124,.09) !important;
    color: #6de098 !important;
  }

  .legacy-status.declined {
    border-color: #7d333a !important;
    background: rgba(255,92,101,.09) !important;
    color: #ff7e86 !important;
  }

  .legacy-order-device {
    grid-template-columns: 48px minmax(0,1fr) !important;
    gap: 10px !important;
    min-height: 47px !important;
    margin-top: 11px !important;
  }

  .legacy-device-icon {
    width: 47px !important;
    height: 47px !important;
    border: 1px solid rgba(255,114,85,.25) !important;
    border-radius: 12px !important;
    background: rgba(255,114,85,.06) !important;
    color: #ff8a6f !important;
  }

  .legacy-device-icon .ui-icon {
    width: 26px !important;
    height: 26px !important;
  }

  .legacy-order-device strong {
    font-size: 13px !important;
  }

  .legacy-order-device small {
    margin-top: 3px !important;
    color: #858d94 !important;
    font-size: 9px !important;
  }

  .legacy-order-money {
    gap: 8px !important;
    margin-top: 10px !important;
  }

  .legacy-order-money > div {
    min-height: 61px !important;
    padding: 10px !important;
    border-color: #29323a !important;
    border-radius: 11px !important;
    background: #171e25 !important;
  }

  .legacy-order-money span {
    gap: 4px !important;
    color: #90979d !important;
    font-size: 7px !important;
    letter-spacing: .08em !important;
  }

  .legacy-order-money .legacy-net-label {
    color: #65d78f !important;
    font-weight: 800 !important;
  }

  .legacy-order-money .legacy-net-label .ui-icon {
    width: 11px !important;
    height: 11px !important;
  }

  .legacy-order-money strong {
    margin-top: 6px !important;
    font-size: 16px !important;
  }

  .legacy-order-card .legacy-order-meta {
    gap: 6px 11px !important;
    margin-top: 10px !important;
    padding-top: 9px !important;
    border-top-color: #222b32 !important;
    color: #818990 !important;
    font-size: 8px !important;
  }

  .legacy-order-card .legacy-order-meta > span {
    gap: 4px !important;
  }

  .legacy-order-card .legacy-order-meta .address {
    color: #aa8be8 !important;
  }

  .legacy-order-card .legacy-order-meta .ui-icon {
    width: 12px !important;
    height: 12px !important;
    flex: 0 0 12px !important;
  }

  .legacy-next-visit {
    gap: 5px !important;
    margin-top: 6px !important;
    padding: 0 !important;
    color: #4f9be7 !important;
    font-size: 8px !important;
  }

  .legacy-next-visit .ui-icon {
    width: 12px !important;
    height: 12px !important;
  }

  .legacy-order-actions {
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    gap: 5px !important;
    margin-top: 11px !important;
    padding-top: 10px !important;
    border-top-color: #222b32 !important;
  }

  .legacy-order-actions > button,
  .legacy-order-actions > a {
    min-height: 47px !important;
    gap: 4px !important;
    padding: 5px 2px !important;
    border-color: #2b343c !important;
    border-radius: 10px !important;
    background: #171e25 !important;
    color: #858e96 !important;
    font-size: 7px !important;
    font-weight: 500 !important;
  }

  .legacy-order-actions .ui-icon {
    width: 17px !important;
    height: 17px !important;
    color: #ff7255 !important;
  }

  .legacy-order-actions .action-toggle .ui-icon {
    color: #4fd584 !important;
  }

  .legacy-order-actions .action-phone .ui-icon {
    color: #4aa2ff !important;
  }
}

@media screen and (max-width: 340px) {
  .legacy-order-device {
    grid-template-columns: 48px minmax(0,1fr) !important;
    gap: 8px !important;
  }

  .legacy-order-money > div {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }

  .legacy-order-card .legacy-order-meta {
    gap: 5px 8px !important;
  }

  .legacy-order-actions {
    gap: 4px !important;
  }
}

/* 1.8.59 · Главная заявок: ближайшие визиты по архивной версии 70c1a300 */
@media screen and (max-width: 520px) {
  .legacy-orders-page .legacy-nearest-visit {
    margin-bottom: 8px !important;
    padding: 9px 11px !important;
    border: 1px solid #265184 !important;
    border-radius: 12px !important;
    background: #0c1721 !important;
    box-shadow: none !important;
  }

  .legacy-orders-page .legacy-nearest-title {
    min-height: 44px !important;
    gap: 7px !important;
    color: #5ca9ff !important;
    font-size: 11px !important;
  }

  .legacy-orders-page .legacy-nearest-title > .ui-icon {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
  }

  .legacy-orders-page .legacy-nearest-title > strong {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    font-size: 11px !important;
  }

  .legacy-orders-page .legacy-nearest-title > span {
    width: 24px !important;
    height: 24px !important;
    flex: 0 0 24px !important;
    border-radius: 999px !important;
    background: rgba(92,169,255,.12) !important;
    color: #b9daf5 !important;
    font-size: 10px !important;
  }

  .legacy-orders-page .legacy-nearest-title > button {
    min-width: 68px !important;
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 8px !important;
    border: 1px solid #29445b !important;
    border-radius: 10px !important;
    background: #0a1721 !important;
    color: #c9e4fa !important;
    font-size: 9px !important;
    font-weight: 700 !important;
  }

  .legacy-orders-page .legacy-nearest-visits-list {
    display: grid !important;
    gap: 2px !important;
    margin-top: 4px !important;
  }

  .legacy-orders-page .legacy-nearest-visits-list .legacy-nearest-line {
    display: grid !important;
    grid-template-columns: auto minmax(0,1fr) auto !important;
    grid-template-areas: none !important;
    gap: 4px !important;
    width: 100% !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 5px 0 !important;
    align-items: center !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    text-align: left !important;
  }

  .legacy-orders-page .legacy-nearest-visits-list .legacy-nearest-line:active {
    background: rgba(92,169,255,.055) !important;
  }

  .legacy-orders-page .legacy-nearest-visits-list .legacy-nearest-line > strong {
    grid-area: auto !important;
    color: #d7eafa !important;
    font-size: 9px !important;
    white-space: nowrap !important;
  }

  .legacy-orders-page .legacy-nearest-visits-list .legacy-nearest-line > span {
    grid-area: auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
    color: #c5ccd2 !important;
    font-size: 9px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .legacy-orders-page .legacy-nearest-visits-list .legacy-nearest-line > em {
    grid-area: auto !important;
    color: #7e8993 !important;
    font-size: 8px !important;
    font-style: normal !important;
    white-space: nowrap !important;
  }
}

@media screen and (max-width: 340px) {
  .legacy-orders-page .legacy-nearest-visit {
    padding-right: 9px !important;
    padding-left: 9px !important;
  }

  .legacy-orders-page .legacy-nearest-title {
    gap: 5px !important;
  }

  .legacy-orders-page .legacy-nearest-title > button {
    min-width: 64px !important;
    padding-right: 6px !important;
    padding-left: 6px !important;
    font-size: 8.5px !important;
  }

  .legacy-orders-page .legacy-nearest-visits-list .legacy-nearest-line {
    gap: 3px !important;
  }
}

/* 1.8.60 · Оболочка: шапка и нижняя навигация в визуальном языке архивной версии 70c1a300 */
@media screen and (max-width: 520px) {
  .legacy-mobile-header {
    min-height: calc(76px + env(safe-area-inset-top)) !important;
    gap: 10px !important;
    padding: calc(13px + env(safe-area-inset-top)) 13px 12px !important;
    border-bottom: 1px solid #171d22 !important;
    background: #080d11 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
  }

  .legacy-mobile-header .logo {
    display: grid !important;
    width: 42px !important;
    height: 42px !important;
    flex: 0 0 42px !important;
    place-items: center !important;
    border: 1px solid rgba(255,114,85,.35) !important;
    border-radius: 13px !important;
    background: #0a1014 !important;
    color: #ff7255 !important;
    box-shadow: 0 0 18px rgba(255,114,85,.06) !important;
  }

  .legacy-mobile-header .logo .ui-icon {
    width: 29px !important;
    height: 29px !important;
    stroke-width: 1.8 !important;
  }

  .legacy-mobile-header .brand {
    gap: 0 !important;
  }

  .legacy-mobile-header .brand-title {
    font-size: 17px !important;
    font-weight: 720 !important;
    line-height: 1.08 !important;
    letter-spacing: -.015em !important;
  }

  .legacy-mobile-header .brand-title span {
    color: #ff7255 !important;
  }

  .legacy-mobile-header .brand-subtitle {
    margin-top: 4px !important;
    color: #767c82 !important;
    font-size: 8.5px !important;
    font-weight: 650 !important;
    line-height: 1.1 !important;
    letter-spacing: .12em !important;
  }

  .bottom-nav {
    min-height: calc(68px + env(safe-area-inset-bottom)) !important;
    padding: 7px 9px calc(6px + env(safe-area-inset-bottom)) !important;
    border-top: 1px solid #252c32 !important;
    background: rgba(9,13,16,.98) !important;
    box-shadow: 0 -10px 30px rgba(0,0,0,.12) !important;
    backdrop-filter: none !important;
  }

  .nav-button,
  .nav-button[data-nav="orders"],
  .nav-button[data-nav="warehouse"],
  .nav-button[data-nav="analytics"],
  .nav-button[data-nav="more"] {
    --nav-accent: #ff7255 !important;
    --nav-bg: transparent !important;
    --nav-border: transparent !important;
    grid-template-rows: 28px 12px !important;
    min-height: 51px !important;
    gap: 2px !important;
    padding: 3px 2px !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: #929ba2 !important;
    font-size: 8.5px !important;
    font-weight: 650 !important;
  }

  .nav-button .nav-icon {
    width: 28px !important;
    height: 28px !important;
    min-height: 28px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  .nav-button .nav-icon .ui-icon,
  .nav-button[data-nav="more"] .nav-icon .ui-icon {
    width: 23px !important;
    height: 23px !important;
    stroke-width: 1.9 !important;
  }

  .nav-button.active,
  .nav-button[aria-current="page"] {
    background: transparent !important;
    color: #ff7255 !important;
    box-shadow: none !important;
  }

  .nav-button.active .nav-icon,
  .nav-button[aria-current="page"] .nav-icon {
    border: 0 !important;
    background: transparent !important;
    color: #ff7255 !important;
  }
}

@media screen and (max-width: 340px) {
  .legacy-mobile-header {
    min-height: calc(72px + env(safe-area-inset-top)) !important;
    gap: 9px !important;
    padding-right: 11px !important;
    padding-left: 11px !important;
  }

  .legacy-mobile-header .logo {
    width: 40px !important;
    height: 40px !important;
    flex-basis: 40px !important;
  }

  .legacy-mobile-header .logo .ui-icon {
    width: 27px !important;
    height: 27px !important;
  }

  .legacy-mobile-header .brand-title {
    font-size: 16.5px !important;
  }

  .legacy-mobile-header .brand-subtitle {
    font-size: 8px !important;
    letter-spacing: .105em !important;
  }

  .nav-button,
  .nav-button[data-nav="orders"],
  .nav-button[data-nav="warehouse"],
  .nav-button[data-nav="analytics"],
  .nav-button[data-nav="more"] {
    font-size: 8px !important;
  }
}

/* 1.8.61 · Регрессия 1.8.60: архивный вид без лишней высоты шапки */
@media screen and (max-width: 520px) {
  .legacy-mobile-header {
    min-height: calc(68px + env(safe-area-inset-top)) !important;
    padding-top: calc(8px + env(safe-area-inset-top)) !important;
    padding-bottom: 8px !important;
  }
}

@media screen and (max-width: 340px) {
  .legacy-mobile-header {
    min-height: calc(68px + env(safe-area-inset-top)) !important;
  }
}

/* 1.8.62 · Главная заявок: заголовок и подзаголовок в масштабе архивной версии 70c1a300 */
@media screen and (max-width: 520px) {
  .legacy-orders-page {
    padding-top: 7px !important;
  }

  .legacy-orders-head {
    margin-bottom: 7px !important;
  }

  .legacy-orders-head h1 {
    font-size: 23px !important;
    font-weight: 720 !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
  }

  .legacy-orders-head p {
    margin-top: 4px !important;
    color: #8c9298 !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    line-height: 1.15 !important;
  }
}

@media screen and (max-width: 340px) {
  .legacy-orders-head h1 {
    font-size: 22px !important;
  }

  .legacy-orders-head p {
    font-size: 9.5px !important;
  }
}

/* 1.8.63 · Главная заявок: переопределить старый content-селектор и убрать лишний 1 px сверху */
@media screen and (max-width: 520px) {
  .content.legacy-orders-page {
    padding-top: 7px !important;
  }
}

/* 1.8.64 · Главная заявок: больше полезной ширины без ужимания содержимого карточек */
@media screen and (max-width: 520px) {
  .content.legacy-orders-page {
    padding-right: 6px !important;
    padding-left: 6px !important;
  }

  .legacy-orders-list {
    gap: 7px !important;
  }
}

@media screen and (max-width: 340px) {
  .content.legacy-orders-page {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }

  .legacy-orders-list {
    gap: 6px !important;
  }
}

/* 1.8.65 · Главная заявок: единая рабочая ширина от заголовка до карточек */
@media screen and (max-width: 520px) {
  .legacy-orders-head,
  .legacy-orders-page .legacy-nearest-visit,
  .legacy-orders-page .legacy-order-search,
  .legacy-orders-page .legacy-order-filters,
  .legacy-orders-page .legacy-visit-filter {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}

/* 1.8.66 · Карточка заявки: ровные быстрые действия без роста высоты */
@media screen and (max-width: 520px) {
  .legacy-order-actions > button,
  .legacy-order-actions > a {
    display: grid !important;
    grid-template-rows: 18px 10px !important;
    min-height: 47px !important;
    align-content: center !important;
    justify-items: center !important;
    gap: 3px !important;
    padding: 5px 2px !important;
    font-size: 8px !important;
    line-height: 1 !important;
    text-align: center !important;
  }

  .legacy-order-actions .ui-icon {
    width: 18px !important;
    height: 18px !important;
    align-self: center !important;
    justify-self: center !important;
  }

  .legacy-order-actions > button > span,
  .legacy-order-actions > a > span {
    display: flex !important;
    min-width: 0 !important;
    min-height: 10px !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }
}

@media screen and (max-width: 340px) {
  .legacy-order-actions > button,
  .legacy-order-actions > a {
    font-size: 7.5px !important;
  }
}

/* 1.8.67 · Редактор заявки: вернуть компактный ритм удачного прохода */
@media screen and (max-width: 520px) {
  .order-editor-modal .order-editor-section {
    padding: 10px 6px !important;
  }

  .order-editor-modal .form-section-title {
    gap: 7px !important;
    margin-bottom: 7px !important;
    font-size: 13px !important;
    font-weight: 640 !important;
  }

  .order-editor-modal .order-editor-section-icon {
    width: 28px !important;
    height: 28px !important;
    flex-basis: 28px !important;
    border-radius: 9px !important;
  }

  .order-editor-modal .order-editor-section-icon .ui-icon {
    width: 16px !important;
    height: 16px !important;
  }

  .order-editor-modal .form-grid {
    gap: 7px !important;
  }

  .order-editor-modal .form-group label {
    margin-bottom: 3px !important;
    font-size: 9px !important;
  }

  .order-editor-modal .field,
  .order-editor-modal .legacy-payment-grid .field,
  .order-editor-modal .material-card-controls .field {
    min-height: 46px !important;
    border-radius: 11px !important;
    font-size: 12px !important;
  }
}

/* 1.8.68 · Редактор заявки: подпись количества материала не обрезается на 320 px */
@media screen and (max-width: 340px) {
  .order-editor-modal .material-card-controls,
  .order-editor-modal .material-card-controls:nth-child(n) {
    grid-template-columns: minmax(64px,.66fr) minmax(100px,1fr) minmax(92px,.92fr) !important;
  }
}

/* 1.8.73 · Toast: мгновенное скрытие при продолжении ввода */
#toast.toast.dismiss-now {
  opacity: 0 !important;
  transition: none !important;
  transform: translate(-50%, 20px) !important;
}

/* 1.8.69 · Деталка заявки: ровная сетка быстрых действий */
@media screen and (max-width: 520px) {
  .legacy-expanded-actions {
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    gap: 5px !important;
  }

  .legacy-expanded-actions > button,
  .legacy-expanded-actions > a {
    display: grid !important;
    grid-template-rows: 18px 12px !important;
    min-height: 44px !important;
    padding: 4px 2px !important;
    align-content: center !important;
    justify-items: center !important;
    gap: 3px !important;
    border-radius: 9px !important;
    font-size: 9.5px !important;
    line-height: 1 !important;
  }

  .legacy-expanded-actions .ui-icon {
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    stroke-width: 1.9 !important;
  }

  .legacy-expanded-actions > button > span,
  .legacy-expanded-actions > a > span {
    display: flex !important;
    min-width: 0 !important;
    min-height: 12px !important;
    margin: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 9.5px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }
}


/* 1.8.75 · Выбранный материал: название без отдельной тёмной плашки */
@media screen and (max-width: 520px) {
  .order-editor-modal .legacy-material-card:not(.direct-expense-card) .material-name-field {
    padding-right: 2px !important;
    padding-bottom: 3px !important;
    padding-left: 2px !important;
    border: 0 !important;
    border-bottom: 1px solid transparent !important;
    border-radius: 0 !important;
    outline: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .order-editor-modal .legacy-material-card:not(.direct-expense-card) .material-name-field:focus {
    border-bottom-color: #ff8068 !important;
    background: transparent !important;
    box-shadow: inset 0 -1px #ff8068 !important;
  }
}


/* 1.8.76 · Товарник: три служебных действия одной строкой и на узких телефонах */
@media screen and (max-width: 360px) {
  .legacy-goods-editor-actions {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 5px !important;
  }

  .legacy-goods-editor-actions button {
    min-width: 0 !important;
    min-height: 48px !important;
    padding: 5px 3px !important;
    gap: 4px !important;
    font-size: 9.5px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .legacy-goods-editor-actions button .ui-icon {
    width: 16px !important;
    height: 16px !important;
    flex: 0 0 16px !important;
  }

  .legacy-goods-editor-actions button > span {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }
}


/* 1.8.77 · Настройки: убрать лишнюю высоту рабочих ссылок на 320 px */
@media screen and (max-width: 340px) {
  .legacy-settings-links > button {
    min-height: 54px !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }

  .legacy-settings-links > button[data-action="manage-warranty-results"] {
    min-height: 60px !important;
  }
}


/* 1.8.78 · Настройки: служебные строки приложения без лишней вертикальной пустоты */
@media screen and (max-width: 520px) {
  .settings-app-card .legacy-settings-row,
  .settings-app-card .legacy-settings-row:not(.plain) {
    min-height: 48px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }

  .settings-app-card .legacy-settings-row.app-version-row {
    min-height: 52px !important;
  }
}


/* 1.8.79 · Справочники: иконка и подпись основной кнопки центрируются одной группой */
@media screen and (max-width: 520px) {
  .source-manager-add .primary-button,
  .warranty-manager-add .primary-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    text-align: center !important;
  }

  .source-manager-add .primary-button > .ui-icon,
  .warranty-manager-add .primary-button > .ui-icon {
    width: 16px !important;
    height: 16px !important;
    flex: 0 0 16px !important;
    margin: 0 !important;
  }

  .source-manager-add .primary-button > span,
  .warranty-manager-add .primary-button > span {
    flex: 0 0 auto !important;
    margin: 0 !important;
    line-height: 1 !important;
  }
}


/* 1.8.80 · Акт: печать/PDF и картинка в одной компактной строке */
@media screen and (max-width: 520px) {
  .legacy-act-control-actions {
    display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 6px !important;
  }

  .legacy-act-control-actions > button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 46px !important;
    height: 46px !important;
    padding: 6px 5px !important;
    justify-self: stretch !important;
    white-space: nowrap !important;
  }

  .legacy-act-control-actions [data-action="print-act"] {
    border-color: #303b42 !important;
    background: #151d23 !important;
    color: #e8edef !important;
    box-shadow: none !important;
  }
}

@media screen and (max-width: 340px) {
  .legacy-act-control-actions > button {
    gap: 5px !important;
    font-size: 10px !important;
  }

  .legacy-act-control-actions > button .ui-icon {
    width: 16px !important;
    height: 16px !important;
  }
}


/* 1.8.82 · Финансы: четыре периода одной строкой даже на 320 px */
@media screen and (max-width: 340px) {
  .legacy-finance-periods {
    grid-template-columns: repeat(4,minmax(0,1fr)) !important;
    gap: 4px !important;
  }

  .legacy-finance-periods button {
    min-width: 0 !important;
    min-height: 44px !important;
    padding-right: 3px !important;
    padding-left: 3px !important;
    font-size: 9.5px !important;
    white-space: nowrap !important;
  }
}


/* 1.8.83 · Документы: дата и сумма рядом даже на 320–340 px */
@media screen and (max-width: 340px) {
  .legacy-service-editor-backdrop .receipt-editor-modal .form-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    column-gap: 6px !important;
  }

  .legacy-service-editor-backdrop .receipt-editor-modal .form-group.full,
  .legacy-service-editor-backdrop .receipt-editor-modal .receipt-field-number,
  .legacy-service-editor-backdrop .receipt-editor-modal .receipt-field-order {
    grid-column: 1 / -1 !important;
  }

  .legacy-service-editor-backdrop .receipt-editor-modal .receipt-field-date,
  .legacy-service-editor-backdrop .receipt-editor-modal .receipt-field-amount {
    grid-column: auto !important;
    min-width: 0 !important;
  }
}


/* 1.8.84 · Инструменты: короткие поля парами даже на 320–340 px */
@media screen and (max-width: 340px) {
  .legacy-service-editor-backdrop .tool-editor-modal .form-grid {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    column-gap: 6px !important;
  }

  .legacy-service-editor-backdrop .tool-editor-modal .form-group.full {
    grid-column: 1 / -1 !important;
  }

  .legacy-service-editor-backdrop .tool-editor-modal .form-group:not(.full) {
    grid-column: auto !important;
    min-width: 0 !important;
  }
}


/* 1.8.85 · Клиенты: плотнее сводка и карточки без уменьшения текста */
@media screen and (max-width: 520px) {
  .legacy-clients-stats {
    gap: 5px !important;
    margin-bottom: 7px !important;
  }

  .legacy-clients-stats > div,
  .legacy-clients-stats > .clients-stat-primary {
    min-height: 66px !important;
    padding: 6px 8px !important;
  }

  .legacy-clients-stats strong,
  .legacy-clients-stats .clients-stat-primary strong {
    margin-top: 2px !important;
    font-size: 18px !important;
    line-height: 1.05 !important;
  }

  .legacy-clients-stats small {
    margin-top: 2px !important;
  }

  .legacy-client-main {
    grid-template-columns: 36px minmax(0,1fr) max-content !important;
    gap: 7px !important;
    min-height: 64px !important;
    padding: 6px 8px 5px !important;
  }

  .legacy-client-avatar {
    width: 36px !important;
    height: 36px !important;
  }

  .legacy-client-meta {
    min-height: 22px !important;
    gap: 3px 7px !important;
    padding: 3px 8px !important;
  }

  .legacy-client-actions {
    gap: 5px !important;
    padding: 0 8px 6px !important;
  }

  .legacy-client-actions > * {
    min-height: 44px !important;
  }
}

@media screen and (max-width: 340px) {
  .legacy-client-main {
    grid-template-columns: 36px minmax(0,1fr) max-content !important;
    min-height: 66px !important;
  }

  .legacy-client-avatar {
    width: 36px !important;
    height: 36px !important;
  }
}


/* 1.8.86 · Клиенты: min-height сводки включает внутренние отступы */
@media screen and (max-width: 520px) {
  .legacy-clients-stats > div,
  .legacy-clients-stats > .clients-stat-primary {
    box-sizing: border-box !important;
  }
}


/* 1.8.87 · Клиенты: фактическая высота KPI 68 px без раздувания контентом */
@media screen and (max-width: 520px) {
  .legacy-clients-stats > div,
  .legacy-clients-stats > .clients-stat-primary {
    box-sizing: border-box !important;
    min-height: 68px !important;
    height: 68px !important;
    padding: 5px 7px !important;
    overflow: hidden !important;
  }

  .legacy-clients-stats span {
    line-height: 1.05 !important;
  }

  .legacy-clients-stats strong,
  .legacy-clients-stats .clients-stat-primary strong {
    margin-top: 1px !important;
    line-height: 1 !important;
  }

  .legacy-clients-stats small {
    margin-top: 1px !important;
    line-height: 1.08 !important;
  }
}


/* 1.8.88 · Документы: метаданные читаются в две строки на 320–340 px */
@media screen and (max-width: 340px) {
  .legacy-document-row.receipt {
    box-sizing: border-box !important;
    min-height: 72px !important;
    height: 72px !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
  }

  .legacy-document-row.receipt > span:nth-child(2) {
    min-width: 0 !important;
    align-self: center !important;
  }

  .legacy-document-row.receipt > span:nth-child(2) > small {
    display: -webkit-box !important;
    overflow: hidden !important;
    margin-top: 2px !important;
    white-space: normal !important;
    text-overflow: clip !important;
    overflow-wrap: break-word !important;
    line-height: 1.1 !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }
}