/* IT-BALON.CZ Podpora v655
   Jednotný mobilní vzhled klientských podstránek + čistá stránka Nový ticket. */

:root{
  --itb-v655-blue:#0969ff;
  --itb-v655-navy:#071c3d;
  --itb-v655-line:#d7e5f6;
  --itb-v655-bg:#eef5fc;
  --itb-v655-muted:#647895;
  --itb-v655-shadow:0 16px 36px rgba(15,45,85,.07);
}

/* ---------- společný vizuální systém klientských podstránek ---------- */
body.unified-support-layout{
  background:var(--itb-v655-bg)!important;
}
body.unified-support-layout .itb-v555-card{
  border:1px solid var(--itb-v655-line)!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:var(--itb-v655-shadow)!important;
}
body.unified-support-layout .itb-v555-hero{
  background-image:linear-gradient(108deg,rgba(6,35,82,.96) 0%,rgba(12,86,174,.88) 58%,rgba(9,105,255,.92) 100%),var(--itb-v555-hero-bg)!important;
  background-position:center!important;
  background-size:cover!important;
}
body.unified-support-layout .itb-v555-hero-logo{
  border:0!important;
  background:#fff!important;
  box-shadow:none!important;
}
body.unified-support-layout .itb-v555-hero-logo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
}

