/* Opt-in growth feedback; the town hall remains the confirmation surface. */
#hud #settlement-overview {
  position:absolute;
  top:calc(var(--hud-height,46px) + max(8px,env(safe-area-inset-top)) + 56px);
  left:max(8px,env(safe-area-inset-left));
  width:min(224px,calc(100vw - 16px));
  padding:10px 12px;
  display:flex;
  flex-direction:column;
  gap:6px;
  border:1px solid var(--edge);
  border-radius:14px;
  background:var(--paper);
  box-shadow:var(--panel-shadow);
  color:var(--ink);
  text-align:left;
  cursor:pointer;
}
#hud #settlement-overview[hidden],
#hud[data-mode=detail] #settlement-overview,
#hud.jade-guide-open #settlement-overview { display:none; }
#settlement-overview .settlement-stages { display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:13px;color:var(--muted); }
#settlement-overview [data-settlement-stage] { padding:2px 5px;border-radius:5px; }
#settlement-overview [data-settlement-stage][aria-current=step] { background:#dcebd9;color:#174d40;font-weight:700;box-shadow:inset 0 -2px #50846b; }
#settlement-overview [data-reached=true]::before { content:'✓';margin-right:2px; }
#settlement-overview [data-settlement-status] { font-size:14px;font-weight:600;line-height:1.4; }
#settlement-overview .settlement-meta { display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:11px;line-height:1.5;color:var(--muted); }
#settlement-overview [data-settlement-detail] { font-variant-numeric:tabular-nums; }
#settlement-overview .settlement-link { white-space:nowrap; }
#hud #settlement-overview[data-state=ready] { border-color:#50846b; }
#settlement-overview[data-state=ready] [data-settlement-status] { color:#206044; }
#hud #settlement-overview[data-state=strained] { border-color:#b57b36; }
#settlement-overview[data-state=strained] [data-settlement-status] { color:#874414; }
#hud #settlement-overview:focus-visible { outline:3px solid #2f755f;outline-offset:3px; }