/* Ikki vosita o'rtasida almashish (maʼlumotnoma <-> CV). Ikkala ilovada bir xil ko'rinadi;
   ranglar mavzuga (light/dark) moslashadi, ilovalarning o'z o'zgaruvchilariga bog'liq emas. */
.tools {
  display: inline-flex; align-items: center; gap: 2px; flex: none;
  padding: 3px; border-radius: 11px;
  background: rgba(18, 22, 30, .06);
  box-shadow: inset 0 0 0 1px rgba(18, 22, 30, .07);
}
.tools a {
  display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 11px;
  border-radius: 8px; text-decoration: none; white-space: nowrap;
  font: 600 12.5px/1 system-ui, -apple-system, "Segoe UI", sans-serif; letter-spacing: .01em;
  color: #4a5262; transition: background-color .15s, color .15s;
}
.tools a:hover { background: rgba(18, 22, 30, .07); color: #1d2430; }
.tools a[aria-current] { background: #fff; color: #10151d; box-shadow: 0 1px 2px rgba(18, 22, 30, .18); }
.tools svg { width: 14px; height: 14px; flex: none; }

@media (prefers-color-scheme: dark) {
  .tools { background: rgba(255, 255, 255, .07); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .09); }
  .tools a { color: #b3bbc9; }
  .tools a:hover { background: rgba(255, 255, 255, .09); color: #e7ebf2; }
  .tools a[aria-current] { background: rgba(255, 255, 255, .16); color: #fff; box-shadow: none; }
}

@media (max-width: 900px) { .tools a .lbl { display: none; } .tools a { padding: 0 9px; } }