.eb-toolbar {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  gap: 8px 14px; margin: 2px 0 10px; padding-bottom: 8px;
  border-bottom: 1px solid var(--pv-color-surface-line, var(--panel-border));
}
.eb-filtry { display: flex; flex-wrap: wrap; gap: 6px; }
.eb-sort-lbl { display: flex; align-items: center; gap: 6px; font-size: var(--cs-2); color: var(--txt-dim); white-space: nowrap; }
.eb-sort-lbl select {
  font: inherit; font-size: var(--cs-2); color: var(--txt);
  background: var(--pv-color-rail-tintA07); border: 1px solid var(--panel-border);
  border-radius: 6px; padding: 3px 6px;
}


.eb-grid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 10px; align-items: start;
}
.eb-grid > .eb-w {
  margin: 0; border: 1px solid var(--panel-border); border-radius: 10px; padding: 9px 11px;
  background: var(--pv-color-rail-tintA045);
}
.eb-grid > .eb-w[open] { border-color: var(--pv-color-surface-lineStrong, var(--accent)); }
.eb-grid > .eb-w > summary { cursor: pointer; display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; }
.eb-fakty { font-size: var(--cs-1); color: var(--txt-dim); flex: 1 1 auto; }

.eb-empty-card {
  padding: 16px; text-align: center; color: var(--txt-dim); font-size: var(--cs-3);
  border: 1px dashed var(--panel-border); border-radius: 10px;
}

@media (max-width: 640px) {
  .eb-grid { grid-template-columns: 1fr; }
  .eb-toolbar { flex-direction: column; align-items: stretch; }
  .eb-sort-lbl { justify-content: space-between; }
}