/* Approved Home direction: raised paper, pastel edge labels, quiet gradients.
 * Scoped to Home so reader, collection and dialog surfaces retain their design.
 */
.home-dashboard--consolidated {
  --home-paper-gap: calc(var(--space-lg) + var(--space-sm));
  gap: var(--home-paper-gap);
}
.home-dashboard--consolidated :is(.home-progressive-sections, .home-directions, .home-return-grid, .home-consolidated-grid) {
  gap: var(--home-paper-gap);
}

.home-dashboard--consolidated .home-paper-card {
  --home-paper-tint: var(--feeling-surface-gold);
  --home-paper-fill: linear-gradient(145deg, var(--home-surface) 55%, color-mix(in srgb, var(--home-paper-tint) 16%, var(--home-surface)));
  position: relative;
  min-width: 0;
  overflow: visible;
  padding: 0 var(--space-lg) var(--space-lg);
  background: var(--home-paper-fill);
  border: 1px solid color-mix(in srgb, var(--sepia-line) 55%, var(--paper-shadow));
  border-bottom-width: 3px;
  border-radius: var(--home-paper-radius);
  box-shadow: var(--home-paper-shadow);
}
.home-dashboard--consolidated .home-paper-card--blue { --home-paper-tint: var(--feeling-surface-blue); }
.home-dashboard--consolidated .home-paper-card--sage { --home-paper-tint: var(--feeling-surface-sage); }
.home-dashboard--consolidated .home-paper-card--coral { --home-paper-tint: var(--feeling-surface-coral); }
.home-dashboard--consolidated .home-paper-card--lilac { --home-paper-tint: var(--sidebar-settings-surface); }
.home-dashboard--consolidated .home-paper-card--pink { --home-paper-tint: var(--feeling-surface-pink); }
.home-dashboard--consolidated .home-paper-card:hover { box-shadow: var(--home-paper-shadow); }

.home-dashboard--consolidated .home-paper-heading {
  position: relative;
  align-items: flex-start;
  gap: var(--space-sm) var(--space-md);
  margin: calc(-1 * var(--home-paper-label-offset)) 0 var(--space-md);
  padding: 0;
  border: 0;
}
.home-dashboard--consolidated .home-paper-label {
  display: inline-flex;
  align-items: center;
  flex: 0 1 auto;
  gap: var(--space-sm);
  width: fit-content;
  min-width: 0;
  min-height: 40px;
  max-width: 100%;
  margin: 0;
  padding: 6px 12px;
  color: var(--ink-dark);
  background: linear-gradient(125deg, var(--dialog-key-surface), var(--home-paper-tint));
  border: 1px solid color-mix(in srgb, var(--sepia-line) 65%, var(--paper-shadow));
  border-radius: var(--radius-control);
  box-shadow: var(--home-paper-label-shadow);
  font: 500 var(--text-md)/1.4 var(--font-serif);
  overflow-wrap: anywhere;
}
.home-dashboard--consolidated .home-paper-label :is(h2, .home-card-title, .journal-shelf-title) {
  margin: 0;
  font: inherit;
}
.home-dashboard--consolidated .home-paper-label :is(svg, .belief-emblem) {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.home-dashboard--consolidated .home-paper-label :is(.home-card-icon, .journal-shelf-icon) {
  width: 18px;
  height: 18px;
  background: none;
  border: 0;
  box-shadow: none;
}
.home-dashboard--consolidated .home-paper-label:has(.home-section-link) { padding-block: 0; }
.home-dashboard--consolidated .home-paper-label .home-section-link { min-height: 44px; }
.home-dashboard--consolidated .home-paper-heading > :not(.home-paper-label) { min-width: 0; }

/* The first card stays at the shell's standard top gap. */
.home-dashboard--consolidated #quick-write-today {
  padding: var(--space-lg);
  background: var(--home-paper-fill);
  border-color: color-mix(in srgb, var(--sepia-line) 55%, var(--paper-shadow));
  border-bottom-width: 3px;
  border-radius: var(--home-paper-radius);
  box-shadow: var(--home-paper-shadow);
}
.home-dashboard--consolidated #quick-write-today::after { content: none; }
.home-dashboard--consolidated #quick-write-today .quick-write__date {
  background: linear-gradient(135deg, var(--dialog-key-surface), color-mix(in srgb, var(--feeling-surface-gold) 48%, var(--paper-aged)));
}

