/* IT-BALON.CZ Podpora v573
   - finální zarovnání hero detailu ticketu
   - sjednocení hard-admin stránek s hlavním admin shellem
   - mobilní menu ve stylu hlavního webu
   - centrované KPI a čitelné notifikační prvky
*/

/* ===== DETAIL TICKETU: logo + dvě stejně široké stavové buňky ===== */
@media (min-width:901px){
  html body .ticket-detail-page>.ticket-hero .ticket-head,
  html body .itb-ticket-main-v347 .ticket-detail-page>.ticket-hero .ticket-head{
    grid-template-columns:minmax(0,1fr) minmax(360px,430px)!important;
    gap:24px!important;
    align-items:start!important;
  }
  html body .ticket-detail-page>.ticket-hero .ticket-hero-right-v469,
  html body .itb-ticket-main-v347 .ticket-detail-page>.ticket-hero .ticket-hero-right-v469{
    width:100%!important;
    max-width:430px!important;
    justify-self:end!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  html body .ticket-detail-page>.ticket-hero .ticket-client-logo-v469,
  html body .itb-ticket-main-v347 .ticket-detail-page>.ticket-hero .ticket-client-logo-v469{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
  }
  html body .ticket-detail-page>.ticket-hero .ticket-badges,
  html body .itb-ticket-main-v347 .ticket-detail-page>.ticket-hero .ticket-badges{
    width:100%!important;
    max-width:none!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    align-items:stretch!important;
    justify-content:stretch!important;
    margin:0!important;
  }
  html body .ticket-detail-page>.ticket-hero .ticket-badges .badge,
  html body .itb-ticket-main-v347 .ticket-detail-page>.ticket-hero .ticket-badges .badge{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:42px!important;
    height:auto!important;
    max-height:none!important;
    padding:8px 12px!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    text-align:center!important;
    line-height:1.15!important;
    border-radius:15px!important;
    font-size:12px!important;
    box-sizing:border-box!important;
  }
  html body .ticket-detail-page>.ticket-hero .ticket-badges .badge:first-child,
  html body .ticket-detail-page>.ticket-hero .ticket-badges .badge:last-child{
    max-width:none!important;
  }
}
html body .ticket-detail-page>.ticket-hero .ticket-badges .status-approved,
html body .itb-ticket-main-v347 .ticket-detail-page>.ticket-hero .ticket-badges .status-approved{
  background:#16a34a!important;
  color:#fff!important;
  border-color:#16a34a!important;
}
html body .ticket-detail-page>.ticket-hero .ticket-badges .itb-ticket-start-badge-v573{
  background:#fff!important;
  color:#0b2347!important;
  border:1px solid #d5e4f5!important;
}

/* ===== HARD ADMIN: stejný vizuální jazyk jako hlavní admin ===== */
body.itb-hard-admin-page-v701{
  --itb-v573-sidebar:260px;
  background:#eef5fc!important;
  color:#071c3d!important;
}
@media (min-width:901px){
  body.itb-hard-admin-page-v701 .itb-hard-shell{
    display:grid!important;
    grid-template-columns:var(--itb-v573-sidebar) minmax(0,1fr)!important;
    width:100%!important;
    max-width:none!important;
    min-height:100vh!important;
  }
  body.itb-hard-admin-page-v701 .itb-hard-sidebar{
    position:fixed!important;
    inset:0 auto 0 0!important;
    width:var(--itb-v573-sidebar)!important;
    height:100vh!important;
    padding:18px 14px 24px!important;
    overflow-y:auto!important;
    background:#fff!important;
    border-right:1px solid #dbe7f5!important;
    box-shadow:14px 0 34px rgba(15,23,42,.045)!important;
    z-index:500000!important;
  }
  body.itb-hard-admin-page-v701 .itb-hard-main{
    grid-column:2!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
  }
}
body.itb-hard-admin-page-v701 .itb-hard-brand{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:76px!important;
  padding:10px!important;
  margin:0 0 12px!important;
  border:1px solid #dbe7f5!important;
  border-radius:18px!important;
  background:#fff!important;
}
body.itb-hard-admin-page-v701 .itb-hard-brand img{max-width:190px!important;max-height:48px!important;object-fit:contain!important}
body.itb-hard-admin-page-v701 .itb-hard-meta{display:grid!important;gap:8px!important;margin:0 0 14px!important}
body.itb-hard-admin-page-v701 .itb-hard-pill{
  min-height:52px!important;padding:9px 12px!important;border:1px solid #dbe7f5!important;border-radius:14px!important;background:#f8fbff!important;
}
body.itb-hard-admin-page-v701 .itb-hard-pill small{display:block!important;color:#7185a0!important;font-size:9px!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-weight:800!important}
body.itb-hard-admin-page-v701 .itb-hard-pill strong{display:block!important;margin-top:3px!important;color:#071c3d!important;font-size:13px!important;font-weight:760!important}
body.itb-hard-admin-page-v701 .itb-hard-nav{display:grid!important;gap:5px!important}
body.itb-hard-admin-page-v701 .itb-hard-nav>a,
body.itb-hard-admin-page-v701 .itb-hard-details>summary,
body.itb-hard-admin-page-v701 .itb-hard-details>div>a{
  display:flex!important;align-items:center!important;gap:10px!important;min-height:43px!important;padding:7px 10px!important;border-radius:13px!important;color:#0c315d!important;text-decoration:none!important;font-size:13px!important;font-weight:680!important;background:transparent!important;border:1px solid transparent!important;
}
body.itb-hard-admin-page-v701 .itb-hard-nav>a>span,
body.itb-hard-admin-page-v701 .itb-hard-details>summary>span,
body.itb-hard-admin-page-v701 .itb-hard-details>div>a>span{
  display:grid!important;place-items:center!important;width:30px!important;height:30px!important;flex:0 0 30px!important;border-radius:10px!important;background:#edf5ff!important;color:#0969ff!important;font-size:15px!important;
}
body.itb-hard-admin-page-v701 .itb-hard-nav>a.active,
body.itb-hard-admin-page-v701 .itb-hard-nav>a:hover,
body.itb-hard-admin-page-v701 .itb-hard-details>summary:hover,
body.itb-hard-admin-page-v701 .itb-hard-details>div>a:hover{
  background:#eaf3ff!important;border-color:#c9def6!important;color:#075edc!important;
}
body.itb-hard-admin-page-v701 .itb-hard-nav>a.active>span{background:#0969ff!important;color:#fff!important}
body.itb-hard-admin-page-v701 .itb-hard-details{border:0!important;background:transparent!important}
body.itb-hard-admin-page-v701 .itb-hard-details>div{display:grid!important;gap:4px!important;padding:4px 0 4px 14px!important}
body.itb-hard-admin-page-v701 .itb-hard-hero{
  position:relative!important;
  min-height:142px!important;
  padding:30px 360px 28px 34px!important;
  margin:0!important;
  border-radius:0 0 22px 22px!important;
  overflow:hidden!important;
  background:linear-gradient(112deg,#071f49 0%,#07579c 55%,#0d6efd 100%)!important;
  color:#fff!important;
  box-shadow:0 16px 36px rgba(7,38,82,.12)!important;
}
body.itb-hard-admin-page-v701 .itb-hard-hero:after{
  content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 36%,rgba(37,205,238,.36) 37%,rgba(24,120,235,.18) 70%,transparent 71%);pointer-events:none;
}
body.itb-hard-admin-page-v701 .itb-hard-hero>*{position:relative;z-index:1}
body.itb-hard-admin-page-v701 .itb-hard-hero .eyebrow{color:#bfe6ff!important;font-size:11px!important;letter-spacing:.12em!important;text-transform:uppercase!important;font-weight:800!important}
body.itb-hard-admin-page-v701 .itb-hard-hero h1{margin:7px 0 6px!important;color:#fff!important;font-size:clamp(32px,3vw,46px)!important;line-height:1!important;font-weight:790!important}
body.itb-hard-admin-page-v701 .itb-hard-hero p{margin:0!important;color:#fff!important;font-size:14px!important;font-weight:600!important}
body.itb-hard-admin-page-v701 .itb-hard-hero .itb-admin-identity-v533{top:22px!important;right:24px!important}
body.itb-hard-admin-page-v701 .itb-hard-content{padding:20px 22px 34px!important;min-width:0!important}

/* ===== Mobilní horní lišta ve stylu hlavního webu ===== */
.itb-hard-mobile-topbar-v573{display:none}
@media (max-width:900px){
  body.unified-support-layout,
  body.itb-hard-admin-page-v701{padding-top:64px!important;background:#eef5fc!important}
  body.unified-support-layout .itb-mobile-topbar-v562,
  body.itb-hard-admin-page-v701 .itb-hard-mobile-topbar-v573{
    position:fixed!important;left:0!important;right:0!important;top:0!important;z-index:900000!important;display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;align-items:center!important;gap:10px!important;height:64px!important;padding:8px 10px!important;background:rgba(255,255,255,.98)!important;border-top:3px solid #18bfff!important;border-bottom:1px solid #dbe7f5!important;box-shadow:0 8px 24px rgba(15,23,42,.09)!important;backdrop-filter:blur(12px)!important;box-sizing:border-box!important;
  }
  body.unified-support-layout .itb-mobile-sidebar-open-v542,
  body.unified-support-layout .itb-mobile-topbar-new-v562,
  body.itb-hard-admin-page-v701 .itb-hard-mobile-menu-open-v573,
  body.itb-hard-admin-page-v701 .itb-hard-mobile-plus-v573{
    display:grid!important;place-items:center!important;width:40px!important;height:40px!important;padding:0!important;border-radius:14px!important;border:1px solid #d5e4f5!important;background:#fff!important;color:#075edc!important;box-shadow:0 7px 18px rgba(15,45,85,.08)!important;text-decoration:none!important;font-size:22px!important;font-weight:700!important;
  }
  body.unified-support-layout .itb-mobile-topbar-new-v562,
  body.itb-hard-admin-page-v701 .itb-hard-mobile-plus-v573{background:#0969ff!important;border-color:#0969ff!important;color:#fff!important}
  body.unified-support-layout .itb-mobile-topbar-logo-v562,
  body.itb-hard-admin-page-v701 .itb-hard-mobile-logo-v573{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important}
  body.unified-support-layout .itb-mobile-topbar-logo-v562 img,
  body.itb-hard-admin-page-v701 .itb-hard-mobile-logo-v573 img{display:block!important;max-width:min(190px,58vw)!important;max-height:31px!important;object-fit:contain!important}

  /* skutečný off-canvas drawer */
  body.unified-support-layout .client-portal-sidebar,
  body.itb-hard-admin-page-v701 .itb-hard-sidebar{
    position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:min(94vw,420px)!important;max-width:min(94vw,420px)!important;height:100dvh!important;min-height:100dvh!important;padding:20px 14px 26px!important;overflow-y:auto!important;overflow-x:hidden!important;background:#fff!important;border:0!important;border-radius:0 24px 24px 0!important;box-shadow:24px 0 60px rgba(5,25,60,.22)!important;z-index:950000!important;transform:translateX(-105%)!important;transition:transform .24s ease!important;box-sizing:border-box!important;
  }
  body.itb-mobile-sidebar-open-v542 .client-portal-sidebar,
  html.itb-mobile-sidebar-open-v542 body .client-portal-sidebar,
  body.itb-hard-mobile-open-v573 .itb-hard-sidebar{transform:translateX(0)!important}
  body.unified-support-layout .client-sidebar-sitebrand,
  body.itb-hard-admin-page-v701 .itb-hard-brand{min-height:70px!important;margin:0 46px 14px 0!important;padding:8px!important;border:0!important;background:transparent!important}
  body.unified-support-layout .client-sidebar-sitebrand img,
  body.itb-hard-admin-page-v701 .itb-hard-brand img{max-width:210px!important;max-height:48px!important}
  body.unified-support-layout .client-sidebar-dates,
  body.unified-support-layout .itb-sidebar-primary-cta-v467,
  body.unified-support-layout .client-nav-toggle,
  body.unified-support-layout .itb-mobile-menu-v417,
  body.unified-support-layout .client-sidebar-help,
  body.itb-hard-admin-page-v701 .itb-hard-meta{display:none!important}
  body.unified-support-layout .client-side-nav,
  body.itb-hard-admin-page-v701 .itb-hard-nav{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;padding:0!important;margin:0!important;
  }
  body.unified-support-layout .client-side-nav:before,
  body.itb-hard-admin-page-v701 .itb-hard-nav:before{
    content:"Menu"!important;grid-column:1/-1!important;display:block!important;margin:0 0 2px!important;color:#071c3d!important;font-size:24px!important;line-height:1.1!important;font-weight:790!important;
  }
  body.unified-support-layout .client-side-nav>a,
  body.unified-support-layout .client-side-nav>details>summary,
  body.unified-support-layout .client-side-nav>details>div>a,
  body.itb-hard-admin-page-v701 .itb-hard-nav>a,
  body.itb-hard-admin-page-v701 .itb-hard-details>summary,
  body.itb-hard-admin-page-v701 .itb-hard-details>div>a{
    display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;min-height:64px!important;margin:0!important;padding:10px 11px!important;border:1px solid #d5e4f5!important;border-radius:15px!important;background:#f7fbff!important;color:#102b51!important;text-decoration:none!important;font-size:12px!important;line-height:1.2!important;font-weight:720!important;box-shadow:0 7px 18px rgba(15,45,85,.045)!important;box-sizing:border-box!important;
  }
  body.unified-support-layout .client-side-nav>a>span,
  body.unified-support-layout .client-side-nav>details>summary>span,
  body.unified-support-layout .client-side-nav>details>div>a>span,
  body.itb-hard-admin-page-v701 .itb-hard-nav>a>span,
  body.itb-hard-admin-page-v701 .itb-hard-details>summary>span,
  body.itb-hard-admin-page-v701 .itb-hard-details>div>a>span{
    display:grid!important;place-items:center!important;width:38px!important;height:38px!important;min-width:38px!important;border-radius:12px!important;background:#eaf3ff!important;color:#0969ff!important;font-size:18px!important;
  }
  body.unified-support-layout .client-side-nav>a.active,
  body.unified-support-layout .client-side-nav>details>div>a.active,
  body.itb-hard-admin-page-v701 .itb-hard-nav>a.active{
    background:#0969ff!important;border-color:#0969ff!important;color:#fff!important;box-shadow:0 12px 26px rgba(9,105,255,.2)!important;
  }
  body.unified-support-layout .client-side-nav>a.active>span,
  body.unified-support-layout .client-side-nav>details>div>a.active>span,
  body.itb-hard-admin-page-v701 .itb-hard-nav>a.active>span{background:rgba(255,255,255,.18)!important;color:#fff!important}
  body.unified-support-layout .client-side-nav>details,
  body.itb-hard-admin-page-v701 .itb-hard-details{grid-column:1/-1!important;display:grid!important;gap:10px!important;border:0!important}
  body.unified-support-layout .client-side-nav>details>div,
  body.itb-hard-admin-page-v701 .itb-hard-details>div{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:0!important}
  body.unified-support-layout .client-side-nav .client-logout-link,
  body.itb-hard-admin-page-v701 .itb-hard-logout{grid-column:1/-1!important;background:#fff4f4!important;border-color:#fecaca!important;color:#b42318!important}
  body.unified-support-layout .itb-mobile-only-nav-v569{display:grid!important}
  body.unified-support-layout .itb-mobile-sidebar-close-v542{
    display:grid!important;place-items:center!important;position:absolute!important;right:14px!important;top:14px!important;width:40px!important;height:40px!important;border:1px solid #d5e4f5!important;border-radius:14px!important;background:#fff!important;color:#071c3d!important;font-size:25px!important;z-index:2!important;
  }
  .itb-hard-mobile-close-v573{display:grid!important;place-items:center!important;position:absolute!important;right:14px!important;top:14px!important;width:40px!important;height:40px!important;border:1px solid #d5e4f5!important;border-radius:14px!important;background:#fff!important;color:#071c3d!important;font-size:25px!important;z-index:2!important}
  .itb-hard-mobile-backdrop-v573{position:fixed!important;inset:0!important;background:rgba(6,24,58,.52)!important;backdrop-filter:blur(4px)!important;z-index:940000!important;opacity:0!important;visibility:hidden!important;transition:.2s ease!important}
  body.itb-hard-mobile-open-v573 .itb-hard-mobile-backdrop-v573{opacity:1!important;visibility:visible!important}

  /* KPI na mobilu – text, číslo i ikona přesně na střed */
  body.unified-support-layout .itb-kpis-v338{align-items:stretch!important}
  body.unified-support-layout .itb-kpi-v338{
    display:grid!important;grid-template-columns:1fr!important;justify-items:center!important;align-content:center!important;gap:8px!important;text-align:center!important;min-height:138px!important;padding:14px 12px!important;overflow:visible!important;
  }
  body.unified-support-layout .itb-kpi-v338>.ico{
    display:grid!important;place-items:center!important;width:46px!important;height:46px!important;min-width:46px!important;margin:0 auto!important;border-radius:15px!important;font-size:20px!important;box-shadow:inset 0 0 0 1px rgba(9,105,255,.04)!important;
  }
  body.unified-support-layout .itb-kpi-v338>div{display:grid!important;justify-items:center!important;gap:2px!important;width:100%!important;text-align:center!important}
  body.unified-support-layout .itb-kpi-v338 small,
  body.unified-support-layout .itb-kpi-v338 strong,
  body.unified-support-layout .itb-kpi-v338 em{text-align:center!important;margin-left:auto!important;margin-right:auto!important}
  body.unified-support-layout .itb-kpi-v338 .itb-wait-bubble-v338{
    position:absolute!important;top:8px!important;right:8px!important;left:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:25px!important;max-width:calc(100% - 16px)!important;padding:4px 9px!important;border-radius:999px!important;background:linear-gradient(135deg,#ef4444,#e11d48)!important;color:#fff!important;border:2px solid #fff!important;box-shadow:0 7px 16px rgba(225,29,72,.24)!important;font-size:9px!important;line-height:1!important;font-weight:850!important;letter-spacing:.02em!important;white-space:nowrap!important;
  }
  body.unified-support-layout .itb-kpi-v338.itb-approved-client-kpi-v599 .itb-wait-bubble-v338{background:linear-gradient(135deg,#16a34a,#22c55e)!important}

  body.itb-hard-admin-page-v701 .itb-hard-main{width:100%!important;max-width:100%!important;margin:0!important}
  body.itb-hard-admin-page-v701 .itb-hard-hero{min-height:160px!important;padding:26px 16px!important;border-radius:0!important}
  body.itb-hard-admin-page-v701 .itb-hard-hero .itb-admin-identity-v533{display:none!important}
  body.itb-hard-admin-page-v701 .itb-hard-content{padding:14px 10px 28px!important}
}
@media (max-width:520px){
  body.unified-support-layout .client-side-nav,
  body.itb-hard-admin-page-v701 .itb-hard-nav,
  body.unified-support-layout .client-side-nav>details>div,
  body.itb-hard-admin-page-v701 .itb-hard-details>div{grid-template-columns:1fr 1fr!important;gap:8px!important}
  body.unified-support-layout .client-side-nav>a,
  body.unified-support-layout .client-side-nav>details>summary,
  body.unified-support-layout .client-side-nav>details>div>a,
  body.itb-hard-admin-page-v701 .itb-hard-nav>a,
  body.itb-hard-admin-page-v701 .itb-hard-details>summary,
  body.itb-hard-admin-page-v701 .itb-hard-details>div>a{min-height:60px!important;padding:8px!important;font-size:11px!important}
  body.unified-support-layout .client-side-nav>a>span,
  body.unified-support-layout .client-side-nav>details>summary>span,
  body.unified-support-layout .client-side-nav>details>div>a>span,
  body.itb-hard-admin-page-v701 .itb-hard-nav>a>span,
  body.itb-hard-admin-page-v701 .itb-hard-details>summary>span,
  body.itb-hard-admin-page-v701 .itb-hard-details>div>a>span{width:34px!important;height:34px!important;min-width:34px!important;font-size:16px!important}
}