/* IT-BALON.CZ Podpora v580 – finální mobilní shell, KPI, tabulky a hlavičky */
:root{--itb-v580-blue:#0969ff;--itb-v580-navy:#061a3b;--itb-v580-border:#d7e5f6;--itb-v580-bg:#eef5fc}
html,body{max-width:100%;}
body.unified-support-layout{background:var(--itb-v580-bg)!important;overflow-x:hidden!important}
body.unified-support-layout .client-portal-main{min-width:0!important;max-width:none!important}
body.unified-support-layout :where(.itb-table-wrap-v338,.table-wrap,.invoice-table-wrap,.hours-table-wrap,.admin-table-wrap,.responsive-table,.itb-data-table-wrap-v571){width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
body.unified-support-layout :where(table,.itb-table-v338,.itb-client-ticket-table-v656){width:100%!important;max-width:none!important;border-collapse:separate!important;border-spacing:0!important}
body.unified-support-layout :where(.itb-kpi-v338,.itb-v551-kpis article,.notice-kpis-v551 article,.service-kpis-v551 article){position:relative!important;text-align:center!important;justify-items:center!important;align-content:center!important}
body.unified-support-layout :where(.itb-kpi-v338,.itb-v551-kpis article) :where(strong,small,span,em){text-align:center!important}
body.unified-support-layout :where(.itb-wait-bubble-v338,.itb-admin-nav-badge-v561,.itb-service-request-heading-badge-v560,.has-attention-v560:after){font-variant-numeric:tabular-nums!important}
body.unified-support-layout .itb-wait-bubble-v338,
body.unified-support-layout .itb-admin-nav-badge-v561,
body.unified-support-layout .itb-service-request-heading-badge-v560{display:inline-grid!important;place-items:center!important;min-width:24px!important;height:24px!important;padding:0 7px!important;border:3px solid #fff!important;border-radius:999px!important;background:#ef4444!important;color:#fff!important;font-size:11px!important;font-style:normal!important;font-weight:950!important;line-height:1!important;box-shadow:0 7px 18px rgba(239,68,68,.28)!important}

/* Moderní modrá hlavička na mobilu i pomocných stránkách */
body.unified-support-layout :where(.itb-dash-hero-v338,.itb-admin-unified-hero-v580,.itb-new-ticket-hero-v580){background:radial-gradient(circle at 88% 0,rgba(67,164,255,.62),transparent 35%),linear-gradient(115deg,#041b47 0%,#075cc9 58%,#1294ff 100%)!important;color:#fff!important;border:0!important;box-shadow:0 18px 46px rgba(4,48,112,.18)!important}
body.unified-support-layout :where(.itb-dash-hero-v338,.itb-admin-unified-hero-v580,.itb-new-ticket-hero-v580) :where(h1,h2,p,.eyebrow,small,strong,span){color:#fff!important}

@media(min-width:901px){
  body.unified-support-layout .itb-mobile-topbar-v562{display:none!important}
}

@media(max-width:900px){
  html.itb-mobile-sidebar-open-v542,html.itb-mobile-sidebar-open-v542 body{overflow:hidden!important}
  body.unified-support-layout{padding:0!important}
  body.unified-support-layout .itb-mobile-topbar-v562{
    position:sticky!important;top:0!important;z-index:900000!important;display:grid!important;
    grid-template-columns:48px minmax(0,1fr) 48px!important;align-items:center!important;
    width:100%!important;height:64px!important;margin:0!important;padding:8px 12px!important;
    background:rgba(255,255,255,.97)!important;border-bottom:1px solid var(--itb-v580-border)!important;
    box-shadow:0 10px 28px rgba(15,38,75,.12)!important;backdrop-filter:blur(14px)!important;
  }
  body.unified-support-layout .itb-mobile-topbar-logo-v562{display:flex!important;justify-content:center!important;align-items:center!important;min-width:0!important}
  body.unified-support-layout .itb-mobile-topbar-logo-v562 img{display:block!important;width:auto!important;max-width:152px!important;max-height:38px!important;object-fit:contain!important}
  body.unified-support-layout .itb-mobile-sidebar-open-v542,
  body.unified-support-layout .itb-mobile-topbar-new-v562{display:grid!important;place-items:center!important;width:44px!important;height:44px!important;min-width:44px!important;margin:0!important;padding:0!important;border:0!important;border-radius:14px!important;background:#edf5ff!important;color:#075edc!important;font-size:23px!important;font-weight:950!important;box-shadow:none!important}
  body.unified-support-layout .itb-mobile-topbar-new-v562{background:var(--itb-v580-blue)!important;color:#fff!important;text-decoration:none!important}
  body.unified-support-layout .client-portal-sidebar,
  body.unified-support-layout .client-portal-shell>.client-portal-sidebar,
  body.unified-support-layout .itb-v555-shell>.client-portal-sidebar,
  body.unified-support-layout .itb-invoices-shell-v529>.client-portal-sidebar{
    position:fixed!important;inset:0 auto 0 0!important;z-index:950000!important;
    display:block!important;width:min(92vw,390px)!important;min-width:0!important;max-width:390px!important;
    height:100dvh!important;min-height:100dvh!important;margin:0!important;padding:18px 14px 28px!important;
    overflow-y:auto!important;overflow-x:hidden!important;background:#f7fbff!important;border:0!important;border-right:1px solid var(--itb-v580-border)!important;
    box-shadow:28px 0 70px rgba(3,22,58,.28)!important;transform:translate3d(-105%,0,0)!important;
    transition:transform .24s ease!important;visibility:visible!important;opacity:1!important;pointer-events:none!important;
  }
  html.itb-mobile-sidebar-open-v542 body.unified-support-layout .client-portal-sidebar,
  body.unified-support-layout.itb-mobile-sidebar-open-v542 .client-portal-sidebar{
    transform:translate3d(0,0,0)!important;pointer-events:auto!important;
  }
  body.unified-support-layout .itb-sidebar-backdrop-v542{position:fixed!important;inset:0!important;z-index:940000!important;display:block!important;background:rgba(1,15,38,.58)!important;backdrop-filter:blur(3px)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:.2s ease!important}
  html.itb-mobile-sidebar-open-v542 body.unified-support-layout .itb-sidebar-backdrop-v542,
  body.unified-support-layout.itb-mobile-sidebar-open-v542 .itb-sidebar-backdrop-v542{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
  body.unified-support-layout .client-portal-sidebar .client-sidebar-sitebrand{display:flex!important;justify-content:center!important;align-items:center!important;min-height:54px!important;margin:0 48px 14px 0!important;padding:0 0 14px!important;border-bottom:1px solid #dce8f6!important}
  body.unified-support-layout .client-portal-sidebar .client-sidebar-sitebrand img{display:block!important;max-width:172px!important;max-height:42px!important}
  body.unified-support-layout .itb-mobile-sidebar-close-v542{position:absolute!important;top:13px!important;right:13px!important;z-index:4!important;display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border:1px solid #d5e5f8!important;border-radius:14px!important;background:#fff!important;color:#14365f!important;font-size:28px!important;line-height:1!important}
  body.unified-support-layout .client-sidebar-dates{display:none!important}
  body.unified-support-layout .client-portal-sidebar .client-side-nav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;width:100%!important;margin:0!important;padding:0!important;visibility:visible!important;opacity:1!important}
  body.unified-support-layout .client-portal-sidebar .client-side-nav>a,
  body.unified-support-layout .client-portal-sidebar .client-side-nav>details>summary,
  body.unified-support-layout .client-portal-sidebar .client-admin-submenu-v533 a{
    display:flex!important;align-items:center!important;gap:9px!important;min-width:0!important;min-height:58px!important;padding:10px!important;
    border:1px solid #dfeaf7!important;border-radius:15px!important;background:#fff!important;color:#29415f!important;text-decoration:none!important;
    font-size:12px!important;font-weight:850!important;line-height:1.2!important;white-space:normal!important;box-shadow:0 7px 20px rgba(12,48,93,.05)!important;
  }
  body.unified-support-layout .client-portal-sidebar .client-side-nav>a.active,
  body.unified-support-layout .client-portal-sidebar .client-side-nav>a[aria-current="page"]{background:var(--itb-v580-blue)!important;border-color:var(--itb-v580-blue)!important;color:#fff!important}
  body.unified-support-layout .client-portal-sidebar .client-side-nav>a>span{flex:0 0 30px!important;width:30px!important;height:30px!important;display:grid!important;place-items:center!important;margin:0!important;border-radius:10px!important;background:#edf5ff!important;color:#0969ff!important}
  body.unified-support-layout .client-portal-sidebar .client-side-nav>a.active>span,
  body.unified-support-layout .client-portal-sidebar .client-side-nav>a[aria-current="page"]>span{background:rgba(255,255,255,.18)!important;color:#fff!important}
  body.unified-support-layout .client-portal-sidebar .client-sidebar-help{display:block!important;margin-top:12px!important}
  body.unified-support-layout .client-portal-main{grid-column:1!important;width:100%!important;margin:0!important;padding-top:0!important;overflow:visible!important}
  body.unified-support-layout :where(.itb-dash-hero-v338,.itb-admin-unified-hero-v580,.itb-new-ticket-hero-v580){min-height:166px!important;margin:0!important;padding:24px 18px!important;border-radius:0 0 24px 24px!important}
  body.unified-support-layout :where(.itb-dash-hero-v338,.itb-admin-unified-hero-v580,.itb-new-ticket-hero-v580) h1{font-size:clamp(27px,8vw,38px)!important;line-height:1.02!important;letter-spacing:-.045em!important}
  body.unified-support-layout :where(.itb-dash-hero-v338,.itb-admin-unified-hero-v580,.itb-new-ticket-hero-v580) p{max-width:100%!important;font-size:13px!important;line-height:1.45!important}
  body.unified-support-layout :where(.itb-kpis-client-v342,.itb-kpis-admin-v342,.itb-v551-kpis){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important;padding-left:12px!important;padding-right:12px!important}
  body.unified-support-layout :where(.itb-kpi-v338,.itb-v551-kpis article){min-height:118px!important;padding:15px 10px!important;display:grid!important;place-items:center!important;text-align:center!important}
  body.unified-support-layout :where(.itb-kpi-v338,.itb-v551-kpis article)>*{margin-left:auto!important;margin-right:auto!important;text-align:center!important}
  body.unified-support-layout :where(.itb-table-wrap-v338,.table-wrap,.invoice-table-wrap,.hours-table-wrap,.admin-table-wrap,.responsive-table){margin-left:0!important;margin-right:0!important;border-radius:14px!important}
  body.unified-support-layout :where(.itb-table-v338,.itb-client-ticket-table-v656,table){min-width:820px!important;font-size:13px!important}
  body.unified-support-layout :where(.itb-table-v338,.itb-client-ticket-table-v656,table) th{position:sticky!important;top:0!important;z-index:2!important;background:#edf5ff!important;color:#173b68!important}
  body.unified-support-layout footer.support-footer{width:100%!important;margin-left:0!important}
}
@media(max-width:520px){
  body.unified-support-layout .client-portal-sidebar .client-side-nav{grid-template-columns:1fr!important}
  body.unified-support-layout :where(.itb-kpis-client-v342,.itb-kpis-admin-v342,.itb-v551-kpis){grid-template-columns:1fr 1fr!important}
}
@media(prefers-reduced-motion:reduce){body.unified-support-layout .client-portal-sidebar{transition:none!important}}