T14: penanda vote basi (last_vote dari rasio bobot/stake, filter ?stale=1, VEX_STALE_DAYS)

static/style.css

@@ -98,7 +98,7 @@ body {
 /* ————— stats band ————— */
 .stats {
   display: grid;
-  grid-template-columns: repeat(3, 1fr);
+  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
   border-top: 1px solid var(--hairline);
   border-bottom: 1px solid var(--hairline);
   margin: 0 var(--sp-lg) var(--sp-xl);
@@ -164,13 +164,14 @@ button.pill {
 }
 .search-result { margin: 0 var(--sp-lg); }
 .search-result:empty { display: none; }
+.search-extra { margin: var(--sp-xxs) var(--sp-lg) 0; }
 
 /* ————— spec-list ————— */
 .spec-list { margin: var(--sp-md) var(--sp-lg) 0; border-top: 1px solid var(--hairline-strong); }
 .list-header,
 .list-row {
   display: grid;
-  grid-template-columns: 72px 1fr 200px 1fr;
+  grid-template-columns: 72px 1fr 200px 170px 1fr;
   gap: var(--sp-lg);
   align-items: baseline;
   padding: var(--sp-lg) var(--sp-sm);
@@ -186,12 +187,24 @@ button.pill {
 }
 .list-row:nth-child(odd) { background: var(--surface-soft); }
 .rank,
-.weight {
+.weight,
+.vote-date {
   font-family: var(--font-mono);
   font-size: 11px;
   letter-spacing: 1.5px;
   color: var(--muted);
 }
+.stale-mark {
+  display: inline-block;
+  border: 1px solid var(--hairline-strong);
+  border-radius: 9999px;
+  padding: 1px 8px;
+  margin-right: 8px;
+  font-size: 10px;
+  letter-spacing: 2px;
+  color: var(--muted-soft);
+}
+.is-stale .owner { color: var(--muted); }
 .owner {
   font-family: var(--font-display);
   font-size: 20px;
@@ -266,8 +279,8 @@ button.pill {
 /* ————— tablet (768–1024px) ————— */
 @media (max-width: 1024px) {
   .list-header,
-  .list-row { grid-template-columns: 56px 1fr 160px 1fr; gap: var(--sp-md); }
-  .spec-list, .stats, .search, .search-result { margin-left: var(--sp-md); margin-right: var(--sp-md); }
+  .list-row { grid-template-columns: 56px 1fr 160px 150px 1fr; gap: var(--sp-md); }
+  .spec-list, .stats, .search, .search-result, .search-extra { margin-left: var(--sp-md); margin-right: var(--sp-md); }
 }
 
 /* ————— mobile (<768px): list → kartu berlabel ————— */
@@ -287,12 +300,14 @@ button.pill {
   .list-row .rank { grid-row: 1 / span 3; grid-column: 1; align-self: start; padding-top: 6px; }
   .list-row .owner { grid-column: 2; font-size: 18px; }
   .list-row .stake,
-  .list-row .weight { grid-column: 2; }
+  .list-row .weight,
+  .list-row .vote-date { grid-column: 2; }
   .list-row .stake { text-align: left; }
   .list-row .stake,
   .list-row .weight { overflow-wrap: anywhere; }
   .list-row .stake::before,
-  .list-row .weight::before {
+  .list-row .weight::before,
+  .list-row .vote-date::before {
     content: attr(data-label);
     display: block;
     font-family: var(--font-mono);