/* DINNERMAPPED — "Plan-Next-Week" reminder styles (W-08)
   Reuses the site's design tokens from styles.css. Basil identity (the
   weekly rhythm) so the card reads differently from the terracotta
   share bar above it; on the visitor's planning day, with the reminder
   switched on, the card warms to the lemon wash — the visible flag. */

.remind-bar{
  margin-top:18px;background:var(--paper);border:2px solid var(--basil);
  border-radius:var(--radius);box-shadow:var(--shadow-sm);
  padding:22px 24px;display:flex;flex-wrap:wrap;gap:18px;align-items:center;
}
.remind-bar.is-today{background:var(--lemon-wash);border-color:var(--gold-deep)}
.remind-bar-copy{flex:1 1 300px}
.remind-bar-copy h3{margin:0 0 4px;color:var(--basil-deep)}
.remind-bar.is-today .remind-bar-copy h3{color:var(--gold-deep)}
.remind-count{margin:0 0 6px;font-size:1.06rem}
.remind-count strong{color:var(--tomato)}
.remind-note{margin:0;color:var(--ink-soft);font-size:.94rem}
.remind-controls{flex:0 1 300px;display:flex;flex-direction:column;gap:10px}
.remind-controls label{font-weight:700;font-size:.92rem}
.remind-controls select{
  font:inherit;padding:11px 12px;border:2px solid var(--line);
  border-radius:12px;background:var(--cream);color:var(--ink);width:100%;
}
.remind-status{margin:0;font-size:.9rem;color:var(--ink-soft);min-height:1.35em}
.remind-status:empty{min-height:0}