/* r63g — scale regression hotfix for #myorders and #messages.
   Scope: only orders/messages client pages.
   Goal: restore stable mobile scale, prevent desktop/tablet zoom loss and oversized cards.
   No API/DB/JS logic changes. */

:root{
  --k-client-page-max-mobile: 430px;
  --k-client-page-max-tablet: 760px;
  --k-client-page-max-desktop: 1040px;
}

/* Generic route guards. They intentionally target only known order/message wrappers. */
body #app .myorders-ref-r62z,
body #app .orders-page-r62z,
body #app [data-page="myorders"],
body #app #myorders-page,
body #app .messages-reference-r58,
body #app .messages-ref-page-r63f{
  width:100% !important;
  min-width:0 !important;
  max-width:var(--k-client-page-max-mobile) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:12px !important;
  padding-right:12px !important;
  box-sizing:border-box !important;
  overflow-x:hidden !important;
  transform:none !important;
  zoom:1 !important;
}

body #app .myorders-ref-r62z *,
body #app .orders-page-r62z *,
body #app [data-page="myorders"] *,
body #app #myorders-page *,
body #app .messages-reference-r58 *,
body #app .messages-ref-page-r63f *{
  max-width:100% !important;
  box-sizing:border-box !important;
}

/* Do not allow old desktop/table/grid rules to inflate cards on phone. */
@media (max-width:767px){
  body #app .myorders-ref-r62z,
  body #app .orders-page-r62z,
  body #app [data-page="myorders"],
  body #app #myorders-page,
  body #app .messages-reference-r58,
  body #app .messages-ref-page-r63f{
    max-width:430px !important;
    padding-top:12px !important;
    padding-bottom:calc(var(--bottom-nav-h,72px) + 14px) !important;
  }

  body #app .myorders-ref-r62z .orders-layout-r62z,
  body #app .orders-page-r62z .orders-layout-r62z{
    display:block !important;
  }

  body #app .myorders-ref-r62z .orders-detail-r62z,
  body #app .orders-page-r62z .orders-detail-r62z,
  body #app .myorders-ref-r62z .orders-side-r62z,
  body #app .orders-page-r62z .orders-side-r62z{
    display:none !important;
  }

  body #app .myorders-ref-r62z .orders-list-r62z,
  body #app .orders-page-r62z .orders-list-r62z,
  body #app .messages-reference-r58 .msng-list--page,
  body #app .messages-ref-page-r63f .messages-ref-list-r63f{
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
  }

  body #app .myorders-ref-r62z .order-card-r62z,
  body #app .orders-page-r62z .order-card-r62z{
    grid-template-columns:88px minmax(0,1fr) !important;
    gap:10px !important;
    padding:9px !important;
    border-radius:18px !important;
    min-height:0 !important;
  }

  body #app .myorders-ref-r62z .order-card-photo-r62z,
  body #app .orders-page-r62z .order-card-photo-r62z{
    width:88px !important;
    height:88px !important;
    border-radius:14px !important;
  }

  body #app .myorders-ref-r62z .order-card-body-r62z strong,
  body #app .orders-page-r62z .order-card-body-r62z strong{
    font-size:15px !important;
    line-height:1.12 !important;
  }

  body #app .myorders-ref-r62z .order-card-body-r62z em,
  body #app .orders-page-r62z .order-card-body-r62z em,
  body #app .myorders-ref-r62z .order-card-body-r62z small,
  body #app .orders-page-r62z .order-card-body-r62z small{
    font-size:11.5px !important;
    line-height:1.22 !important;
  }

  body #app .myorders-ref-r62z .order-card-actions-r62z,
  body #app .orders-page-r62z .order-card-actions-r62z{
    grid-template-columns:1fr 1fr !important;
    gap:7px !important;
  }

  body #app .myorders-ref-r62z .order-card-actions-r62z button,
  body #app .orders-page-r62z .order-card-actions-r62z button{
    min-height:40px !important;
    font-size:12.5px !important;
    border-radius:12px !important;
  }

  body #app .messages-reference-r58 .spa-page-hero,
  body #app .messages-reference-r58 .spa-page-hero--messages,
  body #app .messages-reference-r58 .msng-hero,
  body #app .messages-ref-page-r63f .messages-ref-hero-r63f{
    margin-left:0 !important;
    margin-right:0 !important;
    border-radius:20px !important;
  }

  body #app .messages-reference-r58 .spa-hero-inner,
  body #app .messages-reference-r58 .msng-hero-inner{
    min-height:102px !important;
    padding:16px 14px !important;
  }

  body #app .messages-reference-r58 .spa-hero-title,
  body #app .messages-reference-r58 .msng-hero-title,
  body #app .messages-ref-page-r63f .messages-ref-hero-r63f h1{
    font-size:27px !important;
    line-height:1 !important;
  }

  body #app .messages-reference-r58 .spa-hero-stats,
  body #app .messages-reference-r58 .msng-hero-stats{
    display:none !important;
  }

  body #app .messages-reference-r58 .catalog-tools,
  body #app .messages-reference-r58 .msng-sticky-tools,
  body #app .messages-reference-r58 #msng-sticky-tools,
  body #app .messages-reference-r58 .messages-reference-r58-listmount,
  body #app .messages-reference-r58 .msng-empty-cta{
    margin-left:0 !important;
    margin-right:0 !important;
  }

  body #app .messages-reference-r58 .msng-item,
  body #app .messages-reference-r58 .msng-item--v2,
  body #app .messages-ref-page-r63f .messages-ref-card-r63f{
    grid-template-columns:48px minmax(0,1fr) !important;
    gap:9px !important;
    min-height:82px !important;
    padding:9px !important;
    border-radius:18px !important;
  }

  body #app .messages-reference-r58 .msng-item-av-wrap,
  body #app .messages-reference-r58 .msng-av2,
  body #app .messages-ref-page-r63f .messages-ref-avatar-r63f{
    width:48px !important;
    height:48px !important;
    border-radius:16px !important;
  }

  body #app .messages-reference-r58 .msng-item-name2,
  body #app .messages-ref-page-r63f .messages-ref-top-r63f strong{
    font-size:14px !important;
  }

  body #app .messages-reference-r58 .msng-item-svc,
  body #app .messages-reference-r58 .msng-item-car2,
  body #app .messages-reference-r58 .msng-item-preview2,
  body #app .messages-ref-page-r63f .messages-ref-snippet-r63f{
    font-size:11.5px !important;
  }
}

