/* T05: Retro screen. Shared tokens and components come from styles.css. */

.retro-head { display: flex; flex-direction: column; gap: 10px; padding: 8px 4px 4px; }
.retro-kicker { font-size: 12px; letter-spacing: .02em; }
.retro-nav { margin-left: auto; gap: 8px; }
.retro-chips { flex-wrap: wrap; }

/* Form and stat cards: even padding (the shared .card padding leaves room for a Ring). */
.retro-card { padding: 14px; gap: 10px; }

/* Stat rows: 72px label · 6px bar · done/scheduled */
.retro-stat { display: grid; grid-template-columns: 72px minmax(0, 1fr) auto; align-items: center; gap: 10px; font-size: 13px; }
.retro-stat-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--text-2); }
.retro-stat-num { min-width: 36px; text-align: right; font-size: 13px; color: var(--text-2); }
.retro-bar { height: 6px; border-radius: 3px; background: var(--border); overflow: hidden; }
.retro-fill { height: 100%; border-radius: 3px; min-width: 0; transition: width .2s; }
.retro-empty { font-size: 13px; }
.retro-foot { font-size: 12px; }

.retro-warn {
  display: flex; align-items: flex-start; gap: 8px;
  background: var(--warn-bg); border: 1px solid var(--warn-border); color: var(--warn);
  border-radius: var(--r-input); padding: 8px 10px; font-size: 13px; line-height: 1.4;
}
.retro-warn-icon { flex: none; margin-top: 1px; }
.retro-warn-lines { display: flex; flex-direction: column; gap: 2px; min-width: 0; }

/* Week goals */
.retro-goal { gap: 4px; }
.retro-goal-name { font-weight: 600; }
.retro-goal-empty .row { min-height: var(--tap); }
.retro-goal-none { margin-left: auto; padding-right: 10px; font-size: 13px; }

/* Questions */
.retro-qa { display: flex; flex-direction: column; gap: 8px; }
.retro-qa + .retro-qa { margin-top: 4px; }
.retro-q { font-size: 14px; font-weight: 500; line-height: 1.4; color: var(--text); }
.retro-book { white-space: normal; line-height: 1.3; text-align: left; }

.retro-next-label { font-weight: 600; font-size: 14px; }

.retro-save { margin-top: 8px; }