/* share/screens.css — Share-tab additions */
@import url("../today/screens.css");

.io .link-card {
  background: var(--io-bg-elev);
  border-radius: 16px;
  padding: 14px 16px;
  border-left: 4px solid currentColor;
}
.io .link-card + .link-card { margin-top: 8px; }
.io .link-card .ttl { font-size: 16px; font-weight: 600; letter-spacing: -0.3px; color: var(--io-label); }
.io .link-card .meta { font-size: 12px; color: var(--io-label-secondary); margin-top: 2px; }
.io .link-card .url {
  margin-top: 10px; padding: 7px 10px;
  background: var(--io-fill-quaternary); border-radius: 8px;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12px; color: var(--io-label-secondary);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.io .link-card.revoked { border-left-color: var(--io-label-tertiary); opacity: 0.7; }
.io .link-card.revoked .ttl { color: var(--io-label-secondary); text-decoration: line-through; }

.io .feed-chip {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 5px 10px; border-radius: 999px;
  font-size: 12px; font-weight: 500;
  background: var(--io-fill-tertiary);
  color: var(--io-label);
}
.io .feed-chip.on { background: rgba(0,122,255,0.14); color: var(--io-blue); }
.io .feed-chip .dot { width: 7px; height: 7px; border-radius: 50%; }

/* Stat tiles row */
.io .stat-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; padding: 0 16px; }
.io .stat-tile { background: var(--io-bg-elev); border-radius: 14px; padding: 12px; }
.io .stat-tile .lb { font-size: 10px; color: var(--io-label-secondary); text-transform: uppercase; letter-spacing: 0.6px; font-weight: 600; }
.io .stat-tile .vl { font-size: 24px; font-weight: 300; letter-spacing: -0.4px; margin-top: 4px; font-variant-numeric: tabular-nums; }