.flag-ru span:nth-child(1) { background: #fff; }
.flag-ru span:nth-child(2) { background: #003a94; }
.flag-ru span:nth-child(3) { background: #dc143c; }

.network-warning,
.support-warning {
  margin: 16px 0 0;
}

.network-warning {
  background: color-mix(in srgb, var(--red) 9%, transparent);
  border: 1px solid color-mix(in srgb, var(--red) 26%, transparent);
}

.network-warning strong { color: var(--red); font-weight: 700; }

.support-warning { background: var(--panel-subtle); border: 1px solid var(--line); }
.support-warning ul,
.support-warning-note { color: var(--muted); }

.region-chip {
  align-items: center;
  background: var(--panel);
  border: 1px solid var(--line);
  border-radius: var(--radius-pill);
  color: var(--ink);
  display: inline-flex;
  font-size: 14px;
  gap: 10px;
  margin-top: 18px;
  padding: 8px 14px;
}

.flag-ru {
  border: 1px solid var(--line);
  border-radius: 3px;
  display: inline-flex;
  flex-direction: column;
  height: 16px;
  overflow: hidden;
  width: 22px;
}

.flag-ru span { flex: 1; }

.contact-list {
  border-top: 1px solid var(--line);
  display: grid;
  gap: 12px;
  margin-top: 20px;
  padding-top: 18px;
}

.contact-row {
  align-items: start;
  color: var(--muted);
  display: grid;
  font-size: 14px;
  gap: 10px;
  grid-template-columns: 20px minmax(0, 1fr);
  line-height: 1.43;
}

.contact-row svg { color: var(--icon-blue); margin-top: 2px; }
.contact-row a { color: var(--icon-blue); text-decoration: none; }