.line-links-head { align-items: flex-start; gap: 16px; }
.line-links-head .card-title { margin: 0; }
.line-links-status { margin: 6px 0 0; color: var(--color-text-muted); }
.line-links-summary { display: flex; gap: 48px; padding-bottom: 12px; }
.line-links-summary > div { display: flex; align-items: baseline; gap: 6px; }
.line-links-summary > div > .muted { align-self: center; margin-right: 10px; }
.line-links-summary strong { font-size: 30px; font-weight: 700; line-height: 1.2; font-variant-numeric: tabular-nums; }
.line-links-list-head { padding: 8px 20px 12px; }
.line-links-scroll { max-height: 360px; overflow: auto; border-top: 1px solid var(--color-border); }
.line-links-scroll:focus-visible { outline: 2px solid var(--color-accent); outline-offset: -2px; }
.line-links-table { width: 100%; min-width: 620px; border-collapse: collapse; font-size: 13px; }
.line-links-table th, .line-links-table td { padding: 11px 20px; text-align: left; border-bottom: 1px solid var(--color-border); }
.line-links-table th { position: sticky; top: 0; z-index: 1; background: var(--color-bg-subtle); color: var(--color-text-muted); font-size: 12px; font-weight: 600; }
.line-links-table td { overflow-wrap: anywhere; }
.line-links-table td:first-child, .line-links-table td:nth-child(2) { max-width: 280px; }
.line-links-table strong { font-weight: 600; }
.line-links-time, .line-links-number { white-space: nowrap; font-variant-numeric: tabular-nums; }
.line-links-panel[data-link-feed-state="stale"] .line-links-status,
.line-links-panel[data-link-feed-state="error"] .line-links-status { color: var(--color-danger); }
@media (max-width: 640px) {
  .line-links-summary { gap: 24px; flex-wrap: wrap; }
  .line-links-summary > div { flex-wrap: wrap; }
  .line-links-summary > div > .muted { flex-basis: 100%; margin: 0 0 2px; }
  .line-links-summary strong { font-size: 27px; }
  .line-links-table { min-width: 0; }
  .line-links-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .line-links-table tbody { display: block; }
  .line-links-table tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 3px 12px; padding: 12px 14px; border-bottom: 1px solid var(--color-border); }
  .line-links-table td { display: block; max-width: none; padding: 0; border: 0; }
  .line-links-table td:first-child { grid-column: 1; grid-row: 1; }
  .line-links-table td:nth-child(2) { grid-column: 1; grid-row: 2; color: var(--color-text-muted); font-size: 12px; }
  .line-links-table td:nth-child(3) { grid-column: 1; grid-row: 3; font-size: 12px; }
  .line-links-table td:nth-child(3)::before { content: '顧客番号 '; color: var(--color-text-muted); }
  .line-links-table td:nth-child(4) { grid-column: 2; grid-row: 1 / 4; align-self: center; font-size: 12px; }
  .line-links-table td[colspan] { grid-column: 1 / -1; }
}