/* IT-BALON.CZ Podpora v598 – finální klientský shell, mobilní menu a responzivita */
:root{
  --itb598-blue:#0969ff;
  --itb598-blue2:#0b84e8;
  --itb598-navy:#061b44;
  --itb598-bg:#eef5fc;
  --itb598-line:#d7e5f5;
  --itb598-text:#071c3d;
  --itb598-muted:#647895;
  --itb598-shadow:0 16px 38px rgba(16,48,90,.08);
}

/* Klientský balíček musí být čitelný i uvnitř modrého hero. */
body:not(.itb-area-admin-v596) .itb-client-package-chip-v529,
body:not(.itb-area-admin-v596) .itb-client-package-chip-v529 > strong,
body:not(.itb-area-admin-v596) .itb-client-package-chip-v529 .itb-package-badge,
body:not(.itb-area-admin-v596) .itb-client-package-chip-v529 .itb-package-badge *{
  color:#071c3d!important;
  -webkit-text-fill-color:#071c3d!important;
}

/* Desktop: mobilní ovladače nesmějí rozbíjet sidebar na samostatných stránkách. */
@media(min-width:901px){
  body.unified-support-layout .itb-mobile-topbar-v562,
  body.unified-support-layout .itb-mobile-sidebar-close-v542,
  body.unified-support-layout .itb-sidebar-backdrop-v542{display:none!important}
  body.unified-support-layout .itb-mobile-only-nav-v569{display:none!important}
  body.itb-new-ticket-v567 .client-portal-shell{display:grid!important;grid-template-columns:260px minmax(0,1fr)!important;min-height:100vh!important;background:var(--itb598-bg)!important}
  html.itb-sidebar-collapsed body.itb-new-ticket-v567 .client-portal-shell{grid-template-columns:78px minmax(0,1fr)!important}
  body.itb-new-ticket-v567 .client-portal-sidebar{grid-column:1!important}
  body.itb-new-ticket-v567 .itb-new-ticket-main-v567{grid-column:2!important;width:100%!important;min-width:0!important;margin:0!important}
}

/* Nový ticket – sjednocení s ostatními klientskými stránkami. */
body.itb-new-ticket-v567 .itb-new-ticket-page-v580{background:var(--itb598-bg)!important}
body.itb-new-ticket-v567 .itb-new-ticket-hero-v580{
  min-height:198px!important;
  padding:28px 32px!important;
  background-image:linear-gradient(100deg,rgba(4,25,62,.94),rgba(8,93,186,.76)),var(--itb-new-ticket-company-bg,url('/podpora/assets/itbalon-hero-v190-03-bg.webp'))!important;
  border-radius:0 0 24px 24px!important;
}
body.itb-new-ticket-v567 .itb-new-ticket-hero-v580 h1{font-size:clamp(36px,3vw,48px)!important}
body.itb-new-ticket-v567 .itb-new-ticket-company-card-v588{max-width:440px!important;justify-self:end!important}
body.itb-new-ticket-v567 .ticket-layout{max-width:none!important;grid-template-columns:minmax(0,1fr) 330px!important;gap:20px!important}
body.itb-new-ticket-v567 .form-panel,
body.itb-new-ticket-v567 .help-panel{box-shadow:var(--itb598-shadow)!important;border-color:var(--itb598-line)!important}
body.itb-new-ticket-v567 .form-panel{padding:25px!important}
body.itb-new-ticket-v567 .help-panel{top:18px!important}
body.itb-new-ticket-v567 .itb-ticket-type-card-v525{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease!important}
body.itb-new-ticket-v567 .itb-ticket-type-card-v525:hover{transform:translateY(-1px)!important;box-shadow:0 10px 22px rgba(9,105,255,.08)!important}
body.itb-new-ticket-v567 .itb-priority-preview-v525{min-width:0!important}

