/* The summary over a session's thread as light (Chris, 24 Oct): folded, its one line has no background and takes no row of its
   own; opened, it is a pane of glass over the top of the thread, which shows through. Both float (work-sum.js is unchanged);
   the thread keeps a slim, empty strip at its top for the folded line (22 px, nothing painted on it). Real blur on a mouse screen; a touch screen blurs nothing while
   a panel is open (panel.css, the Android keyboard), so there the glass is a tint and a sheen. */
.work-pane.has-sum { position: relative; }
/* The room for the summary bar is kept only while it (or its handle) is showing: an empty New page keeps no blank row (Chris, 24 Oct). */
.work-pane.has-sum:has(> .work-sum:not([hidden]), > .work-sum-handle:not([hidden])) .work-scroll { margin-top: 22px; }

.detail .work-sum-handle {
  position: absolute; top: 0; left: 0; right: 0; z-index: 4; width: auto; margin: 0; min-height: 22px; max-height: 22px;
  background: none; pointer-events: none; color: var(--muted);
}
.detail .work-sum-handle > * { pointer-events: auto; }
.detail .work-sum-handle-text { text-shadow: none; }
.detail .work-sum-handle.asks { color: var(--warn); }

.work-sum {
  position: absolute; top: 4px; left: 0; right: 0; z-index: 5; margin: 0; padding: 9px 12px 10px; gap: 7px;
  border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 18px;
  background:
    linear-gradient(155deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.12) 46%, rgba(255, 255, 255, 0.2) 100%),
    color-mix(in srgb, var(--panel) 38%, transparent);
  -webkit-backdrop-filter: blur(16px) saturate(1.5); backdrop-filter: blur(16px) saturate(1.5);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), inset 0 -1px 0 rgba(255, 255, 255, 0.12), 0 14px 34px rgba(30, 20, 10, 0.2), 0 2px 6px rgba(30, 20, 10, 0.12);
}
@media (pointer: coarse) {
  /* No blur here, so more tint keeps the words over it readable. */
  .work-sum { background: linear-gradient(155deg, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0.2) 100%), color-mix(in srgb, var(--panel) 72%, transparent); }
}
.work-sum-chip { background: rgba(255, 255, 255, 0.28); border-color: rgba(255, 255, 255, 0.55); }
.work-sum-more { border-top-color: rgba(255, 255, 255, 0.45); gap: 6px; padding-top: 7px; max-height: 46vh; overflow-y: auto; scrollbar-width: none; }
.work-sum-more::-webkit-scrollbar { display: none; }

/* The details as a small table: a label, then what it says. */
.work-sum-fact { display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 8px; align-items: baseline; color: var(--text); }
.work-sum-head { font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--muted); }
.work-sum-files { display: flex; flex-wrap: wrap; gap: 5px; margin: 2px 0 0; padding: 0; list-style: none; max-height: none; overflow: visible; }
.work-sum-files li { padding: 2px 8px; border-radius: 999px; background: rgba(255, 255, 255, 0.3); border: 1px solid rgba(255, 255, 255, 0.5); }
.work-sum-files li.meta { background: none; border-color: transparent; color: var(--muted); }

/* The lane of session cards, brought down, covers the summary (Chris, 24 Oct): the bar and its line step aside while the lane is pinned.
   Nothing is lifted above its neighbours (a raised thread covered the buttons and the box). */
.work-pane.has-sum:has(.work-strip.pinned) .work-sum, .work-pane.has-sum:has(.work-strip.pinned) .work-sum-handle { visibility: hidden; }