/* =========================================================================
   EMPIRIUM OS — MOBILE: WEEKLY REVIEW
   Only new rules. Everything else (.ps-card, .ps-head, .badge, .chip, .row,
   .list, .empty, .bfield textarea, .section-head...) already exists in
   app.css and is reused as-is.
   ========================================================================= */

/* Planned / Done / Remaining / Complete% — four equal tiles above the list. */
.rv-stats{
  display:grid; grid-template-columns:repeat(4,1fr); gap:8px;
  margin-bottom:16px;
}
.rv-stat{
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:3px; min-height:64px; padding:8px 4px;
  background:var(--card); border:1px solid var(--line-soft);
  border-radius:var(--r-lg); text-align:center;
}
.rv-stat b{
  font-family:var(--font-display); font-size:19px; font-weight:600; color:var(--text);
}
.rv-stat span{
  font-family:var(--font-mono); font-size:9.5px; letter-spacing:.6px;
  text-transform:uppercase; color:var(--faint);
}
.rv-stat-accent b{ color:var(--accent); }

/* Completed tasks stay collapsed by default — this week's remaining work is
   the thing worth seeing at a glance, not a scroll of things already done. */
.rv-toggle-completed{
  width:100%; min-height:44px; margin-top:10px;
  background:none; border:1px dashed var(--line); border-radius:var(--r-md);
  color:var(--muted); font-family:var(--font-mono); font-size:12px; letter-spacing:.4px;
  cursor:pointer;
}
.rv-toggle-completed:active{ background:var(--card-2); }
.rv-completed-list{ margin-top:8px; }

/* Retro textareas sit inside an already-open ps-card; tighten the .bfield
   spacing that assumes a full-page form context. */
.rv-retro-field{ margin-bottom:12px; }
.rv-retro-field:last-child{ margin-bottom:0; }
.rv-retro-field label{ margin-bottom:5px; }