/* IT-BALON.CZ Podpora v607
   Klientský přehled: stabilní stav faktury bez kolize dekorativního ::after. */

/* Staré verze používaly stejné ::after pro stav i pro dekorativní kruh.
   Stav je od v607 skutečný HTML element, proto pseudo-prvek na aktivní faktuře vypínáme. */
html body:not(.itb-admin-mode) .itb-index-v338 .itb-kpis-client-v342 > .itb-kpi-v338.itb-kpi-unpaid-active::after,
html body.itb-client-digital-grid-v599:not(.itb-admin-mode) .itb-index-v338 .itb-kpis-client-v342 > .itb-kpi-v338.itb-kpi-unpaid-active::after{
  content:none!important;
  display:none!important;
}

html body:not(.itb-admin-mode) .itb-index-v338 .itb-kpis-client-v342 > .itb-kpi-v338.itb-kpi-unpaid-active{
  position:relative!important;
  overflow:visible!important;
  isolation:isolate!important;
  border-color:#fca5a5!important;
  background:linear-gradient(145deg,#fff 0%,#fff1f2 100%)!important;
  box-shadow:0 16px 34px rgba(220,38,38,.14)!important;
}

html body:not(.itb-admin-mode) .itb-index-v338 .itb-kpis-client-v342 > .itb-kpi-v338.itb-kpi-unpaid-active > .ico,
html body:not(.itb-admin-mode) .itb-index-v338 .itb-kpis-client-v342 > .itb-kpi-v338.itb-kpi-unpaid-active > div{
  position:relative!important;
  z-index:2!important;
}

html body:not(.itb-admin-mode) .itb-index-v338 .itb-kpi-status-badge-v607{
  position:absolute!important;
  z-index:40!important;
  top:0!important;
  right:10px!important;
  transform:translateY(-50%)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  max-width:calc(100% - 20px)!important;
  min-height:24px!important;
  margin:0!important;
  padding:5px 9px!important;
  border:2px solid #fff!important;
  border-radius:999px!important;
  background:#dc2626!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 8px 20px rgba(220,38,38,.28)!important;
  font-size:9px!important;
  line-height:1!important;
  font-style:normal!important;
  font-weight:950!important;
  letter-spacing:.025em!important;
  text-align:center!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  pointer-events:none!important;
}

/* Složená ikona dokumentu s křížkem musí zůstat nedotčená starými menu skripty. */
html body:not(.itb-admin-mode) .itb-index-v338 .itb-kpi-v338 .ico.unpaid-kpi-v423{
  overflow:visible!important;
}
html body:not(.itb-admin-mode) .itb-index-v338 .itb-kpi-v338 .ico.unpaid-kpi-v423 > .doc,
html body:not(.itb-admin-mode) .itb-index-v338 .itb-kpi-v338 .ico.unpaid-kpi-v423 > .cross{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
}

@media(max-width:900px){
  html body:not(.itb-admin-mode) .itb-index-v338 .itb-kpis-client-v342 > .itb-kpi-v338.itb-kpi-unpaid-active{
    padding-top:34px!important;
    overflow:hidden!important;
  }
  html body:not(.itb-admin-mode) .itb-index-v338 .itb-kpi-status-badge-v607{
    top:7px!important;
    right:7px!important;
    transform:none!important;
    max-width:calc(100% - 14px)!important;
    min-height:22px!important;
    padding:4px 7px!important;
    border-width:1px!important;
    font-size:8px!important;
  }
}