:root {
  --bg-body: #0d1117;
  --bg-card: #161b22;
  --border: #232a33;
  --accent: #2f81f7;
  --accent-soft: rgba(47, 129, 247, .15);
}

body {
  background: var(--bg-body);
  min-height: 100vh;
}

.navbar-netlog {
  background: var(--bg-card);
  border-bottom: 1px solid var(--border);
  padding: .5rem 0;
}

.navbar-netlog .navbar-brand {
  font-weight: 600;
  letter-spacing: .3px;
  color: #e6edf3;
}

.navbar-netlog .nav-link {
  color: #adbac7;
  text-decoration: none;
  white-space: nowrap;
}

.navbar-netlog .nav-link:hover { color: var(--accent); }

.btn-burger {
  color: #adbac7;
  border: 1px solid var(--border);
  font-size: 1.25rem;
  line-height: 1;
  padding: .25rem .5rem;
}

.mobile-nav {
  background: var(--bg-card);
  border-top: 1px solid var(--border);
}

.mobile-nav-inner {
  display: flex;
  flex-direction: column;
  padding: .5rem 0;
}

.card {
  background: var(--bg-card);
  border: 1px solid var(--border);
}

.pair-code {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 2.5rem;
  letter-spacing: .5rem;
  color: var(--accent);
}

/* Заметка о том, что почасовой график сглажен: должна быть видна, но не кричать. */
.hint-approx {
  font-size: .8rem;
  color: #768390;
}

.app-avatar {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: var(--accent-soft);
  color: var(--accent);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: .85rem;
  flex: 0 0 auto;
}

.app-icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  flex: 0 0 auto;
  object-fit: contain;
}

.table-apps td { vertical-align: middle; }