/* RC443: Unified owner panel section headings on mobile / installed PWA only.
   The Moji objekti heading remains left aligned and serves as the typography reference.
   Other five section titles are centered, with the exact same type scale.
   Desktop is not affected. */
@media screen and (max-width: 800px) {
  /* Both heading wrappers are flex containers: give their inner copy the full
     available width so centering doesn't depend on the text's intrinsic width. */
  body.ks-shell .ks.ks-dashboard .ks-main > .ks-inquiry-page-head > .ks-inquiry-head-copy,
  body.ks-shell .ks.ks-dashboard .ks-main .ks-analytics > .ks-heading > div {
    width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 100% !important;
  }

  /* Same typography as the untouched Moji objekti heading. */
  body.ks-shell .ks.ks-dashboard .ks-main > .ks-inquiry-page-head h1,
  body.ks-shell .ks.ks-dashboard .ks-main .ks-analytics > .ks-heading h1,
  body.ks-shell .ks.ks-dashboard .ks-main > .ks-calendar-page > h1,
  body.ks-shell .ks.ks-dashboard .ks-main > h1 {
    box-sizing: border-box !important;
    width: 100% !important;
    font-family: inherit !important;
    font-size: clamp(30px, 4vw, 48px) !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
    letter-spacing: -.035em !important;
    color: var(--ks-navy, #142d3e) !important;
    text-align: center !important;
    overflow-wrap: break-word !important;
  }
  /* The object list is intentionally kept left-aligned. */
  body.ks-shell .ks.ks-dashboard .ks-main .ks-objects-heading h1 {
    text-align: left !important;
  }
}


/* RC445 — All six main owner-section titles left-aligned on desktop/web.
   Keep the existing mobile/PWA layout from RC443 untouched. */
@media screen and (min-width: 801px) {
  body.ks-shell .ks.ks-dashboard .ks-main .ks-objects-heading h1,
  body.ks-shell .ks.ks-dashboard .ks-main > .ks-inquiry-page-head h1,
  body.ks-shell .ks.ks-dashboard .ks-main .ks-analytics > .ks-heading h1,
  body.ks-shell .ks.ks-dashboard .ks-main > .ks-calendar-page > h1,
  body.ks-shell .ks.ks-dashboard .ks-main > h1 {
    text-align: left !important;
  }
}


/* RC446 — Desktop only: all six owner-panel page titles use the same
   typography as the existing “Primljeni upiti” heading (RC343).
   Mobile browser and installed PWA (<=800px) retain RC443 formatting. */
@media screen and (min-width: 801px) {
  body.ks-shell .ks.ks-dashboard .ks-main .ks-objects-heading h1,
  body.ks-shell .ks.ks-dashboard .ks-main > .ks-inquiry-page-head h1,
  body.ks-shell .ks.ks-dashboard .ks-main .ks-analytics > .ks-heading h1,
  body.ks-shell .ks.ks-dashboard .ks-main > .ks-calendar-page > h1,
  body.ks-shell .ks.ks-dashboard .ks-main > h1 {
    font-family: inherit !important;
    font-size: clamp(30px, 3.5vw, 40px) !important;
    font-weight: 750 !important;
    line-height: 1.14 !important;
    letter-spacing: -.035em !important;
    color: var(--ks-navy, #142d3e) !important;
    text-align: left !important;
  }
}