.esp-log { border:1px solid #ddd; padding:12px; border-radius:8px; position:relative; }

.esp-log-controls { display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin-bottom:12px; }
.esp-log-controls input[type="datetime-local"] { padding:4px 6px; }

.esp-charts { display:grid; grid-template-columns: 1fr; gap:14px; }
.esp-chart { background:#fff; border:1px solid #eee; border-radius:8px; padding:10px; }
.esp-chart h4 { margin:0 0 6px 0; font-size:14px; }
.esp-canvas { display:block; width:100%; max-width:100%; height:260px !important; }

/* individuální výšky (jemné ladění) */
.esp-chart-currents { height:280px !important; }
.esp-chart-voltage  { height:240px !important; }
.esp-chart-temps    { height:240px !important; }
.esp-chart-io       { height:220px !important; }

.esp-log-table-wrap { overflow:auto; max-height:420px; border-top:1px solid #eee; margin-top:12px; }
.esp-log-table { border-collapse: collapse; width: 100%; font-size: 12px; }
.esp-log-table th, .esp-log-table td { border:1px solid #eee; padding:4px 6px; text-align:left; white-space:nowrap; }

.esp-note { font-size: 11px; color:#666; margin-top:6px; }

/* přebití globálních pravidel tématu pro <canvas> */
.esp-log canvas { height:260px !important; }

.esp-log-table thead th {
  position: sticky;
  top: 0;
  z-index: 2;                 /* aby překrývalo řádky při scrollu */
  background: #fff;           /* nastav pevné pozadí, ať neprosvítá */
  box-shadow: 0 1px 0 rgba(0,0,0,.06); /* jemná linka pod záhlavím */
}

/* Zebra pruhy pro tabulku logů */
.esp-log-table tbody tr:nth-child(odd) {
  background-color: #555;   /* tmavší šedá */
  color: #fff;              /* světlý text kvůli kontrastu */
}

.esp-log-table tbody tr:nth-child(even) {
  background-color: #777;   /* světlejší šedá */
  color: #fff;
}
.esp-canvas {
  touch-action: none;
}