/* IT-BALON.CZ Podpora v571
   Responzivni datove pohledy klienta/admina: Faktury, Evidence hodin, Log zprav. */

.itb-v571-viewbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:0 0 14px;
  padding:10px 12px;
  border:1px solid #d7e6f7;
  border-radius:16px;
  background:linear-gradient(180deg,#f8fbff,#f2f7ff);
}
.itb-v571-viewbar-copy{min-width:0;display:flex;align-items:center;gap:10px;color:#536b8b;font-size:12px;font-weight:700}
.itb-v571-viewbar-copy::before{content:'↔';display:grid;place-items:center;width:30px;height:30px;min-width:30px;border-radius:10px;background:#e8f2ff;color:#0969ff;font-size:16px;font-weight:950}
.itb-v571-view-switch{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid #d6e5f6;border-radius:13px;background:#fff;box-shadow:0 5px 14px rgba(31,78,131,.06)}
.itb-v571-view-switch button{appearance:none;border:0;border-radius:9px;background:transparent;color:#526b8d;min-height:34px;padding:0 13px;font:inherit;font-size:12px;font-weight:850;cursor:pointer;transition:.16s ease}
.itb-v571-view-switch button:hover{background:#f1f6fd;color:#075edc}
.itb-v571-view-switch button.is-active{background:#0969ff;color:#fff;box-shadow:0 7px 16px rgba(9,105,255,.22)}
.itb-v571-view-status{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Tabulkovy rezim: citelna minimalni sirka a vlastni scroll. */
body.unified-support-layout .itb-v555-page-invoices .itb-v555-table-wrap,
body.unified-support-layout .itb-v555-page-hours .itb-v555-table-wrap{
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-inline:contain;
  scrollbar-gutter:stable;
  border-radius:16px!important;
}
body.unified-support-layout .itb-v555-page-invoices .itb-v555-table,
body.unified-support-layout .itb-v555-page-hours .itb-v555-table{
  min-width:980px!important;
  width:100%!important;
}
body.unified-support-layout .itb-v555-page-invoices .itb-v555-table thead th,
body.unified-support-layout .itb-v555-page-hours .itb-v555-table thead th{
  position:sticky!important;
  top:0!important;
  z-index:2!important;
  background:#eef5ff!important;
}
body.unified-support-layout .itb-v555-page-invoices .itb-v555-table tbody tr,
body.unified-support-layout .itb-v555-page-hours .itb-v555-table tbody tr{transition:background .16s ease,box-shadow .16s ease}
body.unified-support-layout .itb-v555-page-invoices .itb-v555-table tbody tr:hover,
body.unified-support-layout .itb-v555-page-hours .itb-v555-table tbody tr:hover{background:#f8fbff!important}

/* Kartovy rezim – bez zmeny serveroveho HTML. */
body.unified-support-layout .itb-v571-card-view .itb-v555-table-wrap{overflow:visible!important;border:0!important;background:transparent!important;box-shadow:none!important}
body.unified-support-layout .itb-v571-card-view .itb-v555-table{display:block!important;min-width:0!important;width:100%!important;border:0!important;background:transparent!important}
body.unified-support-layout .itb-v571-card-view .itb-v555-table thead{display:none!important}
body.unified-support-layout .itb-v571-card-view .itb-v555-table tbody{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;width:100%!important}
body.unified-support-layout .itb-v571-card-view .itb-v555-table tbody tr{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-content:start!important;
  gap:0!important;
  min-width:0!important;
  border:1px solid #d7e6f7!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#fff,#f8fbff)!important;
  box-shadow:0 14px 32px rgba(24,62,109,.08)!important;
  overflow:hidden!important;
}
body.unified-support-layout .itb-v571-card-view .itb-v555-table tbody tr:hover{box-shadow:0 18px 40px rgba(24,62,109,.13)!important;transform:translateY(-1px)}
body.unified-support-layout .itb-v571-card-view .itb-v555-table tbody td{
  display:grid!important;
  grid-template-columns:minmax(96px,.8fr) minmax(0,1.2fr)!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
  min-height:47px!important;
  padding:10px 13px!important;
  border:0!important;
  border-bottom:1px solid #e6eef8!important;
  background:transparent!important;
  color:#0b2347!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
body.unified-support-layout .itb-v571-card-view .itb-v555-table tbody td:nth-last-child(-n+2){border-bottom:0!important}
body.unified-support-layout .itb-v571-card-view .itb-v555-table tbody td::before{
  content:attr(data-itb-label);
  display:block;
  color:#6b7f9c;
  font-size:9px;
  font-weight:850;
  letter-spacing:.06em;
  line-height:1.2;
  text-transform:uppercase;
}
body.unified-support-layout .itb-v571-card-view .itb-v555-table tbody td[data-itb-label="Číslo"],
body.unified-support-layout .itb-v571-card-view .itb-v555-table tbody td[data-itb-label="Ticket"]{
  grid-column:1/-1!important;
  grid-template-columns:minmax(96px,.35fr) minmax(0,1.65fr)!important;
  background:#f0f6ff!important;
}
body.unified-support-layout .itb-v571-card-view .itb-v555-table tbody td[data-itb-label="Akce"],
body.unified-support-layout .itb-v571-card-view .itb-v555-table tbody td[data-itb-label="Faktura"]{
  grid-column:1/-1!important;
  grid-template-columns:minmax(96px,.35fr) minmax(0,1.65fr)!important;
  background:#fbfdff!important;
}
body.unified-support-layout .itb-v571-card-view .itb-v555-table tbody td[data-itb-label="Akce"] .itb-v555-btn,
body.unified-support-layout .itb-v571-card-view .itb-v555-table tbody td[data-itb-label="Faktura"] .itb-v555-btn{width:100%!important;justify-content:center!important}
body.unified-support-layout .itb-v571-card-view .itb-v555-table tbody td.itb-hours-select-col{
  grid-column:1/-1!important;
  grid-template-columns:96px 1fr!important;
  background:#fffaf0!important;
}
body.unified-support-layout .itb-v571-card-view .itb-v555-table tbody tr.itb-v571-empty-row{grid-column:1/-1!important;display:block!important;padding:0!important}
body.unified-support-layout .itb-v571-card-view .itb-v555-table tbody tr.itb-v571-empty-row td{display:block!important;text-align:center!important;padding:28px 18px!important;border:1px dashed #cbdcf0!important;border-radius:18px!important;background:#f8fbff!important;color:#647895!important}
body.unified-support-layout .itb-v571-card-view .itb-v555-table tbody tr.itb-v571-empty-row td::before{display:none!important}

/* Faktury – dulezite hodnoty v kartach. */
body.unified-support-layout .itb-v555-page-invoices.itb-v571-card-view .itb-v555-table tbody td[data-itb-label="Částka"] strong,
body.unified-support-layout .itb-v555-page-invoices.itb-v571-card-view .itb-v555-table tbody td[data-itb-label="Zbývá"] strong{font-size:17px!important;color:#071c3d!important}
body.unified-support-layout .itb-v555-page-invoices.itb-v571-card-view .itb-v555-table tbody td[data-itb-label="Stav"]{background:#f8fbff!important}

/* Evidence hodin – footer a vyber polozek. */
body.unified-support-layout .itb-v555-page-hours .itb-hours-invoice-footer{border-radius:16px!important}
body.unified-support-layout .itb-v555-page-hours.itb-v571-card-view .itb-hours-invoice-footer{position:sticky!important;bottom:10px!important;z-index:8!important;box-shadow:0 15px 38px rgba(15,48,92,.18)!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(12px)!important}

/* Log zprav: kompaktní mobilni filtry a citelne udalosti. */
.itb-v571-activity-filter-toggle{display:none;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:46px;margin:0 0 10px;padding:0 14px;border:1px solid #cfe0f4;border-radius:14px;background:#f7fbff;color:#0a315f;font:inherit;font-size:13px;font-weight:850;cursor:pointer}
.itb-v571-activity-filter-toggle span:last-child{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#e6f1ff;color:#0969ff;transition:transform .18s ease}
.itb-v571-activity-filter-toggle[aria-expanded="true"] span:last-child{transform:rotate(180deg)}
body.unified-support-layout .itb-v555-page-activity .itb-v555-event{padding:16px 17px 16px 20px!important;gap:14px!important}
body.unified-support-layout .itb-v555-page-activity .itb-v555-event h3{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important;font-size:14px!important;line-height:1.35!important}
body.unified-support-layout .itb-v555-page-activity .itb-v555-event p{line-height:1.55!important}
body.unified-support-layout .itb-v555-page-activity .itb-v555-event time{padding:5px 9px!important;border-radius:9px!important;background:#f2f6fb!important;color:#637895!important;font-size:10px!important;font-weight:750!important}

@media(max-width:1180px){
  body.unified-support-layout .itb-v571-card-view .itb-v555-table tbody{grid-template-columns:1fr!important}
}

@media(max-width:900px){
  .itb-v571-viewbar{position:sticky;top:70px;z-index:14;margin-left:-1px;margin-right:-1px;box-shadow:0 10px 26px rgba(15,48,92,.10);backdrop-filter:blur(14px);background:rgba(248,251,255,.94)}
  .itb-v571-viewbar-copy{font-size:11px}
  body.unified-support-layout .itb-v555-page-invoices .itb-v555-table,
  body.unified-support-layout .itb-v555-page-hours .itb-v555-table{min-width:920px!important}
  body.unified-support-layout .itb-v571-card-view .itb-v555-table tbody{grid-template-columns:1fr!important}
  body.unified-support-layout .itb-v571-card-view .itb-v555-table tbody tr{grid-template-columns:1fr!important;border-radius:17px!important}
  body.unified-support-layout .itb-v571-card-view .itb-v555-table tbody td,
  body.unified-support-layout .itb-v571-card-view .itb-v555-table tbody td[data-itb-label="Číslo"],
  body.unified-support-layout .itb-v571-card-view .itb-v555-table tbody td[data-itb-label="Ticket"],
  body.unified-support-layout .itb-v571-card-view .itb-v555-table tbody td[data-itb-label="Akce"],
  body.unified-support-layout .itb-v571-card-view .itb-v555-table tbody td[data-itb-label="Faktura"]{
    grid-column:auto!important;
    grid-template-columns:minmax(88px,.72fr) minmax(0,1.28fr)!important;
  }
  body.unified-support-layout .itb-v571-card-view .itb-v555-table tbody td:nth-last-child(-n+2){border-bottom:1px solid #e6eef8!important}
  body.unified-support-layout .itb-v571-card-view .itb-v555-table tbody td:last-child{border-bottom:0!important}
  .itb-v571-activity-filter-toggle{display:flex}
  body.unified-support-layout .itb-v555-page-activity .itb-v525-activity-filter{display:none!important;margin-top:0!important}
  body.unified-support-layout .itb-v555-page-activity .itb-v525-activity-filter.is-open{display:grid!important}
  body.unified-support-layout .itb-v555-page-activity .itb-v525-activity-categories{display:flex!important;overflow-x:auto!important;scroll-snap-type:x proximity!important;padding-bottom:7px!important;gap:8px!important}
  body.unified-support-layout .itb-v555-page-activity .itb-v525-activity-categories a{flex:0 0 168px!important;scroll-snap-align:start!important;min-height:58px!important}
}

@media(max-width:620px){
  .itb-v571-viewbar{align-items:stretch;flex-direction:column;padding:10px}
  .itb-v571-viewbar-copy{display:none}
  .itb-v571-view-switch{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .itb-v571-view-switch button{width:100%;min-height:38px}
  body.unified-support-layout .itb-v571-card-view .itb-v555-table tbody td,
  body.unified-support-layout .itb-v571-card-view .itb-v555-table tbody td[data-itb-label="Číslo"],
  body.unified-support-layout .itb-v571-card-view .itb-v555-table tbody td[data-itb-label="Ticket"],
  body.unified-support-layout .itb-v571-card-view .itb-v555-table tbody td[data-itb-label="Akce"],
  body.unified-support-layout .itb-v571-card-view .itb-v555-table tbody td[data-itb-label="Faktura"]{
    grid-template-columns:1fr!important;
    gap:5px!important;
    padding:10px 12px!important;
  }
  body.unified-support-layout .itb-v571-card-view .itb-v555-table tbody td::before{font-size:8.5px!important}
  body.unified-support-layout .itb-v555-page-activity .itb-v555-event{padding:14px 14px 14px 18px!important}
  body.unified-support-layout .itb-v555-page-activity .itb-v555-event time{display:inline-flex!important;margin-top:9px!important}
}

@media(min-width:1101px){
  .itb-v571-viewbar{margin-top:-3px}
}