/* IT-BALON.CZ Podpora v567
   Sjednoceni zbyvajicich klientskych podstranek:
   - zalozeni ticketu pouziva stejny sidebar a mobilni drawer jako dashboard
   - detail ticketu ma profesionalni mobilni tok a citelne karty
*/

/* =========================================================
   NOVY TICKET – desktop shell
   ========================================================= */
html body.itb-new-ticket-v567{
  margin:0!important;
  padding:0!important;
  min-width:0!important;
  overflow-x:hidden!important;
  background:#eef5fc!important;
  color:#071c3d!important;
}
body.itb-new-ticket-v567 .itb-new-ticket-shell-v567{
  display:grid!important;
  grid-template-columns:260px minmax(0,1fr)!important;
  width:100%!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:78px minmax(0,1fr)!important;
}
body.itb-new-ticket-v567 .itb-new-ticket-main-v567{
  grid-column:2!important;
  min-width:0!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0 22px 42px!important;
  background:#eef5fc!important;
  overflow:visible!important;
}
body.itb-new-ticket-v567 .itb-new-ticket-main-v567 > .page{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0 0 34px!important;
}
body.itb-new-ticket-v567 .itb-new-ticket-main-v567 > .page > .hero{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  width:calc(100% + 44px)!important;
  min-height:236px!important;
  margin:0 -22px 22px!important;
  padding:38px 38px 82px!important;
  border:0!important;
  border-radius:0!important;
  background:
    linear-gradient(104deg,rgba(5,25,62,.96) 0%,rgba(9,83,170,.90) 57%,rgba(14,165,233,.82) 100%),
    url('/podpora/assets/itbalon-hero-v190-03-bg.webp') center/cover no-repeat!important;
  box-shadow:none!important;
  color:#fff!important;
}
body.itb-new-ticket-v567 .itb-new-ticket-main-v567 > .page > .hero::after{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:76px!important;
  background:linear-gradient(180deg,rgba(238,245,252,0),#eef5fc)!important;
}
body.itb-new-ticket-v567 .hero .eyebrow{
  color:#bfdbfe!important;
  font-size:11px!important;
  font-weight:850!important;
  letter-spacing:.14em!important;
}
body.itb-new-ticket-v567 .hero h1{
  max-width:780px!important;
  margin:9px 0 8px!important;
  color:#fff!important;
  font-size:clamp(34px,3vw,48px)!important;
  line-height:1.03!important;
  letter-spacing:-.045em!important;
  font-weight:850!important;
}
body.itb-new-ticket-v567 .hero p{
  max-width:820px!important;
  margin:0!important;
  color:#e5f1ff!important;
  font-size:15px!important;
  line-height:1.55!important;
  font-weight:520!important;
}
body.itb-new-ticket-v567 .ticket-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(300px,360px)!important;
  gap:20px!important;
  align-items:start!important;
  width:100%!important;
  max-width:1500px!important;
  margin:-54px auto 0!important;
  position:relative!important;
  z-index:4!important;
}
body.itb-new-ticket-v567 .panel{
  border:1px solid #dbe7f5!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 20px 50px rgba(15,23,42,.075)!important;
}
body.itb-new-ticket-v567 .form-panel{padding:25px!important;}
body.itb-new-ticket-v567 .help-panel{
  position:sticky!important;
  top:18px!important;
  padding:21px!important;
  max-height:calc(100vh - 36px)!important;
  overflow:auto!important;
}
body.itb-new-ticket-v567 .form-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin-bottom:20px!important;
  padding-bottom:18px!important;
  border-bottom:1px solid #e5edf7!important;
}
body.itb-new-ticket-v567 .form-head h1{
  margin:6px 0 6px!important;
  font-size:28px!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
  font-weight:820!important;
}
body.itb-new-ticket-v567 .form-head p{font-weight:450!important;line-height:1.5!important;}
body.itb-new-ticket-v567 .mode-pill{
  padding:9px 12px!important;
  border-radius:12px!important;
  background:#eef6ff!important;
  color:#075edc!important;
  font-weight:800!important;
}
body.itb-new-ticket-v567 label,
body.itb-new-ticket-v567 legend{font-weight:760!important;}
body.itb-new-ticket-v567 input,
body.itb-new-ticket-v567 select,
body.itb-new-ticket-v567 textarea{
  min-height:46px!important;
  border-color:#cfdff1!important;
  border-radius:13px!important;
  font-weight:500!important;
}
body.itb-new-ticket-v567 textarea{min-height:160px!important;line-height:1.55!important;}
body.itb-new-ticket-v567 .itb-ticket-type-card-v525{
  min-height:102px!important;
  border-radius:16px!important;
  box-shadow:none!important;
}
body.itb-new-ticket-v567 .itb-ticket-type-card-v525 strong{font-weight:780!important;}
body.itb-new-ticket-v567 .itb-ticket-type-card-v525 small{font-weight:430!important;}
body.itb-new-ticket-v567 .itb-priority-preview-v525{
  min-height:76px!important;
  background:linear-gradient(180deg,#f8fbff,#fff)!important;
  border:1px solid #dbe7f5!important;
}
body.itb-new-ticket-v567 .actions{
  display:flex!important;
  justify-content:flex-end!important;
  gap:10px!important;
  margin-top:20px!important;
  padding-top:18px!important;
  border-top:1px solid #e5edf7!important;
}
body.itb-new-ticket-v567 .btn-secondary,
body.itb-new-ticket-v567 .btn-primary{
  min-height:46px!important;
  border-radius:13px!important;
  font-weight:820!important;
}
body.itb-new-ticket-v567 .btn-primary{
  background:linear-gradient(135deg,#0969ff,#0ea5e9)!important;
  box-shadow:0 12px 25px rgba(9,105,255,.22)!important;
}
body.itb-new-ticket-v567 .help-panel h2{
  margin:0 0 12px!important;
  font-size:20px!important;
  letter-spacing:-.025em!important;
  font-weight:820!important;
}
body.itb-new-ticket-v567 .help-step{
  margin-top:8px!important;
  padding:11px 12px!important;
  border-radius:13px!important;
  background:#f8fbff!important;
}
body.itb-new-ticket-v567 .help-step strong{font-weight:760!important;}
body.itb-new-ticket-v567 .help-step small{font-weight:420!important;}
body.itb-new-ticket-v567 .itb-package-help-v525{border-radius:15px!important;}
body.itb-new-ticket-v567 .itb-legacy-full-footer-v348{
  width:calc(100% + 44px)!important;
  margin:30px -22px -42px!important;
  box-sizing:border-box!important;
}
body.itb-new-ticket-v567 .client-shell-header,
body.itb-new-ticket-v567 .itb-legacy-sidebar{display:none!important;}

/* =========================================================
   DETAIL TICKETU – desktop cleanup
   ========================================================= */
body.unified-support-layout .itb-ticket-main-v347{
  min-width:0!important;
  width:100%!important;
  max-width:none!important;
  padding:0 22px 42px!important;
  background:#eef5fc!important;
}
body.unified-support-layout .itb-ticket-main-v347 > .itb-page-hero-v348{
  width:calc(100% + 44px)!important;
  margin:0 -22px 18px!important;
  border-radius:0!important;
}
body.unified-support-layout .itb-ticket-main-v347 .ticket-detail-page{
  width:100%!important;
  max-width:1500px!important;
  margin:0 auto!important;
}
body.unified-support-layout .itb-ticket-main-v347 .ticket-hero{
  overflow:visible!important;
  border-radius:22px!important;
  box-shadow:0 18px 44px rgba(15,23,42,.07)!important;
}
body.unified-support-layout .itb-ticket-main-v347 .ticket-head h1{
  font-weight:850!important;
  letter-spacing:-.04em!important;
}
body.unified-support-layout .itb-ticket-main-v347 .ticket-step{
  min-width:0!important;
  border-radius:17px!important;
}
body.unified-support-layout .itb-ticket-main-v347 .ticket-card{
  border-radius:20px!important;
  box-shadow:0 15px 36px rgba(15,23,42,.055)!important;
}

/* =========================================================
   TABLET + MOBILE
   ========================================================= */
@media(max-width:1180px){
  body.itb-new-ticket-v567 .ticket-layout{grid-template-columns:1fr!important;}
  body.itb-new-ticket-v567 .help-panel{
    position:static!important;
    max-height:none!important;
    overflow:visible!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  body.itb-new-ticket-v567 .help-panel h2,
  body.itb-new-ticket-v567 .itb-package-help-v525{grid-column:1/-1!important;}
  body.itb-new-ticket-v567 .help-step{margin:0!important;}
}

@media(max-width:900px){
  body.itb-new-ticket-v567 .itb-new-ticket-shell-v567{display:block!important;}
  body.itb-new-ticket-v567 .itb-new-ticket-main-v567{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0 12px 30px!important;
  }
  body.itb-new-ticket-v567 .itb-new-ticket-main-v567 > .page{padding:0 0 24px!important;}
  body.itb-new-ticket-v567 .itb-new-ticket-main-v567 > .page > .hero{
    width:calc(100% + 24px)!important;
    min-height:190px!important;
    margin:0 -12px 14px!important;
    padding:28px 18px 38px!important;
    border-radius:0 0 22px 22px!important;
  }
  body.itb-new-ticket-v567 .hero h1{font-size:30px!important;}
  body.itb-new-ticket-v567 .hero p{font-size:13.5px!important;line-height:1.45!important;}
  body.itb-new-ticket-v567 .ticket-layout{margin:0!important;gap:14px!important;}
  body.itb-new-ticket-v567 .form-panel{padding:17px!important;}
  body.itb-new-ticket-v567 .form-head{display:block!important;padding-bottom:14px!important;}
  body.itb-new-ticket-v567 .form-head h1{font-size:24px!important;}
  body.itb-new-ticket-v567 .mode-pill{margin-top:12px!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:1fr!important;
  }
  body.itb-new-ticket-v567 .itb-ticket-type-card-v525{min-height:0!important;padding:14px!important;}
  body.itb-new-ticket-v567 textarea{min-height:140px!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 .help-panel{
    display:block!important;
    padding:16px!important;
  }
  body.itb-new-ticket-v567 .help-panel .help-step{margin-top:8px!important;}
  body.itb-new-ticket-v567 .help-panel.is-collapsed-v567 .help-step,
  body.itb-new-ticket-v567 .help-panel.is-collapsed-v567 .itb-package-help-v525{display:none!important;}
  .itb-help-toggle-v567{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    min-height:44px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    color:#071c3d!important;
    font:inherit!important;
    font-size:18px!important;
    font-weight:820!important;
    cursor:pointer!important;
  }
  .itb-help-toggle-v567 span:last-child{color:#0969ff!important;font-size:13px!important;}
  body.itb-new-ticket-v567 .itb-legacy-full-footer-v348{
    width:calc(100% + 24px)!important;
    margin:24px -12px -30px!important;
  }

  /* Ticket detail: jedna mobilni hlavicka a horizontalni workflow. */
  body.unified-support-layout .itb-ticket-main-v347{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0 11px 30px!important;
  }
  body.unified-support-layout .itb-ticket-main-v347 > .itb-page-hero-v348{display:none!important;}
  body.unified-support-layout .itb-ticket-main-v347 .ticket-detail-page{
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  body.unified-support-layout .itb-ticket-main-v347 .ticket-hero{
    width:calc(100% + 22px)!important;
    margin:0 -11px 14px!important;
    padding:18px 14px 15px!important;
    border:0!important;
    border-radius:0 0 22px 22px!important;
    overflow:hidden!important;
  }
  body.unified-support-layout .itb-ticket-main-v347 .ticket-back{
    display:inline-flex!important;
    margin:0 0 13px!important;
    font-size:12px!important;
  }
  body.unified-support-layout .itb-ticket-main-v347 .ticket-head{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  body.unified-support-layout .itb-ticket-main-v347 .ticket-head h1{
    margin:0!important;
    font-size:clamp(25px,7vw,34px)!important;
    line-height:1.08!important;
    overflow-wrap:anywhere!important;
  }
  body.unified-support-layout .itb-ticket-main-v347 .ticket-sub{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:5px 7px!important;
    margin-top:9px!important;
    font-size:12px!important;
    line-height:1.4!important;
  }
  body.unified-support-layout .itb-ticket-main-v347 .ticket-hero-right-v469{
    display:grid!important;
    gap:10px!important;
    justify-items:start!important;
  }
  body.unified-support-layout .itb-ticket-main-v347 .ticket-client-logo-v469{
    width:100%!important;
    max-width:260px!important;
    height:60px!important;
    min-height:60px!important;
    padding:8px 12px!important;
    border-radius:14px!important;
  }
  body.unified-support-layout .itb-ticket-main-v347 .ticket-client-logo-v469 img{
    width:auto!important;
    max-width:100%!important;
    height:44px!important;
    max-height:44px!important;
  }
  body.unified-support-layout .itb-ticket-main-v347 .ticket-badges{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:7px!important;
  }
  body.unified-support-layout .itb-ticket-main-v347 .ticket-flow{
    display:flex!important;
    grid-template-columns:none!important;
    gap:10px!important;
    width:calc(100% + 14px)!important;
    margin:18px -7px 0!important;
    padding:0 7px 8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    overscroll-behavior-x:contain!important;
    -webkit-overflow-scrolling:touch!important;
    scrollbar-width:thin!important;
  }
  body.unified-support-layout .itb-ticket-main-v347 .ticket-step{
    flex:0 0 min(82vw,320px)!important;
    min-width:min(82vw,320px)!important;
    min-height:148px!important;
    scroll-snap-align:start!important;
    padding:15px!important;
  }
  body.unified-support-layout .itb-ticket-main-v347 .ticket-step h3{font-size:16px!important;}
  body.unified-support-layout .itb-ticket-main-v347 .ticket-step p{font-size:12px!important;line-height:1.4!important;}
  body.unified-support-layout .itb-ticket-main-v347 .ticket-summary-grid-v466{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  body.unified-support-layout .itb-ticket-main-v347 .summary-card{
    min-width:0!important;
    padding:13px!important;
    border-radius:15px!important;
  }
  body.unified-support-layout .itb-ticket-main-v347 .summary-card strong{
    font-size:16px!important;
    overflow-wrap:anywhere!important;
  }
  body.unified-support-layout .itb-ticket-main-v347 .ticket-main{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:13px!important;
  }
  body.unified-support-layout .itb-ticket-main-v347 .ticket-card{padding:16px!important;border-radius:17px!important;}
  body.unified-support-layout .itb-ticket-main-v347 .ticket-side-stack{display:grid!important;gap:12px!important;}
  body.unified-support-layout .itb-ticket-main-v347 .ticket-admin-classification-form select,
  body.unified-support-layout .itb-ticket-main-v347 .ticket-admin-classification-form input,
  body.unified-support-layout .itb-ticket-main-v347 .ticket-admin-classification-form textarea,
  body.unified-support-layout .itb-ticket-main-v347 .ticket-admin-classification-form button{
    width:100%!important;
    max-width:100%!important;
  }
  body.unified-support-layout .itb-ticket-main-v347 table{
    min-width:660px!important;
  }
  body.unified-support-layout .itb-ticket-main-v347 .table-wrap,
  body.unified-support-layout .itb-ticket-main-v347 .ticket-table-wrap{
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body.unified-support-layout .itb-ticket-main-v347 .itb-client-approval-modal-v592{
    max-height:calc(100dvh - 86px)!important;
    overflow:auto!important;
    padding:18px!important;
  }
}

@media(max-width:520px){
  body.unified-support-layout .itb-ticket-main-v347 .ticket-summary-grid-v466{grid-template-columns:1fr!important;}
  body.itb-new-ticket-v567 .success-popup-backdrop{padding:10px!important;}
  body.itb-new-ticket-v567 .success-popup{border-radius:18px!important;}
}

/* New ticket je na teto strance aktivni hlavni CTA v sidebaru. */
body.itb-new-ticket-v567 .itb-sidebar-primary-cta-v467{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  min-height:44px!important;
  margin:4px 4px 14px!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,#0969ff,#0ea5e9)!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:13px!important;
  font-weight:850!important;
  box-shadow:0 10px 22px rgba(9,105,255,.22)!important;
}

/* =========================================================
   OSTATNI KLIENTSKE PODSTRANKY – posledni bezpecnostni vrstva
   ========================================================= */
body.unified-support-layout .itb-v555-page-invoices .itb-v555-table-wrap,
body.unified-support-layout .itb-v555-page-invoice .invoice-preview-modern-v560,
body.unified-support-layout .itb-v555-page-service_days .itb-v555-calendar{
  overscroll-behavior-x:contain!important;
  -webkit-overflow-scrolling:touch!important;
}
body.unified-support-layout .itb-v555-page-invoices .itb-v555-table{
  min-width:1040px!important;
}
body.unified-support-layout .itb-v555-page-invoices .itb-v555-table th,
body.unified-support-layout .itb-v555-page-invoices .itb-v555-table td{
  white-space:nowrap!important;
}
body.unified-support-layout .itb-v555-page-billing .itb-v524-billing-actions{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  flex-wrap:wrap!important;
}
body.unified-support-layout .itb-v555-page-service_days .itb-v555-calendar{
  scrollbar-width:thin!important;
}
@media(max-width:900px){
  body.unified-support-layout .itb-v555-page-invoices .itb-v555-toolbar{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  body.unified-support-layout .itb-v555-page-invoices .itb-v555-toolbar > *{
    width:100%!important;
    max-width:100%!important;
  }
  body.unified-support-layout .itb-v555-page-invoices .itb-v555-table-wrap{
    margin-left:-4px!important;
    margin-right:-4px!important;
    padding-bottom:7px!important;
  }
  body.unified-support-layout .itb-v555-page-service_days .itb-v555-calendar{
    display:grid!important;
    grid-template-columns:repeat(7,minmax(124px,1fr))!important;
    overflow-x:auto!important;
    padding-bottom:8px!important;
    scroll-snap-type:x proximity!important;
  }
  body.unified-support-layout .itb-v555-page-service_days .itb-v555-day{
    scroll-snap-align:start!important;
  }
  body.unified-support-layout .itb-v555-page-billing .itb-v524-billing-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  body.unified-support-layout .itb-v555-page-billing .itb-v524-billing-actions > *{
    width:100%!important;
  }
  body.unified-support-layout .itb-v555-page-invoice .invoice-preview-modern-v560{
    border-radius:15px!important;
    background:#eaf1fa!important;
  }
}