/*
 * 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-schedule { min-width: 0; }
.home-schedule__panel {
  background: var(--bg-surface);
  border: 1px solid var(--border-primary);
  border-radius: var(--radius-panel);
  overflow: hidden;
}
.home-schedule__next { padding: 0.65rem 1rem; }
.home-schedule__next h2 { font-size: var(--font-ui-sm); }
.home-schedule__body { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 1.25rem; }
.home-schedule__details { flex: 1 1 10rem; min-width: 0; }
.home-schedule__title { font-size: 1.125rem; margin-bottom: 0.25rem; }
.home-schedule__when { font-size: 0.875rem; margin-bottom: 0.125rem; }
.home-schedule__location { font-size: 0.8rem; margin-bottom: 0; overflow-wrap: anywhere; }
.home-schedule__responses { display: flex; flex-direction: column; gap: 0.375rem; min-width: 0; max-width: 100%; }
.home-schedule__response { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.5rem; }
.home-schedule__rsvp-prompt { max-width: 13rem; }
.home-schedule__rsvp-button { width: 2.75rem; height: 2.75rem; padding: 0; font-size: 1.2rem; }
.home-schedule__rsvp-button[aria-pressed="true"] { background: var(--btn-primary-bg); color: white; border-color: var(--btn-primary-bg); }
.home-schedule__rsvp-button[data-status="unable"][aria-pressed="true"] { background: var(--error); border-color: var(--error); color: var(--bg-surface); }
.home-schedule__following {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
  padding: 0;
  margin: 0;
  list-style: none;
  border-top: 1px solid var(--border-primary);
  overflow-x: auto;
}
.home-schedule__following li + li { border-inline-start: 1px solid var(--border-primary); }
.home-schedule__upcoming { display: block; height: 100%; padding: 0.45rem 0.65rem; text-decoration: none; }
.home-schedule__upcoming strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.75rem; }
.home-schedule__upcoming time { display: block; margin-top: 0.125rem; font-size: 0.75rem; color: var(--text-secondary); white-space: nowrap; }
.home-schedule__upcoming:hover, .home-schedule__upcoming:focus-visible { background: var(--bg-elevated); }
@media (max-width: 575.98px) {
  .home-schedule__following { grid-template-columns: repeat(5, minmax(7rem, 1fr)); }
}

.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));
}