/* Direction labels float above their full-size reading/photo surfaces. */
.home-dashboard--consolidated .home-directions .home-paper-card {
  grid-template-rows: 1fr;
  padding: 0;
}
.home-dashboard--consolidated .home-paper-label--feature {
  position: absolute;
  z-index: 2;
  top: calc(-1 * var(--home-paper-label-offset));
  left: var(--space-md);
  max-width: calc(100% - 2 * var(--space-md));
  min-height: 36px;
  padding-block: 6px;
  font: 500 var(--text-xs)/1.5 var(--font-sans);
}
.home-dashboard--consolidated .home-paper-label--feature > span { display: inline-flex; }
.home-dashboard--consolidated .north-star-home-card {
  background: transparent;
  border: 0;
  border-radius: calc(var(--home-paper-radius) - 2px);
}
.home-dashboard--consolidated .north-star-home-card__body { padding-top: var(--space-xl); }
.home-dashboard--consolidated .north-star-home-card :is(h2, h3, .north-star-home-card__note) {
  display: block;
  overflow: visible;
  -webkit-line-clamp: unset;
}
.home-dashboard--consolidated .home-directions :is(.north-stars-home__empty, .beliefs-empty) {
  padding: var(--space-lg);
  border: 0;
  border-radius: inherit;
  background: transparent;
}
.home-dashboard--consolidated .beliefs-home .belief-card,
.home-dashboard--consolidated .beliefs-home .belief-card:hover {
  border-radius: calc(var(--home-paper-radius) - 2px);
  filter: none;
}
.home-dashboard--consolidated .beliefs-home .belief-face {
  justify-content: center;
  padding-top: var(--space-xl);
  background: var(--home-paper-fill);
  border-radius: calc(var(--home-paper-radius) - 2px);
  clip-path: none;
}
.home-dashboard--consolidated .beliefs-home .belief-face::before,
.home-dashboard--consolidated .beliefs-home .belief-face::after { content: none; }
.home-dashboard--consolidated .beliefs-home :is(.belief-card__seal, .belief-card__end) { display: none; }

/* A compact paper row keeps planning's current summary and status cues. */
.home-dashboard--consolidated .planning-card.home-paper-card {
  inset: auto;
  z-index: auto;
  width: auto;
  padding: 0;
  overflow: clip;
  background: var(--home-paper-fill);
  border-color: color-mix(in srgb, var(--sepia-line) 55%, var(--paper-shadow));
  box-shadow: var(--home-paper-shadow);
  animation: none;
}
.home-dashboard--consolidated .planning-card.home-paper-card::before { content: none; }
.home-dashboard--consolidated .planning-card.home-paper-card .planning-card__summary {
  min-height: 64px;
  color: var(--ink-dark);
  background: transparent;
}
.home-dashboard--consolidated .planning-card.home-paper-card .planning-card__summary-copy strong {
  font: 500 var(--text-section-heading)/1.4 var(--font-serif);
}

/* Move depth feedback only on content that actually opens. */
.home-dashboard--consolidated :is(.home-paper-card:has(.north-star-home-card__title-link:hover), .home-paper-card:has(.belief-card:hover)) {
  border-color: var(--sepia-line);
}
.home-dashboard--consolidated .home-paper-card:has(:focus-visible) {
  outline: 2px solid var(--leather-brown);
  outline-offset: 4px;
}
.home-dashboard--consolidated .random-memory-card .item-preview::after { background: linear-gradient(to top, var(--home-surface), transparent); }

@media (max-width: 768px) {
  .home-dashboard--consolidated .home-paper-card { padding: 0 var(--space-md) var(--space-md); }
  .home-dashboard--consolidated #quick-write-today { padding: var(--space-md); }
  .home-dashboard--consolidated .home-paper-heading { flex-wrap: wrap; }
  .home-dashboard--consolidated .home-directions :is(.north-stars-home__empty, .beliefs-empty) { padding: var(--space-lg) var(--space-md) var(--space-md); }
  .home-dashboard--consolidated .home-directions .home-paper-card { padding: 0; }
  .home-dashboard--consolidated .home-paper-label { padding-inline: 10px; }
  .home-dashboard--consolidated .mood-tracker-header .home-paper-label { gap: var(--space-xs); }
  .home-dashboard--consolidated .mood-tracker-header .mood-tracker-heading { min-width: 0; }
}