/* Tablet: keep readable, but do not use over-wide desktop scale. */
@media (min-width:768px) and (max-width:1023px){
  body #app .myorders-ref-r62z,
  body #app .orders-page-r62z,
  body #app [data-page="myorders"],
  body #app #myorders-page,
  body #app .messages-reference-r58,
  body #app .messages-ref-page-r63f{
    max-width:760px !important;
    padding-left:14px !important;
    padding-right:14px !important;
    padding-top:14px !important;
    padding-bottom:calc(var(--bottom-nav-h,78px) + 14px) !important;
  }

  body #app .myorders-ref-r62z .orders-layout-r62z,
  body #app .orders-page-r62z .orders-layout-r62z{
    display:block !important;
  }

  body #app .myorders-ref-r62z .orders-detail-r62z,
  body #app .orders-page-r62z .orders-detail-r62z,
  body #app .myorders-ref-r62z .orders-side-r62z,
  body #app .orders-page-r62z .orders-side-r62z{
    display:none !important;
  }

  body #app .messages-reference-r58 .msng-list--page,
  body #app .messages-ref-page-r63f .messages-ref-list-r63f{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }

  body #app .messages-reference-r58 .spa-hero-stats,
  body #app .messages-reference-r58 .msng-hero-stats{
    min-width:300px !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* Desktop: restore controlled content width instead of huge stretched cards. */
@media (min-width:1024px){
  body #app .myorders-ref-r62z,
  body #app .orders-page-r62z,
  body #app [data-page="myorders"],
  body #app #myorders-page,
  body #app .messages-reference-r58,
  body #app .messages-ref-page-r63f{
    max-width:1040px !important;
    padding-left:18px !important;
    padding-right:18px !important;
    padding-top:18px !important;
    padding-bottom:24px !important;
  }

  body #app .myorders-ref-r62z .orders-layout-r62z,
  body #app .orders-page-r62z .orders-layout-r62z{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 300px !important;
    gap:14px !important;
  }

  body #app .myorders-ref-r62z .order-card-r62z,
  body #app .orders-page-r62z .order-card-r62z{
    grid-template-columns:112px minmax(0,1fr) !important;
    padding:11px !important;
  }

  body #app .myorders-ref-r62z .order-card-photo-r62z,
  body #app .orders-page-r62z .order-card-photo-r62z{
    width:112px !important;
    height:98px !important;
  }

  body #app .messages-reference-r58 .msng-list--page,
  body #app .messages-ref-page-r63f .messages-ref-list-r63f{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
  }

  body #app .messages-reference-r58 .spa-hero-stats,
  body #app .messages-reference-r58 .msng-hero-stats{
    min-width:360px !important;
  }
}

/* Very wide monitors must not blow up the app scale. */
@media (min-width:1280px){
  body #app .myorders-ref-r62z,
  body #app .orders-page-r62z,
  body #app [data-page="myorders"],
  body #app #myorders-page,
  body #app .messages-reference-r58,
  body #app .messages-ref-page-r63f{
    max-width:1080px !important;
  }
}