@media(max-width:900px){
  body.unified-support-layout .itb-v555-main{
    padding-left:8px!important;
    padding-right:8px!important;
    padding-bottom:28px!important;
  }
  body.unified-support-layout .itb-v555-wrap{
    padding-bottom:24px!important;
  }
  body.unified-support-layout .itb-v555-hero{
    position:relative!important;
    width:calc(100% + 16px)!important;
    min-height:184px!important;
    margin-left:-8px!important;
    margin-right:-8px!important;
    margin-bottom:0!important;
    padding:24px 14px 82px!important;
    border-radius:0 0 20px 20px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  body.unified-support-layout .itb-v555-hero::after{
    display:none!important;
  }
  body.unified-support-layout .itb-v555-hero .itb-v555-eyebrow{
    margin-bottom:8px!important;
    color:#d9ecff!important;
    font-size:9px!important;
    letter-spacing:.14em!important;
  }
  body.unified-support-layout .itb-v555-hero h1{
    margin:0 0 7px!important;
    max-width:calc(100% - 8px)!important;
    color:#fff!important;
    font-size:28px!important;
    line-height:1.04!important;
    letter-spacing:-.04em!important;
  }
  body.unified-support-layout .itb-v555-hero p{
    margin:0!important;
    max-width:100%!important;
    color:#edf6ff!important;
    font-size:11.5px!important;
    line-height:1.45!important;
    font-weight:650!important;
  }
  body.unified-support-layout .itb-v555-hero .itb-hero-actions-v338{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    max-width:calc(100% - 100px)!important;
    margin-top:14px!important;
  }
  body.unified-support-layout .itb-v555-hero-card{
    position:absolute!important;
    inset:auto 12px 15px auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:82px!important;
    height:56px!important;
    min-width:82px!important;
    max-width:82px!important;
    min-height:56px!important;
    margin:0!important;
    padding:7px!important;
    border:1px solid rgba(255,255,255,.66)!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.97)!important;
    box-shadow:0 14px 30px rgba(3,29,73,.18)!important;
    backdrop-filter:none!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  body.unified-support-layout .itb-v555-hero-card.is-admin{
    width:auto!important;
    min-width:170px!important;
    max-width:230px!important;
    justify-content:flex-start!important;
    gap:8px!important;
    padding:6px 10px!important;
  }
  body.unified-support-layout .itb-v555-hero-logo{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    padding:0!important;
    border-radius:10px!important;
    overflow:hidden!important;
  }
  body.unified-support-layout .itb-v555-hero-admin-icon{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    flex:0 0 38px!important;
    border-radius:11px!important;
  }
  body.unified-support-layout .itb-v555-hero-admin-icon img{
    width:28px!important;
    height:30px!important;
  }
  body.unified-support-layout .itb-v555-hero-info{
    display:none!important;
  }
  body.unified-support-layout .itb-v555-hero-card.is-admin .itb-v555-hero-info{
    display:block!important;
    min-width:0!important;
    text-align:left!important;
  }
  body.unified-support-layout .itb-v555-hero-card.is-admin .itb-v555-hero-info small,
  body.unified-support-layout .itb-v555-hero-card.is-admin .itb-v555-hero-info span{
    display:none!important;
  }
  body.unified-support-layout .itb-v555-hero-card.is-admin .itb-v555-hero-info strong{
    display:block!important;
    color:#0b3d86!important;
    font-size:12px!important;
    line-height:1.15!important;
  }

  body.unified-support-layout .itb-v555-kpis,
  body.unified-support-layout .itb-v555-kpis.four,
  body.unified-support-layout .itb-v555-kpis.six{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    margin:-1px 0 14px!important;
    padding-top:12px!important;
  }
  body.unified-support-layout .itb-v555-kpi{
    display:grid!important;
    grid-template-columns:1fr!important;
    justify-items:center!important;
    align-content:center!important;
    gap:8px!important;
    min-height:122px!important;
    padding:14px 10px!important;
    text-align:center!important;
    border-radius:17px!important;
  }
  body.unified-support-layout .itb-v555-kpi .ico{
    margin:0 auto!important;
  }
  body.unified-support-layout .itb-v555-kpi>div{
    display:grid!important;
    justify-items:center!important;
    width:100%!important;
    text-align:center!important;
  }
  body.unified-support-layout .itb-v555-kpi small,
  body.unified-support-layout .itb-v555-kpi strong,
  body.unified-support-layout .itb-v555-kpi em{
    text-align:center!important;
    white-space:normal!important;
  }
  body.unified-support-layout .itb-v555-card{
    border-radius:18px!important;
  }
}

@media(max-width:350px){
  body.unified-support-layout .itb-v555-hero h1{font-size:25px!important}
  body.unified-support-layout .itb-v555-kpi{min-height:116px!important;padding:12px 8px!important}
}

/* ---------- Nový ticket v655 ---------- */
body.itb-page-new_ticket-v596 .main-container{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
.itb-v655-new-ticket-shell{
  display:grid!important;
  grid-template-columns:var(--itb-sidebar-full-v542,260px) minmax(0,1fr)!important;
  min-height:100vh!important;
  width:100%!important;
  background:var(--itb-v655-bg)!important;
  align-items:start!important;
}
html.itb-sidebar-collapsed .itb-v655-new-ticket-shell{
  grid-template-columns:var(--itb-sidebar-mini-v542,78px) minmax(0,1fr)!important;
}
.itb-v655-new-ticket-main{
  min-width:0!important;
  width:100%!important;
  padding:0 22px 38px!important;
  background:var(--itb-v655-bg)!important;
}
.itb-v655-new-ticket-wrap{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
.itb-v655-new-ticket-hero{
  width:calc(100% + 44px)!important;
  min-height:232px!important;
  margin:0 -22px 18px!important;
  padding:34px 36px 86px!important;
  border-radius:0!important;
}
.itb-v655-new-ticket-hero .itb-v655-hero-copy{
  max-width:820px!important;
}
.itb-v655-new-ticket-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 340px!important;
  gap:18px!important;
  align-items:start!important;
}
.itb-v655-ticket-form-card,
.itb-v655-ticket-help-card{
  min-width:0!important;
  padding:24px!important;
}
.itb-v655-ticket-help-card{
  position:sticky!important;
  top:14px!important;
}
.itb-v655-card-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin-bottom:20px!important;
  padding-bottom:18px!important;
  border-bottom:1px solid #e3edf8!important;
}
.itb-v655-card-eyebrow{
  display:block!important;
  margin-bottom:6px!important;
  color:#0969ff!important;
  font-size:10px!important;
  font-weight:850!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
.itb-v655-card-head h2,
.itb-v655-ticket-help-card h2{
  margin:0 0 6px!important;
  color:var(--itb-v655-navy)!important;
  font-size:28px!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
}
.itb-v655-card-head p{
  margin:0!important;
  max-width:700px!important;
  color:var(--itb-v655-muted)!important;
  line-height:1.5!important;
}
.itb-v655-mode-chip{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:36px!important;
  padding:0 12px!important;
  border:1px solid #bfdbfe!important;
  border-radius:999px!important;
  background:#eff6ff!important;
  color:#075aca!important;
  font-size:11px!important;
  font-weight:850!important;
  white-space:nowrap!important;
}
.itb-v655-alert{
  margin-bottom:16px!important;
  padding:13px 15px!important;
  border:1px solid #fecaca!important;
  border-radius:14px!important;
  background:#fff1f2!important;
  color:#991b1b!important;
  font-weight:750!important;
}
.itb-v655-ticket-form label,
.itb-v655-type-fieldset legend{
  display:block!important;
  margin:0 0 7px!important;
  color:var(--itb-v655-navy)!important;
  font-weight:800!important;
}
.itb-v655-type-fieldset{
  min-width:0!important;
  margin:0 0 18px!important;
  padding:0!important;
  border:0!important;
}
.itb-v655-type-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.itb-v655-type-card{
  position:relative!important;
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
  min-height:104px!important;
  padding:16px!important;
  border:1px solid var(--itb-v655-line)!important;
  border-radius:16px!important;
  background:#f8fbff!important;
  cursor:pointer!important;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
.itb-v655-type-card:hover{
  transform:translateY(-1px)!important;
  border-color:#9ec7ff!important;
}
.itb-v655-type-card.is-active,
.itb-v655-type-card:has(input:checked){
  border-color:#69a7ff!important;
  background:linear-gradient(135deg,#eef6ff,#fff)!important;
  box-shadow:0 10px 24px rgba(9,105,255,.10)!important;
}
.itb-v655-type-card input{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
}
.itb-v655-type-card .icon{
  display:grid!important;
  place-items:center!important;
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  border-radius:12px!important;
  background:#e6f1ff!important;
  color:#0969ff!important;
  font-size:18px!important;
  font-weight:900!important;
}
.itb-v655-type-card .icon.incident{
  background:#fff0e8!important;
  color:#f06422!important;
}
.itb-v655-type-card strong,
.itb-v655-type-card small{
  display:block!important;
}
.itb-v655-type-card strong{
  color:var(--itb-v655-navy)!important;
  font-size:14px!important;
  line-height:1.25!important;
}
.itb-v655-type-card small{
  margin-top:5px!important;
  color:var(--itb-v655-muted)!important;
  font-size:11px!important;
  line-height:1.4!important;
}
.itb-v655-owner-box{
  margin-bottom:18px!important;
  padding:15px!important;
  border:1px solid #cfe0f6!important;
  border-radius:16px!important;
  background:#f6faff!important;
}
.itb-v655-owner-grid,
.itb-v655-form-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}
.itb-v655-owner-box>small{
  display:block!important;
  margin-top:10px!important;
  color:var(--itb-v655-muted)!important;
}
.itb-v655-form-grid .full{
  grid-column:1/-1!important;
}
.itb-v655-ticket-form input,
.itb-v655-ticket-form select,
.itb-v655-ticket-form textarea{
  width:100%!important;
  min-height:46px!important;
  padding:11px 13px!important;
  border:1px solid #cfe0f4!important;
  border-radius:13px!important;
  background:#fff!important;
  color:var(--itb-v655-navy)!important;
  font:inherit!important;
  outline:none!important;
  box-sizing:border-box!important;
}
.itb-v655-ticket-form textarea{
  min-height:176px!important;
  resize:vertical!important;
}
.itb-v655-ticket-form input:focus,
.itb-v655-ticket-form select:focus,
.itb-v655-ticket-form textarea:focus{
  border-color:#79b0ff!important;
  box-shadow:0 0 0 4px rgba(9,105,255,.10)!important;
}
.itb-v655-priority-preview{
  display:grid!important;
  align-content:center!important;
  min-height:76px!important;
  padding:12px 14px!important;
  border:1px solid #cfe0f6!important;
  border-radius:14px!important;
  background:#f8fbff!important;
}
.itb-v655-priority-preview small,
.itb-v655-priority-preview strong,
.itb-v655-priority-preview span{
  display:block!important;
}
.itb-v655-priority-preview small{
  color:#6b7f9d!important;
  font-size:9.5px!important;
  font-weight:850!important;
  letter-spacing:.07em!important;
  text-transform:uppercase!important;
}
.itb-v655-priority-preview strong{
  margin-top:3px!important;
  color:var(--itb-v655-navy)!important;
  font-size:18px!important;
}
.itb-v655-priority-preview span{
  margin-top:3px!important;
  color:var(--itb-v655-muted)!important;
  font-size:10.5px!important;
  line-height:1.35!important;
}
.itb-v655-attachments{
  overflow:hidden!important;
  border:1px solid #cfe0f6!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#f8fbff,#eef6ff)!important;
}
.itb-v655-attachments>summary{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-height:70px!important;
  padding:14px 16px!important;
  list-style:none!important;
  cursor:pointer!important;
}
.itb-v655-attachments>summary::-webkit-details-marker{display:none!important}
.itb-v655-attachments>summary .icon{
  display:grid!important;
  place-items:center!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  border-radius:12px!important;
  background:#0969ff!important;
  color:#fff!important;
  font-size:18px!important;
}
.itb-v655-attachments>summary strong,
.itb-v655-attachments>summary small{
  display:block!important;
}
.itb-v655-attachments>summary small{
  margin-top:3px!important;
  color:var(--itb-v655-muted)!important;
  font-size:11px!important;
}
.itb-v655-attachments>summary .action{
  margin-left:auto!important;
  padding:8px 11px!important;
  border:1px solid #bdd6f8!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#0969ff!important;
  font-size:11px!important;
  font-weight:850!important;
  white-space:nowrap!important;
}
.itb-v655-attachments-body{
  display:grid!important;
  gap:10px!important;
  padding:0 16px 16px!important;
}
.itb-v655-attachment-list{
  display:grid!important;
  gap:9px!important;
}
.itb-v655-attachment-row{
  padding:9px!important;
  border:1px solid #d7e5f6!important;
  border-radius:13px!important;
  background:#fff!important;
}
.itb-v655-attachment-row input[type=file]{
  min-height:42px!important;
  padding:7px!important;
}
.itb-v655-add-attachment{
  justify-self:start!important;
  min-height:40px!important;
  padding:0 13px!important;
  border:1px solid #bdd6f8!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#0969ff!important;
  font-weight:850!important;
  cursor:pointer!important;
}
.itb-v655-attachments-body>small{
  color:var(--itb-v655-muted)!important;
  font-size:10.5px!important;
  line-height:1.4!important;
}
.itb-v655-form-actions{
  display:flex!important;
  justify-content:flex-end!important;
  gap:10px!important;
  margin-top:20px!important;
}
.itb-v655-form-actions a,
.itb-v655-form-actions button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:46px!important;
  padding:0 18px!important;
  border-radius:13px!important;
  font-weight:850!important;
  text-decoration:none!important;
}
.itb-v655-form-actions a{
  border:1px solid var(--itb-v655-line)!important;
  background:#fff!important;
  color:var(--itb-v655-navy)!important;
}
.itb-v655-form-actions button{
  border:0!important;
  background:#0969ff!important;
  color:#fff!important;
  box-shadow:0 12px 24px rgba(9,105,255,.20)!important;
  cursor:pointer!important;
}
.itb-v655-help-list{
  display:grid!important;
  gap:9px!important;
  margin-top:14px!important;
}
.itb-v655-help-list article{
  display:flex!important;
  align-items:flex-start!important;
  gap:10px!important;
  padding:11px!important;
  border:1px solid #dbe7f5!important;
  border-radius:14px!important;
  background:#f8fbff!important;
}
.itb-v655-help-list article>b{
  display:grid!important;
  place-items:center!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  border-radius:10px!important;
  background:#e6f1ff!important;
  color:#0969ff!important;
  font-size:12px!important;
}
.itb-v655-help-list strong,
.itb-v655-help-list small{
  display:block!important;
}
.itb-v655-help-list strong{
  color:var(--itb-v655-navy)!important;
  font-size:12.5px!important;
}
.itb-v655-help-list small{
  margin-top:3px!important;
  color:var(--itb-v655-muted)!important;
  font-size:10.5px!important;
  line-height:1.4!important;
}
.itb-v655-package-card{
  display:grid!important;
  gap:4px!important;
  margin-top:14px!important;
  padding:14px!important;
  border:1px solid #bce9cf!important;
  border-radius:15px!important;
  background:#f0fdf4!important;
}
.itb-v655-package-card small{
  color:#16834b!important;
  font-size:10px!important;
  font-weight:850!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.itb-v655-package-card strong{
  color:#0b6b3b!important;
  font-size:19px!important;
}
.itb-v655-package-card span{
  color:#397157!important;
  font-size:11px!important;
}
.itb-v655-success-backdrop{
  position:fixed!important;
  inset:0!important;
  z-index:10050!important;
  display:grid!important;
  place-items:center!important;
  padding:18px!important;
  background:rgba(7,28,61,.52)!important;
  backdrop-filter:blur(5px)!important;
}
.itb-v655-success-dialog{
  width:min(520px,100%)!important;
  padding:26px!important;
  border:1px solid #d8e5f5!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 28px 80px rgba(15,23,42,.30)!important;
  text-align:center!important;
}
.itb-v655-success-dialog>span{
  display:block!important;
  margin-top:10px!important;
  color:#16834b!important;
  font-size:10px!important;
  font-weight:850!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
.itb-v655-success-icon{
  display:grid!important;
  place-items:center!important;
  width:54px!important;
  height:54px!important;
  margin:0 auto!important;
  border-radius:50%!important;
  background:#16a34a!important;
  color:#fff!important;
  font-size:28px!important;
  font-weight:900!important;
}
.itb-v655-success-dialog h2{
  margin:8px 0!important;
  color:var(--itb-v655-navy)!important;
  font-size:24px!important;
}
.itb-v655-success-dialog p{
  margin:0!important;
  color:var(--itb-v655-muted)!important;
  line-height:1.5!important;
}
.itb-v655-success-countdown{
  margin-top:14px!important;
  padding:10px!important;
  border-radius:12px!important;
  background:#f0fdf4!important;
  color:#166534!important;
}
.itb-v655-success-actions{
  display:flex!important;
  justify-content:center!important;
  gap:9px!important;
  margin-top:16px!important;
}
.itb-v655-success-actions a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  padding:0 14px!important;
  border:1px solid var(--itb-v655-line)!important;
  border-radius:12px!important;
  color:var(--itb-v655-navy)!important;
  text-decoration:none!important;
  font-weight:850!important;
}
.itb-v655-success-actions a.primary{
  border-color:#0969ff!important;
  background:#0969ff!important;
  color:#fff!important;
}

@media(max-width:1180px){
  .itb-v655-new-ticket-grid{grid-template-columns:1fr!important}
  .itb-v655-ticket-help-card{position:static!important}
}
@media(max-width:900px){
  .itb-v655-new-ticket-shell{display:block!important}
  .itb-v655-new-ticket-main{padding:0 8px 28px!important}
  .itb-v655-new-ticket-hero{
    width:calc(100% + 16px)!important;
    min-height:198px!important;
    margin:0 -8px 12px!important;
    padding:24px 14px 82px!important;
    border-radius:0 0 20px 20px!important;
  }
  .itb-v655-ticket-form-card,
  .itb-v655-ticket-help-card{padding:16px!important}
  .itb-v655-card-head{display:grid!important;gap:10px!important}
  .itb-v655-card-head h2,.itb-v655-ticket-help-card h2{font-size:24px!important}
  .itb-v655-mode-chip{justify-self:start!important}
  .itb-v655-type-grid,.itb-v655-owner-grid,.itb-v655-form-grid{grid-template-columns:1fr!important}
  .itb-v655-form-grid .full{grid-column:auto!important}
  .itb-v655-type-card{min-height:92px!important}
  .itb-v655-form-actions{display:grid!important}
  .itb-v655-form-actions a,.itb-v655-form-actions button{width:100%!important}
  .itb-v655-success-actions{display:grid!important}
}