/* R735: contain intrinsic grid widths instead of clipping the page. */
@media (max-width: 1024px) {
  .dashboard-page,
  .dashboard-page .legacy-parity-flow {
    min-width: 0;
    max-width: 100%;
    grid-template-columns: minmax(0, 1fr);
  }
  .dashboard-page :is(.legacy-parity-flow, .dashboard-v3-legacy-analytics, .dashboard-v3-legacy-timeline, .legacy-conversion-layout, .r47-breakdown-grid) > * {
    min-width: 0;
    max-width: 100%;
  }
  .dashboard-page .dashboard-cohort-table-wrap {
    min-width: 0;
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 760px) {
  .dashboard-page[data-dashboard-renderer="dashboard-v3"] {
    gap: 14px;
    padding-top: 8px;
  }
  .dashboard-page[data-dashboard-renderer="dashboard-v3"] :is(.dashboard-v3-legacy-chart, .dashboard-v3-legacy-chart-head, .dashboard-v3-legacy-chart-title, .dashboard-v3-legacy-series) {
    min-width: 0;
    max-width: 100%;
  }
  .dashboard-page[data-dashboard-renderer="dashboard-v3"] .dashboard-v3-legacy-timeline {
    min-height: 0;
    grid-template-columns: minmax(0, 1fr);
    padding: 12px;
    gap: 12px;
  }
  .dashboard-page[data-dashboard-renderer="dashboard-v3"] .dashboard-v3-legacy-chart {
    grid-template-rows: auto auto auto;
  }
  .dashboard-page[data-dashboard-renderer="dashboard-v3"] .dashboard-v3-legacy-chart-head {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .dashboard-page[data-dashboard-renderer="dashboard-v3"] .dashboard-v3-legacy-chart-title h2 {
    font-size: 17px;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }
  .dashboard-page[data-dashboard-renderer="dashboard-v3"] .dashboard-v3-legacy-series {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 6px;
  }
  .dashboard-page[data-dashboard-renderer="dashboard-v3"] .dashboard-v3-legacy-series button {
    min-width: 0;
    min-height: 44px;
    height: auto;
    max-width: 100%;
    padding: 9px 10px;
    font-size: 12px;
    line-height: 1.3;
    white-space: normal;
    text-align: left;
  }
  .dashboard-page[data-dashboard-renderer="dashboard-v3"] .dashboard-v3-legacy-series i { flex-shrink: 0; }
  .dashboard-page[data-dashboard-renderer="dashboard-v3"] .dashboard-v3-legacy-chart-stage {
    width: 100%;
    min-width: 0;
    min-height: 0;
    height: 220px;
  }
  .dashboard-page[data-dashboard-renderer="dashboard-v3"] .dashboard-v3-legacy-chart-stage svg {
    width: 100%;
    min-width: 0;
    min-height: 0;
    height: 220px;
  }
  .dashboard-page[data-dashboard-renderer="dashboard-v3"] :is(.dashboard-v3-legacy-chart-tick, .dashboard-v3-legacy-chart-axis) { font-size: 28px; }
  .dashboard-page[data-dashboard-renderer="dashboard-v3"] .dashboard-v3-legacy-chart-legend { display: none; }
  /* The accepted plot has at most nine date labels at y=417. Keep edge dates
     and one midpoint; all points and full dates in the touch tooltip remain. */
  .dashboard-page[data-dashboard-renderer="dashboard-v3"] .dashboard-v3-legacy-chart-stage svg > text[y="417"] { display: none; }
  .dashboard-page[data-dashboard-renderer="dashboard-v3"] .dashboard-v3-legacy-chart-stage svg > text[y="417"]:is([text-anchor="start"], :last-of-type, :nth-last-of-type(5)) { display: block; }
  .dashboard-page[data-dashboard-renderer="dashboard-v3"] .dashboard-v3-legacy-chart-stage svg > g:nth-of-type(2n) > text { visibility: hidden; }
  .dashboard-page[data-dashboard-renderer="dashboard-v3"] .dashboard-v3-legacy-tooltip {
    left: 10px !important;
    right: 10px;
    min-width: 0;
    max-width: calc(100% - 20px);
    transform: none;
    font-size: 12px;
    overflow-wrap: anywhere;
  }
  .dashboard-page[data-dashboard-renderer="dashboard-v3"] :is(.dashboard-v3-legacy-rail, .dashboard-v3-legacy-bottom) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto;
    padding: 0;
    border: 0;
    gap: 8px;
  }
  .dashboard-page[data-dashboard-renderer="dashboard-v3"] .dashboard-v3-legacy-summary {
    padding: 12px;
    min-height: 100px;
    overflow-wrap: anywhere;
  }
  .dashboard-page[data-dashboard-renderer="dashboard-v3"] .dashboard-v3-legacy-summary > strong {
    font-size: clamp(17px, 4.8vw, 22px);
    line-height: 1.2;
  }
  .dashboard-page .cohort-r725 {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }
  .dashboard-page .cohort-r725 .dashboard-cohort-head {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    min-width: 0;
  }
  .dashboard-page .cohort-r725 .dashboard-cohort-controls {
    width: 100%;
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    margin: 0;
  }
  .dashboard-page .cohort-r725 .analytics-window-controls {
    width: 100%;
    min-width: 0;
    display: flex;
    padding: 3px;
  }
  .dashboard-page .cohort-r725 .analytics-window-controls + .analytics-window-controls { padding-left: 3px; }
  .dashboard-page .cohort-r725 .analytics-window-controls + .analytics-window-controls::before { display: none; }
  .dashboard-page .cohort-r725 .analytics-window-controls button {
    flex: 1 1 0;
    min-width: 0;
    min-height: 44px;
    padding: 8px 5px;
    font-size: 12px;
  }
  .dashboard-page .cohort-r725 .cohort-r725-description { flex-wrap: wrap; }
  .dashboard-page .cohort-r725 .cohort-r725-description > p { min-width: 0; white-space: normal; }
  .dashboard-page .cohort-r725 .dashboard-cohort-table-wrap {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    margin: 0;
    overflow-x: auto;
  }
  .dashboard-page .cohort-r725 table { min-width: 1008px; }
  .dashboard-page .cohort-r725 tbody th,
  .dashboard-page .cohort-r725 tfoot th,
  .dashboard-page .cohort-r725 thead th:first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    background: #fff;
    box-shadow: 1px 0 #dce5f2;
  }
  .dashboard-page .cohort-r725 :is(thead, tfoot) th:first-child { background: #f3f6fc; }
  .dashboard-page .cohort-r725 .dashboard-cohort-table-wrap::after {
    content: "Прокрутите таблицу вправо →";
    display: block;
    position: sticky;
    left: 0;
    width: 100%;
    padding: 10px 12px;
    color: #60738f;
    background: #f8faff;
    font-size: 11px;
    white-space: normal;
  }
  .dashboard-page .legacy-conversion-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .dashboard-page :is(.legacy-conversion-sidebar, .legacy-conversion-caption, .legacy-conversion-heading, .legacy-conversion-rail-group, .legacy-conversion-stack) {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
  }
  .dashboard-page .legacy-conversion-chart-stage { min-width: 0; max-width: 100%; margin-inline: 0; }
  .dashboard-page .legacy-conversion-chart-stage svg { min-width: 0; max-width: 100%; }
  .dashboard-page .r47-breakdown-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }
  .dashboard-page .r47-breakdown-grid > .r47-breakdown-card {
    grid-column: 1;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    aspect-ratio: auto;
    min-height: 260px;
  }
  .dashboard-page .r47-breakdown-card > header { padding: 14px; }
  .dashboard-page .r47-breakdown-card h3 { font-size: 16px; line-height: 1.4; }
  .dashboard-page .r47-dimension-switch { min-height: 44px; max-width: 100%; white-space: normal; }
  .dashboard-page :is(.r47-ladder-row, .r47-revenue-service button) { min-height: 52px; }
  .dashboard-page :is(.r47-ladder-row > span, .r47-revenue-service button > span) { white-space: normal; overflow-wrap: anywhere; }
}
@media (max-width: 359px) {
  .dashboard-page[data-dashboard-renderer="dashboard-v3"] :is(.dashboard-v3-legacy-rail, .dashboard-v3-legacy-bottom) { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 760px) {
  .dashboard-page[data-dashboard-renderer="dashboard-v3"] .dashboard-v3-legacy-chart-stage svg > g > text { font-size: 21px; }
  .dashboard-page[data-dashboard-renderer="dashboard-v3"] .dashboard-v3-legacy-chart-stage svg > path {
    vector-effect: non-scaling-stroke;
    stroke-width: 1.4px;
  }
}