/* ═══ 13. COVERS ═════════════════════════════════════════════════════ */

.cover {
  grid-column: 1 / 9; grid-row: 2 / 10;
  background: var(--bg);
  z-index: 5;
  display: flex; flex-direction: column;
  min-height: 0;
  opacity: 0; pointer-events: none; transform: translateY(8px);
  transition: opacity var(--dur-base) ease, transform var(--dur-base) ease;
}
body[data-tab="project"] #projectCover,
body[data-tab="tracker"] #trackerCover {
  opacity: 1; pointer-events: auto; transform: none;
}
body:not([data-tab="project"]) #projectCover *,
body:not([data-tab="tracker"]) #trackerCover * { visibility: hidden; }
.cover-backdrop {
  grid-column: 1 / 9; grid-row: 2 / 10;
  background: var(--bg);
  z-index: 4;
  display: none;
}
body.cover-crossfade .cover-backdrop { display: block; }
.cover-bar {
  display: flex; align-items: flex-end; justify-content: space-between;
  padding-bottom: 14px;
  min-height: 48px;
}
.cover-bar .hd { align-self: flex-end; }