/* IT-BALON.CZ podpora v562
   - finální mobilní klientský shell
   - oprava admin karty schváleného ticketu
   - tooltip balíčku vykreslený mimo ořezávající kontejnery
*/

/* Admin přehled: schválený ticket musí být jednoznačně zelený a čitelný. */
html body.itb-admin-mode .itb-side-v338 .itb-admin-start-side-v599 .badge,
html body.itb-admin-mode .itb-side-v338 .itb-admin-start-side-v526 .badge{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:100%!important;
  padding:7px 11px!important;
  border:0!important;
  border-radius:999px!important;
  background:#16a34a!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:950!important;
  line-height:1.1!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
  -webkit-text-fill-color:#fff!important;
}
html body.itb-admin-mode .itb-side-v338 .itb-admin-start-side-v599 > a.itb-btn-v338.primary,
html body.itb-admin-mode .itb-side-v338 .itb-admin-start-side-v526 > a.itb-btn-v338.primary{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:46px!important;
  border:1px solid #15803d!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#16a34a 0%,#22c55e 100%)!important;
  color:#fff!important;
  font-weight:950!important;
  line-height:1.15!important;
  text-decoration:none!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 12px 25px rgba(22,163,74,.24)!important;
}
html body.itb-admin-mode .itb-side-v338 .itb-admin-start-side-v599 > a.itb-btn-v338.primary:hover,
html body.itb-admin-mode .itb-side-v338 .itb-admin-start-side-v526 > a.itb-btn-v338.primary:hover{
  background:linear-gradient(135deg,#15803d 0%,#16a34a 100%)!important;
  border-color:#166534!important;
  transform:translateY(-1px)!important;
  box-shadow:0 15px 30px rgba(22,163,74,.30)!important;
}

/* Tooltip portál – nikdy se neořízne hero sekcí, workflow ani overflow kontejnery. */
.itb-package-tooltip-portal-v562{
  position:fixed!important;
  z-index:2147483646!important;
  display:none;
  width:min(380px,calc(100vw - 24px))!important;
  max-width:calc(100vw - 24px)!important;
  padding:17px!important;
  border:1px solid rgba(255,255,255,.28)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#071c44 0%,#0b63ff 72%,#27c4f4 100%)!important;
  color:#fff!important;
  box-shadow:0 26px 70px rgba(3,20,54,.42)!important;
  box-sizing:border-box!important;
  pointer-events:auto!important;
  isolation:isolate!important;
}
.itb-package-tooltip-portal-v562.is-open{display:grid!important;gap:11px!important;}
.itb-package-tooltip-portal-v562 > b{
  display:block!important;
  padding-bottom:9px!important;
  border-bottom:1px solid rgba(255,255,255,.22)!important;
  color:#fff!important;
  font-size:15px!important;
  font-weight:950!important;
  line-height:1.25!important;
}
.itb-package-tooltip-portal-v562 > span{
  display:grid!important;
  grid-template-columns:112px minmax(0,1fr)!important;
  gap:10px!important;
  align-items:start!important;
}
.itb-package-tooltip-portal-v562 em{
  color:#cce8ff!important;
  font-size:10px!important;
  font-style:normal!important;
  font-weight:900!important;
  line-height:1.35!important;
}
.itb-package-tooltip-portal-v562 strong{
  min-width:0!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1.4!important;
  overflow-wrap:anywhere!important;
}
body.itb-tooltip-portal-active-v562 .itb-package-tip-trigger-v536 > .itb-client-package-tooltip-v529,
body.itb-tooltip-portal-active-v562 .itb-client-package-chip-v529 > .itb-client-package-tooltip-v529{
  display:none!important;
  visibility:hidden!important;
}

.itb-mobile-topbar-v562{display:none;}

@media (max-width:900px){
  html,body{max-width:100%!important;overflow-x:hidden!important;}
  body.unified-support-layout{padding:0!important;background:#eef5fc!important;}
  body.itb-mobile-sidebar-open-v542{overflow:hidden!important;touch-action:none!important;}

  /* Jediná mobilní horní lišta. */
  body.unified-support-layout .itb-mobile-topbar-v562{
    position:sticky!important;
    top:0!important;
    z-index:170!important;
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr) 46px!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    min-height:66px!important;
    padding:9px 12px!important;
    box-sizing:border-box!important;
    background:rgba(255,255,255,.98)!important;
    border-top:3px solid #16b9f2!important;
    border-bottom:1px solid #dbe7f5!important;
    box-shadow:0 8px 22px rgba(15,23,42,.08)!important;
    backdrop-filter:saturate(150%) blur(10px)!important;
  }
  body.unified-support-layout .itb-mobile-topbar-v562 .itb-mobile-sidebar-open-v542{
    position:static!important;
    inset:auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #d7e5f6!important;
    border-radius:14px!important;
    background:#fff!important;
    color:#0969ff!important;
    box-shadow:0 8px 20px rgba(15,23,42,.08)!important;
  }
  body.unified-support-layout .itb-mobile-topbar-v562 .itb-mobile-sidebar-open-v542 span{
    font-size:20px!important;
    font-weight:950!important;
    line-height:1!important;
  }
  .itb-mobile-topbar-logo-v562{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    height:42px!important;
  }
  .itb-mobile-topbar-logo-v562 img{
    display:block!important;
    width:auto!important;
    max-width:min(180px,52vw)!important;
    max-height:34px!important;
    object-fit:contain!important;
  }
  .itb-mobile-topbar-new-v562{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:42px!important;
    height:42px!important;
    border-radius:14px!important;
    border:1px solid #0969ff!important;
    background:#0969ff!important;
    color:#fff!important;
    text-decoration:none!important;
    box-shadow:0 8px 20px rgba(9,105,255,.22)!important;
  }
  .itb-mobile-topbar-new-v562 span{font-size:22px!important;line-height:1!important;font-weight:900!important;}

  /* Skutečná off-canvas zásuvka. Pozdější legacy sticky pravidla už ji nepřepíší. */
  body.unified-support-layout .client-portal-shell,
  body.unified-support-layout .itb-v555-shell,
  body.unified-support-layout .itb-invoices-shell-v529,
  body.unified-support-layout .admin-app-shell{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!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;
    top:0!important;
    left:0!important;
    bottom:0!important;
    width:min(88vw,350px)!important;
    min-width:0!important;
    max-width:min(88vw,350px)!important;
    height:100dvh!important;
    min-height:100dvh!important;
    margin:0!important;
    padding:18px 16px 26px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    background:#fff!important;
    border:0!important;
    border-right:1px solid #dbe7f5!important;
    box-shadow:24px 0 70px rgba(7,28,61,.28)!important;
    z-index:210!important;
    transform:translate3d(-106%,0,0)!important;
    transition:transform .24s cubic-bezier(.22,.8,.25,1)!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  body.itb-mobile-sidebar-open-v542 .client-portal-sidebar,
  body.itb-mobile-sidebar-open-v542 .client-portal-shell > .client-portal-sidebar,
  body.itb-mobile-sidebar-open-v542 .itb-v555-shell > .client-portal-sidebar{
    transform:translate3d(0,0,0)!important;
  }
  body.unified-support-layout .itb-sidebar-backdrop-v542{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:200!important;
    background:rgba(7,28,61,.48)!important;
    backdrop-filter:blur(2px)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .22s ease,visibility .22s ease!important;
  }
  body.itb-mobile-sidebar-open-v542 .itb-sidebar-backdrop-v542{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  body.unified-support-layout .itb-mobile-sidebar-close-v542{
    display:flex!important;
    position:absolute!important;
    top:18px!important;
    right:16px!important;
    z-index:4!important;
    align-items:center!important;
    justify-content:center!important;
    width:40px!important;
    height:40px!important;
    border:1px solid #d7e5f6!important;
    border-radius:14px!important;
    background:#fff!important;
    color:#071c3d!important;
    box-shadow:0 8px 20px rgba(15,23,42,.08)!important;
  }
  body.unified-support-layout .itb-mobile-sidebar-close-v542 span{font-size:25px!important;line-height:1!important;}
  body.unified-support-layout .client-sidebar-sitebrand{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    min-height:52px!important;
    margin:0 52px 14px 0!important;
    padding:0 0 13px!important;
    border-bottom:1px solid #e3edf7!important;
  }
  body.unified-support-layout .client-sidebar-sitebrand .itb-sidebar-logo-full-v546{
    display:block!important;
    width:auto!important;
    max-width:190px!important;
    max-height:42px!important;
  }
  body.unified-support-layout .client-sidebar-sitebrand .itb-sidebar-logo-icon-v546{display:none!important;}
  body.unified-support-layout .client-sidebar-dates{
    display:grid!important;
    gap:8px!important;
    margin:0 0 14px!important;
  }
  body.unified-support-layout .client-side-nav{
    display:grid!important;
    visibility:visible!important;
    opacity:1!important;
    gap:7px!important;
    margin:0!important;
    padding:0!important;
  }
  body.unified-support-layout .client-side-nav > a,
  body.unified-support-layout .client-admin-submenu-v533 > summary,
  body.unified-support-layout .client-admin-submenu-v533 > a{
    display:flex!important;
    align-items:center!important;
    min-height:46px!important;
    padding:9px 11px!important;
    border:1px solid transparent!important;
    border-radius:14px!important;
    background:#fff!important;
    color:#132f55!important;
    font-size:13px!important;
    font-weight:850!important;
    line-height:1.25!important;
    text-decoration:none!important;
  }
  body.unified-support-layout .client-side-nav > a.active,
  body.unified-support-layout .client-side-nav > a[aria-current="page"],
  body.unified-support-layout .client-admin-submenu-v533 > a.active{
    border-color:#bfdbfe!important;
    background:#eaf3ff!important;
    color:#075edc!important;
  }
  body.unified-support-layout .client-sidebar-help{display:block!important;margin-top:14px!important;}
  body.unified-support-layout .itb-sidebar-collapse-v542,
  body.unified-support-layout .client-nav-toggle,
  body.unified-support-layout .itb-mobile-menu-v417,
  body.unified-support-layout .itb-mobile-menu-v416,
  body.unified-support-layout .itb-mobile-menu-main-v418,
  body.unified-support-layout .itb-mobile-menu-main-v420{
    display:none!important;
  }

  /* Obsah je skutečně přes celou šířku. */
  body.unified-support-layout .client-portal-main,
  body.unified-support-layout .client-portal-shell > .client-portal-main,
  body.unified-support-layout .itb-v555-main,
  body.unified-support-layout .admin-app-main,
  body.unified-support-layout .invoices-main-v741{
    display:block!important;
    grid-column:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding-left:0!important;
    transform:none!important;
    overflow:visible!important;
  }

  /* Klientský přehled – jedna čistá hlavička, žádný druhý mobilní menu panel. */
  body:not(.itb-admin-mode) .itb-index-v338 .itb-mobile-sticky-head-v423{
    position:relative!important;
    top:auto!important;
    z-index:1!important;
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  body:not(.itb-admin-mode) .itb-index-v338 .itb-dash-hero-v338{
    position:relative!important;
    min-height:230px!important;
    margin:0!important;
    padding:30px 18px 24px!important;
    border-radius:0 0 24px 24px!important;
    overflow:hidden!important;
    background-position:center!important;
    box-shadow:0 16px 34px rgba(7,28,61,.16)!important;
  }
  body:not(.itb-admin-mode) .itb-index-v338 .itb-dash-hero-v338 > div:first-child{
    position:relative!important;
    z-index:2!important;
    width:min(100%,280px)!important;
  }
  body:not(.itb-admin-mode) .itb-index-v338 .itb-dash-hero-v338 h1{
    margin:0 0 8px!important;
    max-width:none!important;
    color:#fff!important;
    font-size:30px!important;
    font-weight:950!important;
    line-height:1.05!important;
    letter-spacing:-.035em!important;
    white-space:nowrap!important;
  }
  body:not(.itb-admin-mode) .itb-index-v338 .itb-dash-hero-v338 p{
    max-width:260px!important;
    margin:0!important;
    color:#e6f1ff!important;
    font-size:13px!important;
    font-weight:750!important;
    line-height:1.45!important;
  }
  body:not(.itb-admin-mode) .itb-index-v338 .itb-hero-actions-v338{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    margin:16px 0 0!important;
    padding:0!important;
  }
  body:not(.itb-admin-mode) .itb-index-v338 .itb-mobile-menu-inline-v425{display:none!important;}
  body:not(.itb-admin-mode) .itb-index-v338 .itb-hero-actions-v338 > a.itb-btn-v338.primary{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    min-width:132px!important;
    min-height:42px!important;
    padding:0 16px!important;
    border-radius:13px!important;
    color:#fff!important;
    font-size:13px!important;
    font-weight:950!important;
  }
  body:not(.itb-admin-mode) .itb-index-v338 .itb-client-package-chip-v529{
    display:inline-flex!important;
    align-items:center!important;
    gap:7px!important;
    min-height:42px!important;
    padding:0 13px!important;
    border:1px solid rgba(255,255,255,.55)!important;
    border-radius:13px!important;
    background:rgba(255,255,255,.95)!important;
    color:#0b315f!important;
    box-shadow:0 8px 20px rgba(3,20,54,.14)!important;
  }
  body:not(.itb-admin-mode) .itb-index-v338 .itb-hero-card-v338{
    position:absolute!important;
    right:14px!important;
    bottom:18px!important;
    top:auto!important;
    left:auto!important;
    z-index:3!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:106px!important;
    min-width:106px!important;
    max-width:106px!important;
    height:52px!important;
    min-height:52px!important;
    margin:0!important;
    padding:7px 9px!important;
    border:1px solid rgba(255,255,255,.68)!important;
    border-radius:15px!important;
    background:rgba(255,255,255,.94)!important;
    box-shadow:0 12px 28px rgba(3,20,54,.22)!important;
    transform:none!important;
  }
  body:not(.itb-admin-mode) .itb-index-v338 .itb-hero-logo-v338,
  body:not(.itb-admin-mode) .itb-index-v338 .itb-hero-logo-v338 img{
    display:block!important;
    width:100%!important;
    max-width:88px!important;
    height:auto!important;
    max-height:36px!important;
    margin:0!important;
    object-fit:contain!important;
    transform:none!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body:not(.itb-admin-mode) .itb-index-v338 .itb-hero-info-v338,
  body:not(.itb-admin-mode) .itb-index-v338 .itb-hero-tip-v406{display:none!important;}

  /* KPI: dvě přehledné karty v řadě místo dlouhého sloupce. */
  body:not(.itb-admin-mode) .itb-index-v338 .itb-kpis-client-v342{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:auto!important;
    margin:0!important;
    padding:12px!important;
  }
  body:not(.itb-admin-mode) .itb-index-v338 .itb-kpis-client-v342 .itb-kpi-v338{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    min-height:126px!important;
    padding:16px 10px!important;
    border-radius:19px!important;
    text-align:center!important;
    box-shadow:0 10px 25px rgba(15,23,42,.06)!important;
  }
  body:not(.itb-admin-mode) .itb-index-v338 .itb-kpis-client-v342 .itb-kpi-v338 .ico{
    margin:0 auto 8px!important;
  }
  body:not(.itb-admin-mode) .itb-index-v338 .itb-kpis-client-v342 .itb-kpi-v338 > div{
    display:block!important;
    min-width:0!important;
  }
  body:not(.itb-admin-mode) .itb-index-v338 .itb-kpis-client-v342 .itb-kpi-v338 small,
  body:not(.itb-admin-mode) .itb-index-v338 .itb-kpis-client-v342 .itb-kpi-v338 strong,
  body:not(.itb-admin-mode) .itb-index-v338 .itb-kpis-client-v342 .itb-kpi-v338 em{
    display:block!important;
    text-align:center!important;
  }
  body:not(.itb-admin-mode) .itb-index-v338 .itb-kpis-client-v342 .itb-kpi-v338 strong{font-size:23px!important;line-height:1.05!important;}
  body:not(.itb-admin-mode) .itb-index-v338 .itb-kpis-client-v342 .itb-kpi-v338 small{font-size:11px!important;line-height:1.25!important;}
  body:not(.itb-admin-mode) .itb-index-v338 .itb-kpis-client-v342 .itb-kpi-v338 em{margin-top:5px!important;font-size:10px!important;line-height:1.25!important;}

  body:not(.itb-admin-mode) .itb-index-v338 .itb-grid-v338{
    display:block!important;
    width:100%!important;
    padding:0 10px 18px!important;
    box-sizing:border-box!important;
  }
  body:not(.itb-admin-mode) .itb-index-v338 .itb-grid-v338 > main,
  body:not(.itb-admin-mode) .itb-index-v338 .itb-grid-v338 > aside{min-width:0!important;width:100%!important;}
  body:not(.itb-admin-mode) .itb-index-v338 .itb-card-v338{
    margin:0 0 10px!important;
    padding:14px!important;
    border-radius:20px!important;
  }
  body:not(.itb-admin-mode) .itb-index-v338 .itb-flow-help-v338{display:none!important;}
  body:not(.itb-admin-mode) .itb-index-v338 .itb-ticket-head-v537{gap:12px!important;}
  body:not(.itb-admin-mode) .itb-index-v338 .itb-ticket-head-v537 h2{font-size:20px!important;line-height:1.15!important;}
  body:not(.itb-admin-mode) .itb-index-v338 .itb-ticket-archive-tabs-v537{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
    width:100%!important;
    padding:4px!important;
    border-radius:13px!important;
  }
  body:not(.itb-admin-mode) .itb-index-v338 .itb-ticket-archive-tabs-v537 a{
    min-width:0!important;
    min-height:36px!important;
    padding:6px 4px!important;
    font-size:10px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body:not(.itb-admin-mode) .itb-index-v338 .itb-view-toggle-v407{display:none!important;}
  body:not(.itb-admin-mode) .itb-index-v338 .itb-filter-accordion-v406{
    margin:10px 0!important;
    border:1px solid #d7e5f6!important;
    border-radius:14px!important;
    background:#f8fbff!important;
    overflow:hidden!important;
  }
  body:not(.itb-admin-mode) .itb-index-v338 .itb-filter-accordion-v406 > summary{
    min-height:44px!important;
    padding:10px 12px!important;
    font-size:12px!important;
  }
  body:not(.itb-admin-mode) .itb-index-v338 .itb-filter-v338{
    grid-template-columns:1fr!important;
    gap:8px!important;
    padding:0 10px 10px!important;
  }

  /* Kompaktní mobilní tabulka: ID + název + aktuální akce, stav je vložen pod název skriptem. */
  body:not(.itb-admin-mode) .itb-index-v338 .itb-mobile-cards-v407{display:none!important;}
  body:not(.itb-admin-mode) .itb-index-v338 .itb-table-wrap-v338{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    border:1px solid #d7e5f6!important;
    border-radius:15px!important;
    overflow:hidden!important;
    box-shadow:none!important;
  }
  body:not(.itb-admin-mode) .itb-index-v338 table.itb-client-ticket-table-v656{
    display:table!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    table-layout:fixed!important;
    border-collapse:separate!important;
    border-spacing:0!important;
  }
  body:not(.itb-admin-mode) .itb-index-v338 table.itb-client-ticket-table-v656 col.c-id{width:49px!important;}
  body:not(.itb-admin-mode) .itb-index-v338 table.itb-client-ticket-table-v656 col.c-title{width:auto!important;}
  body:not(.itb-admin-mode) .itb-index-v338 table.itb-client-ticket-table-v656 col.c-action{width:96px!important;}
  body:not(.itb-admin-mode) .itb-index-v338 table.itb-client-ticket-table-v656 th:nth-child(n+4),
  body:not(.itb-admin-mode) .itb-index-v338 table.itb-client-ticket-table-v656 td:nth-child(n+4){display:none!important;}
  body:not(.itb-admin-mode) .itb-index-v338 table.itb-client-ticket-table-v656 th,
  body:not(.itb-admin-mode) .itb-index-v338 table.itb-client-ticket-table-v656 td{
    min-width:0!important;
    height:auto!important;
    padding:10px 7px!important;
    border-bottom:1px solid #e2ebf5!important;
    font-size:10px!important;
    line-height:1.3!important;
    vertical-align:middle!important;
    overflow:hidden!important;
  }
  body:not(.itb-admin-mode) .itb-index-v338 table.itb-client-ticket-table-v656 th{
    background:#f1f6fc!important;
    color:#536b89!important;
    font-size:9px!important;
    letter-spacing:.03em!important;
    text-transform:uppercase!important;
  }
  body:not(.itb-admin-mode) .itb-index-v338 table.itb-client-ticket-table-v656 tbody tr{
    cursor:pointer!important;
    transition:filter .15s ease!important;
  }
  body:not(.itb-admin-mode) .itb-index-v338 table.itb-client-ticket-table-v656 tbody tr:active{filter:brightness(.97)!important;}
  body:not(.itb-admin-mode) .itb-index-v338 table.itb-client-ticket-table-v656 .itb-ticket-id-v338{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    width:100%!important;
    padding:0!important;
    color:#0969ff!important;
    font-size:11px!important;
    font-weight:950!important;
    white-space:nowrap!important;
  }
  body:not(.itb-admin-mode) .itb-index-v338 table.itb-client-ticket-table-v656 td:nth-child(2){padding-left:8px!important;}
  body:not(.itb-admin-mode) .itb-index-v338 table.itb-client-ticket-table-v656 td:nth-child(2) strong{
    display:block!important;
    margin:0!important;
    color:#102d53!important;
    font-size:11px!important;
    font-weight:950!important;
    line-height:1.22!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  body:not(.itb-admin-mode) .itb-index-v338 table.itb-client-ticket-table-v656 td:nth-child(2) small{
    display:block!important;
    margin-top:3px!important;
    color:#6b809b!important;
    font-size:8.5px!important;
    line-height:1.25!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  body:not(.itb-admin-mode) .itb-index-v338 table.itb-client-ticket-table-v656 td:nth-child(3){text-align:center!important;}
  body:not(.itb-admin-mode) .itb-index-v338 table.itb-client-ticket-table-v656 td:nth-child(3) .itb-status-v338{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:30px!important;
    padding:5px 5px!important;
    border-radius:10px!important;
    font-size:8.5px!important;
    line-height:1.15!important;
    white-space:normal!important;
    text-align:center!important;
  }
  .itb-mobile-status-v562{
    display:inline-flex!important;
    align-items:center!important;
    width:max-content!important;
    max-width:100%!important;
    margin-top:5px!important;
    padding:3px 6px!important;
    border:1px solid #cfe0f4!important;
    border-radius:999px!important;
    background:#f4f8fd!important;
    color:#48617f!important;
    font-size:8px!important;
    font-weight:900!important;
    line-height:1.1!important;
    white-space:normal!important;
  }
  body:not(.itb-admin-mode) .itb-index-v338 .itb-pager-v390{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    padding:12px 2px 0!important;
    text-align:center!important;
  }
  body:not(.itb-admin-mode) .itb-index-v338 .itb-pager-right-v400{
    display:flex!important;
    flex-direction:column-reverse!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    gap:10px!important;
  }
  body:not(.itb-admin-mode) .itb-index-v338 .itb-per-page-v399{width:100%!important;}
  body:not(.itb-admin-mode) .itb-index-v338 .itb-per-page-v399 select{width:100%!important;min-width:0!important;}
  body:not(.itb-admin-mode) .itb-index-v338 .itb-side-v338{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
    margin-top:10px!important;
  }

  .itb-package-tooltip-portal-v562{
    left:12px!important;
    right:12px!important;
    top:auto!important;
    bottom:12px!important;
    width:auto!important;
    max-width:none!important;
    max-height:min(72dvh,560px)!important;
    overflow-y:auto!important;
    border-radius:20px!important;
  }
  .itb-package-tooltip-portal-v562 > span{grid-template-columns:96px minmax(0,1fr)!important;}
}

@media (max-width:420px){
  body:not(.itb-admin-mode) .itb-index-v338 .itb-dash-hero-v338 h1{font-size:28px!important;}
  body:not(.itb-admin-mode) .itb-index-v338 .itb-kpis-client-v342{gap:8px!important;padding:10px 8px!important;}
  body:not(.itb-admin-mode) .itb-index-v338 .itb-kpis-client-v342 .itb-kpi-v338{min-height:118px!important;padding:14px 7px!important;}
  body:not(.itb-admin-mode) .itb-index-v338 table.itb-client-ticket-table-v656 col.c-id{width:45px!important;}
  body:not(.itb-admin-mode) .itb-index-v338 table.itb-client-ticket-table-v656 col.c-action{width:88px!important;}
}

@media (max-width:900px){
  body.unified-support-layout .itb-sidebar-floating-toggle-v544{display:none!important;}
}