/* Eventy klasy — tabela pod listą działów (ten sam wygląd co tabela działów) */
.events-card { margin-top: 16px; }
.events-card[hidden] { display: none !important; }
.events-title { margin: 0; font-size: 14px; font-weight: 600; color: var(--ink); }
.events-table tr[data-kind] td { cursor: default; }
.events-table tr[aria-busy="true"] td { opacity: .6; }
.ev-icon .qicon-fg { display: grid; place-items: center; font-size: 19px; line-height: 1; background: var(--surface-3); }
.events-table .c-actions { text-align: right; }

/* przełącznik w miejscu „delete” */
.classEventToggle {
  display: inline-flex; align-items: center; justify-content: center;
  width: 44px; height: 32px; padding: 0;
  border: 0; border-radius: 7px; background: transparent; cursor: pointer;
}
.classEventTrack { display: block; width: 34px; height: 20px; padding: 2px; border-radius: 20px; background: var(--line-strong, #c7ced9); transition: background .15s ease; }
.classEventTrack::before { content: ""; display: block; width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .18); transition: transform .15s ease; }
.classEventToggle[aria-checked="true"] .classEventTrack { background: #e07a1f; }
.classEventToggle[aria-checked="true"] .classEventTrack::before { transform: translateX(14px); }
.classEventToggle:disabled { cursor: default; opacity: .55; }
.classEventToggle:focus-visible { outline: 2px solid var(--focus-line, #2f80ed); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) {
  .classEventTrack, .classEventTrack::before { transition: none; }
}
/* na telefonie tabela działów chowa daty i status — w eventach daty muszą zostać */
@media (max-width: 640px) {
  .events-table .c-dates { display: table-cell; white-space: normal; padding-left: 4px !important; padding-right: 4px !important; }
  .events-table .dates-btn { white-space: normal; text-align: left; line-height: 1.3; height: auto; padding: 4px 8px; min-width: 80px; }
  .events-table .c-actions { padding-left: 4px !important; padding-right: 8px !important; }
  .events-table .classEventToggle { width: 38px; }
  .events-table .date-edit { flex-wrap: wrap; }
}