/* /archive — archived follow-ups as one-line rows on a hairline. Uses board.css for tokens and controls. */
.arch-back{font-size:var(--t-label);font-weight:500;color:var(--blue);text-decoration:none}
.arch-back:hover{text-decoration:underline}
.arch-search{width:340px}
.arch-owner-label{font-size:var(--t-label);color:var(--muted);margin-left:4px}
.arch-owner{width:180px}

.arch{flex:1 0 auto;padding:8px var(--gutter) 48px}
.arch-row,.arch-cols{display:grid;align-items:center;column-gap:16px;
  grid-template-columns:32px minmax(140px,1.1fr) minmax(0,2fr) minmax(90px,.7fr) minmax(70px,.5fr) 190px 84px}
.arch-cols{min-height:32px;font-size:var(--t-meta);font-weight:700;border-bottom:1px solid var(--line);padding:0 8px}
.arch-list{list-style:none;margin:0;padding:0}
.arch-row{min-height:48px;padding:0 8px;border-bottom:1px solid var(--line);cursor:pointer;border-radius:0}
.arch-row:hover{background:var(--lane)}
.arch-row:focus-within{background:var(--lane)}
.arch-open{grid-column:2 / 7;display:grid;grid-template-columns:subgrid;align-items:center;min-width:0;
           color:var(--ink);text-decoration:none;min-height:48px}
.arch-open:focus-visible{outline:2px solid var(--blue);outline-offset:-2px;border-radius:var(--r-field)}
.arch-name{font-size:var(--t-body);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.arch-what,.arch-col,.arch-owner-cell,.arch-when{font-size:var(--t-label);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.arch-col,.arch-owner-cell,.arch-when{color:var(--muted)}
.arch-when{font-variant-numeric:tabular-nums}
.arch-restore{justify-self:end}
.arch-sub{display:none;font-size:var(--t-meta);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.arch-empty{margin:24px 0 0;font-size:var(--t-label);color:var(--muted)}
.arch-more{margin:16px 0 0;font-size:var(--t-meta);color:var(--muted)}
.arch-row.is-going{opacity:.4;pointer-events:none}

@media (max-width:900px){
  .arch-row,.arch-cols{grid-template-columns:32px minmax(0,1fr) auto}
  .arch-cols{display:none !important}
  .arch-open{grid-column:2;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:2px;padding:6px 0}
  .arch-what,.arch-col,.arch-owner-cell,.arch-when{display:none}
  .arch-sub{display:block}
}
@media (max-width:640px){
  .arch-search{width:100%}
  .arch-owner-label{margin-left:0}
  .arch-owner{flex:1;width:auto}
  .arch{padding-top:4px}
}