/* IT-BALON.CZ v640 – oprava mobilního workflow a nové KPI karty */
.itb-ticket-mobile-kpis-v640{display:none;}

@media (max-width:900px){
  /* Původní workflow z desktopového hero se na mobilu nesmí zobrazit. */
  html body .ticket-detail-page .ticket-hero .ticket-flow,
  html body .ticket-detail-page .ticket-hero section.ticket-flow,
  html body .ticket-detail-page .itb-ticket-desktop-flow-v640,
  html body section.ticket-flow.itb-ticket-desktop-flow-v640{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }

  /* Hero končí po stavech, workflow je až pod ním v samostatné bílé sekci. */
  html body.unified-support-layout .ticket-detail-page > .ticket-hero{
    padding-bottom:22px!important;
  }

  /* Původní KPI strip je na mobilu nahrazen novým dvousloupcovým přehledem. */
  html body.unified-support-layout .ticket-summary-strip-v466{
    display:none!important;
  }

  html body.unified-support-layout .itb-ticket-mobile-kpis-v640{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    margin:12px 10px 16px!important;
    padding:0!important;
  }

  html body.unified-support-layout .itb-ticket-mobile-kpi-v640{
    position:relative!important;
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr)!important;
    align-items:center!important;
    gap:10px!important;
    min-width:0!important;
    min-height:112px!important;
    padding:13px 12px!important;
    border:1px solid #dce7f3!important;
    border-radius:19px!important;
    background:#fff!important;
    box-shadow:0 11px 24px rgba(15,44,87,.065)!important;
    overflow:hidden!important;
  }

  html body.unified-support-layout .itb-ticket-mobile-kpi-icon-v640{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:44px!important;
    height:44px!important;
    border-radius:50%!important;
    background:#eaf2ff!important;
    color:#0969ff!important;
    flex:0 0 44px!important;
  }
  html body.unified-support-layout .itb-ticket-mobile-kpi-icon-v640 svg{
    width:23px!important;
    height:23px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:1.8!important;
    stroke-linecap:round!important;
    stroke-linejoin:round!important;
  }

  html body.unified-support-layout .itb-ticket-mobile-kpi-copy-v640{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    min-width:0!important;
    text-align:left!important;
  }
  html body.unified-support-layout .itb-ticket-mobile-kpi-copy-v640 small{
    display:block!important;
    width:100%!important;
    margin:0 0 4px!important;
    color:#7185a3!important;
    font-size:8.7px!important;
    font-weight:900!important;
    line-height:1.15!important;
    letter-spacing:.075em!important;
    text-transform:uppercase!important;
  }
  html body.unified-support-layout .itb-ticket-mobile-kpi-copy-v640 strong{
    display:block!important;
    width:100%!important;
    margin:0 0 4px!important;
    color:#0b2349!important;
    font-size:14.5px!important;
    font-weight:900!important;
    line-height:1.15!important;
    letter-spacing:-.015em!important;
    overflow-wrap:anywhere!important;
  }
  html body.unified-support-layout .itb-ticket-mobile-kpi-copy-v640 em{
    display:block!important;
    width:100%!important;
    color:#6b7f9e!important;
    font-size:9.5px!important;
    font-style:normal!important;
    font-weight:550!important;
    line-height:1.28!important;
    overflow-wrap:anywhere!important;
  }

  html body.unified-support-layout .itb-ticket-mobile-kpi-v640.tone-orange .itb-ticket-mobile-kpi-icon-v640{
    background:#fff0e7!important;color:#f36b14!important;
  }
  html body.unified-support-layout .itb-ticket-mobile-kpi-v640.tone-purple .itb-ticket-mobile-kpi-icon-v640{
    background:#f2eaff!important;color:#8147e8!important;
  }
  html body.unified-support-layout .itb-ticket-mobile-kpi-v640.tone-cyan .itb-ticket-mobile-kpi-icon-v640{
    background:#e7f8fa!important;color:#08a9b2!important;
  }
  html body.unified-support-layout .itb-ticket-mobile-kpi-v640.tone-green .itb-ticket-mobile-kpi-icon-v640{
    background:#e9f8ed!important;color:#10a348!important;
  }
  html body.unified-support-layout .itb-ticket-mobile-kpi-v640.tone-indigo .itb-ticket-mobile-kpi-icon-v640{
    background:#edf2ff!important;color:#3f63dd!important;
  }
  html body.unified-support-layout .itb-ticket-mobile-kpi-v640.tone-slate .itb-ticket-mobile-kpi-icon-v640{
    background:#eef3f8!important;color:#57708f!important;
  }

  /* Workflow jako vlastní sekce – bez optického napojení na modrý header. */
  html body.unified-support-layout .itb-ticket-mobile-overview-v639{
    margin:14px 10px 0!important;
    padding:0!important;
    background:transparent!important;
  }
  html body.unified-support-layout .itb-ticket-mobile-stepper-v639{
    margin:0!important;
  }
  html body.unified-support-layout .itb-ticket-mobile-focus-v639{
    margin-top:10px!important;
  }
  html body.unified-support-layout .itb-ticket-mobile-focus-card-v639{
    min-height:208px!important;
    padding:16px 11px 14px!important;
  }
  html body.unified-support-layout .itb-ticket-mobile-focus-card-v639 > p{
    font-size:11.5px!important;
    line-height:1.4!important;
  }
}

@media (max-width:390px){
  html body.unified-support-layout .itb-ticket-mobile-kpis-v640{
    gap:8px!important;
    margin-left:8px!important;
    margin-right:8px!important;
  }
  html body.unified-support-layout .itb-ticket-mobile-kpi-v640{
    grid-template-columns:38px minmax(0,1fr)!important;
    gap:8px!important;
    min-height:108px!important;
    padding:11px 9px!important;
    border-radius:17px!important;
  }
  html body.unified-support-layout .itb-ticket-mobile-kpi-icon-v640{
    width:38px!important;
    height:38px!important;
    flex-basis:38px!important;
  }
  html body.unified-support-layout .itb-ticket-mobile-kpi-icon-v640 svg{
    width:20px!important;
    height:20px!important;
  }
  html body.unified-support-layout .itb-ticket-mobile-kpi-copy-v640 small{
    font-size:7.9px!important;
  }
  html body.unified-support-layout .itb-ticket-mobile-kpi-copy-v640 strong{
    font-size:12.8px!important;
  }
  html body.unified-support-layout .itb-ticket-mobile-kpi-copy-v640 em{
    font-size:8.8px!important;
  }
}