/*
 * Logged-in home / overview — same visual language as tabir workspace:
 * serif page title, section h6 headings, warm paper bordered list groups.
 */

.home-dashboard__list {
  margin-bottom: 0;
  background: var(--bg-surface);
}

.home-dashboard__list .list-group-item,
.workspace-framed-list .list-group-item {
  background: var(--bg-surface);
}

/* Inbox / review — warmer paper than other nudges so it reads as a task, not a ghost. */
.home-dashboard__review-panel {
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius-panel);
  border: 1px solid color-mix(in srgb, var(--icon-gold) 32%, var(--nudge-border));
  background: color-mix(in srgb, var(--icon-gold) 20%, var(--bg-surface));
  box-shadow: none;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}

button.home-dashboard__review-panel {
  appearance: none;
  width: 100%;
  margin: 0;
  font: inherit;
  text-align: start;
  cursor: pointer;
}

.home-dashboard__review-panel:hover,
.home-dashboard__review-panel:focus-visible {
  border-color: color-mix(in srgb, var(--icon-gold) 42%, var(--nudge-border));
  background: color-mix(in srgb, var(--icon-gold) 26%, var(--bg-surface));
}

.home-dashboard__review-panel:focus-visible {
  outline: 2px solid var(--focus-ring, var(--primary));
  outline-offset: 2px;
}

.home-dashboard__review-panel-cta {
  pointer-events: none;
  margin-inline-start: auto;
}

html[data-theme="dark"] .home-dashboard__review-panel {
  background: color-mix(in srgb, var(--icon-gold) 22%, var(--bg-surface));
  border-color: color-mix(in srgb, var(--icon-gold) 36%, var(--nudge-border));
}

html[data-theme="dark"] .home-dashboard__review-panel:hover,
html[data-theme="dark"] .home-dashboard__review-panel:focus-visible {
  background: color-mix(in srgb, var(--icon-gold) 28%, var(--bg-surface));
  border-color: color-mix(in srgb, var(--icon-gold) 48%, var(--nudge-border));
}