/* AI Model Deprecation Tracker — searchable table styles */
[data-page="tool"] .rd-box { display: flex; flex-direction: column; gap: 0.75rem; }
[data-page="tool"] .rd-head h4 { margin: 0; }
[data-page="tool"] .rd-sub { margin: 0.2rem 0 0; font-size: var(--text-xs, 0.78rem); opacity: 0.8; }
[data-page="tool"] .rd-filters { display: flex; flex-wrap: wrap; gap: 0.5rem; }
[data-page="tool"] .rd-search {
  flex: 1; min-width: 220px;
  padding: 0.45rem 0.7rem; border-radius: 8px;
  border: 1px solid var(--color-border, rgba(127,127,127,.3));
  background: var(--color-surface-1, transparent);
  color: inherit; font-size: var(--text-sm, 0.85rem);
}
[data-page="tool"] .rd-select {
  padding: 0.45rem 0.6rem; border-radius: 8px;
  border: 1px solid var(--color-border, rgba(127,127,127,.3));
  background: var(--color-surface-1, transparent);
  color: inherit; font-size: var(--text-xs, 0.8rem);
}
[data-page="tool"] .rd-table-wrap { overflow: auto; border: 1px solid rgba(127, 127, 127, 0.16); border-radius: 12px; }
[data-page="tool"] .rd-table { width: 100%; border-collapse: collapse; font-size: var(--text-xs, 0.78rem); min-width: 820px; }
[data-page="tool"] .rd-table th {
  text-align: left; padding: 0.55rem 0.6rem;
  border-bottom: 1px solid rgba(127, 127, 127, 0.2);
  font-size: var(--text-2xs, 0.7rem); text-transform: uppercase; letter-spacing: 0.04em;
  background: rgba(127, 127, 127, 0.06);
  position: sticky; top: 0;
}
[data-page="tool"] .rd-table td { padding: 0.5rem 0.6rem; border-bottom: 1px solid rgba(127, 127, 127, 0.1); vertical-align: top; }
[data-page="tool"] .rd-table tr:last-child td { border-bottom: 0; }
[data-page="tool"] .rd-table tr:hover td { background: rgba(99, 102, 241, 0.05); }
[data-page="tool"] .rd-table .rd-note { max-width: 260px; opacity: 0.8; }
[data-page="tool"] .rd-badge {
  display: inline-block; padding: 0.15rem 0.5rem; border-radius: 999px;
  font-size: var(--text-2xs, 0.66rem); font-weight: 800; letter-spacing: 0.03em;
  white-space: nowrap;
}
[data-page="tool"] .rd-red { background: rgba(239, 68, 68, 0.14); color: #ef4444; }
[data-page="tool"] .rd-amber { background: rgba(245, 158, 11, 0.14); color: #f59e0b; }
[data-page="tool"] .rd-blue { background: rgba(59, 130, 246, 0.14); color: #60a5fa; }
[data-page="tool"] .rd-gray { background: rgba(127, 127, 127, 0.14); color: inherit; }
[data-page="tool"] .rd-none { font-size: var(--text-xs, 0.8rem); opacity: 0.6; }