/* Fakturační údaje – skutečná sekce resetu hesla. */
.itb-password-reset-card-v598{
  margin-top:18px!important;
  border:1px solid #c9ddf5!important;
  background:linear-gradient(135deg,#f8fbff 0%,#edf6ff 100%)!important;
  overflow:hidden!important;
}
.itb-password-reset-grid-v598{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:16px;align-items:center}
.itb-password-reset-icon-v598{display:grid;place-items:center;width:58px;height:58px;border-radius:17px;background:linear-gradient(145deg,#0969ff,#0b83e9);color:#fff;font-size:25px;box-shadow:0 12px 26px rgba(9,105,255,.22)}
.itb-password-reset-copy-v598 h2{margin:0 0 5px!important}.itb-password-reset-copy-v598 p{margin:0;color:var(--itb598-muted);line-height:1.5}
.itb-password-reset-copy-v598 small{display:block;margin-top:6px;color:#45617f;font-weight:750}
.itb-password-reset-action-v598{display:flex;align-items:center;justify-content:flex-end}
.itb-password-reset-action-v598 button{white-space:nowrap}
.profile-reset-card-v220,.profile-reset-card-v221{display:none!important}

/* Kontakt – stejné spodní zarovnání a jednořádkový GDPR souhlas. */
body.unified-support-layout .itb-v560-contact-grid{align-items:stretch!important}
body.unified-support-layout .itb-v560-contact-grid>main,
body.unified-support-layout .itb-v560-contact-grid>aside{min-width:0!important;display:flex!important;flex-direction:column!important}
body.unified-support-layout .itb-v560-contact-grid>main>.itb-v584-contact-history{flex:1 1 auto!important}
body.unified-support-layout .itb-v560-contact-grid>aside>.itb-v555-card{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;height:100%!important}
body.unified-support-layout .itb-v560-contact-grid>aside form{display:flex!important;flex:1 1 auto!important;flex-direction:column!important}
body.unified-support-layout .itb-v560-contact-grid>aside form>.itb-hero-actions-v338{margin-top:auto!important;padding-top:16px!important}
.itb-v598-gdpr-line{display:grid!important;grid-template-columns:22px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;min-height:54px!important;padding:12px 14px!important;white-space:nowrap!important}
.itb-v598-gdpr-line input{width:18px!important;height:18px!important;min-width:18px!important;margin:0!important}
.itb-v598-gdpr-line span{display:block!important;min-width:0!important;color:#0d2347!important;font-size:12px!important;font-weight:650!important;line-height:1.35!important}
.itb-v598-gdpr-line strong{margin-right:8px;color:#071c3d!important;font-size:12px!important;font-weight:950!important}

/* Log zpráv – dvě akce v jednom řádku. */
body.unified-support-layout .itb-v555-page-activity .itb-v525-activity-filter{grid-template-columns:minmax(240px,1.4fr) 165px 145px 145px 105px minmax(190px,auto)!important}
body.unified-support-layout .itb-v555-page-activity .itb-v525-activity-filter .actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;align-items:end!important}
body.unified-support-layout .itb-v555-page-activity .itb-v525-activity-filter .actions>*{width:100%!important;min-width:0!important;margin:0!important}

/* Statistiky – žádný graf nesmí roztahovat stránku. */
body.unified-support-layout .itb-v555-page-stats,
body.unified-support-layout .itb-v555-page-stats :where(.itb-v555-main,.itb-v555-wrap,.itb-v525-stats-layout,.itb-v525-stats-main,.itb-v525-stats-side,.itb-v555-card,.itb-v525-chart-card){min-width:0!important;max-width:100%!important}
body.unified-support-layout .itb-v555-page-stats .itb-v525-chart-card{overflow:hidden!important}
body.unified-support-layout .itb-v555-page-stats .itb-v525-donut-row{grid-template-columns:180px minmax(0,1fr)!important}
body.unified-support-layout .itb-v555-page-stats .itb-v525-donut{position:relative!important;display:grid!important;place-items:center!important;flex:0 0 auto!important;max-width:100%!important;aspect-ratio:1/1!important}
body.unified-support-layout .itb-v555-page-stats .itb-v525-donut:before{display:none!important}
body.unified-support-layout .itb-v555-page-stats .itb-v525-donut-center-v598{display:grid;place-items:center;width:108px;height:108px;border-radius:50%;background:#fff;box-shadow:0 4px 15px rgba(15,45,85,.07);text-align:center}
body.unified-support-layout .itb-v555-page-stats .itb-v525-donut-center-v598 strong{display:block;color:#071c3d;font-size:25px;line-height:1}
body.unified-support-layout .itb-v555-page-stats .itb-v525-donut-center-v598 small{display:block;margin-top:4px;color:#647895;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}
.itb-v598-client-insights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.itb-v598-client-insight{min-width:0;padding:16px;border:1px solid #dbe7f5;border-radius:17px;background:linear-gradient(145deg,#fbfdff,#f3f8ff)}
.itb-v598-client-insight small,.itb-v598-client-insight strong,.itb-v598-client-insight span{display:block}
.itb-v598-client-insight small{color:#607694;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.itb-v598-client-insight strong{margin-top:6px;color:#071c3d;font-size:25px;line-height:1.05;overflow-wrap:anywhere}
.itb-v598-client-insight span{margin-top:7px;color:#647895;font-size:11px;line-height:1.4}
.itb-v598-client-insight.good{background:#effcf4;border-color:#bcebc9}.itb-v598-client-insight.good strong{color:#16803d}
.itb-v598-client-insight.warn{background:#fff8ed;border-color:#fed7aa}.itb-v598-client-insight.warn strong{color:#c45a0a}
.itb-v598-client-insight.blue{background:#eff6ff;border-color:#bfdbfe}.itb-v598-client-insight.blue strong{color:#1d4ed8}

/* Finální mobilní shell ve vizuálu hlavního webu. */
@media(max-width:900px){
  body.unified-support-layout .itb-mobile-topbar-v562{
    position:sticky!important;top:0!important;z-index:1200000!important;
    grid-template-columns:minmax(0,1fr) 46px 46px!important;gap:8px!important;height:66px!important;min-height:66px!important;
    padding:9px 10px!important;background:rgba(255,255,255,.985)!important;border:0!important;border-bottom:1px solid rgba(9,105,255,.12)!important;
    box-shadow:0 12px 30px rgba(7,35,77,.09)!important;backdrop-filter:blur(16px)!important
  }
  body.unified-support-layout .itb-mobile-topbar-logo-v562{order:1!important;justify-content:flex-start!important;padding:0 5px!important}
  body.unified-support-layout .itb-mobile-topbar-logo-v562 img{max-width:min(190px,calc(100vw - 126px))!important;max-height:38px!important;height:auto!important}
  body.unified-support-layout .itb-mobile-topbar-new-v562{order:2!important;background:#fff!important;color:#0969ff!important;border:1px solid #d5e5f8!important;box-shadow:0 7px 18px rgba(15,45,85,.07)!important}
  body.unified-support-layout .itb-mobile-sidebar-open-v542{order:3!important;background:#fff!important;color:#0969ff!important;border:1px solid #d5e5f8!important;box-shadow:0 7px 18px rgba(15,45,85,.07)!important}
  body.unified-support-layout :where(.itb-mobile-topbar-new-v562,.itb-mobile-sidebar-open-v542){width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;border-radius:14px!important}
  body.unified-support-layout :where(.itb-mobile-topbar-new-v562,.itb-mobile-sidebar-open-v542) span{color:inherit!important;font-size:22px!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{
    inset:76px 10px auto 10px!important;width:auto!important;max-width:none!important;height:auto!important;max-height:calc(100dvh - 88px)!important;min-height:0!important;
    padding:14px 12px 18px!important;border:1px solid #dbe7f5!important;border-radius:22px!important;background:rgba(255,255,255,.99)!important;
    box-shadow:0 28px 72px rgba(3,22,58,.28)!important;transform:translate3d(0,-12px,0) scale(.985)!important;transform-origin:top center!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:transform .2s ease,opacity .2s ease,visibility .2s ease!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) scale(1)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important
  }
  body.unified-support-layout .client-portal-sidebar .client-sidebar-sitebrand{display:none!important}
  body.unified-support-layout .itb-mobile-sidebar-close-v542{top:9px!important;right:9px!important;width:38px!important;height:38px!important}
  body.unified-support-layout .client-sidebar-dates{padding-right:44px!important}
  body.unified-support-layout .client-portal-sidebar .client-side-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.unified-support-layout .client-portal-sidebar .client-side-nav>a{min-height:56px!important}

  body.itb-new-ticket-v567 .itb-new-ticket-main-v567{padding:0!important}
  body.itb-new-ticket-v567 .itb-new-ticket-page-v580{padding:0 10px 26px!important}
  body.itb-new-ticket-v567 .itb-new-ticket-hero-v580{width:calc(100% + 20px)!important;margin:0 -10px 12px!important;padding:21px 16px!important;grid-template-columns:1fr!important;gap:14px!important;border-radius:0 0 23px 23px!important}
  body.itb-new-ticket-v567 .itb-new-ticket-hero-v580 h1{font-size:clamp(28px,8.5vw,36px)!important}
  body.itb-new-ticket-v567 .itb-new-ticket-company-card-v588{max-width:none!important;justify-self:stretch!important}
  body.itb-new-ticket-v567 .ticket-layout{grid-template-columns:1fr!important;gap:12px!important}
  body.itb-new-ticket-v567 .form-panel,body.itb-new-ticket-v567 .help-panel{padding:15px!important;border-radius:18px!important}

  .itb-password-reset-grid-v598{grid-template-columns:50px minmax(0,1fr)!important}
  .itb-password-reset-icon-v598{width:50px;height:50px;border-radius:15px}
  .itb-password-reset-action-v598{grid-column:1/-1!important;justify-content:stretch!important}
  .itb-password-reset-action-v598 button{width:100%!important}

  body.unified-support-layout .itb-v555-page-contact .itb-v560-contact-grid{grid-template-columns:1fr!important}
  body.unified-support-layout .itb-v560-contact-grid>aside form>.itb-hero-actions-v338{margin-top:14px!important;padding-top:0!important}
  .itb-v598-gdpr-line{white-space:normal!important;align-items:start!important}
  .itb-v598-gdpr-line span{font-size:11px!important}

  body.unified-support-layout .itb-v555-page-activity .itb-v525-activity-filter{grid-template-columns:1fr!important}
  body.unified-support-layout .itb-v555-page-activity .itb-v525-activity-filter .actions{grid-template-columns:1fr 1fr!important}

  body.unified-support-layout .itb-v555-page-stats .itb-v525-donut-row{grid-template-columns:1fr!important}
  body.unified-support-layout .itb-v555-page-stats .itb-v525-donut{width:150px!important;height:150px!important}
  body.unified-support-layout .itb-v555-page-stats .itb-v525-donut-center-v598{width:94px;height:94px}
  .itb-v598-client-insights{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.unified-support-layout .itb-v555-page-stats :where(.itb-v546-trend-chart,.itb-v533-week-chart,.itb-v542-capacity-grid,.itb-v542-age-chart){max-width:100%!important;min-width:0!important;overflow-x:auto!important}
}
@media(max-width:560px){
  body.unified-support-layout .client-portal-sidebar .client-side-nav{grid-template-columns:1fr!important}
  .itb-v598-client-insights{grid-template-columns:1fr}
  body.unified-support-layout .itb-v555-page-activity .itb-v525-activity-filter .actions{grid-template-columns:1fr!important}
  .itb-v598-gdpr-line span{font-size:10.5px!important}
}