.nav-actions { display:flex; align-items:center; gap:12px; }
.theme-picker { display:inline-flex; flex:0 0 auto; gap:2px; padding:3px; border:1px solid #465060; border-radius:999px; background:#151b24; }
.theme-picker button { display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; padding:0; border:1px solid transparent; border-radius:50%; background:transparent; color:#b7c2d1; cursor:pointer; }
.theme-picker button:hover { background:#2b3645; color:#fff; }
.theme-picker button[aria-pressed="true"] { border-color:#719aca; background:#2b4260; color:#ecf5ff; }
.theme-picker button:focus-visible { outline:2px solid #90c7ff; outline-offset:3px; }
.theme-picker svg { width:17px; height:17px; pointer-events:none; }
html[data-theme] .stock-status.tag,
html[data-theme] .stock-status.chip {
  display:inline-flex; align-items:center; gap:6px;
  padding:3px 0; border-radius:0; background:transparent;
  color:var(--ink-48,var(--muted,#666)); white-space:nowrap;
}
.stock-status::before {
  content:""; width:7px; height:7px; flex:0 0 7px;
  border-radius:50%; background:var(--stock-dot,#64748b);
}
.stock-status.in-stock { --stock-dot:#059669; }
.stock-status.out-stock { --stock-dot:#ef4444; }
.stock-status.unknown-stock { --stock-dot:#64748b; }
html[data-theme="dark"] .stock-status.in-stock { --stock-dot:#34d399; }
html[data-theme="dark"] .stock-status.out-stock { --stock-dot:#ff6b6b; }
html[data-theme="dark"] .stock-status.unknown-stock { --stock-dot:#94a3b8; }
html[data-theme="light"] { color-scheme:light; }
html[data-theme="dark"] {
  color-scheme:dark;
  --blue:#70b5ff;
  --blue-focus:#92c7ff;
  --blue-on-dark:#70b5ff;
  --ink:#edf2f8;
  --ink-80:#d1dae6;
  --ink-48:#adb9ca;
  --hairline:#374355;
  --divider:#2a3545;
  --canvas:#111722;
  --parchment:#17202d;
  --pearl:#1b2533;
  --dark-1:#141c28;
  --dark-2:#1c2634;
  --dark-3:#17212d;
  --chip:#2b3748;
  --border:var(--hairline);
  --muted:var(--ink-48);
}
html[data-theme="dark"] .card,
html[data-theme="dark"] .about-section,
html[data-theme="dark"] .badge,
html[data-theme="dark"] .copy-btn,
html[data-theme="dark"] .parchment .tool-icon,
html[data-theme="dark"] .skip-link,
html[data-theme="dark"] .filters,
html[data-theme="dark"] .product-card,
html[data-theme="dark"] .region-links a,
html[data-theme="dark"] .empty,
html[data-theme="dark"] .pagination a,
html[data-theme="dark"] .catalog-disclosure,
html[data-theme="dark"] .vps-catalog-entry a.secondary { background:var(--pearl); }
html[data-theme="dark"] .hero:not(#top),
html[data-theme="dark"] .content + footer { background:var(--parchment); }
html[data-theme="dark"] #top.hero {
  background-image:linear-gradient(90deg,rgba(17,23,34,.8),rgba(17,23,34,.97) 35%,rgba(17,23,34,.97) 65%,rgba(17,23,34,.8)),url('/assets/hero-network-20261002.webp?v=20261003-2da56ac1cf6b');
}
html[data-theme="dark"] .code-bar { border-color:var(--divider); }
html[data-theme="dark"] .vps-catalog-entry { border-color:#36577b; background:#182b42; }
html[data-theme="dark"] .vps-catalog-entry a.secondary:hover { background:#223b57; }
html[data-theme="dark"] .tag.premium { background:#34445b; color:var(--ink); }
html[data-theme="dark"] .hero-meta span,
html[data-theme="dark"] .chip,
html[data-theme="dark"] .facts { color:var(--ink-80); }
html[data-theme="dark"] .chip { background:#293547; }
html[data-theme="dark"] .chip.optimized { background:#213f62; color:#b1d6ff; }
html[data-theme="dark"] .chip.international { background:#3e382b; color:#e5d3ab; }
html[data-theme="dark"] .tag.in-stock:not(.stock-status),
html[data-theme="dark"] .chip.in-stock:not(.stock-status) { background:#183b2c; color:#afdfc3; }
html[data-theme="dark"] .tag.out-stock:not(.stock-status),
html[data-theme="dark"] .chip.out-stock:not(.stock-status) { background:#472e1e; color:#ffca92; }
html[data-theme="dark"] .tag.unknown-stock:not(.stock-status),
html[data-theme="dark"] .chip.unknown-stock:not(.stock-status) { background:#303c4e; color:#cad5e4; }
html[data-theme="dark"] .field input,
html[data-theme="dark"] .field select { border-color:var(--hairline); background:var(--parchment); }
html[data-theme="dark"] .field input::placeholder { color:#abb7c6; }
html[data-theme="dark"] .filter-actions #clear-filters { background:var(--pearl); }
html[data-theme="dark"] .btn-primary,
html[data-theme="dark"] .nav-cta,
html[data-theme="dark"] .card-btn.primary,
html[data-theme="dark"] .product-link,
html[data-theme="dark"] .tag.hot,
html[data-theme="dark"] .copy-btn.copied,
html[data-theme="dark"] .filter-actions button:not(#clear-filters),
html[data-theme="dark"] .pagination a[aria-current="page"] { background:#0066cc; color:#fff; }
html[data-theme="dark"] .btn-primary:hover,
html[data-theme="dark"] .card-btn.primary:hover,
html[data-theme="dark"] .product-link:hover,
html[data-theme="dark"] .filter-actions button:not(#clear-filters):hover { background:#0071e3; }
html[data-theme="dark"] .copy-btn.failed { color:#ffb2a9; border-color:#ffb2a9; }
html[data-theme="dark"] .promotion-section { background:#241e36; border-color:#584369; }
html[data-theme="dark"] .promotion-note,
html[data-theme="dark"] .promotion-meta { color:var(--ink-48); }
html[data-theme="dark"] .promotion-holiday { background:#3b2b50; color:#d8baff; }
html[data-theme="dark"] .promotion-regular { background:#183c3d; color:#a4e3df; }
html[data-theme="dark"] .promotion-pending { background:#44351a; color:#f8d997; }
html[data-theme="dark"] .promotion-expired,
html[data-theme="dark"] .promotion-upcoming { background:#303440; color:#c1cbd9; }
html[data-theme="dark"] .promotion-detail { background:#1c2431; border-color:var(--hairline); }
html[data-theme="dark"] .promotion-detail summary { color:#d8baff; }
html[data-theme="dark"] .promotion-detail.promotion-pending summary { color:#f8d997; }
html[data-theme="dark"] .promotion-detail.promotion-expired summary,
html[data-theme="dark"] .promotion-detail.promotion-upcoming summary { color:#c1cbd9; }
@media (max-width:640px) {
  .nav-links { gap:12px; }
  .nav-actions { gap:8px; }
  .home-link .return-detail { display:none; }
  html[data-theme="dark"] #top.hero {
    background-image:linear-gradient(90deg,rgba(17,23,34,.94),rgba(17,23,34,.98) 38%,rgba(17,23,34,.98) 65%,rgba(17,23,34,.94)),url('/assets/hero-network-20261002.webp?v=20261003-2da56ac1cf6b');
  }
}