/* IT-BALON.CZ Podpora v588
   Finální sjednocení klientských podstránek, nového ticketu a mobilních hran. */

/* Klientská navigace již nepoužívá samostatnou položku Schválení. */
body:not(.itb-admin-mode) #itb-client-side-nav > a[href*="status=waiting_approval"]{
  display:none!important;
}

/* =========================================================
   KLIENTSKÉ PODSTRÁNKY – MODRÝ HERO PŘESNĚ OD HRANY OBSAHU
   ========================================================= */
body.unified-support-layout:not(.itb-admin-mode) :is(
  .itb-v555-page-service_days,
  .itb-v555-page-invoices,
  .itb-v555-page-hours,
  .itb-v555-page-billing,
  .itb-v555-page-contact,
  .itb-v555-page-activity,
  .itb-v555-page-stats
){
  gap:0!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
body.unified-support-layout:not(.itb-admin-mode) :is(
  .itb-v555-page-service_days,
  .itb-v555-page-invoices,
  .itb-v555-page-hours,
  .itb-v555-page-billing,
  .itb-v555-page-contact,
  .itb-v555-page-activity,
  .itb-v555-page-stats
) > .itb-v555-main{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0 22px 44px!important;
  overflow:visible!important;
}
body.unified-support-layout:not(.itb-admin-mode) :is(
  .itb-v555-page-service_days,
  .itb-v555-page-invoices,
  .itb-v555-page-hours,
  .itb-v555-page-billing,
  .itb-v555-page-contact,
  .itb-v555-page-activity,
  .itb-v555-page-stats
) .itb-v555-wrap{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0 0 32px!important;
}
body.unified-support-layout:not(.itb-admin-mode) :is(
  .itb-v555-page-service_days,
  .itb-v555-page-invoices,
  .itb-v555-page-hours,
  .itb-v555-page-billing,
  .itb-v555-page-contact,
  .itb-v555-page-activity,
  .itb-v555-page-stats
) .itb-v555-hero{
  width:calc(100% + 44px)!important;
  max-width:none!important;
  margin:0 -22px 0!important;
  border-radius:0!important;
  border-top:0!important;
  border-left:0!important;
  border-right:0!important;
  box-shadow:none!important;
}

/* KPI s neuhrazenou fakturou – nový přesný stav. */
body:not(.itb-admin-mode) .itb-kpis-client-v342 .itb-kpi-unpaid-active::after{
  content:none!important;
  display:none!important;
}
body:not(.itb-admin-mode) .itb-kpis-client-v342 .itb-kpi-unpaid-active em{
  text-transform:none!important;
  letter-spacing:.035em!important;
}

/* =========================================================
   NOVÝ TICKET – STEJNÝ SHELL, HERO A KARTA KLIENTA
   ========================================================= */
body.itb-new-ticket-v567{
  padding-left:0!important;
  overflow-x:hidden!important;
  background:#eef5fc!important;
}
body.itb-new-ticket-v567 .itb-new-ticket-shell-v567{
  display:grid!important;
  grid-template-columns:var(--itb-sidebar-full-v542,260px) minmax(0,1fr)!important;
  gap:0!important;
  width:100%!important;
  max-width:none!important;
  min-height:100vh!important;
  margin:0!important;
  padding:0!important;
  background:#eef5fc!important;
}
html.itb-sidebar-collapsed body.itb-new-ticket-v567 .itb-new-ticket-shell-v567{
  grid-template-columns:var(--itb-sidebar-mini-v542,78px) minmax(0,1fr)!important;
}
body.itb-new-ticket-v567 .itb-new-ticket-main-v567{
  grid-column:2!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:#eef5fc!important;
}
body.itb-new-ticket-v567 .itb-new-ticket-page-v580{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0 22px 42px!important;
}
body.itb-new-ticket-v567 .itb-new-ticket-hero-v580{
  position:relative!important;
  isolation:isolate!important;
  display:block!important;
  width:calc(100% + 44px)!important;
  max-width:none!important;
  min-height:260px!important;
  margin:0 -22px 0!important;
  padding:35px 38px 92px!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  color:#fff!important;
  background-image:
    linear-gradient(103deg,rgba(5,27,65,.84),rgba(5,51,112,.70) 52%,rgba(9,105,255,.34)),
    var(--itb-new-ticket-company-bg,url('/podpora/assets/itbalon-hero-v190-03-bg.webp'))!important;
  background-size:cover!important;
  background-position:center!important;
  box-shadow:none!important;
}
body.itb-new-ticket-v567 .itb-new-ticket-hero-v580::after{
  content:""!important;
  position:absolute!important;
  inset:auto 0 0!important;
  height:82px!important;
  z-index:-1!important;
  background:linear-gradient(180deg,rgba(238,245,252,0),#eef5fc)!important;
  pointer-events:none!important;
}
body.itb-new-ticket-v567 .itb-new-ticket-hero-copy-v588{
  max-width:min(760px,calc(100% - 570px))!important;
}
body.itb-new-ticket-v567 .itb-new-ticket-hero-v580 h1{
  margin:4px 0 10px!important;
  color:#fff!important;
  font-size:clamp(38px,4vw,58px)!important;
  line-height:1!important;
  letter-spacing:-.055em!important;
  font-weight:900!important;
}
body.itb-new-ticket-v567 .itb-new-ticket-hero-v580 p{
  max-width:760px!important;
  margin:0!important;
  color:#e6f1ff!important;
  font-size:15px!important;
  line-height:1.55!important;
  font-weight:550!important;
}
body.itb-new-ticket-v567 .itb-new-ticket-company-card-v588{
  position:absolute!important;
  top:26px!important;
  right:36px!important;
  display:grid!important;
  grid-template-columns:minmax(180px,260px) minmax(180px,270px)!important;
  align-items:center!important;
  gap:18px!important;
  width:min(570px,44vw)!important;
  min-width:0!important;
  padding:15px 18px!important;
  border:1px solid rgba(255,255,255,.30)!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.15)!important;
  box-shadow:0 18px 42px rgba(0,31,78,.16)!important;
  backdrop-filter:blur(8px)!important;
}
body.itb-new-ticket-v567 .itb-new-ticket-company-logo-v588{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  min-height:90px!important;
  padding:13px!important;
  border-radius:19px!important;
  background:#fff!important;
  overflow:hidden!important;
}
body.itb-new-ticket-v567 .itb-new-ticket-company-logo-v588 img{
  display:block!important;
  max-width:100%!important;
  max-height:68px!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
}
body.itb-new-ticket-v567 .itb-new-ticket-company-info-v588{
  min-width:0!important;
  text-align:right!important;
}
body.itb-new-ticket-v567 .itb-new-ticket-company-info-v588 small{
  display:block!important;
  color:#dbeafe!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
}
body.itb-new-ticket-v567 .itb-new-ticket-company-info-v588 strong{
  display:block!important;
  margin-top:4px!important;
  color:#fff!important;
  font-size:18px!important;
  line-height:1.2!important;
  font-weight:850!important;
  overflow-wrap:anywhere!important;
}
body.itb-new-ticket-v567 .itb-new-ticket-company-info-v588 span{
  display:block!important;
  margin-top:5px!important;
  color:#dbeafe!important;
  font-size:12px!important;
  overflow-wrap:anywhere!important;
}
body.itb-new-ticket-v567 .ticket-layout{
  width:100%!important;
  max-width:none!important;
  margin:-42px 0 0!important;
  position:relative!important;
  z-index:4!important;
}
body.itb-new-ticket-v567 .form-panel,
body.itb-new-ticket-v567 .help-panel{
  border-radius:22px!important;
}
body.itb-new-ticket-v567 .itb-ticket-help-v525 > .itb-help-toggle-v567{
  border:0!important;
  outline:0!important;
}

/* =========================================================
   TABLET + MOBIL
   ========================================================= */
@media(max-width:1180px){
  body.itb-new-ticket-v567 .itb-new-ticket-hero-copy-v588{
    max-width:calc(100% - 390px)!important;
  }
  body.itb-new-ticket-v567 .itb-new-ticket-company-card-v588{
    grid-template-columns:150px minmax(0,1fr)!important;
    width:360px!important;
  }
}

@media(max-width:900px){
  body.unified-support-layout:not(.itb-admin-mode) :is(
    .itb-v555-page-service_days,
    .itb-v555-page-invoices,
    .itb-v555-page-hours,
    .itb-v555-page-billing,
    .itb-v555-page-contact,
    .itb-v555-page-activity,
    .itb-v555-page-stats
  ) > .itb-v555-main{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0 10px 28px!important;
  }
  body.unified-support-layout:not(.itb-admin-mode) :is(
    .itb-v555-page-service_days,
    .itb-v555-page-invoices,
    .itb-v555-page-hours,
    .itb-v555-page-billing,
    .itb-v555-page-contact,
    .itb-v555-page-activity,
    .itb-v555-page-stats
  ) .itb-v555-hero{
    width:calc(100% + 20px)!important;
    min-height:218px!important;
    margin:0 -10px 14px!important;
    padding:23px 16px 22px!important;
    border-top:0!important;
    border-left:0!important;
    border-right:0!important;
    border-radius:0 0 24px 24px!important;
    box-shadow:0 18px 40px rgba(8,44,92,.12)!important;
  }
  body.unified-support-layout:not(.itb-admin-mode) :is(
    .itb-v555-page-service_days,
    .itb-v555-page-invoices,
    .itb-v555-page-hours,
    .itb-v555-page-billing,
    .itb-v555-page-contact,
    .itb-v555-page-activity,
    .itb-v555-page-stats
  ) .itb-v555-kpis,
  body.unified-support-layout:not(.itb-admin-mode) :is(
    .itb-v555-page-service_days,
    .itb-v555-page-invoices,
    .itb-v555-page-hours,
    .itb-v555-page-billing,
    .itb-v555-page-contact,
    .itb-v555-page-activity,
    .itb-v555-page-stats
  ) .itb-v555-kpis.four{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    margin:0 0 15px!important;
  }
  body.unified-support-layout:not(.itb-admin-mode) :is(
    .itb-v555-page-service_days,
    .itb-v555-page-invoices,
    .itb-v555-page-hours,
    .itb-v555-page-billing,
    .itb-v555-page-contact,
    .itb-v555-page-activity,
    .itb-v555-page-stats
  ) .itb-v555-grid{
    grid-template-columns:minmax(0,1fr)!important;
    gap:14px!important;
  }
  body.unified-support-layout:not(.itb-admin-mode) :is(
    .itb-v555-page-service_days,
    .itb-v555-page-invoices,
    .itb-v555-page-hours,
    .itb-v555-page-billing,
    .itb-v555-page-contact,
    .itb-v555-page-activity,
    .itb-v555-page-stats
  ) .itb-v555-card{
    min-width:0!important;
    padding:16px!important;
    border-radius:18px!important;
  }
  body.unified-support-layout:not(.itb-admin-mode) :is(
    .itb-v555-page-service_days,
    .itb-v555-page-invoices,
    .itb-v555-page-hours,
    .itb-v555-page-billing,
    .itb-v555-page-contact,
    .itb-v555-page-activity,
    .itb-v555-page-stats
  ) :is(.itb-v555-table-wrap,.itb-v555-calendar,[class*="table-wrap"]){
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }

  body.itb-new-ticket-v567 .itb-new-ticket-shell-v567{
    display:block!important;
    width:100%!important;
  }
  body.itb-new-ticket-v567 .itb-new-ticket-main-v567{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0 10px 28px!important;
  }
  body.itb-new-ticket-v567 .itb-new-ticket-page-v580{
    padding:0!important;
  }
  body.itb-new-ticket-v567 .itb-new-ticket-hero-v580{
    width:calc(100% + 20px)!important;
    min-height:224px!important;
    margin:0 -10px 14px!important;
    padding:23px 16px 20px!important;
    border:0!important;
    border-radius:0 0 24px 24px!important;
    background:
      radial-gradient(circle at 82% 18%,rgba(70,184,255,.30),transparent 31%),
      linear-gradient(145deg,#061c45 0%,#083f8f 52%,#0d68ff 100%)!important;
    box-shadow:0 18px 40px rgba(8,44,92,.13)!important;
  }
  body.itb-new-ticket-v567 .itb-new-ticket-hero-copy-v588{
    max-width:calc(100% - 76px)!important;
  }
  body.itb-new-ticket-v567 .itb-new-ticket-hero-v580 h1{
    max-width:100%!important;
    font-size:clamp(28px,8.5vw,35px)!important;
    line-height:1.03!important;
  }
  body.itb-new-ticket-v567 .itb-new-ticket-hero-v580 p{
    max-width:100%!important;
    font-size:13.5px!important;
    line-height:1.48!important;
  }
  body.itb-new-ticket-v567 .itb-new-ticket-company-card-v588{
    position:absolute!important;
    inset:auto 13px 16px auto!important;
    display:flex!important;
    width:72px!important;
    height:52px!important;
    min-width:72px!important;
    padding:6px!important;
    border-radius:15px!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 12px 26px rgba(0,25,70,.18)!important;
    backdrop-filter:none!important;
  }
  body.itb-new-ticket-v567 .itb-new-ticket-company-logo-v588{
    width:100%!important;
    min-height:0!important;
    height:100%!important;
    padding:0!important;
    border-radius:9px!important;
  }
  body.itb-new-ticket-v567 .itb-new-ticket-company-logo-v588 img{
    width:100%!important;
    height:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
  }
  body.itb-new-ticket-v567 .itb-new-ticket-company-info-v588{
    display:none!important;
  }
  body.itb-new-ticket-v567 .ticket-layout{
    grid-template-columns:minmax(0,1fr)!important;
    gap:13px!important;
    margin:0!important;
  }
  body.itb-new-ticket-v567 .form-panel,
  body.itb-new-ticket-v567 .help-panel{
    width:100%!important;
    min-width:0!important;
    padding:16px!important;
    border-radius:18px!important;
  }
  body.itb-new-ticket-v567 .form-grid,
  body.itb-new-ticket-v567 .itb-ticket-type-grid-v525,
  body.itb-new-ticket-v567 .itb-priority-row-v525,
  body.itb-new-ticket-v567 .admin-ticket-owner-grid-v521{
    grid-template-columns:minmax(0,1fr)!important;
  }
  body.itb-new-ticket-v567 .form-head{
    display:block!important;
  }
  body.itb-new-ticket-v567 .mode-pill{
    margin-top:11px!important;
    white-space:normal!important;
  }
  body.itb-new-ticket-v567 .actions{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  body.itb-new-ticket-v567 .actions > *{
    width:100%!important;
  }
  body.itb-new-ticket-v567 .itb-legacy-full-footer-v348{
    width:calc(100% + 20px)!important;
    margin:24px -10px -28px!important;
  }
}

@media(max-width:430px){
  body.unified-support-layout:not(.itb-admin-mode) :is(
    .itb-v555-page-service_days,
    .itb-v555-page-invoices,
    .itb-v555-page-hours,
    .itb-v555-page-billing,
    .itb-v555-page-contact,
    .itb-v555-page-activity,
    .itb-v555-page-stats
  ) .itb-v555-kpi{
    min-height:128px!important;
    padding:14px 9px!important;
  }
  body.unified-support-layout:not(.itb-admin-mode) :is(
    .itb-v555-page-service_days,
    .itb-v555-page-invoices,
    .itb-v555-page-hours,
    .itb-v555-page-billing,
    .itb-v555-page-contact,
    .itb-v555-page-activity,
    .itb-v555-page-stats
  ) .itb-v555-kpi strong{
    font-size:clamp(19px,6vw,25px)!important;
    overflow-wrap:anywhere!important;
  }
}