/* styles/default/components/c-fold.css — #49 sbalený blok c-fold (03 §9.47): <details> se souhrnem (šipka, počet) a tělem – Smazané sekce / statusy, Odebraní členové,
   Historie odvolaných zařízení. Dřív trojí kopie (c-tree-deleted, c-member-removed, tlačítko s hidden blokem) – M9-11, N47
   Created :: 2026-10-28
   Updated :: 2026-10-28
   2026-10-28 :: M9 – M9-11 (viz 04 kap. 3) */

.c-fold { border-top: 1px solid var(--color-border); }
.c-fold__summary { display: flex; align-items: center; gap: var(--sp-2); padding: var(--sp-3) var(--sp-5); cursor: pointer; font-weight: var(--fw-medium); color: var(--color-text-muted); list-style: none; user-select: none; }
.c-fold__summary::-webkit-details-marker { display: none; }
.c-fold__summary::before { content: ""; width: .6rem; height: .6rem; margin: 0 var(--sp-1) 0 var(--sp-half); border-right: var(--stroke-2) solid currentColor; border-bottom: var(--stroke-2) solid currentColor; transform: translateY(-.15rem) rotate(-45deg); transition: transform var(--dur-1) var(--ease-out); }
.c-fold[open] > .c-fold__summary::before { transform: translateY(-.3rem) rotate(45deg); }
.c-fold__summary:hover { color: var(--color-text); }
.c-fold__summary:focus-visible { outline: none; box-shadow: var(--focus-ring); border-radius: var(--r-sm); }
.c-fold__list { list-style: none; margin: 0; padding: 0 var(--sp-5) var(--sp-4); display: flex; flex-direction: column; gap: var(--sp-2); }
.c-fold__item { display: flex; align-items: center; gap: var(--sp-3); }
.c-fold__name { flex: 1 1 auto; min-width: 0; }
.c-fold--flush { border-top: 0; }
.c-fold--flush .c-fold__summary { padding-left: 0; padding-right: 0; }
.c-fold--flush .c-fold__list { padding-left: 0; padding-right: 0; }
.c-fold--flush .c-fold__body > .c-fold__table { margin-top: var(--sp-2); }

@media (max-width: 767.98px) {
  .c-fold__summary, .c-fold__list { padding-left: var(--sp-4); padding-right: var(--sp-4); }
  .c-fold--flush .c-fold__summary, .c-fold--flush .c-fold__list { padding-left: 0; padding-right: 0; }
  .c-fold__item { flex-wrap: wrap; }
}