/* @couchdicks/ui v1.2.0 — legacy catalog shelf adapter */
body.cd-shelf {
  --bg: var(--cd-bg);
  --panel: var(--cd-surface-1);
  --panel-2: var(--cd-surface-2);
  --ink: var(--cd-text);
  --muted: var(--cd-muted);
  --quiet: var(--cd-quiet);
  --line: var(--cd-border);
  --line-strong: var(--cd-border-strong);
  --accent: var(--cd-accent);
  --ok: var(--cd-good);
  --warn: var(--cd-warn);
  --danger: var(--cd-danger);
  --aero: var(--cd-accent);
  --blackhole: var(--cd-accent);
  --ice: var(--cd-accent-2);
  --gold: var(--cd-accent-2);
  min-height: 100vh;
  margin: 0;
  background:
    linear-gradient(90deg, var(--cd-bg-grid) 1px, transparent 1px) 0 0 / 48px 48px,
    linear-gradient(0deg, var(--cd-bg-grid) 1px, transparent 1px) 0 0 / 48px 48px,
    radial-gradient(circle at 12% 14%, color-mix(in srgb, var(--cd-accent) 15%, transparent), transparent 30rem),
    radial-gradient(circle at 84% 18%, color-mix(in srgb, var(--cd-accent-2) 9%, transparent), transparent 28rem),
    var(--cd-bg);
  color: var(--cd-text);
}

body.cd-shelf::before { mix-blend-mode: normal; opacity: .18; }
body.cd-shelf a { color: inherit; }
body.cd-shelf .shell { position: relative; z-index: 1; }
body.cd-shelf .topbar,
body.cd-shelf .top {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: space-between;
}
body.cd-shelf .topbar .nav,
body.cd-shelf .top > div { margin-left: auto; }
body.cd-shelf .cd-theme-slot { display: inline-flex; flex: 0 0 auto; }
body.cd-shelf .cd-theme-toggle { border-color: var(--cd-border); background: var(--cd-surface-2); color: var(--cd-text); }
body.cd-shelf .brand::before { background: var(--cd-accent-2); box-shadow: 0 0 0 4px color-mix(in srgb, var(--cd-accent) 12%, transparent), 0 0 18px color-mix(in srgb, var(--cd-accent) 36%, transparent); }
body.cd-shelf .counter,
body.cd-shelf .card,
body.cd-shelf .panel,
body.cd-shelf .chart,
body.cd-shelf .stat,
body.cd-shelf .callout,
body.cd-shelf .rail div,
body.cd-shelf .bench article,
body.cd-shelf .status-table-wrap,
body.cd-shelf .status-summary article {
  background: linear-gradient(180deg, color-mix(in srgb, var(--cd-text) 5%, transparent), transparent 42%), var(--cd-surface-1);
  border-color: var(--cd-border);
  color: var(--cd-text);
}
body.cd-shelf .meta,
body.cd-shelf .card footer,
body.cd-shelf .panel-heading,
body.cd-shelf .status-table th,
body.cd-shelf .status-table td { border-color: var(--cd-border); }
body.cd-shelf .nav a,
body.cd-shelf .top a:not(.brand),
body.cd-shelf input,
body.cd-shelf select,
body.cd-shelf button { border-color: var(--cd-border); }

:root[data-cd-theme="light"] body.cd-shelf::before { opacity: .06; }
:root[data-cd-theme="light"] body.cd-shelf .shot,
:root[data-cd-theme="light"] body.cd-shelf .placeholder,
:root[data-cd-theme="light"] body.cd-shelf .text-shot { background-color: var(--cd-surface-2); }
:root[data-cd-theme="light"] body.cd-shelf .nav a,
:root[data-cd-theme="light"] body.cd-shelf .top a:not(.brand),
:root[data-cd-theme="light"] body.cd-shelf input,
:root[data-cd-theme="light"] body.cd-shelf select,
:root[data-cd-theme="light"] body.cd-shelf button,
:root[data-cd-theme="light"] body.cd-shelf .status-pill { background: var(--cd-surface-2); color: var(--cd-muted); }
:root[data-cd-theme="light"] body.cd-shelf .card.priority .meta { background: color-mix(in srgb, var(--cd-accent) 8%, transparent); }
:root[data-cd-theme="light"] body.cd-shelf .status-pill.good { color: var(--cd-good); }
:root[data-cd-theme="light"] body.cd-shelf .status-pill.watch { color: var(--cd-warn); }
:root[data-cd-theme="light"] body.cd-shelf .status-pill.broken { color: var(--cd-danger); }

body.cd-shelf[data-cd-brand="robinhood"] { font-family: "Chivo Mono", ui-monospace, monospace; }
body.cd-shelf[data-cd-brand="robinhood"] .top { border-color: var(--cd-border); color: var(--cd-muted); }
body.cd-shelf[data-cd-brand="robinhood"] .top a { color: var(--cd-muted); }
body.cd-shelf[data-cd-brand="robinhood"] .top [aria-current] { color: var(--cd-accent); }
body.cd-shelf[data-cd-brand="robinhood"] .hero h1,
body.cd-shelf[data-cd-brand="robinhood"] .copy h2,
body.cd-shelf[data-cd-brand="robinhood"] .hero aside span { font-family: "Instrument Serif", Georgia, serif; }
body.cd-shelf[data-cd-brand="robinhood"] .eyebrow,
body.cd-shelf[data-cd-brand="robinhood"] .copy p,
body.cd-shelf[data-cd-brand="robinhood"] .hero h1 i { color: var(--cd-accent); }
body.cd-shelf[data-cd-brand="robinhood"] .hero aside span,
body.cd-shelf[data-cd-brand="robinhood"] .card footer b { color: var(--cd-accent-2); }
body.cd-shelf[data-cd-brand="robinhood"] .card { background: color-mix(in srgb, var(--cd-surface-1) 92%, transparent); }

@media (max-width: 760px) {
  body.cd-shelf .topbar,
  body.cd-shelf .top { align-items: stretch; display: grid; grid-template-columns: 1fr auto; }
  body.cd-shelf .topbar .nav,
  body.cd-shelf .top > div { grid-column: 1 / -1; margin: 0; order: 3; overflow-x: auto; }
  body.cd-shelf .cd-theme-slot { grid-column: 2; grid-row: 1; justify-self: end; }
}