.collection-presentation { --line:#d1d5db; --muted:#4b5563; --soft:#f9fafb; min-width:0; }
.dark .collection-presentation { --line:#4b5563; --muted:#d1d5db; --soft:#1f2937; }
.collection-toolbar { display:flex; flex-wrap:wrap; gap:12px; align-items:end; margin:16px 0; }
.collection-toolbar label { display:flex; flex-direction:column; gap:4px; font-size:13px; }
.collection-toolbar input,.collection-toolbar select,.collection-toolbar button { border:1px solid var(--line); border-radius:6px; padding:8px 12px; background:var(--soft); color:inherit; max-width:100%; }
.collection-toolbar input { width:240px; }
.collection-toolbar button[aria-pressed=true] { background:#1e40af; color:white; border-color:#1e40af; }
.collection-note { font-size:13px; color:var(--muted); margin:10px 0; }
.collection-badge { display:inline-block; font-size:12px; border:1px solid var(--line); border-radius:4px; padding:2px 6px; margin:3px 6px 3px 0; }
.collection-list { list-style:none; padding:0; margin:0; }
.collection-list>li { border-top:1px solid var(--line); }
.collection-row { display:block; width:100%; text-align:left; padding:12px 8px; overflow-wrap:anywhere; }
.collection-row:hover,.collection-row:focus-visible { background:var(--soft); }
.collection-row-title { font-weight:600; font-size:14px; }
.collection-row-meta { font-size:12px; color:var(--muted); margin-top:5px; }
.collection-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)); gap:12px; }
.collection-cards .collection-row { height:100%; border:1px solid var(--line); border-radius:8px; padding:16px; }
.collection-table-scroll { max-width:100%; overflow:auto; border:1px solid var(--line); border-radius:8px; }
.collection-table { border-collapse:collapse; width:100%; font-size:13px; min-width:780px; }
.collection-table caption { text-align:left; padding:12px; color:var(--muted); }
.collection-table th { background:var(--soft); text-align:left; white-space:nowrap; }
.collection-table th button { padding:12px; width:100%; text-align:left; }
.collection-table td { border-top:1px solid var(--line); padding:12px; vertical-align:top; max-width:320px; overflow-wrap:anywhere; }
.collection-table td:first-child { min-width:180px; }
.collection-table td button { text-align:left; font-weight:600; text-decoration:underline; text-underline-offset:3px; }
.collection-outline { border:1px solid var(--line); border-radius:8px; margin:12px 0; }
.collection-outline>summary { padding:12px; cursor:pointer; font-weight:600; background:var(--soft); overflow-wrap:anywhere; }
.collection-satellites { margin:0 12px 12px 28px; border-left:2px solid var(--line); }
.collection-board { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:12px 0; }
.collection-lane { background:var(--soft); border:1px solid var(--line); border-radius:8px; padding:12px; min-width:0; }
.collection-lane h4 { font-size:14px; font-weight:600; margin-bottom:12px; }
.collection-lane .collection-row { border:1px solid var(--line); border-radius:6px; margin-top:8px; }
.collection-presentation button:focus-visible,.collection-presentation summary:focus-visible { outline:3px solid #2563eb; outline-offset:2px; }
@media(max-width:767px) { .collection-board { grid-template-columns:1fr; } .collection-toolbar label { width:100%; } .collection-toolbar input { width:100%; } }
#main-content, body > [x-data] > .flex-1 { min-width:0; }
.collection-summary { display:block; }
.collection-post-row { display:grid; grid-template-columns:85px minmax(0,1fr) 125px; gap:12px; align-items:start; padding:10px 8px; }
.collection-post-row .collection-summary { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
@media(max-width:767px) { .collection-post-row { grid-template-columns:1fr; gap:3px; } .collection-post-row .collection-summary { white-space:normal; } }