/* v2 の棋譜の一覧（/kifu。features/kifu-list/kifu-list-screen.js・ui/kifu-list.js）。カードは .gal-*（features/gallery/gallery.css）。
   ここはカードの下の「共有リンク」「消す」の行と空のとき・知らせの欄だけ。色は ../../ui/style.css の変数（light / dark） */
.kl-item { display: grid; gap: 6px; }
.kl-card { padding-right: 14px; }
.kl-broken { opacity: 0.7; }
.kl-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.kl-actions button { min-height: 40px; padding: 4px 12px; font-size: 0.82rem; }
.kl-del { color: var(--text-2); }
.kl-empty-icon { font-size: 2rem; }
.kl-empty-title { font-weight: 700; }
.kl-cta { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 16px; margin-top: 12px !important; }
.kl-cta-link { display: inline-flex; align-items: center; min-height: 44px; font-weight: 700; color: var(--accent); }
.kl-live { margin: 10px 0 0; color: var(--text-2); font-size: 0.85rem; overflow-wrap: anywhere; }
.kl-live:empty { display: none; }
.kl-share-url { display: block; width: 100%; box-sizing: border-box; margin-top: 4px; font-size: 0.8rem; }
.kl-page .bk-toggle { margin: 8px 0 4px; }
.kl-links { margin-top: 16px; text-align: right; }
.kl-link { display: inline-flex; align-items: center; min-height: 44px; font-weight: 700; color: var(--accent); }
.kl-clear { min-height: 40px; }
/* 絞り込みをたたむ（R1 #26） */
.kl-filters { margin: 0 0 8px; }
.kl-filters > summary { display: inline-flex; align-items: center; min-height: 44px; padding: 0 14px; border: 1px solid var(--border); border-radius: 999px; font-weight: 700; color: var(--text); background: var(--surface); list-style: none; }
.kl-filters > summary::-webkit-details-marker { display: none; }
.kl-filters[open] > summary { background: var(--accent-soft); border-color: var(--accent); margin-bottom: 8px; }
.kl-filters[hidden] { display: none; }