/* ─────────────────────────────────────────────────────────────────
* links.css — Links tab styles.
*
* Step 3 of the per-tab cockpit architecture
* (_arch/cockpit-architecture-proposal.md §2 + §3).
*
* All selectors are prefixed with `#view-links` to scope rules to the
* Links view container. Matches the PM platform pattern
* (`#view-projects .pm-card`). Per-tab CSS files load via in
* index.html's , AFTER /cockpit/shared/tokens.css.
*
* Selectors moved verbatim from public/index.html L429-452 (frozen at
* cockpit.lock v2026.06.07.).
* ─────────────────────────────────────────────────────────────── */
#view-links .links-categories { display: flex; flex-direction: column; gap: 20px; }
#view-links .link-cat {
background: linear-gradient(180deg, rgba(11, 13, 20, 0.65), rgba(7, 9, 16, 0.55));
border: 1px solid var(--border);
border-radius: 14px;
padding: 20px;
backdrop-filter: var(--glass-blur);
box-shadow: var(--elev-1);
}
#view-links .link-cat h3 { font-size: 10px; text-transform: uppercase; letter-spacing: 0.12em; margin-bottom: 14px; color: var(--text-dim); font-weight: 600; }
#view-links .link-row {
display: flex; gap: 12px; padding: 12px 14px;
background: rgba(15, 18, 30, 0.55);
border: 1px solid var(--border);
border-radius: 10px;
margin-bottom: 9px;
align-items: flex-start;
transition: all 0.15s ease;
}
#view-links .link-row:hover { border-color: var(--border-strong); background: rgba(30, 28, 54, 0.4); }
#view-links .link-body { flex: 1; min-width: 0; }
#view-links .link-title { font-size: 13px; font-weight: 600; }
#view-links .link-note { font-size: 11px; color: var(--text-dim); margin-top: 4px; line-height: 1.5; }
#view-links .link-meta { font-size: 10px; color: var(--text-faint); margin-top: 5px; }