/* IT-BALON.CZ v638 – finální mobilní polish a stabilní výchozí stav */
@media (max-width:900px){
  /* Jednotnější rytmus mobilních dashboardů. */
  html body.itb-v632-client .itb-client-hero-v630,
  html body.itb-v632-admin .itb-admin-hero-v631{
    overflow:hidden!important;
  }

  html body.itb-v632-client .itb-client-kpis-v630,
  html body.itb-v632-admin .itb-admin-kpis-v631{
    align-items:stretch!important;
  }
  html body.itb-v632-client .itb-client-kpis-v630>a,
  html body.itb-v632-admin .itb-admin-kpis-v631>a{
    height:100%!important;
    min-height:146px!important;
    align-content:center!important;
    justify-content:center!important;
  }
  html body.itb-v632-client .itb-client-kpis-v630 b,
  html body.itb-v632-admin .itb-admin-kpis-v631 b{
    line-height:1.25!important;
  }
  html body.itb-v632-client .itb-client-kpis-v630 small,
  html body.itb-v632-admin .itb-admin-kpis-v631 small{
    min-height:2.55em!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
  }

  /* Klientská dostupnost podpory – stejné optické osy a klidnější CTA. */
  html body.itb-v632-client .itb-client-support-state-v630{
    padding:15px 14px 14px!important;
  }
  html body.itb-v632-client .itb-client-support-state-v630 strong,
  html body.itb-v632-client .itb-client-support-state-v630 small{
    display:block!important;
    width:100%!important;
    text-align:center!important;
  }
  html body.itb-v632-client .itb-client-support-state-v630>b{
    border-radius:13px!important;
    line-height:1.1!important;
  }

  /* Seznamy ticketů – o chlup vzdušnější, ale stále kompaktní. */
  html body.itb-v632-client .itb-client-ticket-list-v630,
  html body.itb-v632-admin .itb-admin-ticket-list-v631{
    border-radius:19px!important;
  }
  html body.itb-v632-client .itb-client-ticket-row-v630 .copy strong,
  html body.itb-v632-admin .itb-admin-ticket-row-v631 .copy strong{
    letter-spacing:-.008em!important;
  }

  /* Detail ticketu – dlouhé názvy bez zbytečného zalamování a workflow stejné výšky. */
  html body.unified-support-layout .ticket-detail-page > .ticket-hero h1{
    font-size:clamp(25px,7.4vw,34px)!important;
    line-height:1.06!important;
    letter-spacing:-.035em!important;
    overflow-wrap:anywhere!important;
    text-wrap:balance!important;
  }
  html body.unified-support-layout .ticket-detail-page > .ticket-hero .ticket-sub{
    line-height:1.42!important;
  }
  html body.unified-support-layout .ticket-detail-page > .ticket-hero .ticket-flow{
    align-items:stretch!important;
  }
  html body.unified-support-layout .ticket-detail-page > .ticket-hero .ticket-flow .ticket-step{
    box-sizing:border-box!important;
    height:100%!important;
    min-height:172px!important;
    padding:15px 13px!important;
    justify-content:flex-start!important;
    overflow:hidden!important;
  }
  html body.unified-support-layout .ticket-detail-page > .ticket-hero .ticket-flow .ticket-step .step-icon{
    flex:0 0 auto!important;
  }
  html body.unified-support-layout .ticket-detail-page > .ticket-hero .ticket-flow .ticket-step h3{
    margin-top:9px!important;
    margin-bottom:7px!important;
    line-height:1.2!important;
  }
  html body.unified-support-layout .ticket-detail-page > .ticket-hero .ticket-flow .ticket-step p{
    margin:0 0 10px!important;
    line-height:1.38!important;
  }
  html body.unified-support-layout .ticket-detail-page > .ticket-hero .ticket-flow .ticket-step .step-state{
    margin-top:auto!important;
  }

  /* KPI / souhrnné karty v detailu přesně na střed. */
  html body.unified-support-layout .ticket-detail-page .ticket-meta-card,
  html body.unified-support-layout .ticket-detail-page .ticket-summary-grid-v466 .summary-card,
  html body.unified-support-layout .ticket-detail-page .ticket-summary-item{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }
}

@media (max-width:420px){
  html body.unified-support-layout .ticket-detail-page > .ticket-hero h1{
    font-size:clamp(24px,7.2vw,29px)!important;
    line-height:1.08!important;
  }
  html body.unified-support-layout .ticket-detail-page > .ticket-hero .ticket-flow{
    gap:9px!important;
  }
  html body.unified-support-layout .ticket-detail-page > .ticket-hero .ticket-flow .ticket-step{
    min-height:166px!important;
    padding:13px 10px!important;
  }
  html body.unified-support-layout .ticket-detail-page > .ticket-hero .ticket-flow .ticket-step h3{
    font-size:13.5px!important;
  }
  html body.unified-support-layout .ticket-detail-page > .ticket-hero .ticket-flow .ticket-step p{
    font-size:11.5px!important;
  }
}